/* ================================================== Color Palette ================================================== */ :root { --nci-warning-lighter: #fdf2bf; --nci-error-light: #f27da2; --nci-error-lighter: #fde2ea; --nci-secondary-lighter: #beebee; --nci-primary-lighter: #99cae4; --nci-info: #42979a; --nci-emergency-dark: #700824; --nci-primary-darker: #00314b; --nci-base-darker: #3d4551; } /* Colors */ .yellow {background-color: var(--nci-warning-lighter);} .teal {background-color: var(--nci-secondary-lighter);} .pink {background-color: var(--nci-error-lighter);} .pink-darker {background-color: var(--nci-error-light);} .pink-darkest {background-color: var(--nci-emergency-dark); color: #fff;} .blue {background-color: var(--nci-primary-lighter);} .blue-darker {background-color: var(--nci-primary-darker); color: #fff;} .green {background-color: var(--nci-info);} /*========================================= GLOBAL SCHEMA STYLES =========================================*/ .schemaWrapper ul.grid-row li, .schemaWrapper p.mb-0, .schemaWrapper .usa-list li {font-size: 0.9rem;} .schemaWrapper h3.fw-normal, .schemaWrapper h4.fw-normal, .schemaWrapper h3 span.fw-normal, .schemaWrapper h4 span.fw-normal {font-weight: 400; font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;} .schemaWrapper ul:not(.usa-list) {padding-left: 0!important;} .schemaWrapper > ul li {display: flex; flex-direction: column; font-size: 0.9rem;} .schemaWrapper > ul li:has(.splitTier)>div {width: 100%; margin: 0 auto;} .schemaWrapper *[class^="tier"] div, .schemaWrapper *[class*="-side"] div {display: block; border: 1px solid rgb(0 0 0 / .25); padding: .5rem;} h3.split-heading {display: block; border: 1px solid rgb(0 0 0 / .25); padding: 1rem; position: relative;} .schemaWrapper ul.single-column li {display: block!important; padding-left: 0; padding-top: 2rem;} .schemaWrapper ul.splitTier, .schemaWrapper ul.splitTier li {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding-left: 0;} .schemaWrapper ul.splitTier {padding-top: 2rem;} .schemaWrapper ul.splitTier.three-column, .schemaWrapper ul.splitTier.two-column .schemaWrapper ul.splitTier>li:first-child {padding-bottom: 0; position: relative;} *[class^="tier"] {width: 100%; text-align: center; padding: 2rem 0; position: relative;} *[class^="tier"].splitTierWrap {padding-top: 0; padding-bottom: 0;} *[class^="tier"]:not(.hide-arrow)::before, h3:not(.hide-arrow).split-heading::before {display: block; content: ''; background-color: var(--nci-base-darker); width: 2px; position: absolute; z-index: -1; height: 4rem; left: 50%; bottom: -1rem;} h3:not(.hide-arrow).split-heading::before {bottom: -2rem;} *[class^="tier"]::after {display: block; content: ''; position: absolute; z-index: -1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); bottom: -1.25rem; left: calc(50% - 6px);} *.splitTierWrap, *.splitTierWrap>div {position: relative;} *[class^="tier"].splitTierWrap::before {height: 1.25rem;} *.splitTierWrap>div::before {display: block; content: ''; background-color: var(--nci-base-darker); width: 2px; position: absolute; z-index: -1; height: 4rem; left: 50%; top: .5rem;} .flowchart-downArrow::after {display: block; content: ''; position: absolute; background-color: transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); top: 0; z-index: 1;} ol.usa-list, ul.usa-list {text-align: left;} .schemaWrapper ol.usa-list li, .schemaWrapper ul.usa-list li {display: list-item!important; text-align: center; width: auto; margin: 0 auto; max-width: fit-content;} .schemaWrapper ol.usa-list li {list-style-type: decimal!important;} .schemaWrapper ul.usa-list li {list-style-type: square!important;} .schemaWrapper *[class^="tier"] div.loop-indicator {width: calc(66.75% + 1.75rem); background: #fff; align-self: center; padding: 0; border: 2px solid var(--nci-base-darker); border-top-color: transparent;} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border {margin: -2px -2px -2px -3px; padding: 6px 0; background: #fff; border: 6px dotted var(--nci-base-darker); border-top: 0px dotted transparent; border-bottom: 0 solid transparent; position: relative; display: flex; justify-content: flex-end; min-height: 68px; width: calc(100% + 7px);} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border p:not(.dotted-center) {width: auto; padding: 0.25rem 1rem; border: 1px solid rgb(0 0 0 / .5); background: #fff; margin-right: -23%;} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border p.dotted-center {width: calc(50% + .25rem); border-right: 6px dotted var(--nci-base-darker); margin-right: auto;} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border::before, .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border::after {display: block; content: ''; height: 6px; width: calc(100% + 1rem); background: #fff; position: absolute; z-index: 2; left: -.5rem;} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border::before {top: 0;} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border::after {bottom: 0;} .schemaWrapper *[class^="tier"] div[class^="col-"], .schemaWrapper *[class^="tier"] div[class^="grid-"] {display: flex;} .schemaWrapper h3:not(.h3), .schemaWrapper h4 {font-size: 0.9rem; margin-bottom: 0;} .schemaWrapper .grid-row {align-items: center; border: none!important;} .schemaWrapper .grid-row div.border, .schemaWrapper .grid-row.border {border: 1px solid rgb(0 0 0 / .25)!important;} .schemaWrapper .grid-row div.col-12 {padding: .5rem 1rem;} .schemaWrapper .arrow-label {position: absolute; display: block; top: unset; width: auto; text-align: right; left: 55%} .schemaWrapper .eqHeight {min-height: 88px; display: flex; justify-content: center; align-items: center;} /*========================================= ONE-COLUMN SCHEMA STYLES =========================================*/ .schemaWrapper ul.one-column > li {display: block!important; padding-left: 0; padding-top: 2rem;} .schemaWrapper ul.one-column li[class^="tier"]:last-child::before, .schemaWrapper ul.one-column li[class^="tier"]:last-child::after {display: none;} .schemaWrapper ul.one-column li[class^="tier"] div > strong + p {margin-top: 1em;} .schemaWrapper ul.one-column div.table-responsive {margin: 1rem; background-color: #fff;} /*========================================= TWO-COLUMN SCHEMA STYLES =========================================*/ .schemaWrapper .splitTier>.two-column *[class*="-side"] {width: 45%; max-width: 45%; position: relative; padding-top: 1rem; margin-top: 1rem; z-index: 1;} .splitTier:not(.four-column) .two-column::after {display: block; content: ''; width: 70%; height: calc(100% + 1.75rem); background-color: transparent; border: 2px solid var(--nci-base-darker); position:absolute; top: 0; left: 15%; z-index: -1;} .schemaWrapper ul.splitTier.two-column::before {display: block; content: ''; width: 85%; height: 75%; background-color: transparent; border: 2px solid var(--nci-base-darker); position:absolute; top: 25%; left: 7.5%; z-index: -1;} /*========================================= THREE-COLUMN SCHEMA STYLES =========================================*/ .three-column {padding-top: 2rem;} .splitTierWrap.three-column .splitTier > ul:not(.two-column) {width: 100%;} .schemaWrapper .three-column .splitTier>.two-column *[class*="-side"] {width: 100%; max-width: 100%} .three-column.splitTierWrap .splitTier .two-column {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 1rem; margin-top: 1rem;} .three-column .two-column .splitRight, .three-column .two-column .splitLeft {width: 45%!important;} .schemaWrapper ul.splitTier li.three-column *[class*="-side"], .schemaWrapper ul.splitTier li.three-column *[class*="-section"] {width: 30.3%;} .schemaWrapper ul.splitTier.three-column *[class*="-side"], .schemaWrapper ul.splitTier.three-column *[class*="-section"] {width: 30.3%;} .three-column .left-side.flowchart-downArrow::after {left: calc(22% - 3px);} .three-column .middle-section.flowchart-downArrow::after {left: calc(49.9% - 5px);} .three-column .right-side.flowchart-downArrow::after {left: unset; right: calc(22% - 3px);} .three-column .left-side.flowchart-downArrow *[class^="tier"]::after {left: calc(24.9% - 7px); bottom: -2rem;} .three-column .right-side.flowchart-downArrow *[class^="tier"]::after {left: unset; right: calc(24.9% - 7px);} .three-column .left-side.flowchart-downArrow, .three-column .right-side.flowchart-downArrow {position:relative;} .splitTier.three-column li[class^="tier"].middle-section:not(.hide-arrow)::before {bottom: -6rem; height: 6rem;} .schemaWrapper .splitTier.three-column .flowchart-downArrow::after {top: calc(-0.5rem + 1px);} .schemaWrapper .splitTier.three-column .middle-section.flowchart-downArrow::after {top: calc(-0.5rem + 1px);} /*========================================= FOUR-COLUMN SCHEMA STYLES =========================================*/ .four-column .splitTierWrap {width: 100%;} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap {position: relative;} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap::before {display: block; content: ''; width: 100%; height: 75%; background-color: transparent; border: 2px solid var(--nci-base-darker); position: absolute; top: 43%; left: 25.75%; z-index: -1; border-top: none;} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap.right-side::before {left: unset; right: calc(25.75% - 2px);} ul.splitTier.two-column.second-level {margin: 0 auto; padding-top: 1.5rem; background: #fff; width: 100%;} .eppt-schemas .two-column.four-column > *.splitTierWrap>div::before {z-index: 0; top: 3.5rem; height: 1.65rem;} .schemaWrapper ul.splitTier.two-column.second-level li {margin: 1.5rem .25rem 0; position: relative;} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .left-side.flowchart-downArrow::after {left: calc(5% - 6px); top: 1px;} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .right-side.flowchart-downArrow::after {left: unset; right: calc(5% - 6px); top: 1px;} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .second-level .left-side.flowchart-downArrow::after {top: -0.5rem; left: calc(27% - 7px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .second-level .right-side.flowchart-downArrow::after {top: -0.5rem; left: unset; right: calc(27% - 7px);} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap.left-side .second-level li.right-side::before {left: calc(50% + 2px)} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap.right-side .second-level li.left-side::before {left: calc(50% - 2px)} /* Multi-Column Global Styles */ .multi-column ul.splitTier {padding-top: 0; margin-top: 2rem;} .schemaWrapper ul.splitTier li.three-column::before, .schemaWrapper ul.splitTier.three-column::before {display: block; content: ''; width: 85%; height: calc(100% + 1.75rem); background-color: transparent; border: 2px solid var(--nci-base-darker); position:absolute; top: 0; left: 7.5%; z-index: -1;} .schemaWrapper ul.splitTier.three-column::before {height: 100%; top: 0; bottom: 0;} .schemaWrapper ul.splitTier.two-column li, .schemaWrapper ul.splitTier.three-column li {align-self: stretch; padding: .5rem; margin: 2rem .25rem; border: 1px solid rgb(0 0 0 / .25); position: relative; display: block;} .multi-column *.splitTierWrap>div::before {top: 1rem;} .eppt-schemas ul.splitTier, .multi-column ul.splitTier {padding-top: 0; margin-top: 2rem} .eppt-schemas li[class^="tier"]:not(.splitTierWrap), .multi-column li[class^="tier"]:not(.splitTierWrap) {border: 1px solid rgb(0 0 0 / .25); margin: 2rem 0; padding: 1rem;} .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap {margin: 2rem 0;} .schemaWrapper #nwu2015-06-02 ul.splitTier.three-column li {margin: 2rem 0;} /*========================================= CURLY BRACES -> TAGS =========================================*/ div.curly-bracket-labels {border: none!important; display: flex!important; align-items: center; justify-content: center;} .curly-bracket-labels>div.badge {display: flex; flex: 0 1 auto; margin: .25rem; border-radius: 0;} /*========================================= INDIVIDUAL SCHEMA STYLES =========================================*/ /****** IDATA Study Summary Schema ******/ .schemaWrapper #idata-schema ul.usa-list li {margin: 0; text-align: left; border: none; width: auto; max-width: fit-content; padding-top: 0; padding-bottom: 0;} .schemaWrapper #idata-schema .splitTierWrap {padding: 0!important; border: none!important;} #idata-schema .splitTierWrap:not(.tierOne) > h3.split-heading {width: 100%} #idata-schema .tierOne.splitTierWrap > h3.split-heading {width: 75%; margin: auto;} #idata-schema li.middle-section.hide-arrow.flowchart-downArrow {border: none!important;} #idata-schema li.tierOne {z-index: 1;} #idata-schema *[class^="tier"]::after {left: 50%;} #idata-schema *[class^="tier"]:not(.hide-arrow)::before {bottom: unset; top: 0; height: 89%;} #idata-schema *[class^="tier"]:not(.hide-arrow).splitTierWrap::before {bottom: unset; height: 89%; left: calc(51% - 4px);} #idata-schema *[class="splitTierWrap"]:not(.tierSix), #idata-schema *[class="splitTierWrap"]:not(.tierSeven) {top: 2px;} @media screen and (max-width: 767px) { #idata-schema .tierTwo.splitTierWrap .splitTier.three-column, #idata-schema .tierFour.splitTierWrap .splitTier.three-column {flex-direction: row-reverse!important; flex-wrap: wrap-reverse!important; justify-content: flex-end;} #idata-schema *[class^="tier"].splitTierWrap > h3.split-heading {z-index: 2;} #idata-schema *[class^="tier"].splitTierWrap .splitTier.three-column .middle-section {width: 100%; background: linear-gradient(to left, transparent 50%, white 50.1%); background-size: 100% 62.5%; background-repeat: no-repeat; padding-top: 2rem; padding-bottom: 1rem; margin-top: 0;} #idata-schema *[class^="tier"].splitTierWrap .splitTier.three-column .middle-section h3.split-heading {width: 75%; margin-left: auto;} .schemaWrapper ul.splitTier.three-column *[class*="-side"], .schemaWrapper ul.splitTier.three-column *[class*="-section"], #idata-schema .tierOne.splitTierWrap > h3.split-heading {width: 75%;} .schemaWrapper #idata-schema ul.splitTier.three-column::before {height: 100%; width: 75%; top: -3.75rem; background: linear-gradient(to bottom, transparent 10%, #fff 10.1%); z-index: -1; border-bottom: none; opacity: 0} .schemaWrapper #idata-schema .tierOne ul.splitTier.three-column::before {top: -2.75rem;} .schemaWrapper #idata-schema ul.splitTier.three-column {z-index: 1;} #idata-schema .splitTierWrap:not(.tierSeven)::after {display: block;} #idata-schema li[class^="tier"]::after {left: calc(6.5% + 2px); right: unset; top: calc(-0.5rem + 1px);} #idata-schema li.tierOne.splitTierWrap::after {top: calc(25% + 1px);} #idata-schema .splitTier li[class^="tier"].left-side::after, #idata-schema .splitTier li.tierThree.right-side::after, #idata-schema .splitTier li.tierFive.right-side::after {opacity: 0;} #idata-schema li[class^="tier"].middle-section::after {left: 81.5%!important; right: unset!important; top: calc(1.5rem + 2px);} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 81.75%!important;} #idata-schema *[class^="tier"].splitTierWrap {background-image: linear-gradient(to left, transparent 48%, white 48.1%); background-size: 100% 75%; background-repeat: no-repeat;} /* #idata-schema *[class^="tier"]:not(.hide-arrow).splitTierWrap::before {opacity: 0;} */ #idata-schema *[class^="tier"]:not(.hide-arrow).splitTierWrap::before {width: 75%; background: transparent; border: 2px solid var(--nci-base-darker); height: 100%; position: absolute; left: 7.5%; top: -3.75rem; border-bottom: none; z-index: 0;} #idata-schema .tierOne:not(.hide-arrow).splitTierWrap::before {opacity: 0;} .schemaWrapper #idata-schema .tierOne.splitTierWrap ul.splitTier.three-column::before {opacity: 1; background: transparent; width: 75%;} #idata-schema .tierOne.splitTierWrap::before {top: 2rem;} #idata-schema .tierOne.splitTierWrap > h3.split-heading {width: 75%} #idata-schema .tierSeven.SplitTierWrap::after {display: none!important;} #idata-schema .tierTwo.left-side, #idata-schema .tierThree.right-side, #idata-schema .tierFour.left-side, #idata-schema .tierFive.right-side, #idata-schema .tierSix.left-side, #idata-schema .tierSeven.left-side, #idata-schema .tierEight.left-side {margin-bottom: 0;} #idata-schema .tierSix.left-side, #idata-schema .tierSeven.left-side, #idata-schema .tierEight.left-side {padding: 1rem;} #idata-schema .splitTierWrap:not(.tierOne) ul.splitTier.three-column, #idata-schema .splitTierWrap:not(.tierOne) ul.splitTier.three-column li {margin-top: 0;} #idata-schema li[class^="tier"]::after {left: calc(6.35% + 2px);} } @media screen and (max-width: 725px) { #idata-schema li[class^="tier"]::after {left: calc(6.25% + 2px);} #idata-schema li[class^="tier"].middle-section::after {left: 81.25%!important; right: unset!important;} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 81.5%!important;} } @media screen and (max-width: 675px) { #idata-schema li[class^="tier"].middle-section::after {left: 81%!important; right: unset!important;} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 81.25%!important;} } @media screen and (max-width: 575px) { #idata-schema .splitTierWrap .splitTier.three-column .middle-section {margin: 0 0 1rem auto;} #idata-schema .tierOne.splitTierWrap .splitTier.three-column .middle-section, #idata-schema .tierThree.splitTierWrap .splitTier.three-column .middle-section {margin: 0 0 1rem auto;} .schemaWrapper ul.splitTier.three-column *[class*="-side"], .schemaWrapper ul.splitTier.three-column *[class*="-section"], .schemaWrapper #idata-schema ul.splitTier.three-column::before {width: 85%;} #idata-schema li[class^="tier"]::after {left: calc(6% + 2px);} } @media screen and (max-width: 525px) { #idata-schema li[class^="tier"]::after {left: calc(5.75% + 2px);} #idata-schema li[class^="tier"].middle-section::after {left: 80.75% !important;} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 81%!important;} } @media screen and (max-width: 472px) { #idata-schema li.tierOne.splitTierWrap::after {top: calc(23.5% + 1px);} } @media screen and (max-width: 450px) { #idata-schema li[class^="tier"]::after {left: calc(5.5% + 2px);} #idata-schema li[class^="tier"].middle-section::after {left: 80.5% !important;} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 80.75%!important;} } @media screen and (max-width: 400px) { #idata-schema li[class^="tier"]::after {left: calc(5.25% + 2px);} #idata-schema li[class^="tier"].middle-section::after {left: 80.25% !important;} #idata-schema li.tierThree.middle-section::after, #idata-schema li.tierFive.middle-section::after {left: 80.5%!important;} } @media screen and (max-width: 354px) { #idata-schema li[class^="tier"]::after {left: calc(5% + 2px);} #idata-schema *[class^="tier"].splitTierWrap .splitTier.three-column .tierThree.middle-section {background-size: 100% 67%;} } @media screen and (max-width: 346px) { #idata-schema li.tierOne.splitTierWrap::after {top: calc(22.5% + 1px);} } @media screen and (max-width: 330px) { #idata-schema li[class^="tier"]::after {left: calc(4.5% + 3px);} #idata-schema li[class^="tier"].middle-section::after {left: 80% !important;} #idata-schema *[class^="tier"].splitTierWrap .splitTier.three-column .tierFive.middle-section {background-size: 100% 67.5%;} } @media screen and (max-width: 324px) { #idata-schema li.tierOne.splitTierWrap::after {top: calc(21% + 2px);} } @media screen and (max-width: 304px) { #idata-schema li.tierOne.splitTierWrap::after {top: calc(20% + 3px);} } @media screen and (min-width: 768px) { #idata-schema {margin-bottom: -15rem;} #idata-schema li.middle-section.hide-arrow.flowchart-downArrow {padding: 0!important; border: none!important;} .schemaWrapper #idata-schema .splitTierWrap:nth-child(odd) ul.splitTier {justify-content: flex-start;} .schemaWrapper #idata-schema .splitTierWrap:nth-child(even) ul.splitTier {justify-content: flex-end;} .schemaWrapper #idata-schema ul.splitTier.three-column *[class*="-side"], .schemaWrapper #idata-schema ul.splitTier.three-column *[class*="-section"], #idata-schema .tierOne.splitTierWrap > h3.split-heading {width: 32.3%; margin-bottom: 0;} .schemaWrapper #idata-schema ul.splitTier.three-column::before {border-bottom: none; width: 35%;} #idata-schema .right-side.flowchart-downArrow::after {left: unset; right: calc(31.9% - 3px);} .schemaWrapper #idata-schema .splitTierWrap:nth-child(odd) ul.splitTier.three-column::before {display: none;} .schemaWrapper #idata-schema .splitTierWrap:nth-child(even) ul.splitTier.three-column::before {display: none;} #idata-schema .splitTierWrap .splitTier.three-column {margin-top: 0} .schemaWrapper #idata-schema .splitTierWrap.tierSix ul.splitTier {justify-content: flex-start;} .schemaWrapper #idata-schema .splitTier.three-column .middle-section.hide-arrow.flowchart-downArrow::after {opacity: 0;} #idata-schema .tierTwo.splitTierWrap {transform: translateY(-4em);} #idata-schema .tierThree.splitTierWrap {transform: translateY(-18em);} #idata-schema .tierFour.splitTierWrap {transform: translateY(-21em);} #idata-schema .tierFive.splitTierWrap {transform: translateY(-24em);} #idata-schema .tierSix.splitTierWrap {transform: translateY(-20em);} #idata-schema .tierSeven.splitTierWrap {transform: translateY(-18em);} .tierOne.splitTierWrap .splitTier::before, #idata-schema .tierSix.splitTierWrap::before {top: -4em;} #idata-schema .tierSeven.splitTierWrap::before {top: -2em;} #idata-schema *[class^="tier"]::after {left: calc(50% - 3px);} #idata-schema .three-column .left-side.flowchart-downArrow::after {left: 50%;} #idata-schema .splitTier *[class^="tier"]:not(.hide-arrow)::before {display: block; height: 100%; width: calc(102% + 3px); background-color: transparent; border: 2px solid var(--nci-base-darker); border-bottom: none;} #idata-schema .splitTier .tierThree:not(.hide-arrow)::before, #idata-schema .splitTier .tierFive:not(.hide-arrow)::before {width: 100%!important;} #idata-schema .splitTierWrap:nth-child(even):not(.tierSix) .splitTier li:not(.hide-arrow)::before {border-left: none; left: unset;} #idata-schema .splitTierWrap:nth-child(odd) .splitTier li:not(.hide-arrow)::before, #idata-schema .splitTierWrap.tierSix ul.splitTier li:not(.hide-arrow)::before {border-right: none;} #idata-schema .splitTier .tierTwo:not(.hide-arrow)::before {top: -38%; left: calc(51% + 3px);} #idata-schema .splitTier .tierThree:not(.hide-arrow)::before {top: -15%; right: calc(51% + 3px); width: calc(100% + 1px)} #idata-schema .splitTier .tierThree:not(.hide-arrow)::after {right: 50%;} #idata-schema .splitTier .tierFour:not(.hide-arrow)::before {top: -15%; left: calc(51% + 3px);} #idata-schema .splitTier .tierFive:not(.hide-arrow)::before {top: -20%; right: calc(51% + 3px); } #idata-schema .splitTier .tierFive:not(.hide-arrow)::after {right: 50%!important;} #idata-schema .splitTier .tierSeven:not(.hide-arrow)::before, #idata-schema .splitTier .tierSix:not(.hide-arrow)::before {top: -55%; left: calc(51% + 3px);} #idata-schema .splitTier .tierEight:not(.hide-arrow)::before {top: -50%; left: calc(51% + 3px);} #idata-schema *[class^="tier"]:not(.hide-arrow)::after {bottom: unset; } #idata-schema li.tierTwo.splitTierWrap::after, #idata-schema li.tierThree.splitTierWrap::after, #idata-schema li.tierFour.splitTierWrap::after, #idata-schema li.tierFive.splitTierWrap::after, #idata-schema li.tierSix.splitTierWrap::after, #idata-schema li.tierSeven.splitTierWrap::after {top: calc(1.5rem + 2px);} #idata-schema li.tierOne:not(.hide-arrow)::after {top: calc(5.75rem + 2px);} } @media screen and (min-width: 832px) { #idata-schema .splitTier *[class^="tier"]:not(.hide-arrow)::before {width: calc(104% + 1px);} #idata-schema *[class^="tier"]::after {left: calc(50% - 2px);} } @media screen (min-width: 768px) and (max-width: 1023px) { #idata-schema *[class^="tier"]:not(.hide-arrow).splitTierWrap::before {height: 89%!important;} } @media screen and (min-width: 1024px) { #idata-schema .splitTier *[class^="tier"]:not(.hide-arrow)::before {width: calc(103% + 2px);} #idata-schema .tierTwo.splitTierWrap {transform: translateY(-3em);} #idata-schema .tierThree.splitTierWrap {transform: translateY(-15em);} #idata-schema .tierFour.splitTierWrap {transform: translateY(-20em);} #idata-schema .tierFive.splitTierWrap {transform: translateY(-24em);} #idata-schema .tierSix.splitTierWrap {transform: translateY(-20em);} #idata-schema .tierSeven.splitTierWrap {transform: translateY(-18em);} } @media screen and (min-width: 1323px) { #idata-schema .splitTier *[class^="tier"]:not(.hide-arrow)::before {width: calc(103% + 3px);} } /****** HIPB & MAYO Schemas ******/ .hipb-mayo li.right-side {align-self: center;} #hipb-schema .tierThree.left-side::before {display: block!important; background: transparent; content: ''; position: absolute; z-index: 2; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); left: 0; top: 0;} .hipb-mayo .tierThree.left-side::after {left: calc(14% - 4px); top: calc(0.25rem - 3px);} #hipb-schema .tierThree.left-side::before {left: calc(14% - 4px); top: unset; bottom: calc(1rem - 2px);} .hipb-mayo .tierThree.right-side::after {left: unset; right: calc(14% - 4px); top: calc(-0.5rem + 1px);} .hipb-mayo .tierFour {padding-top: 3rem; padding-bottom: 0; position: relative;} .hipb-mayo .tierFour::before, .hipb-mayo .tierFour::after {z-index: 2;} .hipb-mayo .tierFour::before {height: 2rem; bottom: unset; top: 0; left: 34%} .schemaWrapper .hipb-mayo ul.splitTier>li.two-column *[class*="-side"] {background-color: #fff;} .hipb-mayo *[class^="tier"]:not(.hide-arrow)::before {bottom: -1.125rem;} #mayo-schema ul.splitTier.two-column::before {background: #fff;} /****** LSS Schema ******/ #lss-schema li.tierOne::after {bottom: -2rem;} #lss-schema li.tierThree::before, #lss-schema li.tierFour::before, #lss-schema li.tierFive::before, #lss-schema .splitTier *[class^="tier"]::after {left: calc(44% - 4px); top: calc(1.5rem + 1px);} #lss-schema .splitTier .two-column::after {border-bottom: none; height: calc(100% - 0.5rem); width: 60%; left: 20%; top: calc(-8rem + 8px);} #lss-schema .tierThree .flowchart-downArrow > div:first-child {margin-bottom: 2rem;} #lss-schema .tierFour div, #lss-schema .tierFive div, #lss-schema .tierSix div, #lss-schema .splitRight ul {width: 100%; max-width: 100%;} #lss-schema .left-side.tierFour.flowchart-downArrow::before {display: block; content: ''; position: absolute; z-index: -1; width: 0!important; height: 0!important; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); background-color: transparent; left: calc(20% - 6px); top: calc(3.5rem + 1px); z-index: 1;} #lss-schema .right-side.flowchart-downArrow::after {right: calc(43% - 3px); top: calc(0.5rem + 1px); z-index: 1;} #lss-schema *[class*="-side"] li[class^="tier"]::after {top: 1.65rem; z-index: 1} #lss-schema .right-side li[class^="tier"]::after {left: unset; right: calc(43% - 4px); top: -6px;} #lss-schema .right-side li.tierSix::after {top: calc(2rem - 6px);} #lss-schema .two-column.tierFour {margin-top: 0; padding-top: 4rem;} #lss-schema .splitRight .tierSeven.flowchart-downArrow {background-color: #fff; padding-top: 0; margin-top: 2rem; padding-bottom: 7rem;} #lss-schema .splitRight .tierSix div:last-child {margin-bottom: 0;} #lss-schema li.tierTwo::before {bottom: unset; top: calc(2.5rem + 2px);} #lss-schema .tierThree.splitTier::before {display: block; content: ''; position: absolute; z-index: -1; width: 0!important; height: 0!important; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); bottom: unset; top: calc(1.5rem + 1px); left: calc(20% - 6px); background-color: transparent;} #lss-schema .tierThree.splitTier::after {left: unset; right: calc(20% - 6px); bottom: 0; top: calc(1.5rem + 1px);} /****** JHLP Schema ******/ #jhlp-schema *[class^="tier"] div.loop-indicator {width: calc(67.75% + 1.5rem);} #jhlp-schema .splitTier .two-column::after {height: calc(100% + 5.75rem);} .schemaWrapper #jhlp-schema ul.single-column li.tierFive {padding-top: 2rem; padding-bottom: 0;} .schemaWrapper #jhlp-schema ul.single-column li.tierSeven, .schemaWrapper #jhlp-schema ul.single-column li.tierEight, .schemaWrapper #jhlp-schema ul.single-column li.tierTen, .schemaWrapper #jhlp-schema ul.single-column li.tierEleven {padding-top: 0;} .schemaWrapper #jhlp-schema ul.single-column li.tierEight {padding-bottom: 0;} .schemaWrapper #jhlp-schema ul.single-column li.tierFive ul {padding-top: 2.5rem;} .schemaWrapper #jhlp-schema ul.single-column li.tierNine {padding-top: 4rem;} #jhlp-schema .two-column .right-side ul {display: flex; flex-direction: column;} #jhlp-schema .two-column .right-side ul li div {width: 100%;} #jhlp-schema .tierThree.splitTierWrap {padding-bottom: 0;} #jhlp-schema .tierTwelve {padding-top: 0!important;} #jhlp-schema .tierThirteen {padding-top: 4rem;} #jhlp-schema .tierFour .left-side.flowchart-downArrow, #jhlp-schema .tierFour .right-side.flowchart-downArrow {padding-top: 0; margin-top: 0;} #jhlp-schema .tierFour .left-side.flowchart-downArrow::after, #jhlp-schema .tierFour .right-side.flowchart-downArrow::after{top: calc(0rem - 6px);} #jhlp-schema .tierFour .left-side.flowchart-downArrow::after {left: calc(32.9% - 4px);} #jhlp-schema .tierFour .right-side.flowchart-downArrow::after {right: calc(32.9% - 4px);} #jhlp-schema .left-side *[class^="tier"].hide-arrow::after{left: calc(32.9% - 4px);bottom: unset; top: calc(-0.5rem + 2px);} #jhlp-schema .left-side *.tierFive.hide-arrow::after, #jhlp-schema .left-side *.tierSix.hide-arrow::after {bottom: unset; top: calc(1.5rem + 2px);} #jhlp-schema .left-side *.tierNine.hide-arrow::after {top: calc(1.5rem + 2px);} #jhlp-schema *.tierTwelve::before {bottom: -2rem; height: 2.5rem;} #jhlp-schema *.tierTwelve::after {bottom: calc(-2.25rem - 1px);} #jhlp-schema .right-side *[class^="tier"].hide-arrow::after {left: unset; right: calc(32.9% - 4px); bottom: calc(3rem - 5px);} #jhlp-schema .right-side *.tierSix.hide-arrow::after {bottom: calc(2.5rem - 2px)} .schemaWrapper #jhlp-schema *[class^="tier"] div.loop-indicator {border: none; width: 100%;} .schemaWrapper #jhlp-schema [class^="tier"] div.loop-indicator .dotted-border {width: 70.5%; left: 15.125%;} /****** MAYO Schema ******/ .schemaWrapper #mayo-schema *[class*="-side"] *[class^="tier"] div {width: 100%;} #mayo-schema *.splitTierWrap>div::before {top: 3.5rem;} /****** MEM Schema ******/ #mem-schema.multi-column *.splitTierWrap>div::before {top: 0.2rem;} #mem-schema ul.single-column *[class^="tier"]::after {bottom: unset; top: calc(-.5rem + 1px);} #mem-schema ul.single-column *.tierFive::after{top: -0.5rem;} #mem-schema .flowchart-downArrow::after {top: 0;} #mem-schema .left-side.flowchart-downArrow::after {left: calc(31.9% - 2px);} #mem-schema .right-side.flowchart-downArrow::after {left: unset; right: calc(31.9% - 3px);} #mem-schema .left-side ul.single-column *[class^="tier"]::after {left: calc((33.25% + 2px) - (0.75rem + 5px));} #mem-schema .right-side ul.single-column *[class^="tier"]::after {left: unset; right: calc((34.25% + 2px) - (0.75rem + 3px));} .schemaWrapper #mem-schema li.tierTwelve {position: relative; top: -5rem; padding: 0 1rem; margin: 0;} #mem-schema *.tierThirteen.hide-arrow {position: relative; padding-top: 0; margin: 0;} #mem-schema *.tierTwelve:not(.hide-arrow)::before {height: 1.25rem; bottom: -2.5rem;} #mem-schema *.tierTwelve:not(.hide-arrow)::after {bottom: calc(-2.5rem - 4px);} /****** MINN Schema ******/ #minn-schema *.splitTierWrap>div::before {height: 4.5rem; top: 2.5rem;} #minn-schema .three-column .flowchart-downArrow::after {top: calc(-0.5rem + 1px);} #minn-schema .three-column .middle-section.flowchart-downArrow::after {top: calc(1.5rem + 1px);} #minn-schema .eqHeight {min-height: 88px; display: flex; justify-content: center; align-items: center;} #minn-schema .left-side ul.single-column li.tierFive, #minn-schema .middle-section ul.single-column li.tierFive {padding-top: 0; margin-top: -1px;} .schemaWrapper #minn-schema *[class^="tier"] div.loop-indicator {width: 85%;} #minn-schema *.tierTwelve, #minn-schema *.tierThirteen {padding-top: 0; position: relative;} #minn-schema *.tierTwelve {top: -3rem;} #minn-schema *.tierTwelve::before {height: 2.5rem;} #minn-schema *.tierTwelve::after {bottom: -1rem;} #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::before, #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::after, .schemaWrapper #minn-schema *[class^="tier"] div.loop-indicator::after {display: block; content: ''; position: absolute; z-index: -1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); left: calc(50% - 5px);} .schemaWrapper #minn-schema *[class^="tier"] div.loop-indicator::after {left: unset; right: calc(6.65% + 1px); bottom: unset; top: -6px; z-index: 2;} #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::before {bottom: calc(3rem + 1px);} #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::after {top:calc(17.25rem + 4px);} #minn-schema .three-column .middle-section.flowchart-downArrow *.tierSeven::after {bottom: calc(-4.25rem - 4px);} #minn-schema .three-column .middle-section.flowchart-downArrow *.tierFive::after {bottom: calc(-8.25rem - 5px);} #minn-schema .three-column .right-side.flowchart-downArrow *[class^="tier"]::after {bottom: 4.75rem;} #minn-schema .three-column .right-side.flowchart-downArrow *.tierNine::after {bottom: calc(4.75rem - 2px);} #minn-schema .three-column .right-side.flowchart-downArrow *.tierSix::after {bottom: calc(4.75rem - 6px);} #minn-schema .three-column .left-side.flowchart-downArrow *.tierTen::after {bottom: calc(-1.5rem - 2px);} /****** EPPT Schemas ******/ .eppt-schemas.one-column li[class^="tier"] {padding: 1rem; margin: 2rem .25rem; position: relative; display: block;} .eppt-schemas.one-column ul.grid-row li {padding: 1rem; border: 1px solid rgb(0 0 0 / .25);} .eppt-schemas.multi-column ul.grid-row li.border {border: 1px solid rgb(0 0 0 / .25)!important;} .eppt-schemas *.splitTierWrap>div::before {height: 2rem; top: 2.5rem;} .eppt-schemas *[class^="tier"].two-column {padding-top: 0;} .schemaWrapper ul.eppt-schemas .splitTier.two-column li.flowchart-downArrow::after {top: calc(-0.5rem + 1px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column .left-side.flowchart-downArrow::after {left: calc(15% - 9px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column .right-side.flowchart-downArrow::after {left: unset; right: calc(15% - 9px);} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column::before {top: calc(25% + 1.85rem); height: calc(50% + 1.25rem);} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(16% + 1.95rem); height: calc(35% + 1.25rem); width: 95%; left: 2.5%; border-bottom: none;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column .splitTier.two-column::before {top: calc(38% + 1.85rem); height: calc(23% + 1.25rem); border-bottom: none; z-index: 0; width: 70%; left: 15%;} .schemaWrapper ul.eppt-schemas .splitTierWrap.second .splitTier.two-column::before {top: calc(34% + 1.85rem); height: calc(40% + 1.25rem);} .schemaWrapper ul.eppt-schemas#mda2013-02-02 .splitTierWrap .splitTier.two-column::before {top: calc(27% + 1.85rem); height: calc(45% + 1.25rem);} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.two-line::before {top: calc(23% + 1.85rem); height: calc(54% + 1.25rem);} #mda2014-04-01 *.splitTierWrap>div::before {height: 6.5rem; top: 2.5rem;} #uaz2013-01-01 .arrow-label {bottom: -11%;} #uaz2017-09-02 .arrow-label {bottom: -28%;} #uaz2013-02-01 .arrow-label {bottom: 0;} .schemaWrapper ul#nwu2015-06-01.one-column div.table-responsive, #nwu2015-06-01 .usa-table thead th, #nwu2015-06-01 .usa-table tbody td {background: transparent;} .schemaWrapper ul#nwu2015-06-01.one-column div.table-responsive {border: none;} #nwu2015-06-01 .cdas-default-table table thead {border-bottom-color: #222;} #nwu2015-06-04 *.splitTierWrap>div::before, #may2013-01-01 *.splitTierWrap>div::before, #uaz2014-03-01 *.splitTierWrap>div::before {top: unset; bottom: calc(-2rem - 1px);} #mda2014-04-01 .tierFour.splitTierWrap::after {bottom: -2rem;} #nwu2015-06-02 .tierFour::before, #nwu2015-06-02 .tierNine::before {bottom: unset; top: 0;} #nwu2015-06-02 .tierFour::before {height: 24.35rem; left: calc(50% - 4px);} #nwu2015-06-02 .tierNine::before {height: 13rem; left: calc(50% - 4px);} #nwu2015-06-02 .tierFour::after, #nwu2015-06-02 .tierNine::after {bottom: unset; top: calc(-0.5rem - 1px);} #nwu2015-06-02 .tierOne::after, #nwu2015-06-02 .tierSix::after, #nwu2015-06-02 .tierSeven::after, #nwu2015-06-02 .tierSix::before {bottom: -2rem;} #nwu2015-06-02 .right-side .single-column *[class^="tier"]::after {left: unset; right: calc(22.9% - 7px); top: -0.5rem;} #nwu2015-06-02 .tierFive::after, #nwu2015-06-02 .tierTen::after {bottom: unset; top: -0.5rem;} #nwu2015-06-02 .tierOne.splitTierWrap>div::before {top: 4.5rem; height: 7.65rem;} #nwu2015-06-02 .tierThree.middle-section::after {top: 0; left: calc(49.9% - 6px);} #nwu2015-06-02 .tierEight.middle-section::after {left: calc(49.9% - 6px);} #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(30% + 1.85rem); height: calc(56% + 1.25rem);} #uaz2014-03-01 h3.split-heading::before {bottom: -1rem;} #nwu2015-06-04 .tierThree h3.split-heading {text-wrap: pretty;} #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {background: #fff;} #nwu2015-06-02 .tierThree.middle-section::before {background-color: transparent;} #nwu2015-06-02 *[class^="tier"].splitTierWrap::before {display: block!important; content: ''; background-color: var(--nci-base-darker); width: 2px; position: absolute; z-index: -1; height: 100%; left: 50%; bottom: -2rem;} #nwu2015-06-02 .tierThree.middle-section .split-heading::before {background-color: transparent;} .schemaWrapper #may2013-02-02 ul.splitTier.two-column li.usa-list-item, .schemaWrapper #may2013-02-02 li.usa-list-item, .schemaWrapper #nwu2014-03-01-study-points ul.splitTier.two-column li.usa-list-item {align-self: unset; width: auto; padding: 0; margin: 0; text-align: left; max-width: fit-content; border: none; position: relative; display: list-item!important;} #may2013-02-02.multi-column.eppt-schemas .tierOne.splitTierWrap>div::before {top: 4rem; height: 2.5rem;} #may2013-02-02.multi-column.eppt-schemas .tierTwo.splitTierWrap>div::before {top: unset; bottom: -1.125rem;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {top: 1rem; height: 97%; border-bottom: none;} #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::before {display: block; content: ''; position: absolute; z-index: -1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); height: 1px; width: 1px; background-color: transparent; top: -0.5rem; left: unset; right: 74%;} #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::after {left: unset; right: 74%;} #may2013-02-02 .splitTier.three-column .tierTwo.left-side::after {top: 1px; left: calc(24% - 5px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side::after {top: 1px; left: unset; right: calc(16% - 5px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side::after {top: 1px; right: calc(48.9% - 7px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side::after {top: 1px; right: 77.5%; left:unset;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {top: -0.5rem; right: unset; left: calc(24% - 2px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side .single-column li[class^="tier"]::after {top: -0.5rem; right: calc(49.9% - 5px); left: unset;} #may2013-02-02 .splitTier:not(.four-column) .two-column::before {display: block; content: ''; width: 65%; height: calc(100% - .75rem); background-color: transparent; border: 2px solid var(--nci-base-darker); position: absolute; top: 1rem; left: 15.5%; z-index: -1; border-bottom: none;} #may2013-02-02 .splitTier:not(.four-column) .two-column::after {display: none;} #may2013-02-02.multi-column.eppt-schemas .tierTwo.splitTierWrap>div::before {height: 3rem;} #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 69%;} #mda2014-04-01 .three-column .left-side.flowchart-downArrow::after {left: unset; right: calc(75% - 3px);} #mda2014-04-01 .three-column .right-side.flowchart-downArrow::after {right: unset; left: calc(75% - 3px);} /****** Don't Display ******/ #nwu2014-04-01 .tierThree.two-column::before, #nwu2014-04-01 .tierFive.hide-arrow::after, #mda2013-02-02 .tierFive.two-column::before, #mda2013-02-02 .tierSeven.hide-arrow::after, #nwu2015-06-04 .tierEight.hide-arrow::after, #nwu2015-06-04 .tierFour::before, #nwu2013-02-01 .tierFour.two-column::before, #nwu2013-02-01 .tierTen.hide-arrow::after, #may2013-01-01 .tierFour.two-column::before, #may2013-01-01 .tierEight.two-column::before, #may2013-01-01 .tierTen.hide-arrow::after, #uaz2014-03-01 .tierThree.two-column::before, #uaz2014-03-01 .tierNine.hide-arrow::after, #may2015-05-01 .tierSix.two-column::before, #may2015-05-01 .tierTen.hide-arrow::after, #mda2014-04-01 .tierNine.hide-arrow::after, #nwu2015-06-02 .tierThree.hide-arrow::after, #nwu2015-06-02 .tierEight.hide-arrow::after, #nwu2015-06-02 .tierEleven.hide-arrow::after, #lss-schema li.tierSix::before, #mayo-schema *[class^="tier"].hide-arrow::after, #jhlp-schema .tierThree.splitTierWrap::before, #jhlp-schema .tierThree.splitTierWrap::after, #jhlp-schema *[class^="tier"].hide-arrow::before, #jhlp-schema *.tierThirteen::before, #jhlp-schema *.tierThirteen::after, .hipb-mayo .tierFour::after, #mem-schema *.tierThirteen.hide-arrow::after, #mem-schema *.tierThree.hide-arrow::after , #minn-schema *.tierTwo::after, #minn-schema *.tierThirteen::before, #minn-schema *.tierThirteen::after, #lss-schema li.tierTwo::after, #may2013-02-02 .tierNine.tierTen::after {display: none;} .hipb-mayo .tierTwo>div::after, .hipb-mayo .tierThree::before, .hipb-mayo .tierSix::before, .hipb-mayo .tierSix::after {display: none!important;} /*========================================= RESPONSIVE SCHEMA STYLES =========================================*/ @media screen and (max-width: 400px){ .schemaWrapper .splitTier .two-column {flex-direction: column;} ul[id$="-schema"] .splitTier .two-column *[class*="-side"], ul.eppt-schemas .splitTier:not(.four-column) .two-column *[class*="-side"] {width: 100%; max-width:100%; background-color: transparent;} .schemaWrapper .splitTier>.two-column *[class*="-side"] div, .schemaWrapper .splitTier>.two-column *[class*="-side"] ul {max-width: 75%;} .schemaWrapper .splitTier .two-column span.right-side > div, .schemaWrapper .splitTier .two-column span.right-side > ul {margin-left:auto;} #nwu2015-06-02 .right-side .single-column *[class^="tier"]::after {right: calc(7.9% - 4px);} #nwu2015-06-02 .splitTier.three-column .right-side.flowchart-downArrow::after {right: calc(8% - 1px);} .hipb-mayo .tierFour div {max-width: 100%;} .hipb-mayo .tierThree .right-side::after, .schemaWrapper ul.eppt-schemas *[class^="tier"].two-column .right-side.flowchart-downArrow::after {left: calc(84% - 5px); top: .65rem;} .hipb-mayo .tierThree .left-side::after, .schemaWrapper ul.eppt-schemas *[class^="tier"].two-column .left-side.flowchart-downArrow::after {left: calc(15% - 6px); top: .65rem;} .hipb-mayo .tierFour::after {left: calc(20% - 6px); top: 2.65rem;} .hipb-mayo .tierFour::before {display: none;} .schemaWrapper .hipb-mayo ul.splitTier>li.two-column *[class*="-side"] {background-color: transparent;} #hipb-schema .tierThree.left-side::before, #hipb-schema .tierThree.left-side::after {left: 6%;} #hipb-schema .tierThree.right-side::after {right: 6%;} #lss-schema .tierThree .flowchart-downArrow.right-side {margin-top: 0; padding-top: 2rem; background: linear-gradient(to right, white, white 39.9%, transparent 40%);} #lss-schema .tierThree .flowchart-downArrow.right-side div {margin-left: auto;} #lss-schema .right-side.flowchart-downArrow::after {right: calc(44% - 5px);} #lss-schema .right-side.flowchart-downArrow::after {top: calc(1.5rem + 1px);} #lss-schema .tierThree .flowchart-downArrow.right-side li.tierFour {padding-top: 4rem;} #lss-schema .tierThree .flowchart-downArrow.right-side li.tierFour::after {top: 3.65rem;} #jhlp-schema .two-column .right-side ul li div {margin-left: auto;} .schemaWrapper #jhlp-schema ul.single-column li.tierFive ul, .schemaWrapper #jhlp-schema ul.single-column li.tierNine {padding-top: 2rem;} #jhlp-schema .right-side *.tierSix, #jhlp-schema .right-side *.tierSeven, #jhlp-schema .left-side *.tierSix {padding-top: 0;} #jhlp-schema .tierFour .left-side.flowchart-downArrow::after {left: calc(14% - 2px);} #jhlp-schema .tierFour .right-side.flowchart-downArrow::after {right: calc(14% - 2px);} #jhlp-schema .left-side *[class^="tier"].hide-arrow::after {left: calc(26% - 5px);} #jhlp-schema .left-side *.tierFive.hide-arrow::after, #jhlp-schema .left-side *.tierEight.hide-arrow::after, #jhlp-schema .left-side *.tierEleven.hide-arrow::after {left: calc(19% - 2px);} #jhlp-schema .left-side *.tierSix.hide-arrow::after, #jhlp-schema .left-side *.tierTen.hide-arrow::after {top: calc(-0.5rem + 2px); left: calc(26% - 5px);} #jhlp-schema .right-side *[class^="tier"].hide-arrow::after {left: unset; right: calc(19% - 3px);} #jhlp-schema .right-side *.tierFive.hide-arrow::after {bottom: calc(4.75rem - 3px);} #jhlp-schema .right-side *.tierSix.hide-arrow::after, #jhlp-schema .right-side *.tierSeven.hide-arrow::after {bottom: calc(6rem - 0px);} #mem-schema .two-column, #may2013-02-02 .two-column {padding-bottom: 2rem;} #mem-schema .two-column .right-side ul li div, #may2013-02-02 .two-column .right-side ul li div {margin-left: auto;} #mem-schema .right-side ul.single-column *[class^="tier"]::after, #may2013-02-02 .right-side ul.single-column *[class^="tier"]::after {left: unset; right: calc(18.9% - 4px);} #mem-schema .left-side ul.single-column *[class^="tier"]::after, #may2013-02-02 .left-side ul.single-column *[class^="tier"]::after {left: calc(18.9% - 4px);} #mem-schema .right-side.flowchart-downArrow::after, #may2013-02-02 .right-side.flowchart-downArrow::after {right: calc(13.9% - 3px);} #mem-schema .left-side.flowchart-downArrow::after, #may2013-02-02 .left-side.flowchart-downArrow::after {left: calc(13.9% - 3px);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(3.9% - 4px);} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side ul.two-column {padding-bottom: 0;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side .single-column li[class^="tier"]::after {right: unset; left: 67%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side::after {left: 72%} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {height: 98%;} } @media screen and (min-width: 401px) { .visually-hidden-xs {width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; position: absolute!important;} #jhlp-schema .two-column, #mem-schema .two-column, #minn-schema .three-column {align-items: stretch; padding-bottom: 2rem;} #jhlp-schema .two-column .right-side {display: flex; flex-direction: column;} #jhlp-schema .two-column .right-side ul {height: 100%;} #jhlp-schema .two-column .right-side .tierFive, #jhlp-schema .two-column .right-side .tierSix, #jhlp-schema .two-column .right-side .tierSeven {padding-bottom: 0;} #jhlp-schema .two-column .right-side .tierFive{padding-top: calc(5rem - 5px);} #jhlp-schema .two-column .right-side .tierSix, #jhlp-schema .two-column .right-side .tierSeven {padding-top: calc(14rem - 11px);} #jhlp-schema .two-column .right-side .tierFive div, #jhlp-schema .two-column .right-side .tierSix div, #jhlp-schema .two-column .right-side .tierSeven div {margin-left: calc(-122% - 1px); width: 119vh; position: relative; z-index: -1} #jhlp-schema .two-column .right-side .tierFive div {top: -3px;} #jhlp-schema .two-column .right-side .tierSix div {top: 2px} #jhlp-schema .two-column .right-side .tierSeven div {top: -2px} } @media screen and (max-width: 403px) { #minn-schema *.splitTierWrap>div::before {top: 3.5rem;} } @media screen and (min-width: 690px) { #lss-schema .splitTier *[class^="tier"]::after {left: unset; right: calc(54% - 2px);} #lss-schema .right-side.flowchart-downArrow::after, #lss-schema .right-side li[class^="tier"]::after {right: calc(42.9% - 2px);} } @media screen and (min-width: 768px) { .visually-hidden-sm {width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; position: absolute!important;} .three-column .left-side.flowchart-downArrow::after {left: calc(24% - 4px);} .three-column .right-side.flowchart-downArrow::after {left: unset; right: calc(24% - 4px);} #hipb-schema .tierThree.right-side, #mayo-schema .tierThree.right-side {margin-top: 2.5rem;} #mem-schema .splitTier.two-column::before {height: calc(91% + -0.25rem); top: 8.75%; left: 16.5%; width: calc(66.75% + 3px);} #mem-schema *.tierTwelve:not(.hide-arrow)::before {bottom: -2.5rem; height: 2.25rem;} #lss-schema .right-side.flowchart-downArrow::after, #lss-schema .right-side li[class^="tier"]::after {right: 43%;} #mayo-schema ul.splitTier.two-column::before {top: 34%; height: 66%;} #minn-schema .three-column .right-side {display: flex; flex-direction: column;} #minn-schema .three-column .right-side ul {height: 100%;} #minn-schema .three-column .right-side .tierFive div, #minn-schema .three-column .right-side .tierSix div, #minn-schema .three-column .right-side .tierNine div {margin-left: -230%; width: 119vh; position: relative; z-index: -1} #minn-schema .three-column .middle-section .tierSeven {position: relative; top: calc(6.5rem + 1px);} #minn-schema .three-column .right-side .tierFive {padding-top: calc(8.9rem + 5px);} #minn-schema .three-column .right-side .tierFive div {top: -3px;} #minn-schema .three-column .right-side .tierSix {padding-top: calc(1.5rem + 3px);} #minn-schema .three-column .right-side .tierSix div {top: 2px} #minn-schema .three-column .right-side .tierNine {padding-top: calc(2rem + 4px);} #minn-schema .three-column .right-side .tierNine div {top: -2px} /* .schemaWrapper .splitTier.three-column .left-side.flowchart-downArrow::after {left: calc(22% - 3px);} .schemaWrapper .splitTier.three-column .right-side.flowchart-downArrow::after {left: unset; right: calc(22% - 3px);} */ .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {width: 80%; left: 10%; height: 3rem; border-bottom: none;} #may2013-02-02 .tierOne.splitTierWrap::before {height: 10.25rem;} #may2013-02-02 ul.splitTier.three-column .left-side, #may2013-02-02 ul.splitTier.three-column .right-side .two-column .right-side {width: 40%;} #may2013-02-02 ul.splitTier.three-column .right-side, #may2013-02-02 ul.splitTier.three-column .right-side .two-column .left-side {width: 60%;} #may2013-02-02 .two-column {display: flex; position: relative; width: 95%} #may2013-02-02 .splitTier:not(.four-column) .two-column::after {display: none;} #may2013-02-02 .splitTier:not(.four-column) .two-column::before {display: block; content: ''; width: 65%; height: calc(70% + 1rem); background-color: transparent; border: 2px solid var(--nci-base-darker); position: absolute; top: 1rem; left: 15.5%; z-index: -1; border-bottom: none;} #may2013-02-02 .tierTwo.left-side::before {height: 100%; top: 3rem; left: 25%;} #may2013-02-02 .tierTwo.left-side .single-column li, #may2013-02-02 .tierTwo.right-side .two-column li.left-side {margin-left: 0; margin-right: .5rem;} #may2013-02-02 .tierTwo.right-side, #may2013-02-02 .tierTwo.right-side .two-column li.tierFive {margin-bottom: 0;} #may2013-02-02 .tierTwo.right-side .two-column li.left-side {padding-left: 0; padding-right: .5rem;} #may2013-02-02 .tierTwo.right-side .two-column li.tierThree.right-side {background: linear-gradient(180deg, transparent 21.9%, white 22%);} #may2013-02-02 .tierTwo.right-side .two-column {background-image: linear-gradient(90deg, transparent 56.9%, #fff 57%, #fff 75%, transparent 75.1%); background-size: 100% 75%; background-position: 0 1.5rem; background-repeat: no-repeat;} #may2013-02-02 .three-column .tierTwo.left-side.flowchart-downArrow li.tierFour::after {bottom: calc(-3rem - 1px); left: calc(24.5% - 4px);} #may2013-02-02 .two-column {align-items: stretch; padding-bottom: 2rem;} #may2013-02-02 .tierTwo.left-side .single-column li.tierFour {position: unset;} #nwu2014-04-01 .tierThree.left-side {width: 75%;} .schemaWrapper ul.eppt-schemas#nwu2014-04-01 .splitTier.two-column .left-side.flowchart-downArrow::after {left: calc(17% - 7px);} .schemaWrapper ul.eppt-schemas#nwu2014-04-01 .splitTier.two-column .right-side.flowchart-downArrow::after {left: unset; right: calc(13% - 8px);} .schemaWrapper ul.eppt-schemas#nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(33% + 1.85rem); height: calc(51% + 1.25rem);} #uaz2014-03-01 .splitTierWrap .splitTier.two-column li {margin: 0 0.25rem 1rem;} #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(31% + 1.85rem); height: calc(39% + 1.25rem);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(22.9% - 6px);} #may2013-02-02.multi-column.eppt-schemas .tierOne.splitTierWrap>div::before {height: 3.5rem;} #may2013-02-02.multi-column.eppt-schemas .tierTwo.splitTierWrap>div::before {height: 3rem;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side::after {left: calc(25% - 1px); right: unset;} #may2013-02-02 .tierOne.splitTierWrap::after {right: unset; left: calc(50% - 6px);} #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(18% - 1px); height: calc(3% + 1.25rem); width: 51.25%; left: 9.5%;} #nwu2014-03-01-study-points .tierSevenWrap .splitTier.two-column li[class^="tier"] {align-self: flex-start;} #nwu2014-03-01-study-points .tierSevenWrap .splitTier.two-column li[class^="tier"].right-side {width: 60%;} #nwu2014-03-01-study-points .tierSevenWrap ul.splitTier.two-column::before {display: none;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .flowchart-downArrow::after {top: -0.5rem;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierFive.right-side.flowchart-downArrow::after{left: calc(50% - 6px); right: unset;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierFive.left-side.flowchart-downArrow::after{left: unset; right: calc(54% - 6px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .left-side.flowchart-downArrow::after {left: calc(10% - 6px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .right-side.flowchart-downArrow::after {left: unset; right: calc(3% - 5px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.left-side.flowchart-downArrow::after {left: unset; right: calc(58% - 6px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.right-side.flowchart-downArrow::after {left: calc(49% - 4px); right: unset;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {left: unset; right:calc(45% - 1px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.right-side.flowchart-downArrow::after {left: unset; right: calc(45% + 1px);} #nwu2014-03-01-study-points .tierFour h3.split-heading::before {bottom: -1.75rem;} #nwu2014-03-01-study-points .tierFour ul.splitTier.two-column li.tierFive {margin-top: 1.5rem; margin-bottom: 0;}#nwu2014-03-01-study-points .tierFour ul.splitTier.two-column li.tierFive.left-side {width: 25%;} #nwu2014-03-01-study-points .tierFive.right-side h3.split-heading::before {bottom: -4.5rem; height: 5rem;} #nwu2014-03-01-study-points .tierSix.middle-section h3.split-heading::before {bottom: -2.125rem;} #nwu2014-03-01-study-points .tierFive.right-side ul.splitTier.three-column::before {border-bottom: none; width: 75%; left: 11.5%; height: calc(100% + 5rem);} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column::before {width: 50%; left: 25%; height: calc(100% + 5rem);} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.splitTierWrap.right-side::before {left: unset; top: unset; right: calc(15% - 2px); bottom: -6rem; height: calc(100% + 6rem); border-right: none; border-bottom: none;} #nwu2014-03-01-study-points ul.splitTier.three-column.second-level li {margin-bottom: 0;} #nwu2014-03-01-study-points ul.splitTier.three-column.second-level li.tierSeven {width: 50%;} #nwu2014-03-01-study-points li.tierSevenWrap ul.splitTier.two-column, #nwu2014-03-01-study-points li.tierSevenWrap ul.splitTier.two-column li.tierSeven {margin-top: 0;} #nwu2014-03-01-study-points .tierSevenWrap .splitTier.two-column li[class^="tier"].right-side::after {right: calc(28% - 1px); left: unset;} #nwu2014-03-01-study-points li.tierFour.splitTierWrap::before, #nwu2014-03-01-study-points ul.splitTier.three-column.second-level li.tierSeven.right-side::before {display: block; content: ''; position: absolute; z-index: -1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); bottom: -1.25rem; height: 1px; width: 1px; background-color: transparent;} #nwu2014-03-01-study-points ul.splitTier.three-column.second-level li.tierSeven.right-side::before {left: unset; right: calc(45% + 1px); bottom: calc(-3.5rem - 2px);} #nwu2014-03-01-study-points *[class^="tier"].tolerating-arrow::after {left: calc(30% + 1px); right: unset; bottom: -3rem;} #nwu2014-03-01-study-points .tierFour.splitTierWrap.tolerating-arrow::before {left: calc(51% + 4px); right: unset; bottom: -3rem;} #nwu2014-03-01-study-points li.tierSevenWrap::after, #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.right-side .second-level li.right-side.tierSix::before, #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level.flowchart-downArrow::after {display: none;} } @media screen and (max-width: 767px) { .schemaWrapper #minn-schema ul.single-column li, .schemaWrapper #minn-schema ul.splitTier li {padding-top: 0;} .schemaWrapper #minn-schema ul.single-column li:first-child, .schemaWrapper #minn-schema ul.splitTier li:first-child {padding-top: 2rem;} .splitTier .three-column, .splitTier .three-column .right-side {padding-bottom: 2rem;} .splitTier .three-column, .splitTier .three-column .right-side ul, .splitTier.three-column, .splitTier.three-column .right-side ul, .splitTier.two-column {display: flex; flex-direction: column!important;} .schemaWrapper ul.splitTier.two-column *[class*="-side"] {width: 85%;} .schemaWrapper ul.splitTier.two-column.four-column {margin-top: 0;} .schemaWrapper li:has(ul.splitTier.two-column.four-column) + li {margin-top: 4rem;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {border-bottom: 2px solid var(--nci-base-darker); height: calc(85% + 1.25rem);} .schemaWrapper ul.splitTier.two-column.four-column li[class*="-side"].splitTierWrap {width: 75%;} .schemaWrapper ul.splitTier.two-column li.right-side, .schemaWrapper ul.splitTier.two-column.four-column li.splitTierWrap.right-side {align-self: flex-end; margin-left: auto; margin-top: -.5rem;} .multi-column ul.splitTier {margin-top: 1rem;} .schemaWrapper ul.splitTier.two-column::before {height: 79%; top: 21%;} .schemaWrapper ul.splitTier.two-column.four-column .second-level {flex-direction: row!important; width: 85%;} .schemaWrapper ul.splitTier.two-column.four-column li.left-side .second-level {margin-left: 0!important;} .schemaWrapper ul.splitTier.two-column.four-column li.right-side .second-level {margin-right: 0!important;} /* .eppt-schemas .two-column.four-column > *.splitTierWrap>div::before {top: 5rem; height: 2rem;} */ .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column .splitTier.two-column::before {width: 60%;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column.left-side .splitTier.two-column::before {border-left: none; left: 17%} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column.right-side .splitTier.two-column::before {border-right: none; left: unset; right: 17%;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(8% + 1.85rem); width: 85%; left: 7.5%;} .schemaWrapper ul.splitTier.two-column.four-column li.left-side .second-level li.right-side {margin: 1.5rem auto 0;} .schemaWrapper ul.splitTier.two-column.four-column li.right-side .second-level li.right-side {margin: 1.5rem auto 0;} .schemaWrapper ul.splitTier.two-column.four-column li.right-side.splitTierWrap::before {top: -7%; right: 21.25%; height: calc(99% + 3.85rem); width: 87%; border-right-width: 0; border-bottom-width: 0;} .schemaWrapper ul.splitTier.two-column.four-column li.left-side.splitTierWrap::before {width: 48%; top: 34%; left: 25%; border-left-width: 0;} .schemaWrapper ul.splitTier.two-column.second-level li {width: 70%;} .schemaWrapper .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {background-color: transparent;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column .splitTier.two-column::before {width: 63%; border-bottom: 2px solid var(--nci-base-darker);} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column li.left-side .splitTier.two-column::before {height: calc(15% + 1.25rem); border-bottom-width: 0; left: 10%;} .schemaWrapper ul.eppt-schemas .splitTierWrap .splitTier.two-column.four-column li.right-side .splitTier.two-column::before {height: calc(25% + 1rem); left: unset; right: 10%; border-bottom-width: 0;} .schemaWrapper ul.splitTier.two-column.four-column li.right-side ul.splitTier.two-column.second-level li.left-side::before {display: block; content: ''; background-color: transparent; border-left: 2px solid var(--nci-base-darker);; position: absolute; z-index: -1; height: 3.5rem; width: calc(100% + 2rem); left: calc(24% + 1px); top: calc(2.25rem - 2px); border-right-width: 0;} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.right-side .second-level .right-side.flowchart-downArrow::after {right: calc(21% - 7px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.right-side .second-level .left-side.flowchart-downArrow::after {left: calc(25% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.left-side .second-level .right-side.flowchart-downArrow::after {right: calc(27% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.left-side .second-level .left-side.flowchart-downArrow::after {left: calc(19% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .left-side.flowchart-downArrow::after {left: calc(10% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column .right-side.flowchart-downArrow::after {left: unset; right: calc(10% - 6px);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(9.9% - 3px);} #nwu2015-06-02 *[class^="tier"]:not(.hide-arrow)::before {bottom: -3rem;} #mayo-schema ul.splitTier.two-column::before {top: 25%; height: 75%;} .schemaWrapper .eppt-schemas .splitTierWrap ul.splitTier.two-column::before {top: calc(25% + 0.5rem); height: calc(64% + 1.25rem);} .schemaWrapper .eppt-schemas .splitTierWrap ul.splitTier.two-column.two-line::before {top: calc(24% + 0.5rem); height: calc(66% + 1.25rem);} .schemaWrapper .eppt-schemas .splitTierWrap.second ul.splitTier.two-column::before {top: calc(35% + 0.5rem); height: calc(53% + 1.25rem);} .schemaWrapper ul.eppt-schemas#mda2013-02-02 .splitTierWrap .splitTier.two-column::before {top: calc(20% + 1.85rem); height: calc(59% + 1.25rem);} #nwu2013-02-01 .tierThree.splitTierWrap::before {height: 2rem; bottom: -3rem;} #nwu2013-02-01 .tierThree.splitTierWrap::after {bottom: -3.25rem;} #nwu2013-02-01 .tierThree h3.split-heading::before {bottom: -1rem;} #uaz2014-03-01 .splitTierWrap .splitTier.two-column li {margin-bottom: 2rem} #uaz2014-03-01 .splitTierWrap .splitTier.two-column li:first-child {margin-top: 1rem;} #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(28.5% + 1.85rem); height: calc(60% + 1.25rem);} #nwu2015-06-02 .right-side .single-column *[class^="tier"]::after {right: calc(13.9% - 5px);} #nwu2015-06-02 .right-side.tierEight::after {right: calc(13.9% - 2px);} #nwu2015-06-02 .tierThree.middle-section::after {top: calc(0.5rem + 1px);} #may2013-02-02 ul.splitTier.three-column .tierTwo.left-side .single-column li[class^="tier"], #may2013-02-02 ul.splitTier.three-column .tierThree .single-column li[class^="tier"] {margin-top: 2rem;} #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 68.125%; bottom: 1rem;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {right: 87.5%;} #hipb-schema .tierThree.left-side::before, #hipb-schema .tierThree.left-side::after, #mayo-schema .tierThree.left-side::before, #mayo-schema .tierThree.left-side::after {left: calc(7% - 2px);} #hipb-schema .tierThree.right-side::after, #mayo-schema .tierThree.right-side::after {right: calc(7% - 2px);} .splitTier .three-column .middle-section, .splitTier.three-column .middle-section {align-self: center;} .splitTier .three-column .right-side, .splitTier.three-column .right-side {align-self: flex-end;} .splitTier .three-column .right-side ul li div {width: 100%;} .schemaWrapper ul.eppt-schemas .splitTier.two-column .left-side.flowchart-downArrow::after {left: calc(8% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column .right-side.flowchart-downArrow::after {left: unset; right: calc(8% - 6px);} #mem-schema ul.splitTier.two-column li.tierFour.left-side {margin-bottom: 0;} #mem-schema .splitTier.two-column::before {height: calc(96% - 1px); top: 4.75%;} #mem-schema .left-side ul.single-column *[class^="tier"]::after {left: calc(7.5% - (0.75rem + 1px));} #mem-schema .right-side ul.single-column *[class^="tier"]::after {left: unset; right:calc(7.5% - (0.75rem - 5px));} #mem-schema .left-side.flowchart-downArrow::after {left: calc(7.5% - (0.4rem - 5px));} #mem-schema .right-side.flowchart-downArrow::after {left: unset; right: calc(7.5% - (0.4rem - 5px));} /* #mem-schema ul.single-column *.tierFive::after {top: calc(-0.5rem + 1px);} */ .schemaWrapper #mem-schema *[class^="tier"] div.loop-indicator {width: calc(84.75% + 1.75rem);} #mem-schema.multi-column *.splitTierWrap>div::before {top: 0;} #minn-schema .eqHeight, .eppt-schemas .eqHeight {min-height: unset;} #minn-schema *.splitTierWrap>div::before {height: 180vh; left: calc(50% + 1px);} #minn-schema *[class^="tier"].three-column::after {left: calc(7.5% - 6px); z-index: 3; bottom: calc(3rem - 1px);} #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::before {bottom: calc(3rem - 1px); z-index: 3;} .schemaWrapper #minn-schema *[class^="tier"] div.loop-indicator::after {right: calc(6.65% - 2px);} #minn-schema .three-column .middle-section.flowchart-downArrow::after {top: calc(42rem + 6px);} .three-column .left-side.flowchart-downArrow *[class^="tier"]::after {bottom: unset; top: calc(-0.5rem + 1px); left: calc(9.9% - 6px);} .three-column .left-side.flowchart-downArrow .tierFive::after {top: calc(1.5rem + 1px);} .three-column .left-side.flowchart-downArrow::after {left: calc(9% - 2px);} /* .splitTier.three-column .left-side.flowchart-downArrow::after {left: calc(7% - 1px);} */ #minn-schema .three-column .middle-section.flowchart-downArrow *[class^="tier"]::after {bottom: unset; top: calc(-0.5rem + 1px);} #minn-schema .three-column .middle-section.flowchart-downArrow *.tierFive::after {bottom: unset; top: calc(1.5rem + 1px);} .schemaWrapper *[class^="tier"] div.loop-indicator .dotted-border p.dotted-center {width: calc(50% + .3rem);} .three-column .right-side.flowchart-downArrow *[class^="tier"]::after {right: calc(9.9% - 6px);} .three-column .right-side.flowchart-downArrow::after {right: calc(9% - 2px);} /* .splitTier.three-column .right-side.flowchart-downArrow::after {right: calc(7% - 1px);} */ #minn-schema .three-column .right-side.flowchart-downArrow *[class^="tier"]::after {bottom: unset; top: calc(-0.5rem + 1px);} #minn-schema .three-column .right-side.flowchart-downArrow *.tierFive::after {top: calc(1.5rem + 1px);} .schemaWrapper ul.splitTier.three-column::before {height: calc(100% + 2rem); top: -1rem;} .schemaWrapper ul.splitTier.three-column li {margin: 1rem .25rem;} .schemaWrapper .splitTier.three-column .middle-section {align-self: center;} .schemaWrapper .splitTier.three-column .right-side {align-self: flex-end;} #mda2014-04-01 *.splitTierWrap>div::before {height: 35vh; left: 50%; top: 3.5rem;} #mda2014-04-01 .splitTier.three-column li[class^="tier"].middle-section::before {height: 21rem; bottom: -16rem;} #nwu2015-06-02 .middle-section, #nwu2015-06-02 .middle-section ul.single-column {padding: 1rem 0 0;} #nwu2015-06-02 ul.splitTier.three-column .right-side ul.single-column li, #nwu2015-06-02 ul.splitTier.three-column .left-side ul.single-column li {margin:2rem 0.25rem;} #nwu2015-06-02 .right-side {padding-bottom: 0;} #nwu2015-06-02 .tierFour::before {height: 60rem;} #nwu2015-06-02 .tierNine::before {height: 21rem;} #nwu2015-06-02 .tierOne.splitTierWrap>div::before {height: 27.5rem;} #nwu2015-06-02 .three-column .middle-section.flowchart-downArrow::after {left: calc(49.9% - 6px);} #nwu2015-06-02 .tierThree .middle-section::after {top: calc(7.5rem + 3px);} #nwu2015-06-02 .tierEight .middle-section::after {top: calc(23.75rem + 3px);} #nwu2015-06-02 .tierEleven {margin-top: 3rem;} #nwu2015-06-02 .tierSeven::after {bottom: -3rem;} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side {width: 100%; padding-top: 3rem; background-image: linear-gradient(to bottom, transparent 3%, transparent 8%, #fff 8.1%, #fff 93%, white 93.1%, white); background-size: 50% 100%; background-position: 88% 0; background-repeat: no-repeat; z-index: -1;} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side ul.two-column {position: relative;} #may2013-02-02 ul.splitTier.three-column .tierTwo.left-side, #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side div.blue, #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side ul.two-column {width: 85%;} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side > div.blue, #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side ul.two-column, #may2013-02-02 ul.splitTier.three-column .tierThree.right-side div.blue {margin-left: auto;} #may2013-02-02 ul.splitTier.three-column .tierTwo.left-side, #may2013-02-02 ul.splitTier.three-column .tierTwo.left-side .single-column li.tierFour {padding-bottom: 0; margin-bottom: 0} #may2013-02-02 ul.splitTier.three-column .right-side .two-column *[class*="-side"] {width: 75%} #may2013-02-02 ul.splitTier.three-column .left-side {margin-bottom: 0; margin-top: 2rem;} #may2013-02-02 ul.splitTier.three-column .right-side {margin-top: 0;} #may2013-02-02 .tierTwo.left-side::before {height: 0; bottom: 0;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {display: block; content: ''; position: absolute; z-index: -1; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--nci-base-darker); bottom: -1.25rem; left: calc(50% - 6px); height: 1px; width: 1px; background-color: transparent;} #may2013-02-02 .tierOne.splitTierWrap::before {height: 0;} #may2013-02-02 .tierOne.splitTierWrap::after {bottom: 1rem; left: unset; right: 70.125%;} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side .two-column .tierThree.left-side .single-column {padding-bottom: 3rem;} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side .two-column .tierThree.right-side {margin: -1rem 0.25rem -5px; padding: 0 .5rem; background: linear-gradient(to bottom, transparent 75%, #fff 75.1%);} #may2013-02-02 ul.splitTier.three-column .tierTwo.right-side .two-column .tierThree.right-side .single-column {width: 85%; margin-left: auto;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side::after {top: calc(-0.5rem + 1px); right: unset; left: 73%} #may2013-02-02 .splitTier.three-column .tierTwo.right-side::after {left: 91.25%; right: unset; top:calc(2.5rem + 1px);} #may2013-02-02.multi-column.eppt-schemas .tierOne.splitTierWrap>div::before {top: unset; bottom: -2.125rem;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li[class*="-side"].splitTierWrap {width: 95%; padding: 0} #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column {margin-top: 1rem;} #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(9% + 1.75rem); width: 84%; left: 11.65%; height:calc(29% + 1.25rem);} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level {width: 100%;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column.second-level {width: 100%;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column.second-level li {margin: 1rem .25rem 0;} #nwu2014-03-01-study-points ul.splitTier.three-column *[class*="-side"].tierSix {width: 25%;} #nwu2014-03-01-study-points ul.splitTier.three-column *[class*="-section"].tierSix {width: 50%;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.right-side .second-level li.right-side {margin-top: 1rem;} #nwu2014-03-01-study-points .tierFour.tolerating-arrow h3.split-heading::before {bottom: -1.25rem;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierFive.left-side.flowchart-downArrow::after {left: unset; right: calc(86% - 2px); top: -0.5rem;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierFive.right-side.flowchart-downArrow::after {right: unset; left: calc(95% - 6px); top: calc(1.5rem + 1px);} #nwu2014-03-01-study-points .tierFive.right-side ul.splitTier.three-column::before {top: -1px; height: 30%; border-bottom: none;} #nwu2014-03-01-study-points .tierFive.right-side ul.splitTier.three-column:not(.third-level)::before {height: calc(100% + 2.5rem); border-bottom: none; border-right: none; width: calc(81% - 2px);} #nwu2014-03-01-study-points .tierFive.right-side h3.split-heading::before {bottom: -2.5rem; left: unset; right: calc(53% - 2px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.left-side.flowchart-downArrow::after {left: unset; right: calc(68% - 2px);} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level.flowchart-downArrow::after {top: unset; bottom: -2rem; left: unset; right: calc(91% + 1px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.right-side.flowchart-downArrow::after {left: unset; right: calc(49% - 7px);} #nwu2014-03-01-study-points .tierSix.middle-section h3.split-heading::before {bottom: -1rem;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.right-side.splitTierWrap::before {top: -10%; right: 15%; height: calc(99% + 3.85rem); width: 87%; border-right-width: 0; border-bottom-width: 0;} #nwu2014-03-01-study-points li:has(ul.splitTier.two-column.four-column) + li {margin-top: 0} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.tierFive.left-side {margin-bottom: 0.5rem;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.tierFive.right-side.splitTierWrap {margin-bottom: 0; padding-top: 2rem!important; background-image: linear-gradient(to bottom, #fff 20%, transparent 25%); background-size: 50% 100%; background-position: 0 0; background-repeat: no-repeat;} #nwu2014-03-01-study-points .tierSevenWrap .tierSeven.left-side{margin-top: 0} #nwu2014-03-01-study-points .tierSevenWrap .tierSeven::after {right: unset; left: calc(86.25% - 1px); top: calc(-0.5rem + 1px);} #nwu2014-03-01-study-points .tierSevenWrap .tierSeven.left-side::after {left: unset; right: calc(96% - 1px);} #nwu2014-03-01-study-points .tierSevenWrap ul.splitTier.two-column::before {height: 95%; top: -10%; width: 25%; left: unset; right: 7%; border-left: none; border-bottom: none;} #nwu2014-03-01-study-points .tierSevenWrap::after {bottom: 7.25rem; left: unset; right: calc(5.5% + 3px);} #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {left: unset; right: calc(54% + 1px);} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column::before {width: 75%; left: calc(14% - 1px);} #nwu2014-03-01-study-points .tierFour.splitTierWrap.tolerating-arrow::before {left: 40%; height: 3rem; bottom: -2rem;} #nwu2014-03-01-study-points .tierFour.splitTierWrap.tolerating-arrow::after {left: 39%; bottom: -2rem;} #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height:61vh; bottom: unset; top: -1rem; background-color: var(--nci-base-darker);} #mda2014-04-01 .three-column .right-side.flowchart-downArrow::after {right: unset; left: calc(75% - 3px);} } @media screen and (min-width: 577px) and (max-width: 767px) { .schemaWrapper ul.splitTier li.three-column *[class*="-side"], .schemaWrapper ul.splitTier li.three-column *[class*="-section"] {width: 49%;} .schemaWrapper ul.splitTier.three-column *[class*="-side"], .schemaWrapper ul.splitTier.three-column *[class*="-section"] .schemaWrapper ul.splitTier.three-column .right-side {margin-right: 0;} #minn-schema .three-column .middle-section.flowchart-downArrow ul.single-column::after {display: none;} #minn-schema .three-column .middle-section.flowchart-downArrow::after {top: calc(39rem + 8px);} .three-column .right-side.flowchart-downArrow::after {right: calc(14% - 1px);} .splitTier.three-column .right-side.flowchart-downArrow::after {right: calc(13% - 1px);} .three-column .right-side.flowchart-downArrow *[class^="tier"]::after {right: calc(14.9% - 5px);} .three-column .left-side.flowchart-downArrow *[class^="tier"]::after {left: calc(14.9% - 5px);} .three-column .left-side.flowchart-downArrow::after {left: calc(14% - 1px);} /* .splitTier.three-column .left-side.flowchart-downArrow::after {left: calc(13% - 3px);} */ #nwu2015-06-02 .tierSeven.splitTierWrap>div::before {height: 71vh;} #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(27% + 1.85rem); height: calc(61% + 1.25rem);} #may2013-02-02 .splitTier.three-column .tierTwo.left-side::after {left: unset; right: 90.5%;} #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::before, #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::after, #may2013-02-02 .tierTwo.left-side .single-column li.tierFour::after {top: -0.5rem; right: 92.5%; left: unset;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {left: unset; right: 91.125%; bottom: 1rem;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {left: unset; right: 80.75%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side::after {right: 78.5%; left: unset;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side .single-column li[class^="tier"]::after {right: unset; left: 68.5%} #mda2014-04-01 .three-column .right-side.flowchart-downArrow::after {left: unset; right: calc(21% + 0px);} } @media screen and (max-width: 576px) { .schemaWrapper ul.splitTier li.three-column *[class*="-side"], .schemaWrapper ul.splitTier li.three-column *[class*="-section"] {width: 75%;} .schemaWrapper ul.splitTier.three-column *[class*="-side"], .schemaWrapper ul.splitTier.three-column *[class*="-section"] {width: 75%;} .schemaWrapper ul.splitTier li.three-column span.right-side ul li[class^="tier"] {background: linear-gradient(to right, rgb(255 255 255 / 85%) 75%, transparent 75.1%, transparent);} li.three-column span.right-side ul li.tierNine {background: transparent!important;} .schemaWrapper ul.splitTier li.three-column span.left-side.flowchart-downArrow ul.single-column li[class^="tier"] {background: linear-gradient(to left, rgb(255 255 255 / 85%) 75%, transparent 75.1%, transparent);} .schemaWrapper ul.splitTier li.three-column span.left-side.flowchart-downArrow ul.single-column li.tierEleven {background: transparent!important;} #lss-schema .splitTier .splitLeft *[class^="tier"]::after {left: unset; right: calc(54% - 5px);} #lss-schema .splitTier .splitRight *[class^="tier"]::after {left: calc(51% + 2px); right: unset;} #mem-schema .left-side ul.single-column *[class^="tier"]::after {left: calc(7.5% - (0.75rem + 5px));} #mem-schema .right-side ul.single-column *[class^="tier"]::after {left: unset; right:calc(7.5% - (0.75rem - 3px));} #mem-schema .left-side.flowchart-downArrow::after {left: calc((0px + 7.5%) - (0.75rem - 7px));} #mem-schema .right-side.flowchart-downArrow::after {left: unset; right: calc((0px + 7.5%) - (0.75rem - 8px))} #minn-schema .eqHeight, .eppt-schemas .eqHeight {position: relative; z-index: 2;} #minn-schema .three-column .middle-section.flowchart-downArrow::after {top: calc(42rem + 6px);} #nwu2015-06-02 .tierSeven.splitTierWrap>div::before {height: 95vh;} #nwu2015-06-02 .tierFour::before {height: 64rem;} #nwu2015-06-02 .tierSeven.splitTierWrap::before {display: none;} #nwu2015-06-02 .right-side .single-column *[class^="tier"]::after {right: calc(7.9% - 2px);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(3.9% - 4px);} #nwu2015-06-02 .right-side.tierEight::after {right: calc(8.9% - 2px);} #may2013-02-02 .splitTier.three-column .tierTwo.left-side::after {left: unset; right: 90.25%;} #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::before, #may2013-02-02 .tierTwo.left-side .single-column li.tierThree::after, #may2013-02-02 .tierTwo.left-side .single-column li.tierFour::after {top: -0.5rem; right: 92.75%; left: unset;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {left: unset; right: 90%; bottom: 1rem;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side::after {left: 91.75%;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level {flex-wrap: wrap; justify-content: space-around;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level *[class*="-side"].tierSix {width: 46.5%;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level .left-side.tierSix {align-self: stretch!important; z-index: 2;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level .tierSix.middle-section {order: 3; width: 80%!important; margin: 1rem 15% 0 10.5%;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.tierFive.right-side.splitTierWrap {background-image: linear-gradient(to bottom, #fff 7.9%, transparent 8%);} #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {height: 20%; top: calc(8% + 1.75rem);} #nwu2014-03-01-study-points .tierFour.tolerating-arrow h3.split-heading::before {bottom: -1.75rem;} #nwu2014-03-01-study-points .tierFive.right-side h3.split-heading::before {right: calc(50% + 3px); bottom: -10.5rem; height: 11.5rem;} #nwu2014-03-01-study-points .tierSix.middle-section h3.split-heading::before {bottom: -1rem; height: 4rem;} #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(46% + 1px); top: -0.5rem;} #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {right: unset; left: calc(80% - 1px); height: 93vh;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column.second-level li {width: 50%} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column.second-level li.left-side {margin-left: 5%;margin-right: auto; padding-top: 1rem; margin-top: 1.5rem;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column.second-level li.right-side {margin-left: auto; margin-right: 5%;} #nwu2014-03-01-study-points li:has(ul.splitTier.two-column.four-column) + li {padding-top: 2rem; background-image: linear-gradient(to bottom, #fff 49.9%, transparent 50%); background-repeat: no-repeat; background-size: 65% 115%; background-position: 0 100%;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column {background-image: linear-gradient(to bottom, transparent 49.9%, #fff 50%); background-repeat: no-repeat; background-size: 65% 115%; background-position: 0 100%;} #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column::before {width: 50%; left: calc(20% + 1px); height: 150%;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.left-side.flowchart-downArrow::after {right: calc(84% - 3px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSix.right-side.flowchart-downArrow::after {left: calc(78% - 2px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .second-level .right-side.flowchart-downArrow::after {position: relative; width: 7px; right: unset; left: calc(78% + 2px); top: -3.125rem;} #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {position: relative; left: calc(24% + 1px); right: unset; width: 7px; top: calc(-3rem + 1px);} #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .third-level .tierSeven.right-side::after {top: calc(-4rem + 2px); left: calc(45% + 1px);} #nwu2014-03-01-study-points .tierFive.right-side ul.splitTier.three-column:not(.third-level)::before {z-index:1;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level.flowchart-downArrow::after {right: calc(91% - 1px); bottom: -2.5rem;} #nwu2014-03-01-study-points ul.splitTier.two-column.four-column li.right-side.splitTierWrap::before {top: 0; z-index: 1; height: calc(100% + 2.125rem);} #nwu2014-03-01-study-points .tierSevenWrap .tierSeven.left-side::after {top: -1rem; right: calc(96% - 2px);} #mda2014-04-01 .three-column .left-side.flowchart-downArrow::after {left: unset; right: calc(90% - 3px);} #mda2014-04-01 .three-column .right-side.flowchart-downArrow::after {right: unset; left: calc(90% - 4px);} } @media screen and (min-width: 1200px) { #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {left: 24%;} } @media screen and (min-width: 300px) and (max-width: 459px) { #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(30% + 1.85rem); height: calc(62% + 1.25rem);} #nwu2015-06-02 .right-side .single-column *[class^="tier"]::after {right: calc(6.9% - 2px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {left: unset; right: 82%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side::after {left: 91.25%} #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(43% + 1px);} } @media screen and (min-width: 401px) and (max-width: 459px) { #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(30% + 1.85rem); height: calc(62% + 1.25rem);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(4.9% - 3px);} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {left: unset; right: 90.5%; bottom: 1.5rem;} #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 70%; bottom: 1.5rem;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side::after {left: unset; right: 77.5%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {left: unset; right: 81.5%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side .single-column li[class^="tier"]::after {right: unset; left: 67%} #may2013-02-02 .splitTier.three-column .tierTwo.right-side::after {left: 91.5%} #may2013-02-02 .splitTier:not(.four-column) .two-column::before {height: calc(99% - .75rem);} #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .second-level .tierSix.right-side.flowchart-downArrow::after {left: calc(78% + 2px);} #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: 46%;} } @media screen and (min-width: 460px) and (max-width: 576px) { #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(25% + 1.85rem); height: calc(66% + 1.25rem);} #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(5.9% - 3px);} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side::after {left: unset; right: 78.25%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.left-side .single-column li[class^="tier"]::after {left: unset; right: 81%;} #may2013-02-02 .splitTier.three-column .tierTwo.right-side .tierThree.right-side .single-column li[class^="tier"]::after {right: unset; left: 68%} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {height: 97.5%;} #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 70.5%; bottom: 1rem;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::after {right: 91%;} } @media screen and (min-width: 1332px) { .schemaWrapper ul.eppt-schemas#nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(36% + 1.85rem); height: calc(46% + 1.25rem);} } @media screen and (min-width: 1024px) and (max-width: 1257px) { .schemaWrapper ul.eppt-schemas#nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(31% + 1.85rem); height: calc(54% + 1.25rem);} } @media screen and (min-width: 1024px) and (max-width: 1106px) { #minn-schema .three-column .right-side .tierFive {padding-top: calc(10.9rem - 5px);} #minn-schema .three-column .right-side .tierNine {padding-top: calc(2rem + 5px);} #lss-schema .splitTier *[class^="tier"]::after {left: calc(43.9% - 4px);} #lss-schema .right-side.flowchart-downArrow::after, #lss-schema .right-side li[class^="tier"]::after {right: calc(43.9% - 4px);} #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(16% - 1px);} } @media screen and (min-width: 1108px) and (max-width: 1157px) { #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(18% - 2px);} } @media screen and (min-width: 1024px) and (max-width: 1202px) { #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(37% + 1.85rem); height: calc(36% + 1.25rem);} } @media screen and (min-width: 1025px) and (max-width: 1075px) { #hipb-schema .tierThree.left-side::before {bottom: calc(2.5rem - 2px);} } @media screen and (min-width: 1024px) and (max-width: 1072px) { #nwu2015-06-02 .tierFour::before {height: 33rem;} } @media screen and (min-width: 1107px) and (max-width: 1298px) { #minn-schema .three-column .right-side .tierFive {padding-top: calc(10.9rem - 4px);} } @media screen and (min-width: 943px) and (max-width: 997px) { .schemaWrapper ul.eppt-schemas#nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(36% + 1.85rem); height: calc(46% + 1.25rem);} } @media screen and (min-width: 768px) and (max-width: 917px) { #minn-schema .three-column .right-side .tierFive {padding-top: calc(10.9rem - 5px);} #minn-schema .three-column .right-side .tierNine {padding-top: calc(2rem + 5px);} } @media screen and (min-width: 768px) and (max-width: 846px) { #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(37% + 1.85rem); height: calc(36% + 1.25rem);} } @media screen and (min-width: 768px) and (max-width: 774px) { #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(17% - 1px);} } @media screen and (min-width: 768px) and (max-width: 773px) { #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(16% - 1px)} } @media screen and (min-width: 775px) and (max-width: 812px) { #nwu2014-03-01-study-points .splitTierWrap .splitTier.two-column.four-column::before {top: calc(18% - 2px)} } @media screen and (min-width: 577px) and (max-width: 622px) { #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 73vh;} } @media screen and (max-width: 595px) { #uaz2017-09-02 li.tierFive {margin-bottom: 3rem!important;} } @media screen and (min-width: 577px) and (max-width: 654px) { #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {left: unset; right: calc(53% + 2px);} } @media screen and (min-width: 650px) and (max-width: 767px) { #nwu2015-06-02 .tierEight.left-side li[class^="tier"]::after {left: calc(11.9% - 5px);} } @media screen and (max-width: 300px) { #lss-schema .splitTier .two-column::after {height: calc(96% - 0.5rem);} #uaz2013-01-01 .arrow-label {font-size: 0.9rem;} #may2015-05-01.eppt-schemas *.splitTierWrap>div::before {top: 4rem;} #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(43% + 1px);} } @media screen and (min-width: 460px) and (max-width: 512px) { #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(27.5% + 1.85rem); height: calc(62% + 1.25rem);} } @media screen and (max-width: 454px) { #uaz2013-01-01 .tierOne::before {left: 25%;} #uaz2013-01-01 .tierOne::after {left: calc(25% - 6px);} #uaz2013-01-01 .arrow-label {left: 30%;} } @media screen and (max-width: 471px) { #uaz2017-09-02 li.tierFive {margin-bottom: 4rem!important;} #uaz2017-09-02 li.tierFive::before {left: 35%;} #uaz2017-09-02 li.tierFive::after {left: calc(35% - 6px);} #uaz2017-09-02 .arrow-label {bottom: -40%; left: 40%;} } @media screen and (min-width: 462px) and (max-width: 767px) { #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(24% + 1.85rem); height: calc(59% + 1.25rem);} } @media screen and (max-width: 441px) { #mda2014-04-01 *.splitTierWrap>div::before {height: 64vh; left: 50%; top: 6.5rem;} } @media screen and (max-width: 433px) { #uaz2013-02-01 .arrow-label {bottom: -11%;} } @media screen and (max-width: 434px) { .schemaWrapper ul.eppt-schemas#nwu2013-02-01 .splitTierWrap .splitTier.two-column.four-column .splitTier.two-column::before { top: calc(45% + 1.85rem)} #nwu2013-02-01.eppt-schemas .two-column.four-column > *.splitTierWrap>div::before {height: 1.5rem; top: 5rem;} #nwu2013-02-01 .tierThree h3.split-heading::before {bottom: -1.25rem;} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.left-side .second-level .left-side.flowchart-downArrow::after {left: calc(15% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.left-side .second-level .right-side.flowchart-downArrow::after {right: calc(26% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.right-side .second-level .left-side.flowchart-downArrow::after {left: calc(22% - 6px);} .schemaWrapper ul.eppt-schemas .splitTier.two-column.four-column li.right-side .second-level .right-side.flowchart-downArrow::after {right: calc(19% - 7px);} .schemaWrapper ul.splitTier.two-column.four-column li.right-side.splitTierWrap::before {top: -5%; right: 21.5%; height: calc(96% + 3.85rem);} .schemaWrapper ul.splitTier.two-column.four-column li.right-side ul.splitTier.two-column.second-level li.left-side::before {top: calc(2.25rem - 3px);} #nwu2013-02-01 .tierThree.splitTierWrap::before {bottom: -2.85rem;} } @media screen and (min-width: 434px) and (max-width: 814px) { #uaz2013-02-01 .arrow-label {bottom: -8%;} } @media screen and (min-width: 1024px) and (max-width: 1161px) { #uaz2013-02-01 .arrow-label {bottom: -8%;} } @media screen and (max-width: 386px) { #nwu2014-03-01-study-points ul.splitTier.two-column.four-column .second-level.flowchart-downArrow::after {right: calc(90% - 1px);} #nwu2014-03-01-study-points .tierFive.right-side h3.split-heading::before {right: 50%;} } @media screen and (max-width: 368px) { #uaz2013-02-01 *.tierOne::before {left: 30%;} #uaz2013-02-01 *.tierOne::after {left: calc(30% - 6px);} #uaz2013-02-01 .arrow-label {left: 35%; bottom: -9%;} #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(8% + 1.5rem);} } @media screen and (max-width: 365px) { #uaz2014-03-01 h3.split-heading::before {bottom: -1rem;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {height: 98.2%;} } @media screen and (max-width: 348px) { #uaz2017-09-02 .arrow-label {bottom: -30%; left: 40%;} .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {height: 98.2%;} } @media screen and (max-width: 264px) { #uaz2013-02-01 *.tierOne::before {left: 20%;} #uaz2013-02-01 *.tierOne::after {left: calc(20% - 6px);} #uaz2013-02-01 .arrow-label {left: 25%; bottom: -9%;} } @media screen and (min-width: 644px) and (max-width: 674px){ #nwu2015-06-02 .tierEight .middle-section::after {top: calc(25rem + 5px);} } @media screen and (min-width: 608px) and (max-width: 643px){ #nwu2015-06-02 .tierEight .middle-section::after {top: calc(26.5rem + 5px);} } @media screen and (min-width: 604px) and (max-width: 607px){ #nwu2015-06-02 .tierEight .middle-section::after {top: calc(29.5rem + 3px);} } @media screen and (min-width: 577px) and (max-width: 603px){ #nwu2015-06-02 .tierEight .middle-section::after {top: calc(30.75rem + 5px);} #nwu2015-06-02 .tierFour::before {height: 50rem;} #nwu2015-06-02 .tierNine::before {height: 21rem;} } @media screen and (min-width: 558px) and (max-width: 576px) { #nwu2015-06-02 .tierEight .middle-section::after {top: calc(22.25rem + 3px);} } @media screen and (max-width: 547px) { #hipb-schema ul.splitTier.two-column::before {top: 19.5%;} } @media screen and (min-width: 404px) and (max-width: 500px) { #nwu2014-03-01-study-points .tierSevenWrap::after {right: calc(5.5% + 1px);} } @media screen and (min-width: 335px) and (max-width: 461px) { #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(26% + 1.85rem); height: calc(59% + 1.25rem)} } @media screen and (min-width: 400px) and (max-width: 541px) { #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 100vh;} } @media screen and (max-width: 444px) { #hipb-schema ul.splitTier.two-column::before {height: 81%; top: 18.5%;} #hipb-schema .tierThree.left-side::before, #hipb-schema .tierThree.left-side::after {left: calc(6.5% - 2px);} #hipb-schema .tierThree.right-side::after {right: calc(6.5% - 2px);} #hipb-schema .tierThree.left-side::before {bottom: calc(2.5rem - 2px);} } @media screen and (min-width: 432px) and (max-width: 452px) { #nwu2015-06-02 .tierEight .middle-section::after {top: calc(25rem + 5px);} } @media screen and (min-width: 322px) and (max-width: 431px){ #nwu2015-06-02 .tierNine::before {height: 24rem;} #nwu2015-06-02 .tierEight .middle-section::after {top:calc(26.5rem + 5px);} } @media screen and (min-width: 322px) and (max-width: 405px) { #nwu2015-06-02 .tierEight .middle-section::after {top: calc(30.75rem + 5px)} } @media screen and (min-width: 322px) and (max-width: 370px) { #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 69.5%;} } @media screen and (min-width: 371px) and (max-width: 386px) { #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(44% + 1px);} } @media screen and (min-width: 387px) and (max-width: 400px) { #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(45% + 2px);} } @media screen and (min-width: 371px) and (max-width: 399px) { #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 69.75%;} } @media screen and (min-width: 314px) and (max-width: 321px){ #nwu2015-06-02 .tierNine::before {height: 27rem;} #nwu2015-06-02 .tierEight .middle-section::after {top: calc(32.25rem + 3px);} #may2013-02-02 .tierOne.splitTierWrap::after {left: unset; right: 69.5%;} } @media screen and (min-width: 311px) and (max-width: 533px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {top: calc(-4.5rem + 2px);} } @media screen and (min-width: 335px) and (max-width: 461px) { #uaz2014-03-01 .splitTierWrap .splitTier.two-column::before {top: calc(28% + 1.85rem); height: calc(56% + 1.25rem)} } @media screen and (min-width: 351px) and (max-width: 442px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {left: calc(22% + 1px);} } @media screen and (max-width: 321px) { #hipb-schema .tierThree.left-side::before {bottom: calc(4rem - 4px);} } @media screen and (min-width: 288px) and (max-width: 313px){ #nwu2015-06-02 .tierNine::before {height: 30rem;} #nwu2015-06-02 .tierEight .middle-section::after {top: calc(33.75rem + 3px);} } @media screen and (min-width: 300px) and (max-width: 306px){ #nwu2015-06-02 .tierEight .middle-section::after {top:calc(35rem + 5px);} } @media screen and (min-width: 300px) and (max-width: 350px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {left: calc(19% + 1px);} } @media screen and (min-width: 369px) and (max-width: 377px) { #nwu2014-03-01-study-points .tierFour.tolerating-arrow h3.split-heading.tolerating-arrow-heading::before {bottom: calc(-1.75rem - 3px);} } @media screen and (min-width: 378px) and (max-width: 533px) { #nwu2014-03-01-study-points .tierFour.tolerating-arrow h3.split-heading.tolerating-arrow-heading::before {bottom: calc(-1.75rem - 2px);} } @media screen and (min-width: 300px) and (max-width: 403px) { #nwu2014-03-01-study-points .tierSevenWrap::after {bottom: calc(8.25rem + 1px); right: calc(4.5% + 3px);} } @media screen and (max-width: 354px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .third-level .tierSeven.right-side::after {top: calc(-5.5rem + 3px); left: calc(41% + 1px);} } @media screen and (max-width: 338px) { #nwu2014-03-01-study-points .tierSix.middle-section ul.splitTier.three-column {background-position: 0 95%;} } @media screen and (min-width: 340px) and (max-width: 378px) { #nwu2014-03-01-study-points .three-column .middle-section.flowchart-downArrow::after {right: calc(44% + 1px);} } @media screen and (min-width: 377px) and (max-width: 399px) { #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 116vh;} } @media screen and (min-width: 327px) and (max-width: 376px) { #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 121vh;} } @media screen and (max-width: 326px) { #nwu2015-06-02 .tierThree .middle-section::after {top: calc(9rem + 1px);} #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 134vh;} } @media screen and (max-width: 329px) { #may2015-05-01 ul.splitTier.two-column::before { top: calc(30% + 0.5rem); height: calc(60% + 1.25rem);} } @media screen and (max-width: 310px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {top: calc(-6rem + 2px);} } @media screen and (min-width: 321px) and (max-width: 354px) { #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(8% + 1.35rem)} } @media screen and (min-width: 308px) and (max-width: 320px) { #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(8% + 1.25rem)} } @media screen and (min-width: 308px) and (max-width: 378px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .second-level .tierSix.right-side.flowchart-downArrow::after {top: -4.25rem; left: calc(77% + 2px);} } @media screen and (max-width: 307px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column li.right-side .second-level .tierSix.right-side.flowchart-downArrow::after {top: -5.35rem; left: calc(74% + 1px);} #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {left: calc(78% - 2px);} #nwu2014-03-01-study-points.eppt-schemas .splitTierWrap .splitTier.two-column.four-column::before {top: calc(7.75% + 1.25rem)} } @media screen and (max-width: 303px) { #uaz2013-01-01 .tierOne {margin-bottom: 3rem;} #uaz2013-01-01 .arrow-label {bottom: -16%;} } @media screen and (max-width: 299px) { #nwu2014-03-01-study-points .splitTier.two-column.four-column .tierSeven.left-side.flowchart-downArrow::after {left: calc(13% + 1px);} } @media screen and (max-width: 286px) { #nwu2015-06-04 .splitTierWrap .splitTier.two-column::before {top: calc(32% + 1.85rem); height: calc(61% + 1.25rem);} #nwu2014-03-01-study-points .four-column li.right-side.splitTierWrap .splitTier.second-level *[class^="tier"]:not(.hide-arrow)::before {height: 153vh;} } @media screen and (max-width: 358px) { #nwu2014-03-01-study-points .tierSevenWrap .tierSeven.right-side::after {right: unset; left: calc(85.25% - 1px); top: -0.5rem; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--nci-base-darker);} } @media screen and (max-width: 307px) { #nwu2014-03-01-study-points .tierSevenWrap .tierSeven.right-side::after {left: calc(83.25% - 1px);} } @media screen and (max-width: 236px) { .schemaWrapper #may2013-02-02 ul.splitTier.three-column::before {height: 98.75%;} }