NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<body>

<input name="__RequestVerificationToken" type="hidden" value="4f4qvwOEfVlyavk4yUITXFPq_5e6yDw6EscJ-iiA5zexdkAf0vfabQA3VAuLgCE2gjSnE4oQopJX2R7CJcSlBL13I6lhuG8Q1hnS59PooK4h-GAClpQdm5R2NMyQd04nnj4-acxLCUkqqOiHhjvZ8w2">


<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
<symbol id="icon-add" viewBox="0 0 448 512">
<path d="M436 228H252V44c0-6.6-5.4-12-12-12h-32c-6.6 0-12 5.4-12 12v184H12c-6.6 0-12 5.4-12 12v32c0 6.6 5.4 12 12 12h184v184c0 6.6 5.4 12 12 12h32c6.6 0 12-5.4 12-12V284h184c6.6 0 12-5.4 12-12v-32c0-6.6-5.4-12-12-12z"></path>
</symbol>
<symbol id="icon-applications" viewBox="0 0 32 32">
<path d="M29 0H9a3 3 0 0 0-3 3v3H3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-3h3a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm-6 29H3V16h20v13zm6-6h-3V9a3 3 0 0 0-3-3H9V3h20v20z"></path>
</symbol>
<symbol id="icon-approve" viewBox="0 0 24 24">
<path d="M22.606 13.439a4.433 4.433 0 0 0 .644-2.337c0-2.063-1.745-4.011-4.023-4.011h-1.71c.23-.6.415-1.319.415-2.182C17.932 1.497 16.165 0 13.466 0c-2.888 0-2.723 4.45-3.364 5.09C9.036 6.158 7.777 8.206 6.88 9H2.25a1.5 1.5 0 0 0-1.5 1.5v11.25a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.452-1.123C8.788 22.174 10.221 24 15.037 24h1.041c3.615 0 5.25-1.848 5.294-4.469a4.52 4.52 0 0 0 .813-3.14c.462-.865.64-1.89.421-2.952zm-2.894 2.523c.589.99.059 2.316-.654 2.698.361 2.287-.825 3.09-2.49 3.09h-1.772c-3.358 0-5.533-1.773-8.046-1.773V11.25h.512c1.33 0 3.186-3.323 4.431-4.568 1.33-1.33.887-3.546 1.773-4.432 2.216 0 2.216 1.546 2.216 2.66 0 1.835-1.33 2.658-1.33 4.43h4.875c.99 0 1.769.887 1.773 1.774.004.886-.6 1.772-1.044 1.772.632.682.767 2.12-.244 3.076zM4.875 20.25a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0z"></path>
</symbol>
<symbol id="icon-arrow-double" viewBox="0 0 448 512">
<path d="M57.7 38.1l209.4 209.4c4.7 4.7 4.7 12.3 0 17L57.7 473.9c-4.7 4.7-12.3 4.7-17 0l-19.8-19.8c-4.7-4.7-4.7-12.3 0-17L201.6 256 20.9 74.9c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0zm143 0l-19.8 19.8c-4.7 4.7-4.7 12.3 0 17L361.6 256 180.9 437.1c-4.7 4.7-4.7 12.3 0 17l19.8 19.8c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17L217.7 38.1c-4.7-4.7-12.3-4.7-17 0z"></path>
</symbol>
<symbol id="icon-arrow" viewBox="0 0 256 512">
<path d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path>
</symbol>
<symbol id="icon-avatar" viewBox="0 0 512 512">
<path d="M423.309 291.025L402.221 285C431.798 243.89 436 202.294 436 180 436 80.649 355.484 0 256 0 156.649 0 76 80.516 76 180c0 22.299 4.198 63.884 33.779 105l-21.088 6.025C21.28 310.285 0 371.59 0 408.605v25.681C0 477.138 34.862 512 77.714 512h356.571C477.138 512 512 477.138 512 434.286v-25.681c0-36.247-20.725-98.161-88.691-117.58zM256 48c72.902 0 132 59.099 132 132s-59.098 132-132 132-132-59.099-132-132S183.098 48 256 48zm208 386.286c0 16.41-13.304 29.714-29.714 29.714H77.714C61.304 464 48 450.696 48 434.286v-25.681c0-33.167 21.987-62.316 53.878-71.427l46.103-13.172C162.683 335.058 200.427 360 256 360s93.317-24.942 108.019-35.994l46.103 13.172C442.013 346.29 464 375.438 464 408.605v25.681z"></path>
</symbol>
<symbol id="icon-bookmark" viewBox="0 0 24 24">
<path d="M18.75 0H5.25A2.25 2.25 0 0 0 3 2.25V24l9-5.25L21 24V2.25A2.25 2.25 0 0 0 18.75 0zm0 20.083L12 16.145l-6.75 3.938V2.53c0-.155.126-.281.281-.281H18.47c.155 0 .281.126.281.281v17.552z"></path>
</symbol>
<symbol id="icon-calculator" viewBox="0 0 24 24">
<path d="M20.25 0H3.75A2.25 2.25 0 0 0 1.5 2.25v19.5A2.25 2.25 0 0 0 3.75 24h16.5a2.25 2.25 0 0 0 2.25-2.25V2.25A2.25 2.25 0 0 0 20.25 0zM4.031 2.25H19.97c.154 0 .281.127.281.281v5.344H3.75V2.531c0-.154.127-.281.281-.281zm15.938 19.5H4.03a.282.282 0 0 1-.281-.281V10.125h16.5v11.344a.282.282 0 0 1-.281.281zM9 12.562v1.876a.564.564 0 0 1-.563.562H6.563A.564.564 0 0 1 6 14.437v-1.874c0-.31.253-.563.563-.563h1.875c.309 0 .562.253.562.563zm4.5 0v1.876a.564.564 0 0 1-.563.562h-1.874a.564.564 0 0 1-.563-.563v-1.874c0-.31.253-.563.563-.563h1.874c.31 0 .563.253.563.563zm4.5 0v6.376a.564.564 0 0 1-.563.562h-1.875a.564.564 0 0 1-.562-.563v-6.375c0-.309.253-.562.563-.562h1.874c.31 0 .563.253.563.563zm-9 4.5v1.875c0 .31-.253.563-.563.563H6.563A.564.564 0 0 1 6 18.937v-1.875c0-.309.253-.562.563-.562h1.875c.309 0 .562.253.562.563zm4.5 0v1.875c0 .31-.253.563-.563.563h-1.874a.564.564 0 0 1-.563-.563v-1.875c0-.309.253-.562.563-.562h1.874c.31 0 .563.253.563.563z"></path>
</symbol>
<symbol id="icon-calendar-term" viewBox="0 0 448 512">
<path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path>
</symbol>
<symbol id="icon-calendar" viewBox="0 0 448 512">
<path d="M400 64h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6z"></path>
</symbol>
<symbol id="icon-cards" viewBox="0 0 512 512">
<path d="M0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80zm472 224H354.667v-96H472v96zm-157.333 0H197.333v-96h117.333v96zm0 40v96H197.333v-96h117.334zM40 208h117.333v96H40v-96zm157.333-40V72h117.333v96H197.333zm-40-96v96H40V84c0-6.627 5.373-12 12-12h105.333zM40 344h117.333v96H52c-6.627 0-12-5.373-12-12v-84zm314.667 96v-96H472v96H354.667zM472 168H354.667V72H472v96z"></path>
</symbol>
<symbol id="icon-check" viewBox="0 0 512 512">
<path d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"></path>
</symbol>
<symbol id="icon-clear" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path>
</symbol>
<symbol id="icon-clock" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"></path>
</symbol>
<symbol id="icon-close" viewBox="0 0 384 512">
<path d="M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z"></path>
</symbol>
<symbol id="icon-comment" viewBox="0 0 576 512">
<path d="M288 32C129 32 0 125.1 0 240c0 49.3 23.7 94.5 63.3 130.2-8.7 23.3-22.1 32.7-37.1 43.1C15.1 421-6 433 1.6 456.5c5.1 15.4 20.9 24.7 38.1 23.3 57.7-4.6 111.2-19.2 157-42.5 28.7 6.9 59.4 10.7 91.2 10.7 159.1 0 288-93 288-208C576 125.1 447.1 32 288 32zm0 368c-32.5 0-65.4-4.4-97.3-14-32.3 19-78.7 46-134.7 54 32-24 56.8-61.6 61.2-88.4C79.1 325.6 48 286.7 48 240c0-70.9 86.3-160 240-160s240 89.1 240 160c0 71-86.3 160-240 160zm-64-160c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48zm112 0c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48zm112 0c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z"></path>
</symbol>
<symbol id="icon-copy" viewBox="0 0 32 32">
<path d="M29 0H9a3 3 0 0 0-3 3v3H3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-3h3a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm-6.375 29H3.375A.375.375 0 0 1 3 28.625V9.375C3 9.168 3.168 9 3.375 9H6v14a3 3 0 0 0 3 3h14v2.625a.375.375 0 0 1-.375.375zm6-6H9.375A.375.375 0 0 1 9 22.625V3.375C9 3.168 9.168 3 9.375 3h19.25c.207 0 .375.168.375.375v19.25a.375.375 0 0 1-.375.375z"></path>
</symbol>
<symbol id="icon-delete" viewBox="0 0 448 512">
<path d="M436 284c6.6 0 12-5.4 12-12v-32c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v32c0 6.6 5.4 12 12 12h424z"></path>
</symbol>
<symbol id="icon-deny" viewBox="0 0 24 24">
<path d="M22.606 10.561a4.353 4.353 0 0 0-.421-2.952 4.52 4.52 0 0 0-.813-3.14C21.327 1.848 19.693 0 16.078 0h-1.041C10.18 0 8.672 1.875 6.75 1.875h-.508A1.494 1.494 0 0 0 5.25 1.5h-3A1.5 1.5 0 0 0 .75 3v11.25a1.5 1.5 0 0 0 1.5 1.5h3A1.5 1.5 0 0 0 6.549 15h.33c.898.795 2.157 2.843 3.223 3.91.641.64.476 5.09 3.364 5.09 2.7 0 4.466-1.497 4.466-4.91a5.97 5.97 0 0 0-.415-2.18h1.71c2.278 0 4.023-1.95 4.023-4.012 0-.898-.233-1.64-.644-2.337zM3.75 13.875a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25zm15.477.784h-4.874c0 1.773 1.329 2.596 1.329 4.432 0 1.113 0 2.659-2.216 2.659-.886-.886-.443-3.102-1.773-4.432-1.245-1.245-3.102-4.568-4.431-4.568H6.75V4.023c2.513 0 4.688-1.773 8.046-1.773h1.772c1.665 0 2.851.803 2.49 3.09.713.382 1.243 1.708.654 2.698 1.011.956.876 2.394.244 3.076.443 0 1.048.886 1.044 1.772-.004.887-.783 1.773-1.773 1.773z"></path>
</symbol>
<symbol id="icon-document" viewBox="0 0 384 512">
<path d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"></path>
</symbol>
<symbol id="icon-download" viewBox="0 0 576 512">
<path d="M528 288h-92.1l46.1-46.1c30.1-30.1 8.8-81.9-33.9-81.9h-64V48c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v112h-64c-42.6 0-64.2 51.7-33.9 81.9l46.1 46.1H48c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V336c0-26.5-21.5-48-48-48zm-400-80h112V48h96v160h112L288 368 128 208zm400 256H48V336h140.1l65.9 65.9c18.8 18.8 49.1 18.7 67.9 0l65.9-65.9H528v128zm-88-64c0-13.3 10.7-24 24-24s24 10.7 24 24-10.7 24-24 24-24-10.7-24-24z"></path>
</symbol>
<symbol id="icon-drag-dots" viewBox="0 0 24 24">
<g transform="translate(7.576)">
<rect y="7.067" width="2.783" height="2.726" rx=".25"></rect>
<rect width="2.783" height="2.726" rx=".25"></rect>
<rect y="14.134" width="2.783" height="2.726" rx=".25"></rect>
<rect y="21.201" width="2.783" height="2.726" rx=".25"></rect>
</g>
<g transform="translate(15.152)">
<rect y="7.067" width="2.783" height="2.726" rx=".25"></rect>
<rect width="2.783" height="2.726" rx=".25"></rect>
<rect y="14.134" width="2.783" height="2.726" rx=".25"></rect>
<rect y="21.201" width="2.783" height="2.726" rx=".25"></rect>
</g>
<rect y="7.067" width="2.783" height="2.726" rx=".25"></rect>
<rect width="2.783" height="2.726" rx=".25"></rect>
<rect y="14.134" width="2.783" height="2.726" rx=".25"></rect>
<rect y="21.201" width="2.783" height="2.726" rx=".25"></rect>
</symbol>
<symbol id="icon-drag" viewBox="0 0 512 512">
<path d="M276 236.075h115.85v-76.15c0-10.691 12.926-16.045 20.485-8.485l96.149 96.149c4.686 4.686 4.686 12.284 0 16.971l-96.149 96.149c-7.56 7.56-20.485 2.206-20.485-8.485v-76.149H275.999v115.776h76.15c10.691 0 16.045 12.926 8.485 20.485l-96.149 96.15c-4.686 4.686-12.284 4.686-16.971 0l-96.149-96.149c-7.56-7.56-2.206-20.485 8.485-20.485H236V276.075H120.149v76.149c0 10.691-12.926 16.045-20.485 8.485L3.515 264.56c-4.686-4.686-4.686-12.284 0-16.971l96.149-96.149c7.56-7.56 20.485-2.206 20.485 8.485v76.15H236V120.15h-76.149c-10.691 0-16.045-12.926-8.485-20.485l96.149-96.149c4.686-4.686 12.284-4.686 16.971 0l96.149 96.149c7.56 7.56 2.206 20.485-8.485 20.485H276v115.925z"></path>
</symbol>
<symbol id="icon-edit" viewBox="0 0 512 512">
<path d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.076-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM120.644 302l170.259-169.155 88.251 88.251L210 391.355V350h-48v-48h-41.356zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z"></path>
</symbol>
<symbol id="icon-email" viewBox="0 0 512 512">
<path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path>
</symbol>
<symbol id="icon-error" viewBox="0 0 512 512">
<path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm42-104c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42zm-81.37-211.401l6.8 136c.319 6.387 5.591 11.401 11.985 11.401h41.17c6.394 0 11.666-5.014 11.985-11.401l6.8-136c.343-6.854-5.122-12.599-11.985-12.599h-54.77c-6.863 0-12.328 5.745-11.985 12.599z"></path>
</symbol>
<symbol id="icon-excel" viewBox="0 0 24 24">
<path d="M20.34 4.593L16.405.66A2.25 2.25 0 0 0 14.817 0H5.25A2.257 2.257 0 0 0 3 2.254V21.75A2.25 2.25 0 0 0 5.25 24h13.5A2.25 2.25 0 0 0 21 21.75V6.186a2.26 2.26 0 0 0-.66-1.593zm-1.773 1.41H15V2.438l3.567 3.567zM5.25 21.75V2.254h7.5v4.874c0 .624.502 1.125 1.125 1.125h4.875V21.75H5.25zm9.938-11.247h-1.35a.557.557 0 0 0-.493.295c-.843 1.551-1.04 1.987-1.34 2.704-.652-1.364-.324-.81-1.34-2.704a.565.565 0 0 0-.498-.295H8.813a.562.562 0 0 0-.488.843l2.17 3.656-2.17 3.655a.56.56 0 0 0 .488.844h1.354a.557.557 0 0 0 .492-.295c1.018-1.875 1.079-2.11 1.341-2.705.698 1.416.277.746 1.34 2.705.1.182.291.295.498.295h1.35a.562.562 0 0 0 .487-.844L13.5 15.002c.033-.052 1.42-2.367 2.17-3.656a.56.56 0 0 0-.482-.843z"></path>
</symbol>
<symbol id="icon-export" viewBox="0 0 576 512">
<path d="M561.938 190.06L385.94 14.107C355.79-16.043 304 5.327 304 48.047v80.703C166.04 132.9 0 159.68 0 330.05c0 73.75 38.02 134.719 97.63 173.949 37.12 24.43 85.84-10.9 72.19-54.46C145.47 371.859 157.41 330.2 304 321.66v78.28c0 42.64 51.73 64.15 81.94 33.94l175.997-175.94c18.751-18.74 18.751-49.14.001-67.88zM352 400V272.09c-164.521 1.79-277.44 33.821-227.98 191.61C88 440 48 397.01 48 330.05c0-142.242 160.819-153.39 304-154.02V48l176 176-176 176z"></path>
</symbol>
<symbol id="icon-favorite" viewBox="0 0 576 512">
<path d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path>
</symbol>
<symbol id="icon-filter" viewBox="0 0 512 512">
<path d="M463.952 0H48.057C5.419 0-16.094 51.731 14.116 81.941L176 243.882V416c0 15.108 7.113 29.335 19.2 40l64 47.066c31.273 21.855 76.8 1.538 76.8-38.4V243.882L497.893 81.941C528.042 51.792 506.675 0 463.952 0zM288 224v240l-64-48V224L48 48h416L288 224z"></path>
</symbol>
<symbol id="icon-folder-closed" viewBox="0 0 512 512">
<path d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm-6 272H54c-3.314 0-6-2.678-6-5.992V117.992A5.993 5.993 0 0 1 54 112h134.118l64 64H458a6 6 0 0 1 6 6v212a6 6 0 0 1-6 6z"></path>
</symbol>
<symbol id="icon-folder-open" viewBox="0 0 576 512">
<path d="M527.943 224H480v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h400a48.001 48.001 0 0 0 40.704-22.56l79.942-128c19.948-31.917-3.038-73.44-40.703-73.44zM54 112h134.118l64 64H426a6 6 0 0 1 6 6v42H152a48 48 0 0 0-41.098 23.202L48 351.449V117.993A5.993 5.993 0 0 1 54 112zm394 288H72l77.234-128H528l-80 128z"></path>
</symbol>
<symbol id="icon-globe" viewBox="0 0 23.25 23.25">
<g data-name="~Extras/globe">
<path data-name="path-1" d="M11.62 0a11.63 11.63 0 1 0 11.63 11.62A11.62 11.62 0 0 0 11.62 0zm8.42 7.5H16.1a17.71 17.71 0 0 0-1.66-4.82 9.42 9.42 0 0 1 5.6 4.82zm.76 6h-4.38a22 22 0 0 0 0-3.75h4.39a9.5 9.5 0 0 1 0 3.75zm-11.72 0a19.62 19.62 0 0 1 0-3.75h5.07a19.62 19.62 0 0 1 0 3.75H9.09zm4.71 2.25a14 14 0 0 1-2.17 5.12 14 14 0 0 1-2.18-5.12h4.36zm-11.37-6h4.41a22 22 0 0 0 0 3.75h-4.4a9.5 9.5 0 0 1 0-3.75zm7-2.25a13.87 13.87 0 0 1 2.2-5.13 13.87 13.87 0 0 1 2.18 5.12H9.44zM8.8 2.68A17.71 17.71 0 0 0 7.14 7.5H3.2a9.42 9.42 0 0 1 5.6-4.82zM3.2 15.75h3.94a17.54 17.54 0 0 0 1.66 4.82 9.42 9.42 0 0 1-5.6-4.82zm11.25 4.82a17.54 17.54 0 0 0 1.66-4.82h3.94a9.42 9.42 0 0 1-5.6 4.81z"></path>
</g>
</symbol>
<symbol id="icon-graduation" viewBox="0 0 640 512">
<path d="M607.13 147.683L352.139 68.701l-.311-.094a112.25 112.25 0 0 0-63.656 0l-255.31 79.078C13.505 153.533 0 171.734 0 192s13.505 38.467 32.863 44.315l17.559 5.439c-1.009 5.804-1.619 11.865-1.957 18.27C38.646 265.489 32 275.966 32 288c0 11.952 6.557 22.366 16.265 27.861L32.068 438.956C31.438 443.747 35.172 448 40 448h48c4.832 0 8.562-4.257 7.932-9.044L79.735 315.861C89.443 310.366 96 299.952 96 288c0-11.645-6.222-21.835-15.521-27.433.191-3.236.453-6.305.827-9.245l50.665 15.695C126.234 305.318 120 347.276 120 348.8c0 65.722 134.242 80.32 200 80.32 65.75 0 200-14.593 200-80.32 0-2.037-6.224-43.583-11.983-81.78l99.113-30.703C626.491 230.472 640 212.269 640 192s-13.509-38.472-32.87-44.317zm-135.511 200.37C457.32 365.398 391.446 381.12 320 381.12c-47.192 0-132.44-9.806-151.62-33.067l9.999-66.659 109.482 33.915.312.095A112.432 112.432 0 0 0 320 320.01a112.503 112.503 0 0 0 31.827-4.606l109.793-34.011 9.999 66.66zm-133.512-78.648a64.368 64.368 0 0 1-36.208.002L48 192l253.89-77.404a64.325 64.325 0 0 1 36.216-.001L592 192l-253.893 77.405z"></path>
</symbol>
<symbol id="icon-group" viewBox="0 0 640 512">
<path d="M134.393 416H61.714C27.685 416 0 388.315 0 354.286V321.85c0-31.788 17.975-69.824 58.851-85.553C51.924 223.036 48 207.969 48 192c0-52.935 43.065-96 96-96 20.507 0 39.531 6.467 55.145 17.464-8.4 16.203-13.453 34.012-14.786 52.567C175.815 152.781 160.938 144 144 144c-26.51 0-48 21.49-48 48s21.49 48 48 48a47.87 47.87 0 0 0 17.15-3.167 124.93 124.93 0 0 0-13.131 17.216c-6.534 10.303-11.575 21.603-14.968 33.318a95.31 95.31 0 0 1-36.928-12.181l-16.474 4.707C60.915 285.245 48 302.367 48 321.85v32.436C48 361.86 54.14 368 61.714 368H128v14.857A88.68 88.68 0 0 0 134.393 416zm446.756-179.703C588.076 223.036 592 207.969 592 192c0-52.935-43.065-96-96-96-20.508 0-39.532 6.468-55.147 17.465 8.401 16.205 13.455 34.014 14.789 52.566C464.185 152.781 479.062 144 496 144c26.51 0 48 21.49 48 48s-21.49 48-48 48a47.87 47.87 0 0 1-17.146-3.166 124.976 124.976 0 0 1 13.218 17.361c6.488 10.264 11.499 21.514 14.876 33.171a95.314 95.314 0 0 0 36.93-12.181l16.474 4.707C579.085 285.245 592 302.367 592 321.85v32.436c0 7.574-6.14 13.714-13.714 13.714H512v14.857A88.68 88.68 0 0 1 505.607 416h72.679c34.03 0 61.714-27.685 61.714-61.714V321.85c0-31.789-17.994-69.832-58.851-85.553zM488 322.313v60.544c0 35.92-29.223 65.143-65.143 65.143H217.143C181.223 448 152 418.777 152 382.857v-60.544c0-36.205 20.874-79.42 67.673-96.41C212.04 210.592 208 193.607 208 176c0-61.959 50.148-112 112-112 61.959 0 112 50.147 112 112 0 17.607-4.04 34.592-11.673 49.903C467.314 242.961 488 286.348 488 322.313zM256 176c0 35.346 28.654 64 64 64s64-28.654 64-64-28.654-64-64-64-64 28.654-64 64zm184 146.313c0-24.354-16.144-45.756-39.561-52.447l-13.683-3.91C367.561 280.264 344.375 288 320 288s-47.561-7.736-66.756-22.044l-13.683 3.91C216.144 276.556 200 297.959 200 322.313v60.544c0 9.468 7.675 17.143 17.143 17.143h205.714c9.468 0 17.143-7.675 17.143-17.143v-60.544z"></path>
</symbol>
<symbol id="icon-help" viewBox="0 0 512 512">
<path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"></path>
</symbol>
<symbol id="icon-hide" viewBox="0 0 576 512">
<path d="M272.702 359.139c-80.483-9.011-136.212-86.886-116.93-167.042l116.93 167.042zM288 392c-102.556 0-192.092-54.701-240-136 21.755-36.917 52.1-68.342 88.344-91.658l-27.541-39.343C67.001 152.234 31.921 188.741 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.004 376.006 168.14 440 288 440a332.89 332.89 0 0 0 39.648-2.367l-32.021-45.744A284.16 284.16 0 0 1 288 392zm281.354-111.631c-33.232 56.394-83.421 101.742-143.554 129.492l48.116 68.74c3.801 5.429 2.48 12.912-2.949 16.712L450.23 509.83c-5.429 3.801-12.912 2.48-16.712-2.949L102.084 33.399c-3.801-5.429-2.48-12.912 2.949-16.712L125.77 2.17c5.429-3.801 12.912-2.48 16.712 2.949l55.526 79.325C226.612 76.343 256.808 72 288 72c119.86 0 224.996 63.994 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM528 256c-44.157-74.933-123.677-127.27-216.162-135.007C302.042 131.078 296 144.83 296 160c0 30.928 25.072 56 56 56s56-25.072 56-56l-.001-.042c30.632 57.277 16.739 130.26-36.928 171.719l26.695 38.135C452.626 346.551 498.308 306.386 528 256z"></path>
</symbol>
<symbol id="icon-home" viewBox="0 0 576 512">
<path d="M557.1 240.7L512 203.8V104c0-4.4-3.6-8-8-8h-32c-4.4 0-8 3.6-8 8v60.5L313.4 41.1c-14.7-12.1-36-12.1-50.7 0L18.9 240.7c-3.4 2.8-3.9 7.8-1.1 11.3l20.3 24.8c2.8 3.4 7.8 3.9 11.3 1.1l14.7-12V464c0 8.8 7.2 16 16 16h168c4.4 0 8-3.6 8-8V344h64v128c0 4.4 3.6 8 8 8h168c8.8 0 16-7.2 16-16V265.8l14.7 12c3.4 2.8 8.5 2.3 11.3-1.1l20.3-24.8c2.6-3.4 2.1-8.4-1.3-11.2zM464 432h-96V304c0-4.4-3.6-8-8-8H216c-4.4 0-8 3.6-8 8v128h-96V226.5l170.9-140c2.9-2.4 7.2-2.4 10.1 0l170.9 140V432z"></path>
</symbol>
<symbol id="icon-image" viewBox="0 0 512 512">
<path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path>
</symbol>
<symbol id="icon-in-progress" viewBox="0 0 24 24">
<path d="M2.682 14.615a9.262 9.262 0 0 1-.447-2.06L0 12.828c.093.896.297 1.758.58 2.582l2.102-.795zm2.234 3.622a9.365 9.365 0 0 1-1.302-1.655L1.732 17.81c.462.733.995 1.416 1.603 2.026l1.581-1.599zM3.768 6.415A9.408 9.408 0 0 1 5.082 4.86L3.477 3.284a11.737 11.737 0 0 0-1.645 1.992l1.936 1.14zm-1.491 3.981a9.247 9.247 0 0 1 .521-2.08l-.053.084-2.077-.798c-.304.82-.52 1.68-.63 2.576l2.24.218zm6.289 10.107a9.322 9.322 0 0 1-1.933-.912l-1.19 1.904c.766.476 1.587.868 2.457 1.157l.666-2.149zm9.569-12.147L17.079 7.29a.561.561 0 0 0-.795-.004h-.001L9.657 13.86l-2.802-2.826a.561.561 0 0 0-.794-.004h-.002l-1.065 1.057a.563.563 0 0 0-.003.796l4.255 4.29c.22.22.576.222.796.003l8.09-8.025a.563.563 0 0 0 .003-.796M5.584 1.67l1.165 1.918a9.28 9.28 0 0 1 1.878-.864L7.945.581c-.835.274-1.623.643-2.361 1.088"></path>
<path d="M11.563 0c-.37 0-.732.02-1.094.055l.229 2.239c.281-.026.566-.044.854-.044h.01c5.176-.002 9.374 4.19 9.376 9.365v.01c.003 5.175-4.19 9.373-9.364 9.375h-.011c-.29 0-.577-.017-.86-.043l-.319 2.233c.387.039.781.06 1.178.06 6.42 0 11.626-5.205 11.626-11.625S17.983 0 11.563 0"></path>
</symbol>
<symbol id="icon-info" viewBox="0 0 512 512">
<path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm0-338c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path>
</symbol>
<symbol id="icon-list" viewBox="0 0 512 512">
<path d="M96 96c0 26.51-21.49 48-48 48S0 122.51 0 96s21.49-48 48-48 48 21.49 48 48zM48 208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm0 160c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm464-256V80c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h360c6.627 0 12-5.373 12-12zm0 160v-32c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h360c6.627 0 12-5.373 12-12zm0 160v-32c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h360c6.627 0 12-5.373 12-12z"></path>
</symbol>
<symbol id="icon-location" viewBox="0 0 384 512">
<path d="M192 0C85.903 0 0 86.014 0 192c0 71.117 23.991 93.341 151.271 297.424 18.785 30.119 62.694 30.083 81.457 0C360.075 285.234 384 263.103 384 192 384 85.903 297.986 0 192 0zm0 464C64.576 259.686 48 246.788 48 192c0-79.529 64.471-144 144-144s144 64.471 144 144c0 54.553-15.166 65.425-144 272z"></path>
</symbol>
<symbol id="icon-lock" viewBox="0 0 448 512">
<path d="M400 192h-32v-46.6C368 65.8 304 .2 224.4 0 144.8-.2 80 64.5 80 144v48H48c-26.5 0-48 21.5-48 48v224c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V240c0-26.5-21.5-48-48-48zm-272-48c0-52.9 43.1-96 96-96s96 43.1 96 96v48H128v-48zm272 320H48V240h352v224z"></path>
</symbol>
<symbol id="icon-lookup" viewBox="0 0 32 18">
<path d="M17.876 16.484l-4.268-4.268a.417.417 0 0 0-.298-.123h-.465A7.311 7.311 0 0 0 7.312 0 7.311 7.311 0 0 0 0 7.312a7.311 7.311 0 0 0 12.093 5.533v.465c0 .112.046.217.123.298l4.268 4.268a.422.422 0 0 0 .598 0l.794-.794a.422.422 0 0 0 0-.598zM7.312 12.937a5.623 5.623 0 0 1-5.625-5.625 5.623 5.623 0 0 1 5.625-5.625 5.623 5.623 0 0 1 5.625 5.625 5.623 5.623 0 0 1-5.625 5.625zM32 1.99V.542c0-.3-.238-.543-.531-.543H15.53a.537.537 0 0 0-.53.544v1.446c0 .3.238.543.531.543H31.47a.537.537 0 0 0 .53-.543zm0 7.233V7.777c0-.3-.196-.543-.438-.543H18.438c-.241 0-.437.243-.437.543v1.446c0 .3.196.543.438.543h13.125c.241 0 .437-.243.437-.543zm0 7.234v-1.446c0-.3-.154-.543-.344-.543H21.344c-.19 0-.344.243-.344.543v1.446c0 .3.154.543.344.543h10.312c.19 0 .344-.243.344-.543z"></path>
</symbol>
<symbol id="icon-menu" viewBox="0 0 448 512">
<path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path>
</symbol>
<symbol id="icon-more" viewBox="0 0 512 512">
<path d="M304 256c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48zm120-48c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48zm-336 0c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48z"></path>
</symbol>
<symbol id="icon-move-down" viewBox="0 0 24 24">
<path d="M22.214 11.723l-.928-.928a.563.563 0 0 0-.797 0l-7.27 7.27V2.062a.564.564 0 0 0-.563-.563h-1.312a.564.564 0 0 0-.563.563v16.003l-7.27-7.27a.563.563 0 0 0-.797 0l-.928.928a.563.563 0 0 0 0 .797l9.816 9.815c.22.22.576.22.796 0l9.816-9.815a.563.563 0 0 0 0-.797z"></path>
</symbol>
<symbol id="icon-move-up" viewBox="0 0 24 24">
<path d="M1.786 12.277l.928.928c.22.22.576.22.796 0l7.271-7.272v16.004c0 .311.252.563.563.563h1.312c.31 0 .563-.252.563-.563V5.933l7.271 7.272c.22.22.576.22.796 0l.928-.928a.563.563 0 0 0 0-.796l-9.816-9.816a.563.563 0 0 0-.796 0L1.786 11.48a.562.562 0 0 0 0 .796z"></path>
</symbol>
<symbol id="icon-new-document" viewBox="0 0 384 512">
<path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path>
</symbol>
<symbol id="icon-notification" viewBox="0 0 448 512">
<path d="M425.403 330.939c-16.989-16.785-34.546-34.143-34.546-116.083 0-83.026-60.958-152.074-140.467-164.762A31.843 31.843 0 0 0 256 32c0-17.673-14.327-32-32-32s-32 14.327-32 32a31.848 31.848 0 0 0 5.609 18.095C118.101 62.783 57.143 131.831 57.143 214.857c0 81.933-17.551 99.292-34.543 116.078C-25.496 378.441 9.726 448 66.919 448H160c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64h93.08c57.19 0 92.415-69.583 44.323-117.061zM224 472c-13.234 0-24-10.766-24-24h48c0 13.234-10.766 24-24 24zm157.092-72H66.9c-16.762 0-25.135-20.39-13.334-32.191 28.585-28.585 51.577-55.724 51.577-152.952C105.143 149.319 158.462 96 224 96s118.857 53.319 118.857 118.857c0 97.65 23.221 124.574 51.568 152.952C406.278 379.661 397.783 400 381.092 400z"></path>
</symbol>
<symbol id="icon-phone" viewBox="0 0 24 24">
<path d="M22.338 1.074L17.92.055A2.143 2.143 0 0 0 15.466 1.3l-2.039 4.758a2.155 2.155 0 0 0 .613 2.504l1.876 1.535a14.583 14.583 0 0 1-5.82 5.82L8.563 14.04a2.155 2.155 0 0 0-2.504-.614L1.3 15.467A2.143 2.143 0 0 0 .055 17.92l1.02 4.418A2.135 2.135 0 0 0 3.164 24C14.64 24 24 14.706 24 3.164a2.135 2.135 0 0 0-1.662-2.09zM3.248 21.75l-.98-4.25 4.603-1.973 2.612 3.192c4.631-2.173 7.058-4.596 9.236-9.236L15.527 6.87 17.5 2.267l4.25.98c-.045 10.2-8.301 18.458-18.502 18.503z"></path>
</symbol>
<symbol id="icon-pin" viewBox="0 0 24 24">
<path d="M17.665 8.749l-.282-1.999h1.346c.656 0 1.188-.504 1.188-1.125v-4.5C19.917.504 19.385 0 18.729 0H5.271c-.656 0-1.188.504-1.188 1.125v4.5c0 .621.532 1.125 1.188 1.125h1.346l-.282 1.999C3.964 10.284 2.5 12.687 2.5 15.375c0 .621.532 1.125 1.187 1.125h7.125v4.876c0 .04.007.08.02.118l.792 2.25c.12.341.631.342.752 0l.791-2.25a.357.357 0 0 0 .02-.118V16.5h7.126c.655 0 1.187-.504 1.187-1.125 0-2.686-1.463-5.09-3.835-6.626zM5 14.25c.408-1.802 1.763-3.284 3.535-4.117L9.33 4.5H6.46V2.25h11.083V4.5H14.67l.793 5.633c1.773.834 3.127 2.316 3.535 4.117H5.001z"></path>
</symbol>
<symbol id="icon-platform-components" viewBox="0 0 30 32">
<path d="M28.436 23c-.597 1.006-2.877 1.404-6.112.798.301-1.196.531-2.49.689-3.85a31.513 31.513 0 0 0 3.054-2.488c2.133 2.416 2.962 4.538 2.37 5.54m-12.435 7c-1.194 0-2.687-1.728-3.766-4.762a31.64 31.64 0 0 0 3.766-1.344c1.286.55 2.552 1 3.764 1.344C18.686 28.272 17.194 30 16.002 30M3.565 23c-.592-1.002.236-3.124 2.37-5.54.906.846 1.932 1.68 3.054 2.488.156 1.36.387 2.654.689 3.85-3.235.606-5.516.208-6.113-.798m0-14c.597-1.006 2.878-1.404 6.113-.798a29.614 29.614 0 0 0-.69 3.85 31.22 31.22 0 0 0-3.054 2.488C3.801 12.126 2.973 10.002 3.565 9m12.437-7c1.192 0 2.685 1.728 3.764 4.762a31.14 31.14 0 0 0-3.764 1.344 31.29 31.29 0 0 0-3.766-1.344C13.315 3.728 14.808 2 16.002 2m7.214 12.742c.521.424.978.84 1.424 1.258a25.44 25.44 0 0 1-1.424 1.256c.014-.416.029-.832.029-1.256 0-.424-.015-.84-.029-1.258m-4.734-5.468c.64-.23 1.26-.43 1.856-.598.148.588.281 1.21.396 1.866-.365-.222-.73-.444-1.112-.658-.38-.214-.76-.412-1.14-.61m-7.214 1.268a25.08 25.08 0 0 1 .396-1.866c.596.168 1.216.368 1.856.598a35.9 35.9 0 0 0-1.14.61c-.382.214-.747.436-1.112.658m-2.482 6.714A25.44 25.44 0 0 1 7.362 16c.445-.418.903-.834 1.424-1.258-.015.418-.029.834-.029 1.258 0 .424.014.84.029 1.256m4.734 5.47c-.64.232-1.26.43-1.856.598a25.08 25.08 0 0 1-.396-1.866c.365.222.73.444 1.111.66.38.212.76.412 1.14.608m7.215-1.268a26.237 26.237 0 0 1-.396 1.866 26.57 26.57 0 0 1-1.856-.598c.38-.196.76-.396 1.14-.608.382-.216.747-.438 1.112-.66m-2.137-1.074c-.884.498-1.75.934-2.595 1.324a34.698 34.698 0 0 1-5.07-2.86 33.165 33.165 0 0 1 0-5.696 34.698 34.698 0 0 1 5.07-2.86 34.698 34.698 0 0 1 5.069 2.86c.075.906.123 1.854.123 2.848 0 .994-.048 1.942-.124 2.848a34.698 34.698 0 0 1-2.473 1.536M28.437 9c.592 1.002-.237 3.126-2.37 5.54a31.22 31.22 0 0 0-3.054-2.488 29.965 29.965 0 0 0-.69-3.85c3.236-.606 5.516-.208 6.113.798m1.775-1c-1.172-1.98-4.408-2.5-8.462-1.708C20.426 2.474 18.346 0 16.002 0c-2.347 0-4.427 2.474-5.75 6.292C6.2 5.5 2.962 6.02 1.79 8c-1.173 1.98-.014 4.972 2.716 8-2.73 3.028-3.89 6.02-2.716 8 1.173 1.98 4.41 2.5 8.463 1.708 1.323 3.82 3.403 6.292 5.75 6.292 2.344 0 4.424-2.472 5.747-6.292 4.054.792 7.29.272 8.462-1.708 1.173-1.98.016-4.972-2.714-8 2.73-3.028 3.887-6.02 2.714-8"></path>
</symbol>
<symbol id="icon-print" viewBox="0 0 512 512">
<path d="M416 192V81.9c0-6.4-2.5-12.5-7-17L351 7c-4.5-4.5-10.6-7-17-7H120c-13.3 0-24 10.7-24 24v168c-53 0-96 43-96 96v136c0 13.3 10.7 24 24 24h72v40c0 13.3 10.7 24 24 24h272c13.3 0 24-10.7 24-24v-40h72c13.3 0 24-10.7 24-24V288c0-53-43-96-96-96zM144 48h180.1L368 91.9V240H144V48zm224 416H144v-80h224v80zm96-64h-48v-40c0-13.2-10.8-24-24-24H120c-13.2 0-24 10.8-24 24v40H48V288c0-26.5 21.5-48 48-48v24c0 13.2 10.8 24 24 24h272c13.2 0 24-10.8 24-24v-24c26.5 0 48 21.5 48 48v112zm-8-96c0 13.3-10.7 24-24 24s-24-10.7-24-24 10.7-24 24-24 24 10.7 24 24z"></path>
</symbol>
<symbol id="icon-radio" viewBox="-27 29 24 24">
<circle cx="-15" cy="41" r="5.8"></circle>
</symbol>
<symbol id="icon-reply" viewBox="0 0 576 512">
<path d="M14.062 257.94 190.06 433.88c30.21 30.21 81.94 8.7 81.94-33.94v-78.28c146.59 8.54 158.53 50.199 134.18 127.879-13.65 43.56 35.07 78.89 72.19 54.46C537.98 464.768 576 403.8 576 330.05c0-170.37-166.04-197.15-304-201.3V48.047c0-42.72-51.79-64.09-81.94-33.94L14.062 190.06c-18.75 18.74-18.75 49.14 0 67.88zM48 224 224 48v128.03c143.181.63 304 11.778 304 154.02 0 66.96-40 109.95-76.02 133.65C501.44 305.911 388.521 273.88 224 272.09V400L48 224z"></path>
</symbol>
<symbol id="icon-refresh" viewBox="0 0 512 512">
<path d="M500 8h-27.711c-6.739 0-12.157 5.548-11.997 12.286l2.347 98.575C418.212 52.043 342.256 8 256 8 134.813 8 33.933 94.924 12.296 209.824 10.908 217.193 16.604 224 24.103 224h28.576c5.674 0 10.542-3.982 11.737-9.529C83.441 126.128 161.917 60 256 60c79.545 0 147.942 47.282 178.676 115.302l-126.39-3.009c-6.737-.16-12.286 5.257-12.286 11.997V212c0 6.627 5.373 12 12 12h192c6.627 0 12-5.373 12-12V20c0-6.627-5.373-12-12-12zm-12.103 280h-28.576c-5.674 0-10.542 3.982-11.737 9.529C428.559 385.872 350.083 452 256 452c-79.546 0-147.942-47.282-178.676-115.302l126.39 3.009c6.737.16 12.286-5.257 12.286-11.997V300c0-6.627-5.373-12-12-12H12c-6.627 0-12 5.373-12 12v192c0 6.627 5.373 12 12 12h27.711c6.739 0 12.157-5.548 11.997-12.286l-2.347-98.575C93.788 459.957 169.744 504 256 504c121.187 0 222.067-86.924 243.704-201.824 1.388-7.369-4.308-14.176-11.807-14.176z"></path>
</symbol>
<symbol id="icon-save" viewBox="0 0 448 512">
<path d="M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM272 80v80H144V80h128zm122 352H54a6 6 0 0 1-6-6V86a6 6 0 0 1 6-6h42v104c0 13.255 10.745 24 24 24h176c13.255 0 24-10.745 24-24V83.882l78.243 78.243a6 6 0 0 1 1.757 4.243V426a6 6 0 0 1-6 6zM224 232c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88zm0 128c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z"></path>
</symbol>
<symbol id="icon-search" viewBox="0 0 512 512">
<path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path>
</symbol>
<symbol id="icon-settings" viewBox="0 0 512 512">
<path d="M452.515 237l31.843-18.382c9.426-5.441 13.996-16.542 11.177-27.054-11.404-42.531-33.842-80.547-64.058-110.797-7.68-7.688-19.575-9.246-28.985-3.811l-31.785 18.358a196.276 196.276 0 0 0-32.899-19.02V39.541a24.016 24.016 0 0 0-17.842-23.206c-41.761-11.107-86.117-11.121-127.93-.001-10.519 2.798-17.844 12.321-17.844 23.206v36.753a196.276 196.276 0 0 0-32.899 19.02l-31.785-18.358c-9.41-5.435-21.305-3.877-28.985 3.811-30.216 30.25-52.654 68.265-64.058 110.797-2.819 10.512 1.751 21.613 11.177 27.054L59.485 237a197.715 197.715 0 0 0 0 37.999l-31.843 18.382c-9.426 5.441-13.996 16.542-11.177 27.054 11.404 42.531 33.842 80.547 64.058 110.797 7.68 7.688 19.575 9.246 28.985 3.811l31.785-18.358a196.202 196.202 0 0 0 32.899 19.019v36.753a24.016 24.016 0 0 0 17.842 23.206c41.761 11.107 86.117 11.122 127.93.001 10.519-2.798 17.844-12.321 17.844-23.206v-36.753a196.34 196.34 0 0 0 32.899-19.019l31.785 18.358c9.41 5.435 21.305 3.877 28.985-3.811 30.216-30.25 52.654-68.266 64.058-110.797 2.819-10.512-1.751-21.613-11.177-27.054L452.515 275c1.22-12.65 1.22-25.35 0-38zm-52.679 63.019l43.819 25.289a200.138 200.138 0 0 1-33.849 58.528l-43.829-25.309c-31.984 27.397-36.659 30.077-76.168 44.029v50.599a200.917 200.917 0 0 1-67.618 0v-50.599c-39.504-13.95-44.196-16.642-76.168-44.029l-43.829 25.309a200.15 200.15 0 0 1-33.849-58.528l43.819-25.289c-7.63-41.299-7.634-46.719 0-88.038l-43.819-25.289c7.85-21.229 19.31-41.049 33.849-58.529l43.829 25.309c31.984-27.397 36.66-30.078 76.168-44.029V58.845a200.917 200.917 0 0 1 67.618 0v50.599c39.504 13.95 44.196 16.642 76.168 44.029l43.829-25.309a200.143 200.143 0 0 1 33.849 58.529l-43.819 25.289c7.631 41.3 7.634 46.718 0 88.037zM256 160c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 144c-26.468 0-48-21.532-48-48 0-26.467 21.532-48 48-48s48 21.533 48 48c0 26.468-21.532 48-48 48z"></path>
</symbol>
<symbol id="icon-share" viewBox="0 0 448 512">
<path d="M448 416c0 53.019-42.981 96-96 96s-96-42.981-96-96a95.942 95.942 0 0 1 4.438-28.924l-98.337-61.46C144.887 341.966 121.616 352 96 352c-53.019 0-96-42.981-96-96s42.981-96 96-96c25.616 0 48.887 10.034 66.101 26.385l98.337-61.461A95.942 95.942 0 0 1 256 96c0-53.019 42.981-96 96-96s96 42.981 96 96-42.981 96-96 96c-25.616 0-48.887-10.034-66.101-26.385l-98.337 61.461c5.917 18.75 5.922 39.083 0 57.848l98.337 61.461C303.113 330.034 326.384 320 352 320c53.019 0 96 42.981 96 96zM352 48c-26.467 0-48 21.533-48 48s21.533 48 48 48 48-21.533 48-48-21.533-48-48-48M96 208c-26.467 0-48 21.533-48 48s21.533 48 48 48 48-21.533 48-48-21.533-48-48-48m256 160c-26.467 0-48 21.533-48 48s21.533 48 48 48 48-21.533 48-48-21.533-48-48-48"></path>
</symbol>
<symbol id="icon-sign-out" viewBox="0 0 32 32">
<path d="M6 4h5.25c.412 0 .75.338.75.75v1.5c0 .412-.338.75-.75.75H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h5.25c.412 0 .75.338.75.75v1.5c0 .412-.338.75-.75.75H6c-3.313 0-6-2.688-6-6V10a6 6 0 0 1 6-6zm14.443 1.219l-1.225 1.225c-.3.3-.294.781.012 1.069l7.069 6.862h-15.55a.752.752 0 0 0-.75.75v1.75c0 .413.338.75.75.75H26.3l-7.069 6.856a.753.753 0 0 0-.012 1.07l1.225 1.224a.75.75 0 0 0 1.062 0l10.274-10.25a.75.75 0 0 0 0-1.062L21.505 5.213a.756.756 0 0 0-1.062.006z"></path>
</symbol>
<symbol id="icon-skip" viewBox="0 0 448 512">
<path d="M372 32h-24c-6.6 0-12 5.4-12 12v183L116.5 39.4C95.9 22.3 64 36.6 64 64v384c0 27.4 31.9 41.8 52.5 24.6L336 283.9V468c0 6.6 5.4 12 12 12h24c6.6 0 12-5.4 12-12V44c0-6.6-5.4-12-12-12zM112 413.5V98.4l186.7 157.1-186.7 158z"></path>
</symbol>
<symbol id="icon-spinner" viewBox="0 0 24 24">
<path d="M13.875 2.25a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0zM12 19.875a1.875 1.875 0 1 0 0 3.75 1.875 1.875 0 0 0 0-3.75zM23.625 12a1.875 1.875 0 1 0-3.75 0 1.875 1.875 0 0 0 3.75 0zm-19.5 0a1.875 1.875 0 1 0-3.75 0 1.875 1.875 0 0 0 3.75 0zm.98-8.77a1.875 1.875 0 1 0 0 3.75 1.875 1.875 0 0 0 0-3.75zm13.79 13.79a1.875 1.875 0 1 0 0 3.75 1.875 1.875 0 0 0 0-3.75zm-13.79 0a1.875 1.875 0 1 0 0 3.75 1.875 1.875 0 0 0 0-3.75z"></path>
</symbol>
<symbol id="icon-swap" viewBox="0 0 512 512">
<path d="M508.485 168.485l-100.375 100c-4.686 4.686-12.284 4.686-16.97 0l-19.626-19.626c-4.753-4.753-4.675-12.484.173-17.14L422.916 184H12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h410.916l-51.228-47.719c-4.849-4.656-4.927-12.387-.173-17.14l19.626-19.626c4.686-4.686 12.284-4.686 16.97 0l100.375 100c4.685 4.686 4.685 12.284-.001 16.97zm-504.97 192l100.375 100c4.686 4.686 12.284 4.686 16.97 0l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L89.084 376H500c6.627 0 12-5.373 12-12v-24c0-6.627-5.373-12-12-12H89.084l51.228-47.719c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.97 0l-100.375 100c-4.686 4.686-4.686 12.284.001 16.97z"></path>
</symbol>
<symbol id="icon-trash" viewBox="0 0 24 24">
<path d="M10.5 8.813v10.124a.563.563 0 0 1-.563.563H8.813a.563.563 0 0 1-.563-.563V8.813c0-.31.252-.562.563-.562h1.124c.311 0 .563.252.563.563zm4.688-.563h-1.126a.563.563 0 0 0-.562.563v10.124c0 .311.252.563.563.563h1.124a.563.563 0 0 0 .563-.563V8.813a.563.563 0 0 0-.563-.562zm6.187-4.5c.621 0 1.125.504 1.125 1.125v.563c0 .31-.252.562-.563.562H21v15.75A2.25 2.25 0 0 1 18.75 24H5.25A2.25 2.25 0 0 1 3 21.75V6h-.938a.563.563 0 0 1-.562-.563v-.562c0-.621.504-1.125 1.125-1.125h3.488l1.595-2.658A2.25 2.25 0 0 1 9.637 0h4.726c.79 0 1.523.415 1.93 1.092l1.594 2.658h3.488zm-12.638 0h6.526l-.818-1.363a.281.281 0 0 0-.241-.137H9.796a.281.281 0 0 0-.24.137l-.82 1.363zM18.75 6H5.25v15.469c0 .155.126.281.281.281H18.47a.281.281 0 0 0 .281-.281V6z"></path>
</symbol>
<symbol id="icon-undo" viewBox="0 0 512 512">
<path d="M12 8h27.711c6.739 0 12.157 5.548 11.997 12.286l-2.347 98.568C93.925 51.834 170.212 7.73 256.793 8.001 393.18 8.428 504.213 120.009 504 256.396 503.786 393.181 392.835 504 256 504c-63.926 0-122.202-24.187-166.178-63.908-5.113-4.618-5.354-12.561-.482-17.433l19.738-19.738c4.498-4.498 11.753-4.785 16.501-.552C160.213 433.246 205.895 452 256 452c108.322 0 196-87.662 196-196 0-108.322-87.662-196-196-196-79.545 0-147.941 47.282-178.675 115.302l126.389-3.009c6.737-.16 12.286 5.257 12.286 11.997V212c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V20C0 13.373 5.373 8 12 8z"></path>
</symbol>
<symbol id="icon-unlock" viewBox="0 0 24 24">
<path d="M20.25 11.25H7.5V6.806c0-2.475 1.973-4.533 4.453-4.556a4.502 4.502 0 0 1 4.547 4.5v1.125c0 .623.502 1.125 1.125 1.125s1.125-.502 1.125-1.125v-1.06c0-3.73-3-6.806-6.736-6.815C8.288-.01 5.25 3.023 5.25 6.75v4.5h-1.5A2.25 2.25 0 0 0 1.5 13.5v8.25A2.25 2.25 0 0 0 3.75 24h16.5a2.25 2.25 0 0 0 2.25-2.25V13.5a2.25 2.25 0 0 0-2.25-2.25zm0 10.5H3.75V13.5h16.5v8.25z"></path>
</symbol>
<symbol id="icon-view" viewBox="0 0 576 512">
<path d="M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z"></path>
</symbol>
<symbol id="icon-warning" viewBox="0 0 576 512">
<path d="M248.747 204.705l6.588 112c.373 6.343 5.626 11.295 11.979 11.295h41.37a12 12 0 0 0 11.979-11.295l6.588-112c.405-6.893-5.075-12.705-11.979-12.705h-54.547c-6.903 0-12.383 5.812-11.978 12.705zM330 384c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42zm-.423-360.015c-18.433-31.951-64.687-32.009-83.154 0L6.477 440.013C-11.945 471.946 11.118 512 48.054 512H527.94c36.865 0 60.035-39.993 41.577-71.987L329.577 23.985zM53.191 455.002L282.803 57.008c2.309-4.002 8.085-4.002 10.394 0l229.612 397.993c2.308 4-.579 8.998-5.197 8.998H58.388c-4.617.001-7.504-4.997-5.197-8.997z"></path>
</symbol>
<symbol id="icon-note" viewBox="0 0 448 512">
<path d="M448 348.106V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80v351.988c0 26.51 21.49 48 48 48h268.118a48 48 0 0 0 33.941-14.059l83.882-83.882A48 48 0 0 0 448 348.106zm-128 80v-76.118h76.118L320 428.106zM400 80v223.988H296c-13.255 0-24 10.745-24 24v104H48V80h352z"></path>
</symbol>
<symbol id="icon-note-alert" viewBox="0 0 16 16">
<style type="text/css">
.st0 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #026BC8;
}

