QualityNet Jira and QualityNet Confluence will be briefly unavailable on Wednesday, July 24, 2024, between 8:00 PM ET and 9:00 PM ET while the team performs an AMI update.  If you have questions or concerns, please reach out to us in Slack at #help-atlassian.

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Section

Image Removed

Column
width100%
HTML
<link rel="stylesheet" href="https://reporting.healthcarecommunities.org/DesktopModules/CSI/CSIQUp_ETCLC/css/confluence-menu.css?ver=1">
<link rel="stylesheet" href="https://reporting.healthcarecommunities.org/DesktopModules/CSI/CSIQUp_ETCLC/css/confluence-header.css?ver=3">


Column
width100%

Image Added

.left { width: 40%; margin-left: auto; margin-right: auto; } .middle { width: 40%; height: auto; } .right { width: 20%; } .column { float: left; padding: 10px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Style the counter cards */ .card { min-width: 225px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */ padding: 16px; text-align: center; background-color: #fbfbf9; font-family: Verdana, sans-serif; height: auto; } * { box-sizing: border-box; } .header_container { text-align: center; display: block; align-items: center; } .header_container { overflow: hidden; } .header_container div { /*min-height: 200px;*/ } .header_left { padding: 20px; float: left; width: 50%; margin-left: auto; margin-right: auto; } .header_right { float: right; width: 50% !important; height: auto; } .header_right1 div{ text-align: center; align-items: center; } /* Use a media query to add a break point at 800px: */ @media screen and (max-width: 1200px) { .header_container { display: block; } } @media screen and (max-width: 1200px) { .header_left, .header_right { float: none; margin: auto; width: auto; border: 0; /*border-bottom: 2px solid #000;*/ } } .carousel { display: block; max-width: 400px; min-width: 400px; padding-top: 0px; padding-left: 5px; margin-left: auto; margin-right: auto; } .mySlides { display: none; } .mySlides img{ object-fit: cover; width: 100%; height: auto; } .mySlide { width: 100%; height: 100%; border-radius: 5%; } #main1 { max-width: 1600px; }   .test .confluenceTd { padding: 2px 5px !important; /* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */ vertical-align: top; text-align: center; min-width: 8px; /* CONF-39943: set table cell min-width to which cursor can be focused */
HTML
<div class="header_container row">
  <div class="column left<div class="header_container row">
  <div class="column left">
    <img class="confluence-embedded-image image-center" height=150px draggable="false" src="https://qnetconfluence.cms.gov/download/attachments/522098634/ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
  </div>
  <div class="column middle">
    <div class="carousel">
     <img <div class="mySlides"><img class="mySlideconfluence-embedded-image image-center" height=150px draggable="false" src="https://reportingqnetconfluence.healthcarecommunitiescms.orggov/download/Desktopmodulesattachments/CSI522098634/CSIQUp_ETCLC/images/carousel/ca1.jpg"/></div>ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
  </div>
  <div class="column middle">
    <div class="carousel">
      <div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca2ca1.jpg"/></div>
      <div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca3ca2.jpg"/></div>
      <div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca4ca3.jpg"/></div>
      <div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca4.jpg"/></div>
      <div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca5.jpg"/></div>       
    </div>
  </div>
   <div class="column right"> 
    <div class="card">
      <h3>Current ETCLC Members</h3>
      <p>Progress Tracker <a href='https://healthcarecommunities.b2clogin.com/healthcarecommunities.onmicrosoft.com/oauth2/v2.0/authorize?p=b2c_1_etclc_signin&response_type=id_token&client_id=07e0f659-b33e-444d-a279-b6e0d59f8e67&redirect_uri=https%3A%2F%2Fetclc.healthcarecommunities.org%2F&response_mode=form_post&scope=openid&state=generic' target='_blank'>Login</a></p>
      <p>Not a Tracker user? <a href='https://healthcarecommunities.b2clogin.com/healthcarecommunities.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1_ETCLC_signup&client_id=07e0f659-b33e-444d-a279-b6e0d59f8e67&nonce=defaultNonce&redirect_uri=https%3A%2F%2Fghn.healthcarecommunities.org%2Fwp-login.php&scope=openid&response_type=id_token&prompt=login' target='_blank'>Register</a></p>
    </div> 
</div>

<script async src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/js/carousel.js"></script>

CSS Stylesheet




Section


Column


HTML
<div class="container">
  <!--start CssMenu-->
  <div id="cssmenu">
    <ul>
      <li>
        <span>About ETCLC <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/209161617/ETCLC%20Recruitment%20Talking%20Points_FINAL2.pdf">FAQ's</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/beta1?preview=%2F517474114%2F537232798%2FETCLC+Committment+for+Results+10.27.21_fillable-2-10-23.pdf">Learn More</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC#">Leadership Coordinating Council</a></li>
          <li><a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a></li>
        </ul>
      </li>
      <li>
        <span>Participating Organizations <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a></li>
        </ul>
      </li>
      <li>
        <span>Resources <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/Change+Packages">Change Packages</a></li>
          <li><a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a></li>
        </ul>
      </li>
      <li>
        <span>Patient and Donor Family <i class="arrow"></i></span>
        <ul class="dropdown right0">
          <li><a href="https://registerme.org/">Become a Donor</a></li>
        </ul>
      </li>
    </ul>
    <!--end CssMenu-->
  </div>




Section


CSS Stylesheet
.confluenceTh, .confluenceTd {
	background-color: #FFFFFF !important;
border
    border: 0px none #FFF;    
}

.
test .confluenceTd td { padding: 0px 15px !important; /* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */ vertical-align: top; text-align: center; min-width: 8px; /* CONF-39943: set table cell min-width to which cursor can be focused */ background-color: #FFFFFF !important; border: 0px none #FFF; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 1500px) { .column { width: 100%; } } @media screen and (max-width: 1500px) { .card { max-width: 250px !important; margin-left: auto; margin-right: auto; } }
Section
Column
HTML
<div class="container">
  <!--start CssMenu-->
  <div id="cssmenu">
    <ul>
      <li>
        <span>About ETCLC <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/209161617/ETCLC%20Recruitment%20Talking%20Points_FINAL2.pdf">FAQ's</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/beta1?preview=%2F517474114%2F537232798%2FETCLC+Committment+for+Results+10.27.21_fillable-2-10-23.pdf">Learn More</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC#">Leadership Coordinating Council</a></li>
          <li><a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a></li>
        </ul>
      </li>
      <li>
        <span>Participating Organizations <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a></li>
        </ul>
      </li>
      <li>
        <span>Resources <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/Change+Packages">Change Packages</a></li>
          <li><a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a></li>
        </ul>
      </li>
      <li>
        <span>Patient and Donor Family <i class="arrow"></i></span>
        <ul class="dropdown right0">
          <li><a href="https://donatelife.net/#">Become a Donor</a></li>
        </ul>
      </li>
    </ul>
    <!--end CssMenu-->
  </div>
Section
CSS Stylesheet
.confluenceTh, .confluenceTd {
	background-color: #FFFFFF !important;
    border: 0px none #FFF;    
}
Section
HTML
<div class="hwrap">
  <div class="hmove">
    <div class="hitem">February 14th is National Donor Day!</div>
  </div>
</div>
CSS Stylesheet
 /* (A) FORCE ALL ITEMS INTO SINGLE ROW */
 .hmove {
   display: flex;
 }

 .hitem {
   width: 100%;
   flex-shrink: 0;
   font-size: 21px;
   font-family: Verdana, sans-serif;
 }

 .hwrap {
   overflow: hidden;
   padding-bottom: 15px;
 }

 /* (B) MOVE ITEMS FROM RIGHT TO LEFT */
 /* first item = 0, fourth item = -300% */
 @keyframes tickerh {
   0% {
     transform: translatex(100%);
   }

   100% {
     transform: translatex(-30%);
   }
 }

 .hmove {
   animation: tickerh linear 20s infinite;
 }

 .hmove:hover {
   animation-play-state: paused;
 }

 @media only screen and (min-width: 200px) and (max-width: 600px) {
   .hmove {
     animation: tickerh linear 20s infinite;
   }
 }

 @media only screen and (min-width: 601px) and (max-width: 1000px) {
   .hmove {
     animation: tickerh linear 10s infinite;
   }
 }
Round Rectangle
bgcolor#B3E5FC

WHAT IS ETCLC?

To accomplish the goals of the Advancing American Kidney Health initiative, the Centers for Medicare & Medicaid Innovation (CMMI) in collaboration with Health Resources and Services Administration (HRSA), and Centers for Medicare & Medicaid Services (CMS) created the End Stage Renal Disease (ESRD) Treatment Choices Learning Collaborative (ETCLC).

The collaborative boasts over 350 organizations that are encouraged to share best and promising practices across the kidney transplant continuum. The goal of the ETCLC is to improve kidney recovery, donation, and utilization in rapid-cycle quality improvement activities so people with end stage renal disease have greater access to kidney transplantation.

...

aligncenter
classtest

NATIONAL AIMS

...

HTML
<br><br>

...

Image Removed

A Collaborative Built for a Broad Community

The ETCLC will bring transplant centers, Organ Procurement Organizations (OPOs), donor hospitals, patients, and donor families together to reduce the disparity in performance among OPOs and transplant centers with the goal of increasing kidney recoveries by OPOs and utilization of kidneys by transplant centers

Image Removed

Supported by National Leaders

ETCLC members are supported by a National Faculty and Leadership Coordinating Council made up of thought leaders and organizations in the field of organ recovery and transplant

Image Removed

Dedicated QI Coaches Leveraging a Tested Change Package

ETCLC members are guided by a national network of quality improvement coaches who lead QI Teams to identify best and promising practices that drive recovery and utilization performance and spread these practices throughout the kidney transplant community using the Kidney Donation and Utilization Change Package.

Image Removed

Amplifying the Patient and Family Voice

People on dialysis, transplant recipients, and donor family members have an important voice and role in the ETCLC by identifying patient and family education needs around organ donation and transplant.

 Image RemovedImage Removed      

confluence-embedded-image {
	cursor: none !important;
}



Section


HTML
<div class="hwrap">
  <div class="hmove">
	<div class="hitem">April is National Donate Life Month</div>
	<div class="hitem">Save the date for the upcoming in-person events at Quality Conference, April 10th, Baltimore, MD, and NKF, May 17th, Long Beach, CA.</div>
  </div>
</div>


CSS Stylesheet
 /* (A) FORCE ALL ITEMS INTO SINGLE ROW */
 .hmove {
  	display: flex;
	white-space: nowrap;
 }

 .hitem {
   width: 100%;
   flex-shrink: 0;
   font-size: 21px;
   font-family: Verdana, sans-serif;
 }

 .hwrap {
   overflow: hidden;
   padding-bottom: 15px;
 }

 /* (B) MOVE ITEMS FROM RIGHT TO LEFT */
 /* first item = 0, fourth item = -300% */
 @keyframes tickerh {
   0% {
     transform: translatex(100%);
   }

   100% {
     transform: translatex(-200%);
   }
 }

 .hmove {
   animation: tickerh linear 40s infinite;
 }

 .hmove:hover {
   animation-play-state: paused;
 }

 @media only screen and (min-width: 200px) and (max-width: 600px) {
   .hmove {
     animation: tickerh linear 30s infinite;
   }
 }

 @media only screen and (min-width: 601px) and (max-width: 1000px) {
   .hmove {
     animation: tickerh linear 30s infinite;
   }
 }



Round Rectangle
bgcolor#B3E5FC

WHAT IS ETCLC?

To accomplish the goals of the Advancing American Kidney Health initiative, the Centers for Medicare & Medicaid Innovation (CMMI) in collaboration with Health Resources and Services Administration (HRSA), and Centers for Medicare & Medicaid Services (CMS) created the End Stage Renal Disease (ESRD) Treatment Choices Learning Collaborative (ETCLC).

The collaborative boasts over 350 organizations that are encouraged to share best and promising practices across the kidney transplant continuum. The goal of the ETCLC is to improve kidney recovery, donation, and utilization in rapid-cycle quality improvement activities so people with end stage renal disease have greater access to kidney transplantation.


Section


Align
aligncenter
classtest

NATIONAL AIMS


Image Added





Section


HTML
<br><br>


Center



Image Added

A Collaborative Built for a Broad Community

The ETCLC will bring transplant centers, Organ Procurement Organizations (OPOs), donor hospitals, patients, and donor families together to reduce the disparity in performance among OPOs and transplant centers with the goal of increasing kidney recoveries by OPOs and utilization of kidneys by transplant centers.

Image Added


Supported by National Leaders

ETCLC members are supported by a National Faculty and Leadership Coordinating Council made up of thought leaders and organizations in the field of organ recovery and transplant.


Image Added

Dedicated QI Coaches Leveraging a Tested Change Package

ETCLC members are guided by a national network of quality improvement coaches who lead QI Teams to identify best and promising practices that drive recovery and utilization performance and spread these practices throughout the kidney transplant community using the Kidney Donation and Utilization Change Package.


Image Added

Amplifying the Patient and Family Voice

People on dialysis, transplant recipients, and donor family members have an important voice and role in the ETCLC by identifying patient and family education needs around organ donation and transplant.



       Image Added  Image Added




Alert
titleAbout this site
typeInfo

This site is intended for healthcare professionals seeking information on the CMS/HRSA-sponsored End Stage Renal Disease Treatment Choices Learning Collaborative.  If you are a patient seeking information on a kidney transplant click HERE.

Alert
titleAbout this site
typeInfo

This site is intended for healthcare professionals seeking information on the CMS/HRSA-sponsored End Stage Renal Disease Treatment Choices Learning Collaborative.  If you are a patient seeking information on a kidney transplant click HERE.

CSS Stylesheet
.container { display: flex; flex-flow: row wrap; /* Shorthand for flex-direction: row and flex-wrap: wrap */ width: 100%; justify-content: space-evenly; overflow-wrap: break-word; overflow: visible; font-family: Verdana, sans-serif; } #cssmenu { width: 100%; display: block; text-align: center; font-family: inherit; line-height: 1.2; border-radius: 0px; } #cssmenu1 ul { /*width: auto;*/ width: 100%; display: block; font-size: 0; /*text-align: left;*/ text-align: justify; color: #EEEEEE; background-color: #1870b8; border: transparent; margin: 0; padding: 0; list-style: none; position: relative; z-index: 10; border-radius: 5px; } #cssmenu1 li { display: inline-block; position: relative; font-size: 0; /*margin: 0;*/ /*padding: 0;*/ list-style-type: none; padding-right: 10%; width: auto; margin-right: 0.5%; padding-left: 0; margin-left: 0; } #cssmenu1 ul>li:last-child { margin-right: 0 !important; padding-right: 0 !important; } #cssmenu ul { display: flex; align-items: stretch; /* Default */ justify-content: space-between; width: 100%; background: #cacaca; margin: 0; padding: 0; color: #EEEEEE; background-color: #1870b8; } #cssmenu li { display: inline-block; position: relative; flex: 0 1 auto; /* Default */ list-style-type: none; } /*Top level items ---------------------------------------*/ #cssmenu>ul>li>span, #cssmenu>ul>li>a { font-size: 14px; color: inherit; text-decoration: none; padding: 10px 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; display: block; position: relative; transition: all 0.3s; } #cssmenu li:hover>span, #cssmenu li:hover>a { /*color: #FFFFFF;*/ color: #fdce08; background-color: rgba(255, 255, 255, 0.1); } /*Sub level items ---------------------------------------*/ #cssmenu .dropdown { text-align: left; left: 0; font-family: inherit; color: #000; background-color: #FFF; border: none; position: absolute; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); display: none; opacity: 0; cursor: default; border-radius: 0px; width: auto; overflow-wrap: normal; } #cssmenu .dropdown li { display: block; } #cssmenu .dropdown li>span, #cssmenu .dropdown li>a, #cssmenu .clm a, #cssmenu .clm h3 { font-size: 14px; font-weight: 400; font-family: inherit; margin: 0; padding: 12px 20px; display: block; color: inherit; text-decoration: none; } #cssmenu .clm h3 { font-size: 20px; font-weight: 700; } #cssmenu .sub-item { background-color: #FFFFFF; position: relative; transition: all 0.3s; } #cssmenu .dropdown li:hover>span, #cssmenu .dropdown li:hover>a { color: #000000; background-color: #EEEEEE; } #cssmenu .clm a:hover { color: #000000; transition: color 0.2s; } #cssmenu .dropdown.right0 { left: auto; right: 0; } #cssmenu .dropdown li>.dropdown.right0 { left: auto; right: 100%; } #cssmenu li.full-width { position: static; } #cssmenu li.full-width .dropdown { width: 100%; left: 0; box-sizing: border-box; } #cssmenu li:hover>.dropdown { display: block; opacity: 1; z-index: 1; } #cssmenu .dropdown li>.dropdown { left: 100%; right: auto; top: 0; } #cssmenu ul.dropdown { min-width: 240px; /* Sub level menu min width */ } #cssmenu div.dropdown { text-align: center; } /* each column */ #cssmenu .clm { text-align: left; margin: 20px; vertical-align: top; /*or middle*/ width: auto; min-width: 240px; display: inline-block; *display: inline; *zoom: 1; } #cssmenu .clm a:hover { color: #000000; text-decoration: underline; } /*-----------Arrows----------------*/ #cssmenu .arrow { color: inherit; border-style: solid; border-width: 2px 2px 0 0; padding: 4px; transform: rotate(135deg); margin-top: -8.5px; margin-left: 4px; position: relative; display: inline-block; width: 0; height: 0; vertical-align: middle; overflow: hidden; /*for IE6*/ } #cssmenu .dropdown .arrow { transform: rotate(45deg); top: 50%; margin-top: -6px; position: relative; top: auto; } @keyframes topItemAnimation { from { opacity: 0; transform: translate3d(0, -10vh, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } #cssmenu li a { animation: none; } #cssmenu.active li a { animation: topItemAnimation 0.5s ease 0.08333333333333333s backwards; } #cssmenu.active li:nth-of-type(1) a { animation: topItemAnimation 0.5s ease 0.5s backwards; } #cssmenu.active li:nth-of-type(2) a { animation: topItemAnimation 0.5s ease 0.4166666666666667s backwards; } #cssmenu.active li:nth-of-type(3) a { animation: topItemAnimation 0.5s ease 0.3333333333333333s backwards; } #cssmenu.active li:nth-of-type(4) a { animation: topItemAnimation 0.5s ease 0.25s backwards; } #cssmenu.active li:nth-of-type(5) a { animation: topItemAnimation 0.5s ease 0.16666666666666666s backwards; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #cssmenu.active li a { animation: none !important; } } /*--Add border to top-level menu items--*/ #mcmenu .top-item { border-left: 1px solid #2e6fb2; border-right: 1px solid #14314f; } #mcmenu li:first-child .top-item { border-left: none; } #mcmenu li:last-child .top-item { border-right: none; } .right { background-color: #ffffff; float: left; width: 10%; padding: 0px; margin-top: 0px; text-align: center; } .sectionColumnWrapper { overflow-x: visible !important; }


HTML
<script>
AJS.toInit(function(){
	if (AJS.params.remoteUser == ''){
		if (AJS.$("div.ia-fixed-sidebar").width() > 55){
			AJS.Confluence.Sidebar.toggle();
		}		
		AJS.$(".ia-fixed-sidebar").hide();		
	}
});
</script>
<style>
#breadcrumb-section {
	display: none !important;
}

#aui-flag-container {
	right: 0px !important;
  	left: 10px !important; 
}
</style>

...