.st1 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #FFFFFF;
}
</style>
<g id="_x31_---Main-Use_x2F_note">
<path id="path-1_1_" class="st0" d="M13,12.2V4.4C13,3.6,12.4,3,11.6,3H1.4C0.6,3,0,3.6,0,4.4v10.2C0,15.4,0.6,16,1.4,16h7.8
c0.4,0,0.7-0.1,1-0.4l2.4-2.4C12.9,12.9,13,12.5,13,12.2z M9.3,14.5v-2.2h2.2L9.3,14.5z M11.6,4.4v6.5h-3c-0.4,0-0.7,0.3-0.7,0.7v3
H1.4V4.4H11.6z"></path>
</g>
<g id="warning-filled">
<path id="Path" class="st0" d="M16,5c0,2.8-2.2,5-5,5S6,7.8,6,5c0-2.8,2.2-5,5-5S16,2.2,16,5z"></path>
</g>
<g id="warning-filled-copy" transform="translate(4.000000, 2.000000)">
<path id="Path_1_" class="st1" d="M7,4C6.4,4,6,4.4,6,5s0.4,1,1,1s1-0.4,1-1S7.6,4,7,4z"></path>
<path id="Path_2_" class="st1" d="M6,0.2l0.2,2.5C6.2,2.9,6.3,3,6.4,3h1.1c0.1,0,0.3-0.1,0.3-0.2L8,0.2C8,0.1,7.9,0,7.7,0H6.3
C6.1,0,6,0.1,6,0.2L6,0.2z"></path>
</g>
</symbol>
</svg>



<a id="skip-link" class="offScreen" href="#main-content">Skip to main content</a>
<a class="offScreen" href="/Student/Student/Home/Sitemap" id="sitemap-link">Navigate to the sitemap</a>


<header id="topOfForm">
<nav id="header-bar" role="navigation" aria-label="Header Bar" class="esg-header-bar esg-header-bar__with-toolbar">
<div class="esg-header-bar__logo">
<a class="esg-header-bar__logo-link" href="/Student/">
<img class="esg-header-bar__logo-image" src="/Student/Content/Images/custom-header-logo.png" alt="Rowan College at Burlington County">
</a>
</div>




<script type="text/javascript">
$(document).ready(function () {

if (!isGuest) {

var mapping = {};
var restrictionConfiguration = Ellucian.Storage.session.getItem("Ellucian.restrictionConfiguration");
if (!restrictionConfiguration) {
$.ajax({
url: getRestrictionConfigurationAsync,
type: "GET",
contentType: jsonContentType,
dataType: "json",
success: function (jsonMappingData) {
mapping = jsonMappingData.Mapping
Ellucian.Storage.session.setItem("Ellucian.restrictionConfiguration", jsonMappingData.Mapping);
},
error: function (jqXHR, textStatus, errorThrown) {
if (jqXHR.status != 0) {
$('#notificationHost').notificationCenter('addNotification', { message: restrictionConfigurationError, type: "error" });
}
},
complete: function () { }
});
} else {
mapping = restrictionConfiguration;
}

$.ajax({
url: getEffectiveUserRestrictionsAsync,
type: "GET",
contentType: jsonContentType,
dataType: "json",
success: function (jsonData) {
var remaining = jsonData; // Create a modifiable array of Notifications
var distinctStyles = ["Critical", "Warning", "Information"];
// Order Notifications based on their style.
for (var m = 0; m < distinctStyles.length; m++) {
// Multiple severity ranges are allowed.
for (var mapidx = 0; mapidx < mapping.length; mapidx++) {
// Check each range...
if (mapping[mapidx].Style === distinctStyles[m]) {
// against each remaining Notification.
for (var i = 0; i < remaining.length; i++) {
if (remaining[i] != null && (remaining[i].Severity != null && remaining[i].Severity >= mapping[mapidx].SeverityStart && remaining[i].Severity <= mapping[mapidx].SeverityEnd)) {
// If a remaining Notification severity falls in the mapping range, add it to the notification center...
if (distinctStyles[m] === "Critical") {
$('#notificationHost').notificationCenter('addNotification', { message: remaining[i].Details, title: remaining[i].Title, link: remaining[i].Hyperlink, linkText: remaining[i].HyperlinkText, permanent: true, showByDefault: false, type: "Error" });
}
else {
$('#notificationHost').notificationCenter('addNotification', { message: remaining[i].Details, title: remaining[i].Title, link: remaining[i].Hyperlink, linkText: remaining[i].HyperlinkText, permanent: true, showByDefault: false, type: distinctStyles[m] });
}
// and remove it from the remaining list
remaining[i] = null;
}
}
}
}
}
// At this point, all notifications that fall into a severity range have been rendered. Default the rest to "Information" styling
for (var i = 0; i < remaining.length; i++) {
if (remaining[i] != null) {
$('#notificationHost').notificationCenter('addNotification', { message: remaining[i].Details, title: remaining[i].Title, link: remaining[i].Hyperlink, linkText: remaining[i].HyperlinkText, permanent: true, showByDefault: false, type: "Information" });
}
}
},
error: function (jqXHR, textStatus, errorThrown) {
if (jqXHR.status != 0) {
$('#notificationHost').notificationCenter('addNotification', { message: percError, type: "error" });
}
},
complete: function (jqXHR, textStatus) {

}
});
}
});
</script>
<div id="siteToolbar">
<ul class="esg-header-bar__menu">
<li class="esg-header-bar__menu-item esg-header-bar__menu-item-no-notifications">
<div class="esg-dropdown">
<button id="userName" class="esg-header-bar__menu-link esg-dropdown__toggle esg-button--fluid" data-toggle="dropdown" aria-label="View Account Options">
<span class="esg-header-bar__icon esg-icon__container" aria-hidden="True">
<svg class="esg-icon esg-icon--header-bar" focusable="false">
<use xlink:href="#icon-avatar"></use>
</svg>
</span>
<span id="username-hover" class="esg-header-bar__icon-label">karenn_gomesantonio</span>
</button>
<ul id="userOptions" class="css-user-options header-dropdown esg-dropdown__menu esg-dropdown__menu--popover">
<li class="esg-dropdown__menu-item">
<a aria-label="Access your profile" class="esg-dropdown__link" href="/Student/UserProfile">User Profile</a>
</li>
<li class="esg-dropdown__menu-item">
<a aria-label="Access your emergency information" class="esg-dropdown__link" href="/Student/UserProfile/EmergencyInformation">Emergency Information</a>
</li>
<li class="esg-dropdown__menu-item">
<a aria-label="View required agreements, take action on them, and print them." class="esg-dropdown__link" href="/Student/Agreements">Required Agreements</a>
</li>
<li class="esg-dropdown__menu-item" id="changeProxyUser-opsLink" style="display: none;">
<a href="#" class="esg-dropdown__link" data-bind="click: changeProxySubject">Change Proxy User</a>
</li>

</ul>
</div>
</li>
<li class="esg-header-bar__menu-item esg-header-bar__menu-item-no-notifications">
<div class="esg-dropdown">
<button id="logOff" class="esg-header-bar__menu-link esg-dropdown__toggle esg-button--fluid" data-toggle="dropdown" aria-label="Sign out of BaronOne">
<span class="esg-header-bar__icon esg-icon__container" aria-hidden="True">
<svg class="esg-icon esg-icon--header-bar" focusable="false">
<use xlink:href="#icon-sign-out"></use>
</svg>
</span>
<span class="esg-header-bar__icon-label" id="logOff-hover">Sign out of BaronOne</span>
</button>
<ul id="logOffOptions" class="esg-dropdown__menu esg-dropdown__menu--popover">
<li class="esg-dropdown__menu-item"><a aria-label="Sign out of BaronOne" class="esg-dropdown__link" href="/Student/Account/LogOff" onclick="Ellucian.Storage.session.clear();">Sign out of BaronOne</a></li>
<li id="changeProxyUser-link" style="display: none;" class="esg-dropdown__menu-item"><a href="#" class="esg-dropdown__link" data-bind="click: changeProxySubject">Change Proxy User</a></li>
</ul>
</div>
</li>
<li class="esg-header-bar__menu-item esg-header-bar__menu-item--mobile-full-width esg-header-bar__menu-item-no-notifications">
<div class="esg-dropdown">
<button id="help" class="esg-header-bar__menu-link esg-dropdown__toggle esg-button--fluid" data-toggle="dropdown" aria-label="Help">
<span class="esg-header-bar__icon esg-icon__container" aria-hidden="True">
<svg class="esg-icon esg-icon--header-bar" focusable="false">
<use xlink:href="#icon-help"></use>
</svg>
</span>
<span class="esg-header-bar__icon-label">Help</span>
</button>

<div id="help-region" class="css-help-region esg-dropdown__menu esg-dropdown__menu--popover">
<div id="help-body">
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {

site.toolbar.helpNotAvailableMessage = 'Help is not available for this page.';

var helpUrl = '/Student/Help/Partial/GradesIndex/Student';
site.toolbar.addHelpContent(helpUrl);
});
</script>

</div>
</li>
<li id="notificationHost" class="esg-header-bar__menu-item esg-notification-center__badge esg-header-bar__menu-item-no-notifications" aria-live="polite" style="display: none;">
<div class="esg-notification-center__dropdown">
<button id="notificationMenu" type="button" class="esg-dropdown-toggle esg-dropdown-notifications esg-button--fluid" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="0 notifications">0</button>
<ul id="notification-messages-list" role="alert" class="esg-notification-center" aria-atomic="true" aria-labelledby="notificationMenu"></ul>
</div>
</li>
</ul>
</div>

</nav>

<div id="proxy-selection">


<!-- The proxy selection dialog can be invoked from anywhere that the proxy banner shows,
so include the dialog and the supporting scripts here -->

<div class="proxy-selection-dialog-wrapper">


<modal-spinner id="loading-proxy-picker" params="isVisible: proxySelectionDialogIsLoading, message: loadingMessage"><div style="display: none;" class="esg-modal-dialog esg-is-open" data-bind="visible: isVisible">
<div class="esg-modal-dialog__body">
<spinner params="isVisible: isVisible, message: message"><div data-bind="visible: isVisible, css: wrapperClass" class="esg-spinner-container" style="display: none;">
<div class="esg-spinner-wrapper">
<div class="esg-spinner"></div>
</div>
<!-- ko if: showMessage -->
<div class="esg-spinner-container__message" data-bind="html: message">Loading the proxy selection dialog box...</div>
<!-- /ko -->
</div></spinner>
</div>
</div>
<div style="display: none;" class="esg-modal-overlay" data-bind="visible: isVisible"></div>
</modal-spinner>



<modal-spinner id="changing-proxy-picker" params="isVisible: changingProxyUsers, message: changingUserMessage"><div style="display: none;" class="esg-modal-dialog esg-is-open" data-bind="visible: isVisible">
<div class="esg-modal-dialog__body">
<spinner params="isVisible: isVisible, message: message"><div data-bind="visible: isVisible, css: wrapperClass" class="esg-spinner-container" style="display: none;">
<div class="esg-spinner-wrapper">
<div class="esg-spinner"></div>
</div>
<!-- ko if: showMessage -->
<div class="esg-spinner-container__message" data-bind="html: message">Switching user...</div>
<!-- /ko -->
</div></spinner>
</div>
</div>
<div style="display: none;" class="esg-modal-overlay" data-bind="visible: isVisible"></div>
</modal-spinner>



<modal-dialog id="proxy-selection-dialog" params="title: 'Person Proxy', isVisible: proxySelectionDialogIsDisplayed, content: $data, buttons: [cancelProxySelectionButton, saveProxySelectionButton], defaultCloseOff: true"><!-- Copyright 2013-2021 Ellucian Company L.P. and its affiliates. -->
<!-- ko if: isVisible --><!-- /ko -->
<div class="esg-modal-overlay" style="display: none;" data-bind="click: pureModal()?null: toggle, style: {'display': overlayDisplay }"></div></modal-dialog>
</div>


</div>
</header>

<script>
$(document).ready(function () {
navMenu.menuLoad.then(function (result) {
navMenu.addClassToElementAndParentMenus($('[data-menu-item-id=gradesHome]').first(), 'current-page');
});
});
</script>



<div class="nav-top-section">
<button id="toggle-nav-button" type="button" aria-label="Open the navigation menu"></button>
</div>
<div class="sidebar-nav-wrapper sidebar-nav-wrapper--hidden" tabindex="-1">
<nav id="drawer-nav" role="navigation" aria-label="Sidebar">
<ul id="nav-root" class="primary-menu">
<li class="menu-wrapper supress-expand">
<a class="menu-item" id="nav-home-tab" data-menu-item-id="home" rel="menu" data-menu-id="nav-home" href="/Student/" data-bind="tooltip: { position: 'right', message: 'Home' }" aria-describedby="tooltip-0">Home</a>
</li>
<li class="menu-wrapper">
<div role="heading" aria-level="1" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-1" data-menu-level="0" aria-expanded="false" aria-controls="nav-contents-financial-information"><span class="menu-item" id="nav-financial-information" data-menu-id="nav-financial-information" rel="menu" data-bind="tooltip: { position: 'right', message: 'Financial Information' }" aria-describedby="tooltip-1">
Financial Information
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu secondary-menu" id="nav-contents-financial-information" role="region" aria-labelledby="nav-group-1" style="display: none;">
<li class="menu-wrapper">
<div role="heading" aria-level="2" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-1-0" data-menu-level="1" aria-expanded="false" aria-controls="nav-contents-my-account"><span class="menu-item" id="nav-my-account" data-menu-id="nav-my-account" rel="menu" data-bind="tooltip: { position: 'right', message: 'Student Finance' }" aria-describedby="tooltip-2" style="">
Student Finance
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu tertiary-menu" id="nav-contents-my-account" role="region" aria-labelledby="nav-group-1-0" style="display: none;">
<li>

<a class="menu-item" id="nav-acctSummary-my-account" data-menu-item-id="nav-acctSummary-my-account" href="/Student/Finance">Account Summary</a>
</li>
<li>

<a class="menu-item" id="nav-aa-my-account" data-menu-item-id="nav-aa-my-account" href="/Student/Finance/AccountActivity">Account Activity</a>
</li>
<li>

<a class="menu-item" id="nav-regAct-my-account" data-menu-item-id="nav-regAct-my-account" href="/Student/Finance/RegistrationActivity">Registration Activity</a>
</li>
<li>
<a class="menu-item" id="nav-B89.ECSI.1098T.CONSENT-my-account" data-menu-item-id="B89.ECSI.1098T.CONSENT-my-account" href="https://heartland.ecsi.net/index.main.html#/access/eConsent" target="_blank" rel="noreferrer noopener">1098-T Electronic Consent Application</a>
</li>
<li>
<a class="menu-item" id="nav-B89.PAYOPT.ACCMGMT-my-account" data-menu-item-id="B89.PAYOPT.ACCMGMT-my-account" href="https://secure.touchnet.net/C20165_tsa/web/caslogin.jsp" target="_blank" rel="noreferrer noopener">Payment Options and Account Management</a>
</li>
</ul>

</li>
<li class="menu-wrapper">
<div role="heading" aria-level="2" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-1-1" data-menu-level="1" aria-expanded="false" aria-controls="nav-contents-financial-aid"><span class="menu-item" id="nav-financial-aid" data-menu-id="nav-financial-aid" rel="menu" data-bind="tooltip: { position: 'right', message: 'Financial Aid' }" aria-describedby="tooltip-3" style="">
Financial Aid
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu tertiary-menu" id="nav-contents-financial-aid" role="region" aria-labelledby="nav-group-1-1" style="display: none;">
<li>

<a class="menu-item" id="nav-faHome-financial-aid" data-menu-item-id="nav-faHome-financial-aid" href="/Student/FinancialAid/Home">Financial Aid Home</a>
</li>
<li>

<a class="menu-item" id="nav-faDocuments-financial-aid" data-menu-item-id="nav-faDocuments-financial-aid" href="/Student/FinancialAid/Documents">Required Documents</a>
</li>
<li>

<a class="menu-item" id="nav-faAwards-financial-aid" data-menu-item-id="nav-faAwards-financial-aid" href="/Student/FinancialAid/Awards">My Awards</a>
</li>
<li>

<a class="menu-item" id="nav-faOutsideAwards-financial-aid" data-menu-item-id="nav-faOutsideAwards-financial-aid" href="/Student/FinancialAid/OutsideAwards">Report/View Outside Awards</a>
</li>
<li>

<a class="menu-item" id="nav-faLoanRequest-financial-aid" data-menu-item-id="nav-faLoanRequest-financial-aid" href="/Student/FinancialAid/LoanRequest">Request a New Loan</a>
</li>
<li>

<a class="menu-item" id="nav-faAwardLetter-financial-aid" data-menu-item-id="nav-faAwardLetter-financial-aid" href="/Student/FinancialAid/AwardLetter">Award Letter</a>
</li>
<li>

<a class="menu-item" id="nav-faShoppingSheet-financial-aid" data-menu-item-id="nav-faShoppingSheet-financial-aid" href="/Student/FinancialAid/ShoppingSheet">College Financing Plan</a>
</li>
<li>

<a class="menu-item" id="nav-faSatisfactoryAcademicProgress-financial-aid" data-menu-item-id="nav-faSatisfactoryAcademicProgress-financial-aid" href="/Student/FinancialAid/SatisfactoryAcademicProgress">Satisfactory Academic Progress</a>
</li>
</ul>

</li>
</ul>

</li>
<li class="menu-wrapper">
<div role="heading" aria-level="1" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-2" data-menu-level="0" aria-expanded="false" aria-controls="nav-contents-my-academics"><span class="menu-item" id="nav-my-academics" data-menu-id="nav-my-academics" rel="menu" data-bind="tooltip: { position: 'right', message: 'Academics' }" aria-describedby="tooltip-4">
Academics
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu secondary-menu" id="nav-contents-my-academics" role="region" aria-labelledby="nav-group-2" style="display: none;">
<li class="menu-wrapper">
<div role="heading" aria-level="2" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-2-0" data-menu-level="1" aria-expanded="false" aria-controls="nav-contents-academic-planning"><span class="menu-item" id="nav-academic-planning" data-menu-id="nav-academic-planning" rel="menu" data-bind="tooltip: { position: 'right', message: 'Student Planning' }" aria-describedby="tooltip-5" style="">
Student Planning
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu tertiary-menu" id="nav-contents-academic-planning" role="region" aria-labelledby="nav-group-2-0" style="display: none;">
<li>

<a class="menu-item" id="nav-apHome-academic-planning" data-menu-item-id="nav-apHome-academic-planning" href="/Student/Planning">Planning Overview</a>
</li>
<li>

<a class="menu-item" id="nav-schedulePlan-academic-planning" data-menu-item-id="nav-schedulePlan-academic-planning" href="/Student/Planning/DegreePlans">Plan &amp; Schedule</a>
</li>
<li>

<a class="menu-item" id="nav-myprogress-academic-planning" data-menu-item-id="nav-myprogress-academic-planning" href="/Student/Planning/Programs/MyProgress">My Progress</a>
</li>
</ul>

</li>
<li>

<a class="menu-item" id="nav-baseSchedulePlan-my-academics" data-menu-item-id="nav-baseSchedulePlan-my-academics" href="/Student/Student/DegreePlans">Register for Classes</a>
</li>
<li>

<a class="menu-item" id="nav-courseCatalog-my-academics" data-menu-item-id="nav-courseCatalog-my-academics" href="/Student/Student/Courses">Course Catalog</a>
</li>
<li>

<a class="menu-item" id="nav-gradesHome-my-academics" data-menu-item-id="nav-gradesHome-my-academics" href="/Student/Student/Grades">Grades</a>
</li>
<li>

<a class="menu-item" id="nav-transcriptsHome-my-academics" data-menu-item-id="nav-transcriptsHome-my-academics" href="/Student/Student/TranscriptRequests">Transcript Requests</a>
</li>
<li>

<a class="menu-item" id="nav-unofficialTranscripts-my-academics" data-menu-item-id="nav-unofficialTranscripts-my-academics" href="/Student/Student/Transcripts">Unofficial Transcript</a>
</li>
<li>

<a class="menu-item" id="nav-transferSummary-my-academics" data-menu-item-id="nav-transferSummary-my-academics" href="/Student/Student/TransferSummary">Transfer Summary</a>
</li>
<li>

<a class="menu-item" id="nav-testSummary-my-academics" data-menu-item-id="nav-testSummary-my-academics" href="/Student/Student/TestScores">Test Summary</a>
</li>
<li>
<a class="menu-item" id="nav-B89.WA.XWBACT01-my-academics" data-menu-item-id="B89.WA.XWBACT01-my-academics" href="https://rcbconline.rcbc.edu/WebAdvisor/WebAdvisor?CONSTITUENCY=WBST&amp;type=P&amp;pid=ST-XWBACT01" target="_blank" rel="noreferrer noopener">Student Activity Online Purchases</a>
</li>
<li>
<a class="menu-item" id="nav-B89.WA.XWB3P1001C-my-academics" data-menu-item-id="B89.WA.XWB3P1001C-my-academics" href="https://rcbconline.rcbc.edu/WebAdvisor/WebAdvisor?CONSTITUENCY=WBST&amp;type=P&amp;pid=ST-XWB3P1001C" target="_blank" rel="noreferrer noopener">Apply for RCBC 3+1 program</a>
</li>
<li>
<a class="menu-item" id="nav-Academic_Calendar-my-academics" data-menu-item-id="Academic_Calendar-my-academics" href="https://rcbc.edu/academic-calendar" target="_blank" rel="noreferrer noopener">Academic Calendar</a>
</li>
</ul>

</li>
<li class="menu-wrapper">
<div role="heading" aria-level="1" class="menu-header"><button type="button" class="menu-item-button" id="nav-group-3" data-menu-level="0" aria-expanded="false" aria-controls="nav-contents-sidebar-user-options"><span class="menu-item" id="nav-sidebar-user-options" data-menu-id="nav-sidebar-user-options" rel="menu" data-bind="tooltip: { position: 'right', message: 'User Options' }" aria-describedby="tooltip-6">
User Options
<span class="esg-icon__container float-right" aria-hidden="true"><svg class="esg-icon esg-icon--down esg-icon--white" focusable="false"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use></svg></span></span></button></div>
<ul class="child-menu secondary-menu" id="nav-contents-sidebar-user-options" role="region" aria-labelledby="nav-group-3" style="display: none;">
<li>

<a class="menu-item" id="nav-aboutYou-sidebar-user-options" data-menu-item-id="nav-aboutYou-sidebar-user-options" href="/Student/UserProfile">User Profile</a>
</li>
<li>

<a class="menu-item" id="nav-emergencyInfo-sidebar-user-options" data-menu-item-id="nav-emergencyInfo-sidebar-user-options" href="/Student/UserProfile/EmergencyInformation">Emergency Information</a>
</li>
<li>

<a class="menu-item" id="nav-document-requests-sidebar-user-options" data-menu-item-id="nav-document-requests-sidebar-user-options" href="/Student/DocumentRequests">Required Documents</a>
</li>
<li>

<a class="menu-item" id="nav-personAgreements-sidebar-user-options" data-menu-item-id="nav-personAgreements-sidebar-user-options" href="/Student/Agreements">Required Agreements</a>
</li>
<li>
<a class="menu-item" id="nav-CARE_Assistance-sidebar-user-options" data-menu-item-id="CARE_Assistance-sidebar-user-options" href="https://docs.google.com/forms/d/e/1FAIpQLSfxcaGiM0p28W34t4tJZwWGQFSgiTcbNc7s-eD5iNkEfWXJnQ/viewform?usp=sharing" target="_blank" rel="noreferrer noopener">RCBC Emergency Assistance Request</a>
</li>
<li>
<a class="menu-item" id="nav-sidebar-user-options-NJTRANSIT-0" data-menu-item-id="NJTRANSIT" href="/Student/ExtensiblePage/NJTRANSIT">RCBC NJ Transit</a>
</li>
</ul>

</li>
</ul>
</nav>
</div>
<div class="nav-overlay"></div>

<div id="main">









<div id="breadcrumb" class="esg-breadcrumb" role="navigation" aria-label="Breadcrumb">
<ul id="breadcrumb-root" class="esg-breadcrumb__list">

<li class="esg-breadcrumb__list-item esg-dropdown">
<button class="esg-breadcrumb__link esg-dropdown__toggle" data-menu-id="nav-my-academics" aria-expanded="false">Academics</button>
<script type="text/javascript">
var lastOpenedBreadcrumb;
$(document).ready(function () {

function breadcrumbClick(target) {
$(target).toggleClass("esg-is-open");
$(target).attr("aria-expanded", function (index, attr) { return !attr; });
}

$('[data-menu-id="nav-my-academics"]').on("click", function (event) {
breadcrumbClick($(event.target));
if (lastOpenedBreadcrumb === undefined) {
lastOpenedBreadcrumb = $(event.target);
}
else if ($(event.target).is(lastOpenedBreadcrumb)) {
lastOpenedBreadcrumb = undefined;
}
else if (lastOpenedBreadcrumb.hasClass("esg-breadcrumb__link")) {
breadcrumbClick(lastOpenedBreadcrumb);
lastOpenedBreadcrumb = $(event.target);
}

});
$("#breadcrumb a.esg-dropdown__link").on("mousedown", function (e) {
e.stopImmediatePropagation();
e.preventDefault();
});



$("a.esg-dropdown__link, .esg-breadcrumb__link").on("focusout", function () {

setTimeout(function () {
if ($(':focus').hasClass("esg-dropdown__link")) {

}
else {
$('.esg-breadcrumb__link').each(function () {
if ($(this).hasClass('esg-is-open')) {
$(this).trigger('click');
}
});
}
}, 1);

});
});
</script>
<ul class="esg-dropdown__menu esg-dropdown__menu--popover" id="breadcrumb-nav-contents-my-academics" role="region">
<li class="esg-dropdown__menu-item">
<a class="esg-dropdown__link" data-menu-item-id="bc-apHome" href="/Student/Planning">Student Planning</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-baseSchedulePlan" class="esg-dropdown__link" data-menu-item-id="bc-baseSchedulePlan" href="/Student/Student/DegreePlans">Register for Classes</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-courseCatalog" class="esg-dropdown__link" data-menu-item-id="bc-courseCatalog" href="/Student/Student/Courses">Course Catalog</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-gradesHome" class="esg-dropdown__link" data-menu-item-id="bc-gradesHome" href="/Student/Student/Grades">Grades</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-transcriptsHome" class="esg-dropdown__link" data-menu-item-id="bc-transcriptsHome" href="/Student/Student/TranscriptRequests">Transcript Requests</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-unofficialTranscripts" class="esg-dropdown__link" data-menu-item-id="bc-unofficialTranscripts" href="/Student/Student/Transcripts">Unofficial Transcript</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-transferSummary" class="esg-dropdown__link" data-menu-item-id="bc-transferSummary" href="/Student/Student/TransferSummary">Transfer Summary</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-testSummary" class="esg-dropdown__link" data-menu-item-id="bc-testSummary" href="/Student/Student/TestScores">Test Summary</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-B89.WA.XWBACT01" class="esg-dropdown__link" data-menu-item-id="bc-B89.WA.XWBACT01" href="https://rcbconline.rcbc.edu/WebAdvisor/WebAdvisor?CONSTITUENCY=WBST&amp;type=P&amp;pid=ST-XWBACT01" target="_blank" rel="noreferrer noopener">Student Activity Online Purchases</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-B89.WA.XWB3P1001C" class="esg-dropdown__link" data-menu-item-id="bc-B89.WA.XWB3P1001C" href="https://rcbconline.rcbc.edu/WebAdvisor/WebAdvisor?CONSTITUENCY=WBST&amp;type=P&amp;pid=ST-XWB3P1001C" target="_blank" rel="noreferrer noopener">Apply for RCBC 3+1 program</a>
</li>
<li class="esg-dropdown__menu-item">
<a id="bc-Academic_Calendar" class="esg-dropdown__link" data-menu-item-id="bc-Academic_Calendar" href="https://rcbc.edu/academic-calendar" target="_blank" rel="noreferrer noopener">Academic Calendar</a>
</li>
</ul>
</li>
<li id="bc-currentPage-gradesHome" class="esg-breadcrumb__list-item">
Grades
</li>
</ul>
</div>

<div id="esg-cdnPath" style="display:none;">https://cdn.elluciancloud.com/assets/1.5.1/css/ellucian-design-system-ltr.min.css</div>
<div id="main-content" role="main" tabindex="-1">











<div id="page-description" class="esg-page-header">



<h1 id="Grades" class="esg-page-header__title">
Grades
</h1>

<span class="esg-page-header__input"></span>
</div>

<!-- Main Page Container -->
<div id="grades-index" class="esg-page-wrapper">
<div id="student-grades" style="" data-bind="visible:true">
<!-- Spinner -->
<spinner params="isVisible: !retrieved(), message: stringGradeHomeLoadingDataSpinnerMessage"><div data-bind="visible: isVisible, css: wrapperClass" class="esg-spinner-container" style="display: none;">
<div class="esg-spinner-wrapper">
<div class="esg-spinner"></div>
</div>
<!-- ko if: showMessage -->
<div class="esg-spinner-container__message" data-bind="html: message">Loading grades...</div>
<!-- /ko -->
</div></spinner>


<section id="term-section" data-bind="visible: retrieved()" style="">

<div>
<a id="print-grades-link" class="float-right" href="#" data-bind="visible: StudentTermGrades().length > 0, click: openGradeDetailDialog" style="">
<span class="esg-button__icon--left esg-icon__container" aria-hidden="True">
<svg class="esg-icon esg-icon--small">
<use xlink:href="#icon-print"></use>
</svg>
</span><span id="print-grade-label" class="esg-icon__label">Print</span>
<span class="offScreen">Print student grades in a printer-friendly format.</span>
</a>
</div>

<modal-dialog id="print-grades" params="isVisible:isGradeDetailDialogVisible, title:Ellucian.Student.Grades.Resources.printModalHeading, content:$data, pureModal:true, buttons: [{ title: Ellucian.Student.Grades.Resources.printButtonLabel, callback: Ellucian.Student.Grades.printGrades, isPrimary: true }]"><!-- Copyright 2013-2021 Ellucian Company L.P. and its affiliates. -->
<!-- ko if: isVisible --><!-- /ko -->
<div class="esg-modal-overlay" style="display: none;" data-bind="click: pureModal()?null: toggle, style: {'display': overlayDisplay }"></div></modal-dialog>

<table id="student-programs-info" class="esg-table" data-bind="visible: studentInfoVisible()" style="display: none;">
<tbody class="esg-table-body">
<tr class="esg-table-body__row">
<td class="esg-table-body__td align-top">
<table class="student-personal-info">
<tbody>
<tr>
<td>
<span class="text-bold">Student Name:</span>
<p class="student-pref-name" data-bind="text: studentPreferredName">Miss Karenn K. Gomes Antonio</p>
</td>
</tr>
<tr>
<td>
<span class="text-bold">Student ID:</span>
<span><span data-bind="text: studentId">1446555</span></span>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="student-program-details">
<tbody>
<tr>
<td class="align-top program-text">
<span class="text-bold">Program (s):</span>
</td>
<td class="program-names align-top">
<ul>
<li>
<div data-bind="foreach: studentProgramNames()">
<span class="program-list-item" data-bind="text:$data">Liberal Arts with an option in Communication Arts</span>
<br>

<span class="program-list-item" data-bind="text:$data">Continuing Education Studies</span>
<br>

<span class="program-list-item" data-bind="text:$data">Liberal Arts &amp; Sciences w/an option in Bus. Administration</span>
<br>
</div>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr></tr>

</tbody>
</table>

<section id="student-grades-info" style="" data-bind="visible: retrieved()">


<div style="display:none;" id="EllucianLogo">
<img alt="logo" data-bind="attr:{src: '/Student/' + ReportLogoPath()}" src="/Student//Content/Images/custom-report-logo.png">
</div>

<ul data-bind="visible: StudentTermGrades().length > 0, foreach: StudentTermGrades()" id="student-grades-ul" style="">
<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_2024 Fall">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-2-groupHeading" aria-controls="collapsible-2-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">2024 Fall (8/23/2024-12/12/2024)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle"></div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-2-collapseBody" aria-labelledby="collapsible-2-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-0">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-0">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-0">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-0">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-0">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-0" colspan="2">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-0">ATT 10 Day</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<th data-bind="attr: {id: 'CourseMidterm2-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm2-0">Midpoint</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">ACC-110-0103</p>

<p data-bind="text:$data">8/23/2024 - 12/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Prin of Accounting I</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm2-0">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">BUA-205-1050</p>

<p data-bind="text:$data">9/25/2024 - 12/8/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Business Law I</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm2-0">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">BUA-220-0102</p>

<p data-bind="text:$data">8/23/2024 - 12/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Prin of Marketing</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm2-0">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-0">
<p data-bind="text:$data">ECO-204-0101</p>

<p data-bind="text:$data">8/23/2024 - 12/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-0">Prin of Macroeconomics</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-0">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-0">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm1-0">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-0 CourseMidterm2-0">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ACC-110-0103</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Prin of Accounting I</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BUA-205-1050</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Business Law I</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">BUA-220-0102</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Prin of Marketing</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ECO-204-0101</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Prin of Macroeconomics</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_2024 Spring">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-3-groupHeading" aria-controls="collapsible-3-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">2024 Spring (1/19/2024-5/12/2024)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.192</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-3-collapseBody" aria-labelledby="collapsible-3-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-1">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-1">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-1">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-1">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-1">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-1" colspan="2">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-1">ATT 10 Day</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<th data-bind="attr: {id: 'CourseMidterm2-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm2-1">Midpoint</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">ECO-203-102</p>

<p data-bind="text:$data">1/19/2024 - 5/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">Prin of Microeconomics</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm2-1">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">ENG-102-112</p>

<p data-bind="text:$data">1/19/2024 - 5/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">College Composition II</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">B</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm2-1">
<span data-bind="text: Midterm2Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">PHY-120-100</p>

<p data-bind="text:$data">1/19/2024 - 5/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">Intro to Astronomy</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">B+</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm2-1">
<span data-bind="text: Midterm2Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">PHY-121-170</p>

<p data-bind="text:$data">1/19/2024 - 5/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">Astronomy Lab</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">1</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm2-1">
<span data-bind="text: Midterm2Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-1">
<p data-bind="text:$data">THR-101-170</p>

<p data-bind="text:$data">1/19/2024 - 5/12/2024</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-1">Introduction to Theatre</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-1">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-1">
<span data-bind="text:$data">C</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm1-1">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-1 CourseMidterm2-1">
<span data-bind="text: Midterm2Grade()">B</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ECO-203-102</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Prin of Microeconomics</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ENG-102-112</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">College Composition II</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">PHY-120-100</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Intro to Astronomy</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B+</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">PHY-121-170</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Astronomy Lab</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">1</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">THR-101-170</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Introduction to Theatre</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">C</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">B</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_2023 Fall">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-4-groupHeading" aria-controls="collapsible-4-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">2023 Fall (8/30/2023-12/18/2023)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle">Term GPA: 3.875</div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-4-collapseBody" aria-labelledby="collapsible-4-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-2">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-2">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-2">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-2">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-2">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-2" colspan="2">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-2">ATT 10 Day</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<th data-bind="attr: {id: 'CourseMidterm2-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm2-2">Midpoint</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">ANT-102-173</p>

<p data-bind="text:$data">8/30/2023 - 12/18/2023</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Intro to Cultural Anthropology</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm2-2">
<span data-bind="text: Midterm2Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">ENG-101-141</p>

<p data-bind="text:$data">8/30/2023 - 12/18/2023</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">College Composition I</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">B+</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm2-2">
<span data-bind="text: Midterm2Grade()">B+</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">MTH-107-106</p>

<p data-bind="text:$data">8/30/2023 - 12/18/2023</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Introduction to Statistics </td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm2-2">
<span data-bind="text: Midterm2Grade()">A</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>

<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-2">
<p data-bind="text:$data">PSY-101-110</p>

<p data-bind="text:$data">8/30/2023 - 12/18/2023</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-2">Intro to Psychology</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-2">3</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-2">
<span data-bind="text:$data">A</span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm1-2">
<span data-bind="text:Midterm1Grade()">Y</span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-2 CourseMidterm2-2">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ANT-102-173</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Intro to Cultural Anthropology</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ENG-101-141</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">College Composition I</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">B+</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">B+</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">MTH-107-106</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Introduction to Statistics </td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()">A</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>

<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">PSY-101-110</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">Intro to Psychology</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">3</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data">A</p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()">Y</li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>

<li data-bind="attr: { id: 'Print_' + $data.TermName()}" id="Print_2023 Fall Placement">
<collapsible-group params="titleText: $data.termHeadingText(), subtitleText: $data.CompletedGpaDisplay(), isOpen: false, noPadding: true"><div class="esg-collapsible-group esg-collapsible-group--default" role="tablist" aria-multiselectable="true">
<div class="esg-collapsible-group__heading" role="tab">
<div class="esg-collapsible-group__title">
<button class="esg-collapsible-group__toggle text-align-left esg-has-subtitle" type="button" aria-expanded="true" data-bind="attr: { id: groupHeaderId, 'aria-controls': groupBodyId }, click: toggleCollapsible, css: collapsibleClass, css: subtitleClass" id="collapsible-5-groupHeading" aria-controls="collapsible-5-collapseBody">
<div data-bind="css: subtitleWrapperClass" class="esg-collapsible-group-subtitle__wrapper esg-col-xxs-12 esg-col--float-none">
<div class="esg-collapsible-group__title-text">
<span data-bind="text: titleText">2023 Fall Placement (4/1/2023-10/30/2023)</span>
<!-- ko if: hasTitleContent --><!-- /ko -->
</div>
<div class="esg-collapsible-group__subtitle" data-bind="text: subtitleText, visible: hasSubtitle, css: subtitleStyle"></div>
<!-- ko if: hasTertiaryContent --><!-- /ko -->
</div>
<span class="esg-collapsible-group__icon esg-icon__container" aria-hidden="true">
<svg class="esg-icon esg-icon--up" data-bind="css: arrowIconClass">
<!-- need to switch between icon--up and icon--down (same with the dropdown component)-->
<use xlink:href="#icon-arrow"></use>
</svg>
</span>
</button>
</div>
</div>
<div class="esg-collapsible-group__body esg-collapsible-group__body--no-padding esg-is-open" role="tabpanel" data-bind="attr: { id: groupBodyId, 'aria-labelledby': groupHeaderId }, css: collapsibleClass" id="collapsible-5-collapseBody" aria-labelledby="collapsible-5-groupHeading">
<!--ko template: {nodes: $componentTemplateNodes, data: $parent}-->
<div class="term-table-large" clear-group="">
<table class="esg-table student-grade-table" data-bind="attr: {id: 'student-grade-table-' + $index()}" id="student-grade-table-3">
<thead class="esg-table-head">
<tr class="esg-table-head__row">
<th data-bind="attr: {id: 'CourseSection-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseSectionHeading text-align-left" id="CourseSection-3">Course Section</th>
<th data-bind="attr: {id: 'CourseTitle-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--30 esg-table-head__th—no-bottom-border courseTitleHeading text-align-left" id="CourseTitle-3">Title</th>
<th data-bind="attr: {id: 'CourseCredits-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--20 esg-table-head__th—no-bottom-border courseCreditsHeading text-align-left" id="CourseCredits-3">Credits</th>
<th data-bind="attr: {id: 'CourseFinalGrade-' + $index()}" rowspan="2" class="esg-table-head__th esg-table-head__th--15 esg-table-head__th—no-bottom-border courseFinalGradeHeading text-align-left" id="CourseFinalGrade-3">Final Grade</th>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th rowspan="1" data-bind="attr: { id: 'CourseMidterm-' + $index(), 'colspan': $root.NumberOfMidtermGradesToShow() }" class="esg-table-head__th esg-table-head__th--45 esg-table-head__th—no-bottom-border courseMidtermHeading text-align-center" id="CourseMidterm-3" colspan="2">
Midterms
</th>
<!-- /ko -->
</tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<tr class="esg-table-head__row">
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<th data-bind="attr: {id: 'CourseMidterm1-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm1-3">ATT 10 Day</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<th data-bind="attr: {id: 'CourseMidterm2-' + $index()}" class="esg-table-head__th esg-table-head__th—no-bottom-border text-align-left" id="CourseMidterm2-3">Midpoint</th>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 5 --><!-- /ko -->
</tr>
<!-- /ko -->
</thead>
<tbody class="esg-table-body" data-bind="foreach: StudentGrades()">
<tr class="esg-table-body__row">
<td class="esg-table-body__td student-grades-course-name" data-bind="foreach: FormattedCourseNameDisplay(), attr: {headers: 'CourseSection-' + $parentContext.$index()} " headers="CourseSection-3">
<p data-bind="text:$data">ENG-005-887</p>

<p data-bind="text:$data">4/1/2023 - 10/30/2023</p>
</td>
<td class="esg-table-body__td" data-bind="text: Title, attr: {headers: 'CourseTitle-' + $parentContext.$index()}" headers="CourseTitle-3">ELA Placement</td>
<td class="esg-table-body__td" data-bind="text: CreditsCeus(), attr: {headers: 'CourseCredits-' + $parentContext.$index()}" headers="CourseCredits-3">0</td>
<td class="esg-table-body__td student-grades-final-grade" data-bind="foreach: FinalGradeDisplay(), attr: {headers: 'CourseFinalGrade-' + $parentContext.$index()}" headers="CourseFinalGrade-3">
<span data-bind="text:$data"></span>
</td>

<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm1-' + $parentContext.$index()}" headers="CourseMidterm-3 CourseMidterm1-3">
<span data-bind="text:Midterm1Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 1 -->
<td class="esg-table-body__td" data-bind="attr: {headers: 'CourseMidterm-' + $parentContext.$index() + ' ' + 'CourseMidterm2-' + $parentContext.$index()}" headers="CourseMidterm-3 CourseMidterm2-3">
<span data-bind="text: Midterm2Grade()"></span>
</td>
<!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 2 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 3 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 4 --><!-- /ko -->
<!-- ko if: $root.NumberOfMidtermGradesToShow() === 6 --><!-- /ko -->
</tr>
</tbody>
</table>
</div>

<div data-bind="foreach: StudentGrades()">
<table class="student-grade-table-small">
<tbody>
<tr>
<td class="float-left bold">Course Section:</td>
<td class="float-right bold" data-bind="text: CourseNameSort()">ENG-005-887</td>
</tr>
<tr>
<td class="float-left bold">Title:</td>
<td class="float-right" data-bind="text: Title">ELA Placement</td>
</tr>
<tr>
<td class="float-left bold">Credits:</td>
<td class="float-right" data-bind="text: CreditsCeus()">0</td>
</tr>
<tr>
<td class="float-left bold">Final Grade:</td>
<td class="float-right" data-bind="foreach: FinalGradeDisplay()">
<p data-bind="text:$data"></p>
</td>
</tr>
<tr>
<!-- ko if: $root.NumberOfMidtermGradesToShow() > 0 -->
<td class="float-left bold">Midterms:</td>
<td class="float-right">
<table>
<tbody>
<tr>
<td>
<ul class="term-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<li class="square" data-bind="text: $index()+1">1</li>

<li class="square" data-bind="text: $index()+1">2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul class="grade-display-small" data-bind="foreach: new Array($root.NumberOfMidtermGradesToShow())">
<!-- ko if: ($index()+1) == 1 -->
<li class="square-no-border" data-bind="text: $parent.Midterm1Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 2 --><!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->

<!-- ko if: ($index()+1) == 1 --><!-- /ko -->
<!-- ko if: ($index()+1) == 2 -->
<li class="square-no-border" data-bind="text: $parent.Midterm2Grade()"></li>
<!-- /ko -->
<!-- ko if: ($index()+1) == 3 --><!-- /ko -->
<!-- ko if: ($index()+1) == 4 --><!-- /ko -->
<!-- ko if: ($index()+1) == 5 --><!-- /ko -->
<!-- ko if: ($index()+1) == 6 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</div>

<!--/ko-->
</div>
</div></collapsible-group>
</li>
</ul>
<message params="isVisible: StudentTermGrades().length == 0, message: noGradingTermsToShowMessage"><!-- Copyright 2020 Ellucian Company L.P. and its affiliates. -->
<!-- ko if: isVisible --><!-- /ko --></message>
</section>
</section>
</div>
</div>

</div>
<footer class="esg-footer">
<div class="esg-footer__text">© 2000-2024 Ellucian Company L.P. and its affiliates. All rights reserved. <a href="/Student/Home/privacy">Privacy</a></div>
</footer>
<script type="text/javascript">
if (window.matchMedia("only screen and (max-width: 62rem)").matches) {
$(".esg-footer").addClass("esg-is-fixed");
var fadeTimeout = 2000;
setTimeout(function () {
$(".esg-footer").addClass("fade-out");
}, fadeTimeout);
$(window).on("scroll", function () {
$(".esg-footer").addClass("fade-out");
});
}
</script>
</div>

<script type="text/javascript">

var baseSiteUrl = "/Student/";
var currentUserId = "1446555";
isGuest = Boolean(false);


var currentProxySubjectIds = ko.toJSON("System.Collections.Generic.List`1[System.String]");
hideProxyDialog = Boolean(false);

$(document).ready(function () {
// global init function (site.js)
site.initialize();
isRequestAuthenticated=Boolean(true);
account.ajaxEnabledAccountPopups = false;


// Reset the page focus to the top

$("#topOfForm").trigger("focus");

//check for unsupported browsers on every page load for ALL pages under the Self-Service umbrella
//this function is defined in global.js
if (typeof checkSupportedBrowser === "function") {
checkSupportedBrowser();
}
$('#global-message').removeClass("hidden");
$('#global-message-container').removeClass("hidden");

// Apply bindings for tooltips in sidebar
if(isRequestAuthenticated===true)
{
ko.applyBindings({}, document.getElementById("nav-root"));
}
});
</script>
<!-- Area for capturing ARIA announcements -->
<span id="aria-announcements" class="offScreen" aria-live="assertive" aria-atomic="false"></span>



<div id="tooltip-0" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Home</div></div><div id="tooltip-1" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Financial Information</div></div><div id="tooltip-2" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Student Finance</div></div><div id="tooltip-3" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Financial Aid</div></div><div id="tooltip-4" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Academics</div></div><div id="tooltip-5" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">Student Planning</div></div><div id="tooltip-6" class="esg-popover esg-popover--hidden" role="tooltip"><div class="esg-popover__arrow"></div><div class="esg-popover__content" data-bind="text: messageObservable">User Options</div></div></body>
     
 
what is notes.io
 

Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...

With notes.io;

  • * You can take a note from anywhere and any device with internet connection.
  • * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
  • * You can quickly share your contents without website, blog and e-mail.
  • * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
  • * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 14 years and has been free since the day it was started.


You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;


Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio



Regards;
Notes.io Team

     
 
Shortened Note Link
 
 
Looding Image
 
     
 
Long File
 
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.