/* csu core css styles */

*{
    font-weight: normal !important;
}

body {
    margin: 0;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

body{
    overflow: hidden;
}

body,
div,
dl,
dd,
form,
img,
input,
figure,
menu {
    margin: 0;
    padding: 0
}

iframe {
    border: 0
}

.caution>:first-child,
.impression>:first-child,
.glossary-terms>:first-child,
.note>:first-child,
.space-invader>:first-child,
.fast-track-left>:first-child,
.fast-track-wide>:first-child,
.special>:first-child,
.success>:first-child,
.warning>:first-child,
aside>:first-child,
blockquote>:first-child,
dd>:first-child,
li>p:first-child,
td>:first-child,
td>:first-child>li:first-child,
td>.csu-table-wrapper:first-child>table,
td>.expandable:first-child>:nth-child(2) {
    margin-top: 0
}

.caution>:last-child,
.impression>:last-child,
.glossary-terms>:last-child,
.note>:last-child,
.space-invader>:last-child,
.fast-track-left>:last-child,
.fast-track-wide>:last-child,
.special>:last-child,
.success>:last-child,
.warning>:last-child,
aside>:last-child,
blockquote>:last-child,
dd>:last-child,
li>p:last-child,
td>:last-child,
td>:last-child>li:last-child,
td>.csu-table-wrapper:last-child>table,
td>.expandable:last-child>:last-child {
    margin-bottom: 0
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

.clearfix:after,
.fast-track-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
}


/*font styles*/
body,
html {
    color: #212121;
    font: 400 16px/24px Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

/*p {
    margin: 16px 0;
    padding: 0
}*/

p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 16px;
    letter-spacing: 0.6px;
    color: #414141;
    line-height: 24px;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 34px ;
    line-height: 44px ;
    font-weight: 700 ;
    color: #414141 ;
    text-align: left;
    list-style-type: none;
    font-family: Helvetica, arial, sans-serif ;

}

h2 {
    color: #414141;
    font-family: Helvetica, arial, sans-serif ;
    font-size: 24px;
    font-weight: 600 !important;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 0;
    border-bottom: none;
}

img,
video {
    border: 0;
    max-width: 100%
}

table img {
    max-width: 272px
}

:link,
:visited {
    color: #DA3D0F;
    outline: 0;
    text-decoration: none
}

a:focus {
    text-decoration: underline
}

th:link,
th:visited,
.csu-toast-content:link,
.csu-toast-content:visited {
    color: #fff;
    text-decoration: underline
}

th a:focus,
.csu-toast-content a:focus {
    background: rgba(255, 255, 255, .5);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

sup {
    line-height: 1
}

dd,
ol,
ul {
    margin: 0;
    padding-left: 40px
}

td>dl>dd,
td>ol,
td>ul {
    padding-left: 20px
}

ol {
    list-style: decimal outside
}

ol ol {
    list-style-type: lower-alpha
}

ol ol ol {
    list-style-type: lower-roman
}

ol.upper-alpha {
    list-style-type: upper-alpha
}

ul {
    list-style: disc outside
}

li,
li p {
    margin: 8px 0;
    padding: 0
}

dt {
    font: 700 16px/24px Roboto, sans-serif
}

dt,
dd {
    margin: 16px 0
}

blockquote {
    background: #f7f7f7;
    margin: 16px 0;
    padding: 8px;
    quotes: none
}

hr {
    background: #ebebeb;
    border: 0;
    height: 1px;
    margin: 16px 0
}

abbr,
acronym {
    border-bottom: 1px dotted #757575;
    cursor: help
}

address,
cite,
dfn,
em {
    font-style: italic
}

strong {
    font-weight: bold
}

.csu-article-body .material-icons,
.csu-landing-page .csu-article .material-icons {
    vertical-align: bottom
}

.csu-hidden {
    display: none
}

.no-feedback .csu-feedback-button {
    display: none
}

a.external::after {
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 4px;
    vertical-align: text-bottom
}

h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
}

h2.numbered:before {
    background: #bdbdbd;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
    text-align: center;
    width: 48px
}

h2.numbered:nth-of-type(1):before {
    content: '1'
}

h2.numbered:nth-of-type(2):before {
    content: '2'
}

h2.numbered:nth-of-type(3):before {
    content: '3'
}

h2.numbered:nth-of-type(4):before {
    content: '4'
}

h2.numbered:nth-of-type(5):before {
    content: '5'
}

h2.numbered:nth-of-type(6):before {
    content: '6'
}

h2.numbered:nth-of-type(7):before {
    content: '7'
}

h2.numbered:nth-of-type(8):before {
    content: '8'
}

h2.numbered:nth-of-type(9):before {
    content: '9'
}

aside,
.caution,
.impression,
.glossary-terms,
.note,
.space-invader,
.special,
.success,
.warning,
#courses-explorer {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 12px 24px 12px 60px
}

aside::before,
.caution::before,
.impression::before,
.glossary-terms::before,
.note::before,
.space-invader::before,
.special::before,
.success::before,
.warning::before,
#courses-explorer {
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}

aside:link,
aside:visited,
.caution:link,
.caution:visited,
.impression:link,
.impression:visited,
.glossary-terms:link,
.glossary-terms:visited,
.note:link,
.note:visited,
.space-invader:link,
.space-invader:visited,
.special:link,
.special:visited,
.success:link,
.success:visited,
.warning:link,
.warning:visited {
    text-decoration: underline
}

aside a:focus,
.caution a:focus,
.impression a:focus,
.glossary-terms a:focus,
.note a:focus,
.space-invader a:focus,
.special a:focus,
.success a:focus,
.warning a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

aside pre,
.caution pre,
.impression pre,
.glossary-terms pre,
.note pre,
.space-invader pre,
.special pre,
.success pre,
.warning pre {
    background: rgba(255, 255, 255, .75)
}

aside code,
aside var,
.caution code,
.impression code,
.glossary-terms code,
.note code,
.space-invader code,
.special code,
.success code,
.warning code {
    font-weight: 700;
    padding: 0
}

aside,
aside code,
aside var,
aside:link,
aside:visited,
.note,
.note code,
.note:link,
.note:visited,
.special,
.special code,
.special:link,
.special:visited {
    background: #e1f5fe;
    color: #222944;
}

aside::before,
.note::before,
.special::before {
    color: #039be5;
    content: 'star'
}

.showcase-better,
.showcase-no,
.showcase-worse,
.showcase-yes {
    font-weight: bold;
}

.showcase-better::before,
.showcase-blank::before,
.showcase-no::before,
.showcase-worse::before,
.showcase-yes::before {
    content: '';
    display: inline-block;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin: -4px 4px 0 0;
    text-transform: none;
    vertical-align: middle;
    width: 24px
}

.showcase-better::before {
    color: #0f9d58;
    content: 'thumb_up'
}

.showcase-no::before {
    color: #dd2c00;
    content: 'not_interested'
}

.showcase-worse::before {
    color: #dd2c00;
    content: 'thumb_down'
}

.showcase-yes::before {
    color: #0f9d58;
    content: 'check'
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.hanging-indent,
.members.function td:first-child {
    padding-left: 25px;
    text-indent: -17px
}

.bad-table {
    table-layout: fixed
}

.bad-table tr,
.bad-table td {
    word-wrap: break-word
}

.bad-table pre {
    word-wrap: normal
}

.screenshot {
    border: 1px solid #ebebeb;
    padding: 3px
}

.columns tr,
.columns td,
.columns th {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, sans-serif;
    padding: 0
}

.columns th {
    color: #212121;
    font-weight: 500
}

.columns code,
.columns pre {
    background: #f7f7f7
}

.inline:not(.expandable) {
    display: inline
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.attempt-left {
    float: left;
    margin: 0 40px 40px 0;
    max-width: calc((100% - 40px)/2)
}

.attempt-right {
    float: right;
    margin: 0 0 40px 40px;
    max-width: calc((100% - 40px)/2)
}

.attempt-left+.attempt-right {
    margin-left: 0
}

.video-wrapper {
    float: right;
    overflow: hidden;
    margin: 0 0 40px 40px;
    padding-bottom: calc(((100% - 40px)/2)*.5625);
    position: relative;
    width: calc((100% - 40px)/2)
}

.video-wrapper-full-width {
    margin: 16px 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper-full-width embed,
.video-wrapper-full-width iframe,
.video-wrapper-full-width object {
    height: 101%;
    left: -.5%;
    position: absolute;
    top: -.5%;
    width: 101%
}

@media screen and (max-width:1000px) {
    .attempt-left,
    .attempt-right {
        display: block;
        float: none;
        margin: 16px 0;
        max-width: 100%
    }
    .video-wrapper {
        float: none;
        margin: 16px 0;
        padding-bottom: 56.25%;
        width: 100%
    }
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.csu-wrapper {
    margin-top: 48px;
    overflow: hidden;
    width: 100%
}

.csu-main-content {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0 24px;
    position: relative
}

@media screen and (min-width:1201px) {
    .csu-has-spex .csu-main-content {
        margin-right: 400px;
        max-width: 1000px;
        padding-right: 0
    }
}

@media screen and (min-width:1401px) {
    .csu-has-spex .csu-main-content {
        margin-right: calc((100% - 1400px)/2 + 400px);
        max-width: 1000px
    }
}

.csu-full-width-page .csu-main-content,
.csu-landing-page .csu-main-content,
.csu-courses-page .csu-main-content {
    max-width: 1592px;
    padding: 0 120px
}

.csu-article-inner,
.csu-main-content {
    min-height: calc(100vh - 594px)
}

.csu-header-no-upper-tabs .csu-article-inner,
.csu-header-no-upper-tabs .csu-main-content {
    min-height: calc(100vh - 526px)
}

.csu-header-no-lower-tabs .csu-article-inner,
.csu-header-no-lower-tabs .csu-main-content {
    min-height: calc(100vh - 562px)
}

.csu-header-no-upper-tabs.csu-header-no-lower-tabs .csu-article-inner,
.csu-header-no-upper-tabs.csu-header-no-lower-tabs .csu-main-content {
    min-height: calc(100vh - 478px)
}

.csu-home-page.csu-header-no-upper-tabs.csu-header-no-lower-tabs .csu-main-content {
    min-height: calc(100vh - 710px)
}

.csu-site-mask,
.ui-widget-overlay {
    background: #212121;
    cursor: pointer;
    display: none;
    height: 100vh;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10011
}

.ui-widget-overlay {
    display: block
}

.csu-article {
    margin-left: 296px;
    position: relative;
    width: calc(100% - 496px)
}

@media screen and (min-width:1201px) {
    .csu-has-spex .csu-article {
        width: calc(100% - 272px);
        margin-left: 232px
    }
}

.csu-article-inner {
    float: left;
    width: 100%
}

.csu-article h1:first-of-type {
    position: relative;
    margin-top: 0;
    top: -4px
}

@media screen and (max-width:1200px) {
    .csu-section-nav+.csu-article,
    .csu-section-nav+.csu-page-nav+.csu-article {
        width: calc(100% - 296px)
    }
    .csu-article {
        width: calc(100% - 496px)
    }
}

@media screen and (max-width:1000px) {
    .csu-full-width-page .csu-main-content,
    .csu-landing-page .csu-main-content,
    .csu-courses-page .csu-main-content {
        padding: 0 80px
    }
    .csu-section-nav+.csu-article,
    .csu-section-nav+.csu-page-nav+.csu-article {
        margin-left: 296px
    }
    .csu-article {
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width:720px) {
    .csu-full-width-page .csu-main-content,
    .csu-landing-page .csu-main-content,
    .csu-courses-page .csu-main-content,
    .csu-main-content {
        padding: 0 16px
    }
    .csu-section-nav+.csu-article,
    .csu-section-nav+.csu-page-nav+.csu-article {
        margin: 0;
        width: 100%
    }
}



.caution,
.caution code,
.caution:link,
.caution:visited {
    background: #fff3e0;
    color: #dd2c00
}

.caution::before {
    color: #ff6e40;
    content: 'error'
}


.impression,
.impression code,
.impression:link,
.impression:visited {
    background: #e8eaf6;
    color: #3f51b5
}

.impression::before {
    color: #536dfe;
    content: 'lightbulb_outline'
}

.glossary-terms,
.glossary-terms code,
.glossary-terms:link,
.glossary-terms:visited {
    background: #f3e5f5;
    color: #9c27b0
}

.glossary-terms::before {
    color: #d500f9;
    content: 'font_download'
}

.space-invader,
.space-invader code,
.space-invader:link,
.space-invader:visited,
.success,
.success code,
.success:link,
.success:visited {
    background: #e0f2f1;
    color: #00897b
}

.space-invader::before {
    color: #00bfa5;
    content: 'school'
}

.success::before {
    color: #00bfa5;
    content: 'check_circle'
}

.warning,
.warning code,
.warning:link,
.warning:visited,
#courses-explorer {
    background: #fbe9e7;
    color: #d50000
}

.warning::before,
#courses-explorer {
    color: #ff1744;
    content: 'warning'
}

#ghost-page-title>aside:first-child,
#ghost-page-title>.caution:first-child,
#ghost-page-title>.impression:first-child,
#ghost-page-title>.glossary-terms:first-child,
#ghost-page-title>.note:first-child,
#ghost-page-title>.space-invader:first-child,
#ghost-page-title>.special:first-child,
#ghost-page-title>.success:first-child,
#ghost-page-title>.warning:first-child {
    clear: right
}

.csu-banner {
    font-size: 14px;
    margin: -40px -10024px 40px;
    text-align: left
}

.csu-banner:link,
.csu-banner:visited {
    text-decoration: underline
}

.csu-banner a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

.csu-banner-confidential,
.csu-banner-confidential:link,
.csu-banner-confidential:visited {
    background: #fbe9e7;
    color: #d50000
}

.csu-banner-announcement,
.csu-banner-announcement:link,
.csu-banner-announcement:visited {
    background: #fff3e0;
    color: #dd2c00;
    font-weight: 500
}

.csu-banner-inner {
    margin: 0 10000px;
    padding: 20px 24px
}

.csu-banner-confidential .csu-banner-inner {
    padding-left: 60px
}

.csu-banner-confidential .csu-banner-inner::before {
    color: #ff1744;
    content: 'warning';
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}

.csu-banner-icon {
    display: inline;
    height: 24px;
    margin-right: 24px;
    vertical-align: bottom;
    width: 24px
}

.csu-banner-header {
    font-weight: bold
}

@media screen and (max-width:720px) {
    .csu-banner {
        margin: -40px -10016px 40px
    }
    .csu-banner-inner {
        padding: 20px 16px
    }
    .csu-banner-confidential .csu-banner-inner {
        padding-left: 52px
    }
}

.button,
.fc-button,
button,
#courses-explorer .info-popup button,
input[type="button"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"] {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #DA3D0F;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Roboto, sans-serif;
    /*height: 36px;*/
    margin: 0;
    /*min-width: 36px;*/
    outline: 0;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    /*text-overflow: ellipsis;*/
    text-transform: uppercase;
    transition: background-color .2s, box-shadow .2s;
    vertical-align: middle;
    /*white-space: nowrap*/
}

.button+.button,
button+button,
input[type="button"]+input[type="button"],
input[type="file"]+input[type="file"],
input[type="image"]+input[type="image"],
input[type="reset"]+input[type="reset"],
input[type="submit"]+input[type="submit"] {
    margin-left: 16px
}

.button-flat+.button-flat,
.button-white+.button-white,
button+.button {
    margin-left: 8px
}

.button:focus, .button:hover, .button:active, button:focus, button:hover, button:active,
#courses-explorer button:focus, #courses-explorer button:hover,
#courses-explorer,
input[type="button"]:focus, input[type="button"]:hover, input[type="button"]:active,
input[type="file"]:focus, input[type="file"]:hover, input[type="file"]:active,
input[type="image"]:focus, input[type="image"]:hover, input[type="image"]:active,
input[type="reset"]:focus, input[type="reset"]:hover, input[type="reset"]:active,
input[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:active
{
	 background-color: #DA3D0F;
	 color: #fff;
	 text-decoration: underline;
}

.button-red:focus, .button-red:hover, .button-red:active,
.button-blue:focus, .button-blue:hover, .button-blue:active,
.button-primary:focus, .button-primary:hover, .button-primary:active,
.button-red:focus, .button-red:hover, .button-red:active,
#courses-explorer {
  background-color: #fff;
  color: #DA3D0F;
}

.button, button, input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"], #courses-explorer {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  padding: 8px 16px
}

/*.button:focus {
  text-decoration: none
}*/

.button:active,
.button-red:active,
.button-blue:active,
.button-primary:active,
.button-red:active,
button:active,
input[type="button"]:active,
input[type="file"]:active,
input[type="image"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
#courses-explorer {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.button-red,
.button-blue,
.button-primary,
.button-red,
#courses-explorer {
  background-color: #DA3D0F;
  color: #fff
}

.button-white,
.fc-button,
.info-popup-panel .info-popup button {
    background-color: transparent;
    box-shadow: none;
    color: orange;
    padding: 8px
}

.button-white:focus,
.button-white:hover {
    box-shadow: none
}

.button-flat,
.button-flat:focus,
.button-flat:hover,
.button-flat:active {
    background: 0;
    box-shadow: none
}

.button-transparent,
.button-transparent:focus,
.button-transparent:hover {
    background-color: transparent;
    box-shadow: none
}

.button-flat,
.button-transparent {
    padding: 8px
}

.fc-button:focus,
.fc-button:hover {
    background-color: #ebebeb
}

.fc-button:active {
    background-color: #ddd
}

.csu-top-button {
    background: 0;
    box-shadow: none;
    color: rgba(255, 255, 255, .7);
    transition: background-color .2s, color .2s;
    padding: 8px
}

.csu-top-button:focus,
.csu-top-button:hover {
    background-color: rgba(204, 204, 204, .15);
    box-shadow: none;
    color: #fff
}

.csu-top-button:active {
    background-color: rgba(204, 204, 204, .3);
    box-shadow: none;
    color: #fff
}

.csu-top-logo-row .csu-top-button {
    color: #039be5
}

.csu-top-logo-row .csu-top-button:focus,
.csu-top-logo-row .csu-top-button:hover,
.csu-top-logo-row .csu-top-button:active {
    color: white;
}

.button-text-white {
    color: #fff
}

.button-text-blue,
#courses-explorer {
    color: #039be5
}

.button-lowercase {
    text-transform: none
}

.button-unindented {
    margin-left: -8px
}

.button.button-disabled,
.button.button-disabled:hover,
.button.button-disabled:focus,
.button.button-disabled:active,
button:disabled,
.fc-button:disabled,
#courses-explorer button:disabled,
#courses-explorer, .info-popup button:disabled,
input[type="button"]:disabled,
input[type="file"]:disabled,
input[type="image"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    background-color: #ddd;
    box-shadow: none;
    color: rgba(0, 0, 0, .26);
    cursor: default
}

.button-flat:disabled,
.button-white:disabled,
.info-popup-panel .info-popup button:disabled {
    background-color: transparent
}

code,
pre,
.pre-style {
    background: #f7f7f7;
    color: #37474f;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px
}

.csu-snippets-highlight pre,
.csu-snippets-highlight pre code,
.csu-snippets-highlight .pre-style {
    background: #212121;
    color: #eceff1
}

code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
}

table code,
pre code,
.pre-style code {
    font-weight: 400;
    word-break: normal
}

pre,
.pre-style {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 8px;
    position: relative
}

pre code,
.pre-style code {
    background: 0;
    font-size: 14px;
    padding: 0
}

b code,
strong code {
    font-weight: 700
}

.csu-snippets-highlight.prettyprint>span {
    opacity: .54
}

table pre {
    background: rgba(255, 255, 255, .95)
}

td>pre:only-child {
    background: 0;
    padding: 0
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    background: 0;
    color: #212121;
    padding: 0
}

h1 code {
    color: #757575
}

#courses-explorer,
pre .com {
    color: #d81b60
}

.csu-snippets-highlight pre .com {
    color: #f06292
}

#courses-explorer,
pre .lit,
pre .dec {
    color: #c53929
}

.csu-snippets-highlight pre .lit,
.csu-snippets-highlight pre .dec {
    color: #fbc02d
}

pre .kwd,
pre .tag {
    color: #3b78e7
}

.csu-snippets-highlight pre .kwd,
.csu-snippets-highlight pre .tag {
    color: #4dd0e1
}

#courses-explorer,
pre .str,
pre .atv {
    color: #0d904f
}

.csu-snippets-highlight pre .str,
.csu-snippets-highlight pre .atv {
    color: #9ccc65
}

#courses-explorer,
pre .typ,
pre .atn {
    color: #9c27b0
}

.csu-snippets-highlight pre .typ,
.csu-snippets-highlight pre .atn {
    color: #ce93d8
}

a code,
td a code {
    color: #039be5
}

a .atv,
a .atn,
a .com,
a .dec,
a .kwd,
a .lit,
a .str,
a .tag,
a .typ,
.prettyprint:not(.csu-special-link)>a:not(.csu-special-link) {
    color: #039be5;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}

.csu-snippets-highlight a .atv,
.csu-snippets-highlight a .atn,
.csu-snippets-highlight a .com,
.csu-snippets-highlight a .dec,
.csu-snippets-highlight a .kwd,
.csu-snippets-highlight a .lit,
.csu-snippets-highlight a .str,
.csu-snippets-highlight a .tag,
.csu-snippets-highlight a .typ,
.csu-snippets-highlight .prettyprint:not(.csu-special-link)>a:not(.csu-special-link) {
    color: #29b6f6
}

a:hover .atv,
a:hover .atn,
a:hover .com,
a:hover .dec,
a:hover .kwd,
a:hover .lit,
a:hover .str,
a:hover .tag,
a:hover .typ,
.prettyprint a:hover {
    text-decoration: underline
}

var,
var code,
var span {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}

.csu-special-link {
    display: block;
    text-align: right
}

a.csu-special-link:hover, a.csu-special-link:focus, a.csu-special-link:active {
    text-decoration: none
}

.csu-special-link::after {
    color: #039be5;
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 8px;
    vertical-align: bottom
}

.csu-snippets-highlight .csu-special-link>a,
.csu-snippets-highlight .csu-special-link::after {
    color: #29b6f6
}

.replaceable-credential {
    border: 1px dashed #e91e63;
    cursor: pointer;
    padding: 2px
}

.csu-dialog {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 17px 17px rgba(0, 0, 0, .15), 0 27px 55px rgba(0, 0, 0, .3);
    display: none;
    font: 14px/20px Roboto, sans-serif;
    margin: 24px;
    max-height: calc(100% - 48px);
    max-width: calc(100% - 48px);
    overflow: auto;
    padding: 8px;
    position: fixed;
    z-index: 10012
}

.csu-dialog.csu-henhouse-dialog {
    left: 50%;
    margin: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: auto
}


.csu-dialog-contents {
    color: #757575;
    padding: 16px
}

.csu-dialog-contents>p:first-child:last-child {
    margin: 0
}

.csu-dialog h3 {
    margin: 0 0 20px
}

.csu-dialog-buttons {
    text-align: right
}

@media screen and (max-width:720px) {
    div.csu-dialog {
        left: 0;
        margin: 16px;
        max-height: calc(100% - 32px);
        max-width: calc(100% - 32px);
        top: 0
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    color: #757575!important;
    display: block;
    font-size: 12px
}

input+label {
    color: #212121;
    display: inline;
    font-size: 16px
}

label[for] {
    cursor: pointer
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    color: #757575;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    transition: color .2s;
    vertical-align: middle;
    width: 18px
}

input[type="radio"] {
    border-radius: 50%;
    transition: none
}

input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate,
input[type="radio"]:checked {
    color: #039be5
}

input[type="checkbox"]::after,
input[type="radio"]::after {
    content: 'check_box_outline_blank';
    position: relative;
    right: 3px;
    top: -3px
}

input[type="checkbox"]:checked::after {
    content: 'check_box'
}

input[type="checkbox"]:indeterminate::after {
    content: 'indeterminate_check_box'
}

input[type="radio"]::after {
    content: 'radio_button_unchecked'
}

input[type="radio"]:checked::after {
    content: 'radio_button_checked'
}

input[type="checkbox"]:focus::before,
input[type="radio"]:focus::before {
    background: #ebebeb;
    border-radius: 50%;
    content: '';
    display: block;
    height: 36px;
    left: -9px;
    position: absolute;
    top: -9px;
    transition: background .2s;
    width: 36px;
    z-index: -1
}

input[type="checkbox"]:checked:focus::before,
input[type="checkbox"]:indeterminate:focus::before,
input[type="radio"]:focus::before {
    background: #b3e5fc
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input:disabled+label {
    color: #bdbdbd;
    cursor: default
}

.csu-navigating-radio:checked+label {
    color: #039be5
}

label+.csu-navigating-radio {
    margin-left: 40px
}

#courses-explorer input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select[multiple],
select[size],
textarea {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #414141;
    font: 16px/20px Roboto, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    transition: border-color .2s;
    vertical-align: middle
}

#courses-explorer input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select[multiple]:focus,
select[size]:focus,
textarea:focus {
    border-bottom: 2px solid #039be5;
    padding-bottom: 6px
}

#courses-explorer input[type="text"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
select[multiple]:disabled,
select[size]:disabled,
textarea:disabled {
    background: #f7f7f7
}

.csu-select,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  box-shadow: none;
  color: #212121;
  cursor: pointer;
  display: inline-block;
  font: 14px/20px Roboto, sans-serif;
  height: 36px;
  min-width: 72px;
  outline: 0;
  overflow: hidden;
  padding: 7px 27px 7px 7px;
  text-align: left;
  text-indent: .01px;
  text-overflow: ellipsis;
  text-overflow: '';
  transition: background-color .2s;
  vertical-align: middle;
  white-space: nowrap
}

.csu-select.faculty-select-icon, select.faculty-select-icon {
    -moz-appearance: auto;
    -webkit-appearance: auto;    
}


.csu-select:focus, .csu-select:hover, select:focus, select:hover {
  background-color: #f7f7f7
}

.csu-select:active, select:active {
  background-color: #ebebeb
}

select {
  background: #fff url('') no-repeat right
}

select:disabled {
  background: #f7f7f7 url('') no-repeat right;
  border-color: transparent;
  color: #bdbdbd;
  cursor: default
}

select:-ms-expand {
  display: none
}

.csu-select {
  font-weight: 500;
  position: relative;
  text-transform: uppercase
}

.csu-select::before {
  content: 'arrow_drop_down';
  font: normal normal normal 24px/1 'Material Icons';
  font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  word-wrap: normal;
  font-size: 18px;
  position: absolute;
  right: 8px;
  text-transform: lowercase;
  top: 8px
}

.csu-select .label {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.csu-menulist {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
  margin: 0 24px 0 0;
  max-height: 512px;
  overflow: auto;
  padding: 16px 0!important;
  position: absolute;
  white-space: nowrap;
  z-index: 10013
}

.csu-menulistitem {
    cursor: default;
    font: 14px/32px Roboto, sans-serif;
    margin: 0;
    padding: 0 24px;
    transition: background .2s
}

.csu-menulistitem:hover,
.csu-menulistitem.csu-selected-option {
    background: #f7f7f7
}

.csu-form-error {
    color: #dd2c00
}

@media screen and (max-width:720px) {
    .csu-menulist {
        margin: 0 16px;
        max-height: 400px;
        padding: 8px 0!important
    }
    .csu-menulistitem {
        line-height: 48px;
        padding: 0 16px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
}

h1,
.csu-landing-row h2,
.csu-landing-row-large-headings .csu-landing-row-item-description>a>h3,
.csu-landing-row-large-headings .csu-landing-row-item-description>h3,
.csu-courses-alphabet-letter-heading {
    color: #757575;
    font: 300 34px/40px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin: 40px 0 20px
}

h2,
.csu-landing-row h3 {
    #border-bottom: 1px solid #ebebeb;
    font: 300 24px/32px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin: 40px 0 20px;
    padding-bottom: 3px
}

.spec-control+h2.showalways {
    margin: 44px 0 20px;
    padding-bottom: 7px
}

h3,
#courses-explorer h3 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 16px
}

.csu-landing-row-item-no-image h3,
.csu-landing-row h4 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 0;
    padding: 0
}

.spec-control+h3.showalways,
.spec-control+h4.showalways {
    margin: 36px 0 20px
}

h4 {
    font: 400 18px/32px Roboto, sans-serif;
    margin: 32px 0 16px
}

h5 {
    font: 700 16px/24px Roboto, sans-serif;
    margin: 32px 0 16px
}

h6 {
    font: 500 16px/24px Roboto, sans-serif;
    margin: 32px 0 16px
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6,
h1+dl>dt:first-child,
h2+dl>dt:first-child,
h3+dl>dt:first-child,
h4+dl>dt:first-child,
h5+dl>dt:first-child,
h6+dl>dt:first-child {
    margin-top: 0
}

@media screen and (max-width:720px) {
    h1,
    .csu-landing-row h2,
    .csu-courses-alphabet-letter-heading {
        font: 300 24px/32px Roboto, sans-serif
    }
}

table,
table.csu-visual-table-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0;
    width: 100%
}

caption {
    background: #f7f7f7;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
}

tr,
table.csu-visual-table-table .csu-visual-table-tr-head,
table.csu-visual-table-table .csu-visual-table-tr-even,
table.csu-visual-table-table .csu-visual-table-tr-odd {
    background: #757575;
    border: 0;
    border-top: 1px solid #e0e0e0
}

th,
td,
table.csu-visual-table-table .csu-visual-table-th,
table.csu-visual-table-table .csu-visual-table-td {
    border: 0;
    margin: 0;
    text-align: left
}

table.csu-visual-table-table .csu-visual-table-th,
table.csu-visual-table-table .csu-visual-table-td {
    background: 0;
    border: 0
}

th {
    font: 500 16px/24px Roboto, sans-serif;
    height: 48px;
    padding: 8px;
    vertical-align: middle
}

th>h2,
th>h3 {
    border: 0;
    font: 500 16px/24px Roboto, sans-serif;
    margin: 0;
    padding: 0
}

td>h2:only-child,
td>h3:only-child,
td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    border: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 0;
    padding-bottom: 0
}

td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    line-height: 24px
}

th b,
th strong,
td b,
td strong {
    font-weight: 500
}

th,
th code {
    color: #fff
}


th p {
    color: #fff!important;
}

td,
td code,
table.csu-visual-table-table .csu-visual-table-td {
    color: #212121;
    padding: 7px 8px 8px
}

th code,
td code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
}

table.responsive td,
table.responsive th {
    min-width: 214px
}

table.responsive th code,
table.responsive td code {
    word-break: break-all;
    word-break: break-word
}

td,
table.responsive tr:not(.alt) td td:first-child,
table.responsive td tr:not(.alt) td:first-child,
table.csu-visual-table-table .csu-visual-table-td {
    background: rgba(255, 255, 255, .95);
    vertical-align: top
}

table.responsive tr:not(.alt) td:first-child {
    background: rgba(255, 255, 255, .87)
}

td.alt,
.alt td {
    background: rgba(255, 255, 255, .75)
}

table.nested-classes tr,
table.pink tr,
table#nestedclasses tr,
table.member.type tr {
    background: #d81b60;
    border-top-color: #f06292
}

table.constants tr,
table.blue tr,
table#inhconstants tr {
    background: #3949ab;
    border-top-color: #7986cb
}

table.properties tr,
table.orange tr,
table#inhfields tr,
table#properties tr,
table#property_table tr,
table.members.property tr {
    background: #fb8c00;
    border-top-color: #ffb74d
}

table.constructors tr,
table.purple tr,
table#pubctors tr,
table#request_properties_JSON tr,
table.function.advancedparam tr {
    background: #8e24aa;
    border-top-color: #ba68c8
}

table.methods tr,
table.cyan tr,
table#pubmethods tr,
table.members.function tr {
    background: #00acc1;
    border-top-color: #4dd0e1
}

table.csu-visual-table-table .csu-visual-table-tr-head,
table.csu-visual-table-table .csu-visual-table-tr-even,
table.csu-visual-table-table .csu-visual-table-tr-odd,
table.details tr,
table.green tr,
table#inhmethods tr,
table#request_parameters tr,
table.function.param tr {
    background: #7cb342;
    border-top-color: #aed581
}

.csu-table-wrapper {
    margin: 16px 0;
    overflow: auto
}

.csu-table-wrapper .csu-table-wrapper {
    overflow: visible
}

.csu-table-wrapper table {
    margin: 0
}

.csu-table-wrapper .csu-table-wrapper table {
    margin: 16px 0
}

table.responsive table.responsive {
    margin: 0
}

table.responsive tr:first-child {
    border-top: 0
}

table.responsive td tr:first-child td {
    padding-top: 0
}

table.responsive td tr:last-child td {
    padding-bottom: 0
}

table.responsive td td:first-child {
    padding-left: 0
}

table.responsive th:not(:first-child) {
    display: none
}

@media screen and (max-width:1000px) {
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive tr,
    table.responsive th,
    table.responsive td {
        display: block
    }
}

.csu-rating-description,
.csu-tooltip {
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    font: 500 10px/10px Roboto, sans-serif;
    position: absolute
}

.csu-tooltip {
    margin-top: 8px;
    max-width: 400px;
    opacity: 1;
    padding: 6px 8px;
    text-align: center;
    transition: opacity .2s;
    visibility: visible;
    z-index: 10020
}

.csu-tooltip-hide {
    opacity: 0;
    visibility: hidden
}

.csu-tooltip-data {
    display: none
}


.csu-spex::-webkit-scrollbar,
.csu-dialog::-webkit-scrollbar,
.csu-nav-responsive::-webkit-scrollbar,
.csu-overflow-menu::-webkit-scrollbar,
.csu-page-nav::-webkit-scrollbar,
.csu-popout::-webkit-scrollbar,
.csu-section-nav::-webkit-scrollbar,
.csu-section-nav-responsive::-webkit-scrollbar,
.csu-menulist::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.csu-table-wrapper::-webkit-scrollbar,
pre::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.csu-header-upper-tabs::-webkit-scrollbar,
.csu-doc-set-nav-row::-webkit-scrollbar {
    height: 0;
    width: 0
}

.csu-spex::-webkit-scrollbar-thumb,
.csu-dialog::-webkit-scrollbar-thumb,
.csu-nav-responsive::-webkit-scrollbar-thumb,
.csu-overflow-menu::-webkit-scrollbar-thumb,
.csu-page-nav::-webkit-scrollbar-thumb,
.csu-popout::-webkit-scrollbar-thumb,
.csu-section-nav::-webkit-scrollbar-thumb,
.csu-section-nav-responsive::-webkit-scrollbar-thumb,
.csu-table-wrapper::-webkit-scrollbar-thumb,
.csu-menulist::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .26)
}

.csu-snippets-highlight pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .7)
}

.csu-table-wrapper::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner {
    background: 0
}

.csu-top-section {
    background-color: #039be5;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    top: 0;
    width: 100%;
    z-index: 10005
}

.csu-header-no-upper-tabs .csu-top-section {
    background-color: #039be5
}

.csu-full-site-width,
.csu-toast-fill {
    margin: 0 auto;
    max-width: 1400px
}

.csu-top-logo-row-wrapper-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10006
}

.csu-top-logo-row-wrapper {
    background: #fff
}

.csu-top-logo-row {
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 24px;
    position: relative
}

.csu-header-upper-tabs {
    display: inline-block;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    overflow-y: auto;
    vertical-align: top;
    transition: -ms-flex .2s, margin .2s, width .2s;
    transition: flex .2s, margin .2s, width .2s
}

.csu-header-upper-tabs:not(:empty) {
    margin-left: 48px
}

.csu-top-logo-row.csu-search-active .csu-header-upper-tabs {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    visibility: hidden;
    width: 0
}

.csu-header-background {
    position: relative
}

.csu-header-background>.csu-feedback-button {
    bottom: 0;
    margin: 6px 0;
    position: absolute;
    right: 16px
}

.csu-header-icon-button {
    color: #757575;
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    transition: color .2s;
    width: 24px
}

.csu-expand-section-nav {
    margin: 12px 24px 12px 0
}

.csu-header-icon-button:focus,
.csu-header-icon-button:hover,
.csu-header-icon-button:active {
    color: #bdbdbd
}

@media screen and (max-width:720px) {
    .csu-top-logo-row {
        padding: 0 16px
    }
    .csu-header-upper-tabs {
        margin-left: 16px
    }
    .csu-top-logo-row.csu-search-active .csu-header-upper-tabs {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .csu-header-upper-tabs .csu-doc-set-nav,
    .csu-feedback-button {
        display: none
    }
}

.csu-courses-name-wrapper {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
}

.csu-courses-name-link,
.csu-site-logo-link {
    opacity: 1;
    transition: opacity .2s
}

.csu-courses-name-link:hover,
.csu-courses-name-link:focus,
.csu-site-logo-link:focus {
    opacity: .7;
    text-decoration: none
}

.csu-courses-logo-container {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    margin-right: 16px;
    width: 36px
}

.csu-courses-logo {
    color: #039be5;
    font-size: 24px;
    height: 24px;
    margin: 6px;
    width: 24px
}

.csu-courses-logo-white {
    color: #757575;
    margin: 6px 16px 6px 0
}

.csu-courses-name {
    color: #757575;
    display: inline-block;
    font: 20px/36px Roboto, sans-serif;
    letter-spacing: 0;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
}

.csu-site-logo {
    height: 32px;
    margin: 2px 0
}

.csu-site-logo+.csu-site-name {
    display: none
}

.csu-breadcrumb-link>.csu-courses-name {
    color: inherit
}

@media screen and (max-width:720px) {
    .csu-courses-name-wrapper {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
    }
    .csu-site-logo+.csu-site-name {
        display: block
    }
    .csu-site-logo,
    .csu-courses-logo-container,
    .csu-courses-logo-white {
        display: none
    }
}

.csu-search-form {
    background: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    position: relative;
    text-align: left;
    transition: background .2s, -ms-flex .2s;
    transition: background .2s, flex .2s;
    vertical-align: top;
    width: 200px
}

.csu-high-contrast .csu-search-form {
    background: #039be5
}

.csu-search-form:hover {
    background: #ebebeb
}

.csu-high-contrast .csu-search-form:hover {
    background: #03a9f4
}

.csu-top-logo-row.csu-search-active .csu-search-form {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.csu-high-contrast .csu-search-active .csu-search-form,
.csu-search-active .csu-search-form {
    background: #f7f7f7
}

.csu-search-image {
    color: #757575;
    left: 24px;
    position: absolute;
    top: 6px;
    transition: color .2s
}

.csu-search-image::before {
    content: 'search'
}

.csu-search-active .csu-search-image {
    color: #757575
}

input.csu-search-field {
    background: 0;
    border: 0;
    color: #757575;
    height: 36px;
    padding: 8px 8px 8px 72px;
    transition: color .2s;
    width: 100%
}

.csu-search-active .csu-search-field {
    color: #212121
}

input.csu-search-field:focus {
    border: 0;
    padding-bottom: 8px
}

.csu-search-form::-webkit-input-placeholder {
    color: #757575;
    transition: color .2s
}

.csu-search-form:-moz-placeholder {
    color: #757575;
    transition: color .2s
}

.csu-search-form::-moz-placeholder {
    color: #757575;
    transition: color .2s
}

.csu-search-form:-ms-input-placeholder {
    color: #757575;
    transition: color .2s
}

.csu-search-active .csu-search-form::-webkit-input-placeholder {
    color: #757575
}

.csu-search-active .csu-search-form:-moz-placeholder {
    color: #757575
}

.csu-search-active .csu-search-form::-moz-placeholder {
    color: #757575
}

.csu-search-active .csu-search-form:-ms-input-placeholder {
    color: #757575
}

.csu-search-button {
    margin: 12px 0
}

.csu-search-button::before {
    content: 'search'
}

.csu-responsive-search-open .csu-search-button {
    margin: 12px 0 12px 16px
}

.csu-responsive-search-open .csu-search-button::before {
    content: 'cancel'
}

@media screen and (max-width:720px) {
    .csu-search-button {
        display: inline-block
    }
    .csu-responsive-search-open .csu-search-form {
        display: inline-block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 6px 0
    }
    .csu-responsive-search-open .csu-header-upper-tabs,
    .csu-responsive-search-open .csu-courses-name-wrapper,
    .csu-responsive-search-open .csu-user-avatar,
    .csu-responsive-search-open .csu-user-signin,
    .csu-search-form {
        display: none
    }
}

.csu-popout {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    margin-top: 6px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    position: absolute;
    transition: transform .2s, visibility .2s;
    transform: translateY(0);
    width: 100%;
    z-index: -1
}

.csu-popout-closed {
    transform: translateY(-110%);
    visibility: hidden
}

.csu-history-side-column {
    float: left;
    width: 72px
}

.csu-history-icon {
    color: #757575;
    display: block;
    height: 24px;
    margin: 16px auto;
    width: 24px
}

.csu-history-icon::before {
    content: 'history'
}

.csu-history-main-column {
    font-size: 14px;
    float: right;
    width: calc(100% - 72px);
    margin-top: 16px
}

.csu-history-message {
    padding-right: 16px
}

.csu-history-column {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 8px)/2)
}

.csu-history-column+.csu-history-column {
    margin-left: 8px
}

.csu-suggest-results {
    padding: 16px 0 16px 72px
}

.csu-suggest-category,
.csu-suggest-project {
    color: #757575;
    font-size: 12px
}

.csu-suggest-category:not(:first-child),
.csu-suggest-project:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding-top: 12px
}

.csu-history-item,
.csu-suggest-item {
    font: 13px/20px Roboto, sans-serif;
    margin: 0
}

.csu-history-item a,
.csu-suggest-item a {
    color: #212121;
    display: block;
    margin-left: -8px;
    outline: 0;
    padding: 8px;
    transition: background .2s
}

.csu-history-item.goog-menuitem-highlight a,
.csu-history-item a:focus,
.csu-suggest-item.goog-menuitem-highlight a,
.csu-suggest-item a:focus {
    background: #f7f7f7;
    text-decoration: none
}

.csu-suggest-item.goog-menuitem-highlight {
    margin-left: -8px;
    padding-left: 8px
}

.csu-suggest-item b {
    font-weight: 500
}

.csu-history-footer,
.csu-suggest-footer {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding: 7px 0 8px
}

.csu-suggest-footer {
    margin-bottom: -16px
}

.csu-history-preferences-link,
.csu-suggest-all-results {
    margin-left: -8px
}

.csu-suggestion-fragment+.csu-suggestion-fragment::before {
    content: "|";
    margin: 0 8px
}

@media screen and (max-width:720px) {
    .csu-popout {
        margin-left: -64px;
        width: calc(100% + 120px)
    }
    .csu-history-item,
    .csu-suggest-item {
        font: 16px/22px Roboto, sans-serif
    }
    .csu-suggest-category label {
        font: 14px/22px Roboto, sans-serif
    }
}

.csu-user-dropdown {
    position: absolute;
    right: -6px;
    top: 4px;
    width: 100%
}

.csu-user-dropdown #gb,
.csu-user-dropdown #gba {
    margin-top: -100px
}

.csu-user-dropdown>div>div>div>div>div>div>a {
    display: none
}

.csu-wrapper .csu-user-dropdown>div>div>div>div>div>div+div {
    margin-top: 100px
}

.csu-user-avatar,
.csu-user-link,
.csu-user-signin {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.csu-user-avatar {
    border-radius: 50%;
    height: 32px;
    margin: 8px 0 8px 24px;
    outline: 0;
    vertical-align: top;
    width: 32px
}

a.csu-user-signin {
    margin: 6px -8px 0 16px
}

@media screen and (max-width:720px) {
    .csu-user-avatar {
        margin-left: 16px
    }
    a.csu-user-signin {
        margin-left: 8px
    }
}

.csu-courses-id-row {
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 8px
}

.csu-header-no-upper-tabs .csu-courses-id-row {
    padding-top: 8px
}

.csu-header-no-lower-tabs .csu-courses-id-row {
    padding-bottom: 24px
}

.csu-courses-description-row {
    color: #fff;
    font: 20px/36px Roboto, sans-serif
}

.csu-landing-page .csu-courses-description-row {
    max-width: calc((100% - 80px)/3)
}

.csu-courses-description-link {
    color: #fff;
    opacity: 1
}

.csu-courses-description-link:hover,
.csu-courses-description-link:focus {
    opacity: .7;
    text-decoration: none
}

.csu-breadcrumb-list+.csu-courses-description:not(:empty) {
    margin-top: 16px
}

.csu-courses-description {
    font: 16px/24px Roboto, sans-serif
}

.csu-courses-button-row {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto 0 auto 24px;
    text-align: right;
    z-index: 1
}

:not(.cloud-free-trial-eligible)>.cloud-free-trial-button {
    display: none
}

@media screen and (max-width:1000px) {
    .csu-landing-page .csu-courses-description-row {
        max-width: none
    }
}

@media screen and (max-width:720px) {
    .csu-courses-id-row,
    .csu-header-no-lower-tabs .csu-courses-id-row {
        display: block;
        padding: 16px
    }
    .csu-courses-button-row {
        margin: 16px 0 0;
        text-align: left
    }
}

.csu-courses-platform-row {
    margin: 8px 0;
    padding: 0 24px
}

.csu-header-no-lower-tabs .csu-courses-platform-row {
    margin-top: -12px;
    padding-bottom: 24px
}

.csu-platform-container {
    display: inline-block
}

.csu-platform-container+.csu-platform-container {
    margin-left: 16px
}

.csu-platform-icon-container {
    background: #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
}

.csu-platform-icon {
    color: #757575;
    font-size: 24px;
    height: 24px;
    margin: 8px;
    width: 24px
}

@media screen and (max-width:1000px) {
    div.csu-collapsible-section,
    div.csu-header-background {
        background-image: none
    }
}

@media screen and (max-width:720px) {
    .csu-courses-platform-row {
        padding: 0 16px
    }
}

.csu-doc-set-nav-row {
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0;
    width: 100%
}

.csu-doc-set-nav {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.csu-doc-set-nav-tab-list {
    white-space: nowrap
}

.csu-doc-set-nav-tab-container {
    display: inline-block;
    margin: 0
}

.csu-doc-set-nav-tab {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: rgba(255, 255, 255, .7);
    display: inline-block;
    font: 500 14px/44px Roboto, sans-serif;
    margin: 0;
    padding: 0 24px;
    text-transform: uppercase;
    transition: color .2s
}

.csu-doc-set-nav-tab:hover,
.csu-doc-set-nav-tab:focus {
    color: #fff;
    text-decoration: none
}

.csu-doc-set-nav-active {
    border-bottom-color: #fff;
    color: #fff
}

.csu-header-upper-tabs .csu-doc-set-nav-tab {
    color: #616161;
    font-weight: 400;
    text-transform: none
}

.csu-header-upper-tabs .csu-doc-set-nav-tab:hover,
.csu-header-upper-tabs .csu-doc-set-nav-tab:focus {
    color: #212121
}

.csu-header-upper-tabs .csu-doc-set-nav-active {
    border-bottom-color: #0277bd;
    color: #212121;
    font-weight: 500
}

.csu-doc-set-nav-row>.csu-feedback-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 6px 16px 6px 8px
}

@media screen and (max-width:720px) {
    .csu-doc-set-nav-row {
        display: none
    }
}

.csu-header-link {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 12px 0 12px 24px;
    transition: color .2s
}

.csu-header-link,
.csu-header-link:visited {
    color: #039be5
}

.csu-header-link:focus,
.csu-header-link:hover {
    color: #0277bd
}

.csu-header-link-icon {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top
}

.csu-header-link-label {
    display: inline-block;
    font: 500 14px/24px Roboto, sans-serif;
    vertical-align: top
}

@media screen and (max-width:1000px) {
    .csu-header-link {
        display: none
    }
}

.csu-footer-promos {
    background: #f7f7f7;
    font: 14px/20px Roboto, sans-serif
}

.csu-footer-promos-list {
    padding: 20px 4px;
    text-align: center
}

.csu-footer-promo {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 192px
}

.csu-footer-promo-icon {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
}

.csu-footer-promo-title {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-weight: 500
}

.csu-footer-promo-title:hover,
.csu-footer-promo-title:focus {
    color: #039be5;
    text-decoration: none
}

.csu-footer-linkboxes {
    background: linear-gradient(90deg, #263238 50%, #37424b 50%);
    font: 14px/16px Roboto, sans-serif
}

.csu-footer-linkboxes>.csu-full-site-width {
    max-width: 1432px
}

.csu-footer-linkboxes-all-backup {
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
}

.csu-footer-linkboxes-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.csu-footer-linkbox {
    background: #263238;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 24px 40px 40px;
    text-align: left;
    vertical-align: top;
    width: 25%
}

.csu-footer-linkbox-backup {
    background: #303c42
}

.csu-footer-linkbox-sites {
    background: white;
}

.csu-footer-linkbox-logo-link {
    border-bottom: 1px solid #455a64;
    display: block;
    margin: 0 -40px 24px;
    padding: 0 40px 17px
}

.csu-footer-linkbox-logo {
    margin: -5px 0 0 -3px;
    max-width: 260px;
    width: 100%
}

.csu-footer-linkbox-heading {
    color: #fff;
    font: 500 14px/16px Roboto, sans-serif;
    margin: 0 0 16px
}

.csu-footer-linkbox-list {
    list-style-type: none;
    padding: 0
}

.csu-footer-linkbox-item {
    margin: 16px 0
}

.csu-footer-linkbox-item:first-child {
    margin-top: 0
}

.csu-footer-linkbox-item:last-child {
    margin-bottom: 0
}

.csu-footer-linkbox-item a {
    color: #cfd8dc
}

.csu-footer-linkbox-item a:hover,
.csu-footer-linkbox-item a:focus {
    color: #fff;
    text-decoration: none
}

.csu-utility-footer {
    background: #455a64
}

.csu-utility-footer-nav {
    color: #fff;
    overflow: auto;
    padding: 14px 24px
}

.csu-utility-footer-link {
    color: #fff;
    line-height: 36px
}

.csu-utility-footer-link:focus {
    text-decoration: underline
}

.csu-utility-footer-link+.csu-utility-footer-link::before {
    content: '|';
    margin: 0 8px
}

.csu-utility-footer-language {
    float: right;
    margin-left: 16px
}

.csu-utility-footer-language .csu-select {
    border-color: #fff;
    min-width: 96px
}

@media screen and (max-width:1000px) {
    .csu-footer-linkbox {
        width: 50%
    }
}

@media screen and (max-width:720px) {
    .csu-footer-promos-list {
        padding: 20px 16px;
        text-align: left
    }
    .csu-footer-promo {
        margin: 8px;
        width: calc((100% - 32px)/2)
    }
    .csu-footer-promo-icon {
        float: left;
        height: 32px;
        margin-right: 16px;
        width: 32px
    }
    .csu-footer-promo-title {
        font-weight: normal;
        line-height: 32px
    }
    .csu-footer-promo-description {
        display: none
    }
    .csu-footer-linkbox {
        padding: 24px 16px 24px
    }
    .csu-footer-linkbox-logo-link {
        margin: 0 -16px 24px;
        padding: 0 16px 17px
    }
    .csu-utility-footer-nav {
        padding: 14px 16px
    }
}

.csu-breadcrumb-nav {
    display: none;
    margin: -16px 0 16px
}

.csu-breadcrumb-list {
    padding: 0;
    white-space: nowrap
}

.csu-breadcrumb-item {
    display: inline-block;
    margin: 0
}

.csu-breadcrumb-guillemet {
    color: #fff;
    font-size: 24px;
    margin: 0 4px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 24px
}

.csu-breadcrumb-nav .csu-breadcrumb-guillemet {
    color: #757575;
    font-size: 16px;
    top: 4px;
    width: 16px
}

.csu-breadcrumb-guillemet::before {
    content: 'chevron_right'
}

.csu-breadcrumb-link {
    color: #fff;
    display: inline-block;
    transition: color .2s
}

.csu-courses-name .csu-breadcrumb-link {
    color: #757575
}

.csu-breadcrumb-nav .csu-breadcrumb-link {
    color: #757575
}

.csu-breadcrumb-link:hover,
.csu-breadcrumb-link:focus {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.csu-courses-name .csu-breadcrumb-link:hover,
.csu-courses-name .csu-breadcrumb-link:focus {
    color: #212121
}

.csu-breadcrumb-nav .csu-breadcrumb-link:hover,
.csu-breadcrumb-nav .csu-breadcrumb-link:focus {
    color: #039be5
}

@media screen and (max-width:720px) {
    .csu-courses-name-wrapper .csu-breadcrumb-item:not(: first-of-type) {
        display: none
    }
    .csu-courses-name-wrapper .csu-courses-name,
    .csu-courses-name-wrapper .csu-breadcrumb-list,
    .csu-courses-name-wrapper .csu-breadcrumb-item,
    .csu-courses-name-wrapper .csu-breadcrumb-link {
        width: 100%
    }
    .csu-courses-name-wrapper .csu-breadcrumb-link {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .csu-breadcrumb-nav {
        display: block
    }
}

.csu-nav {
    font-size: 13px
}

.csu-nav ul {
    list-style-type: none;
    padding: 0
}

.csu-nav-item {
    line-height: 16px;
    margin: 8px 0 0;
    position: relative
}

.csu-nav-item-heading {
    font-weight: bold
}

.csu-nav-item-heading:not(:first-child) {
    margin-top: 24px
}

.csu-page-nav>ul>:first-child,
.csu-page-nav-embedded>ul>:first-child,
.csu-section-nav>ul>:first-child,
.csu-section-nav-responsive>ul>:first-child {
    margin-top: 0
}

.csu-nav-title {
    color: #212121;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.csu-nav-has-status>.csu-nav-title {
    overflow: visible
}

.csu-nav-title[href]:hover,
.csu-nav-title[href]:focus {
    text-decoration: none;
    color: #039be5
}

.csu-nav-deprecated .csu-nav-title {
    color: #bdbdbd
}

.csu-nav-active,
.csu-nav-active .csu-nav-title,
.csu-nav-responsive-tabs .csu-nav-item-heading>.csu-nav-title.csu-nav-active {
    color: #039be5;
    font-weight: 500
}

.csu-page-nav-embedded .csu-nav-title {
    display: inline-block;
    overflow: visible
}

.csu-nav-text {
    display: inline-block;
    max-width: calc(100% - 22px);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.csu-nav-icon-wrapper {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    vertical-align: bottom;
    width: 18px
}

.csu-nav-icon {
    color: #757575;
    cursor: default;
    display: block;
    font-size: 18px;
    margin: -1px 0
}

.csu-nav-icon::before {
    content: 'info'
}

.csu-nav-deprecated .csu-nav-icon::before {
    color: #bdbdbd;
    content: 'not_interested'
}

.csu-nav-alpha .csu-nav-icon::before,
.csu-nav-beta .csu-nav-icon::before,
.csu-nav-experimental .csu-nav-icon::before {
    content: url(../images/redesign-14/nav-status-experimental.svg)
}

.csu-nav-external .csu-nav-icon::before {
    content: 'open_in_new'
}

.csu-nav-new .csu-nav-icon::before {
    content: 'new_releases'
}

.csu-section-nav {
    background: #f7f7f7;
    float: left;
    margin-right: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    width: 256px
}

.csu-nav-list>.csu-nav-item-heading {
    border-top: 1px solid #cfd8dc;
    margin: 15px -16px 0;
    padding: 16px 16px 0
}

.csu-nav-list>.csu-nav-item-heading:last-child {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 15px
}

.csu-nav-item-section-expandable.csu-nav-accordion {
    border-top: 1px solid #cfd8dc;
    margin: 16px -16px -16px;
    padding: 15px 16px 16px
}

.csu-nav-item-section-expandable.csu-nav-accordion>.csu-nav-title {
    color: #757575;
    font-weight: bold;
    padding-right: 24px
}

.csu-nav-item-heading.csu-nav-divider {
    background: #eceff1;
    font: 400 12px/16px Roboto, sans-serif;
    margin-bottom: -16px;
    padding: 7px 16px 8px;
    text-transform: uppercase
}

.csu-nav-list>.csu-nav-item-heading:first-child,
.csu-nav-item-section-expandable.csu-nav-accordion:first-child {
    border: 0;
    padding-top: 0
}

.csu-nav-item-section-expandable.csu-nav-accordion:first-child>.csu-nav-toggle::before {
    top: -5px
}

.csu-nav-item-heading.csu-nav-divider:first-child {
    border: 0;
    margin-top: -16px;
    padding-top: 8px
}

.csu-nav-item-heading>.csu-nav-title {
    color: #757575
}

.csu-nav-section {
    overflow: hidden
}

.csu-nav-section-collapsed {
    display: none
}

.csu-nav-expandable .csu-nav-item {
    padding-left: 16px
}

.csu-nav-only-accordions>.csu-nav-item:not(.csu-nav-accordion):not(.csu-nav-divider) {
    padding: 0
}

.csu-nav-item-section-expandable>.csu-nav-title-no-path {
    cursor: pointer
}

.csu-nav-item-section-expandable>.csu-nav-title-no-path:focus {
    color: #03a9f4;
    outline: 0;
    text-decoration: none
}

.csu-nav-toggle {
    color: #bdbdbd;
    cursor: pointer;
    font-size: 18px;
    position: absolute
}

.csu-nav-toggle::before {
    content: 'arrow_drop_down';
    left: -21px;
    position: absolute;
    top: -18px
}

.csu-nav-toggle-collapsed::before {
    transform: rotate(-90deg)
}

.csu-nav-accordion>.csu-nav-toggle {
    font-size: 24px;
    right: 0;
    top: 0
}

.csu-nav-accordion>.csu-nav-toggle::before {
    content: 'expand_less';
    left: auto;
    right: 12px;
    top: 10px
}

.csu-nav-accordion>.csu-nav-toggle-collapsed::before {
    content: 'expand_more';
    transform: none
}

.csu-nav-break {
    margin: 12px;
    visibility: hidden
}

@media screen and (max-width:720px) {
    .csu-section-nav {
        display: none
    }
}

@media screen and (min-width:1201px) {
    .csu-has-spex .csu-section-nav {
        width: 192px
    }
}

.csu-nav-responsive {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    height: 100%;
    max-width: 256px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transition: left .2s;
    visibility: hidden;
    white-space: nowrap;
    width: calc(100% - 64px);
    z-index: 10012
}

.csu-nav-responsive-open {
    left: 0!important;
    visibility: visible
}

.csu-nav-responsive-no-animate {
    transition: none
}

.csu-nav-responsive-tabs-panel,
.csu-nav-responsive-sidebar-panel {
    display: inline-block;
    margin: 0 16px;
    transition: none;
    transform: translateX(0);
    vertical-align: top;
    width: calc(100% - 32px)
}

.csu-nav-responsive-sidebar-panel:only-child {
    margin: 16px
}

.csu-nav-responsive-transition {
    transition: .2s
}

.csu-nav-responsive-transform {
    display: inline-block;
    transform: translateX(-100%)
}

.csu-nav-responsive-tabs .csu-nav-responsive-tabs .csu-nav-item-heading {
    border: 0;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
}

.csu-nav-responsive-tabs .csu-nav-responsive-tabs .csu-nav-item-heading>.csu-nav-title:not(.csu-nav-active) {
    color: #212121
}

.csu-nav-responsive-forward {
    cursor: pointer;
    outline: 0;
    padding-right: 24px;
    position: relative
}

.csu-nav-responsive-forward::before {
    color: #757575;
    content: 'arrow_forward';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: absolute;
    right: 0;
    top: -4px
}

.csu-nav-responsive-back {
    background: #eceff1;
    cursor: pointer;
    margin: 0 -16px 16px;
    outline: 0;
    padding: 12px
}

.csu-nav-responsive-back::before {
    color: #757575;
    content: 'arrow_back';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    vertical-align: top
}

.csu-expand-section-nav {
    margin: 12px 24px 12px 0
}

.csu-expand-section-nav::before {
    content: 'menu'
}

@media screen and (max-width:720px) {
    .csu-expand-section-nav {
        display: inline-block;
        margin: 12px 16px 12px 0
    }
}

.csu-page-nav,
.csu-page-nav-embedded {
    border-left: 4px solid #039be5
}

.csu-page-nav {
    background: #fff;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    width: 160px;
    z-index: 10000
}

.csu-page-nav-embedded {
    display: none;
    overflow-y: visible
}

.csu-page-nav-list {
    margin-left: 12px
}

.csu-nav-show-all,
.csu-nav-show-all:focus,
.csu-nav-show-all:hover {
    color: #757575;
    height: 24px;
    margin-left: 4px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    top: -4px
}

.csu-nav-show-all::before {
    content: 'expand_more'
}

.csu-nav-open::before {
    content: 'expand_less'
}

.csu-page-nav-embedded .csu-nav-item-hidden {
    display: none
}

.csu-nav-more-items {
    color: #757575
}

.csu-nav-more-items::before {
    content: 'more_horiz'
}

.csu-nav-more-items.csu-nav-more-items-close::before {
    content: 'expand_less'
}

@media screen and (max-width:1200px) {
    .csu-page-nav {
        display: none
    }
    .csu-page-nav-embedded:not(:empty) {
        display: block;
        margin: 20px 0 24px
    }
}

#table-of-contents,
h2#contents,
h3#contents,
h2.toc,
h3.toc,
div.toc:not(.class):not(.group):not(.type):not(.interface),
section.toc,
ol.toc,
ul.toc,
.inline-toc {
    display: none
}

ol.toc,
ol.toc ol,
ol.toc ul {
    list-style-type: none
}

.csu-content-footer {
    border-top: 1px solid #ebebeb;
    clear: both;
    color: #757575;
    font: italic 13px/20px Roboto, sans-serif;
    margin-top: 16px
}

.csu-content-footer-date {
    margin-bottom: 0
}

.csu-framebox {
    overflow: hidden
}

.csu-landing-page .csu-article {
    margin: 0;
    max-width: none;
    width: 100%
}

.csu-landing-page .csu-content-footer {
    margin-top: 80px
}

.csu-landing-row,
.csu-landing-row-column>.csu-landing-row-item+.csu-landing-row-item {
    margin-top: 32px
}

.csu-landing-row:first-child {
    margin-top: 0
}

.csu-landing-row-colored {
    margin: 40px -10000px -40px;
    padding: 40px 10000px
}

.csu-landing-row-grey {
    background-color: #f7f7f7
}

.csu-landing-row-cta {
    background-color: #039be5;
    color: #fff;
    margin: 40px -10000px -40px;
    padding: 40px 10000px;
    text-align: center
}

.csu-landing-row-cta h3 {
    font: 400 34px/40px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin-bottom: 16px
}

.csu-landing-row h2 {
    margin: 80px 0 32px
}

.csu-landing-row:first-child h2,
.csu-landing-row-large-headings h3,
.csu-landing-row-item-description>h2 {
    margin-top: 0
}

.csu-landing-row h2,
.csu-landing-row-item h3 {
    border-bottom: 0
}

.csu-landing-row-column,
.csu-landing-row-item {
    display: inline-block;
    vertical-align: top
}

.csu-landing-row-column+.csu-landing-row-column,
.csu-landing-row>.csu-landing-row-item+.csu-landing-row-item {
    margin-left: 40px
}

.csu-landing-row-item-buttons {
    margin: 8px 0 0 -12px
}

.csu-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
}

.csu-landing-row-item-buttons .button-white:not(.button-raised),
.csu-landing-row-item-buttons .button-white:not(.button-raised)+.button-white:not(.button-raised) {
    margin: 0 4px
}

.csu-landing-row-cta .csu-landing-row-item-buttons {
    margin: 24px 0 0
}

p+.csu-landing-row-item-buttons {
    margin-top: -8px
}

.csu-landing-row-1-up>.csu-landing-row-column,
.csu-landing-row-1-up>.csu-landing-row-item,
.csu-landing-row-column>.csu-landing-row-item {
    width: 100%
}

.csu-landing-row-2-up>.csu-landing-row-column,
.csu-landing-row-2-up>.csu-landing-row-item {
    width: calc((100% - 40px)/2)
}

.csu-landing-row-3-up>.csu-landing-row-column,
.csu-landing-row-3-up>.csu-landing-row-item {
    width: calc((100% - 80px)/3)
}

.csu-landing-row-4-up>.csu-landing-row-column,
.csu-landing-row-4-up>.csu-landing-row-item {
    width: calc((100% - 120px)/4)
}

.csu-landing-row-item-icon {
    color: #757575;
    font-size: 48px;
    float: left;
    height: 48px;
    margin-left: 4px;
    width: 48px
}

.csu-landing-row-item-icon-container {
    background: #039be5;
    border-radius: 50%;
    box-shadow: none;
    float: left;
    height: 56px;
    width: 56px;
    transition: box-shadow .2s
}

:link>.csu-landing-row-item-icon-container:hover,
:focus>.csu-landing-row-item-icon-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}

.csu-landing-row-item-icon-white {
    color: #fff;
    font-size: 36px;
    height: 36px;
    margin: 10px;
    width: 36px
}

.csu-landing-row-item-icon-description {
    margin-left: 76px
}

.csu-landing-row-item-code,
.csu-landing-row-item-image,
.csu-landing-row-item-video,
.csu-landing-row-item-youtube {
    margin-bottom: 32px;
    width: 100%
}

.csu-landing-row-item-image,
.csu-landing-row-item-video {
    display: block
}

.csu-landing-row-item-code pre {
    margin-top: 0
}

.csu-landing-row-item-image {
    background: #ebebeb
}

.csu-landing-row-no-image-background .csu-landing-row-item-image {
    background: 0
}

.csu-landing-row-item-custom-image {
    background: #039be5
}

.csu-landing-row-item-custom-image-icon {
    color: #fff;
    display: block;
    margin: 0 auto;
    opacity: .8
}

.csu-landing-row-1-up .csu-landing-row-item-custom-image {
    padding: calc((56.25% - 256px)/2) 0
}

.csu-landing-row-1-up .csu-landing-row-item-custom-image-icon {
    font-size: 256px;
    width: 256px
}

.csu-landing-row-2-up .csu-landing-row-item-custom-image,
.csu-landing-row-50 .csu-landing-row-item-custom-image {
    padding: calc((56.25% - 192px)/2) 0
}

.csu-landing-row-2-up .csu-landing-row-item-custom-image-icon,
.csu-landing-row-50 .csu-landing-row-item-custom-image-icon {
    font-size: 192px;
    width: 192px
}

.csu-landing-row-3-up .csu-landing-row-item-custom-image,
.csu-landing-row-67 .csu-landing-row-item-custom-image {
    padding: calc((56.25% - 128px)/2) 0
}

.csu-landing-row-3-up .csu-landing-row-item-custom-image-icon,
.csu-landing-row-67 .csu-landing-row-item-custom-image-icon {
    font-size: 128px;
    width: 128px
}

.csu-landing-row-4-up .csu-landing-row-item-custom-image,
.csu-landing-row-75 .csu-landing-row-item-custom-image {
    padding: calc((56.25% - 96px)/2) 0
}

.csu-landing-row-4-up .csu-landing-row-item-custom-image-icon,
.csu-landing-row-75 .csu-landing-row-item-custom-image-icon {
    font-size: 96px;
    width: 96px
}

.csu-landing-row-item-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.csu-landing-row-item-youtube iframe {
    height: 101%;
    left: -.5%;
    position: absolute;
    top: -.5%;
    width: 101%
}

.csu-landing-row-1-up .csu-landing-row-item-code,
.csu-landing-row-1-up .csu-landing-row-item-image,
.csu-landing-row-1-up .csu-landing-row-item-video,
.csu-landing-row-1-up .csu-landing-row-item-youtube {
    float: right;
    margin: 0 0 0 40px;
    width: calc((100% - 20px)*2/3)
}

.csu-landing-row-1-up .csu-landing-row-item-youtube {
    padding-bottom: calc((100% - 20px)*2/3*.5625)
}

.csu-landing-row-1-up .csu-landing-row-item-custom-image {
    padding: calc(((100% - 20px)*2/3*.5625 - 256px)/2) 0
}

.csu-landing-row-50 .csu-landing-row-item-youtube {
    padding-bottom: calc((100% - 40px)/2*.5625)
}

.csu-landing-row-50 .csu-landing-row-item-custom-image {
    padding: calc(((100% - 40px)/2*.5625 - 192px)/2) 0
}

.csu-landing-row-67 .csu-landing-row-item-youtube {
    padding-bottom: calc((100% - 80px)/3*.5625)
}

.csu-landing-row-67 .csu-landing-row-item-custom-image {
    padding: calc(((100% - 80px)/3*.5625 - 128px)/2) 0
}

.csu-landing-row-75 .csu-landing-row-item-youtube {
    padding-bottom: calc((100% - 120px)/4*.5625)
}

.csu-landing-row-75 .csu-landing-row-item-custom-image {
    padding: calc(((100% - 120px)/4*.5625 - 128px)/2) 0
}

.csu-landing-row-logos .csu-landing-row-item-custom-image {
    background: 0;
    float: none;
    margin: 0;
    padding: 0
}

.csu-landing-row-logos .csu-landing-row-item-custom-image-icon {
    opacity: 1;
    width: 96px
}

.csu-landing-row-logos .csu-landing-row-item-description {
    text-align: center
}

.csu-landing-row-1-up .csu-landing-row-item-image-left {
    float: left;
    margin: 0 40px 0 0
}

.csu-landing-row-1-up .csu-landing-row-item-description {
    float: left;
    width: calc((100% - 80px)/3)
}

.csu-landing-row-50 .csu-landing-row-item-description {
    width: calc((100% - 40px)/2)
}

.csu-landing-row-1-up>.csu-landing-row-item-no-image>.csu-landing-row-item-description,
.csu-landing-row-67 .csu-landing-row-item-description {
    width: calc((100% - 20px)*2/3)
}

.csu-landing-row-75 .csu-landing-row-item-description {
    width: calc((100% - 15px)*3/4)
}

.csu-landing-row-50 .csu-landing-row-item-code,
.csu-landing-row-50 .csu-landing-row-item-image,
.csu-landing-row-50 .csu-landing-row-item-video,
.csu-landing-row-50 .csu-landing-row-item-youtube {
    width: calc((100% - 40px)/2)
}

.csu-landing-row-67 .csu-landing-row-item-code,
.csu-landing-row-67 .csu-landing-row-item-image,
.csu-landing-row-67 .csu-landing-row-item-video,
.csu-landing-row-67 .csu-landing-row-item-youtube {
    width: calc((100% - 80px)/3)
}

.csu-landing-row-75 .csu-landing-row-item-code,
.csu-landing-row-75 .csu-landing-row-item-image,
.csu-landing-row-75 .csu-landing-row-item-video,
.csu-landing-row-75 .csu-landing-row-item-youtube {
    width: calc((100% - 120px)/4)
}

.csu-landing-row-cta>.csu-landing-row-item-no-image>.csu-landing-row-item-description,
.csu-landing-row-100>.csu-landing-row-item-no-image>.csu-landing-row-item-description {
    width: 100%
}

.csu-landing-row h3:first-child,
.csu-landing-row h4:first-child,
.csu-landing-row h5:first-child,
.csu-landing-row h6:first-child,
.csu-landing-row p:first-child,
.csu-landing-row h4+p {
    margin-top: 0
}

.csu-landing-row p:last-child {
    margin-bottom: 0
}

.csu-landing-row-item-description-callout {
    font-weight: bold
}

.csu-landing-row-item-description-feature {
    margin-top: 16px;
    position: relative
}

.csu-landing-row-item-description-feature+.csu-landing-row-item-description-feature {
    margin: 0
}

.csu-landing-row-item-description-feature-link {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    padding: 12px 0 11px
}

.csu-landing-row-item-description-feature-tooltip {
    background: #455a64;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    color: rgba(255, 255, 255, .7);
    font: 14px/20px Roboto, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    transition: opacity .2s, visibility .2s;
    visibility: hidden;
    width: 67%;
    z-index: 10020
}

.no-touch .csu-landing-row-item-description-feature-link:hover+.csu-landing-row-item-description-feature-tooltip {
    opacity: 1;
    visibility: visible
}

.csu-landing-row-item-description-feature-tooltip:before {
    border-bottom: 8px solid #455a64;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    position: absolute;
    top: -8px
}

.csu-landing-row-item-description-feature-tooltip h3 {
    color: white;
    margin-bottom: 8px;
    padding: 0
}

@media screen and (max-width:1000px) {
    .csu-landing-row-2-up:not(.csu-landing-row-logos)>.csu-landing-row-item:not(.csu-landing-row-item-no-image),
    .csu-landing-row-3-up:not(.csu-landing-row-logos)>.csu-landing-row-item:not(.csu-landing-row-item-no-image) {
        width: 100%
    }
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-column,
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-item {
        width: calc((100% - 40px)/2)
    }
    .csu-landing-row:not(.csu-landing-row-logos)>.csu-landing-row-item+.csu-landing-row-item {
        margin: 40px 0 0
    }
    .csu-landing-row:not(.csu-landing-row-logos)>.csu-landing-row-column+.csu-landing-row-column,
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
    }
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-column:nth-of-type(3) {
        margin: 40px 0 0
    }
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-column:nth-of-type(4),
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-item:nth-of-type(4) {
        margin: 40px 0 0 40px
    }
    .csu-landing-row-item-code,
    .csu-landing-row:not(.csu-landing-row-logos) .csu-landing-row-item-image,
    .csu-landing-row-item-video,
    .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-code,
    .csu-landing-row-1-up .csu-landing-row-item-image,
    .csu-landing-row-1-up .csu-landing-row-item-video,
    .csu-landing-row-1-up .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-image-left {
        float: right;
        margin: 0 0 0 40px;
        width: calc((100% - 40px)/2)
    }
    .csu-landing-row-4-up .csu-landing-row-item-code,
    .csu-landing-row-4-up:not(.csu-landing-row-logos) .csu-landing-row-item-image,
    .csu-landing-row-4-up .csu-landing-row-item-video,
    .csu-landing-row-4-up .csu-landing-row-item-youtube {
        float: none;
        margin: 0 0 32px 0;
        width: 100%
    }
    .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-youtube {
        padding-bottom: calc((100% - 40px)/2*.5625)
    }
    .csu-landing-row-1-up .csu-landing-row-item-custom-image,
    .csu-landing-row-2-up .csu-landing-row-item-custom-image,
    .csu-landing-row-3-up .csu-landing-row-item-custom-image {
        padding: calc(((100% - 40px)/2*.5625 - 128px)/2) 0
    }
    .csu-landing-row-4-up .csu-landing-row-item-youtube {
        padding-bottom: 56.25%
    }
    .csu-landing-row-4-up .csu-landing-row-item-custom-image {
        padding: calc((56.25% - 128px)/2) 0
    }
    .csu-landing-row-1-up .csu-landing-row-item-custom-image-icon,
    .csu-landing-row-2-up .csu-landing-row-item-custom-image-icon,
    .csu-landing-row-3-up .csu-landing-row-item-custom-image-icon,
    .csu-landing-row-4-up .csu-landing-row-item-custom-image-icon {
        font-size: 128px;
        width: 128px
    }
    .csu-landing-row-logos .csu-landing-row-item-custom-image {
        margin: 0;
        padding: 0
    }
    .csu-landing-row-logos .csu-landing-row-item-custom-image-icon {
        width: 96px
    }
    .csu-landing-row .csu-landing-row-item-description,
    .csu-landing-row-1-up .csu-landing-row-item-description {
        float: left;
        width: calc((100% - 40px)/2)
    }
    .csu-landing-row-4-up .csu-landing-row-item-description {
        float: none;
        width: 100%
    }
    .csu-landing-row>.csu-landing-row-item-no-image {
        float: none;
        width: calc((100% - 40px)/2)
    }
    .csu-landing-row-3-up>.csu-landing-row-item-no-image {
        width: calc((100% - 80px)/3)
    }
    .csu-landing-row-1-up>.csu-landing-row-item-no-image,
    .csu-landing-row-1-up>.csu-landing-row-item-no-image>.csu-landing-row-item-description {
        width: 100%
    }
    .csu-landing-row:not(.csu-landing-row-4-up)>.csu-landing-row-item-no-image+.csu-landing-row-item-no-image {
        margin: 0 0 0 40px
    }
    .csu-landing-row-item-no-image .csu-landing-row-item-description {
        float: none;
        width: 100%
    }
    .csu-landing-row-item-no-image .csu-landing-row-item-icon-description {
        width: calc(100% - 76px)
    }
}

@media screen and (max-width:720px) {
    .csu-landing-row-2-up>.csu-landing-row-column,
    .csu-landing-row-3-up>.csu-landing-row-column,
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-column,
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-item {
        width: 100%
    }
    .csu-landing-row:not(.csu-landing-row-logos)>.csu-landing-row-column+.csu-landing-row-column,
    .csu-landing-row:not(.csu-landing-row-logos)>.csu-landing-row-item+.csu-landing-row-item,
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-column:nth-of-type(even),
    .csu-landing-row-4-up:not(.csu-landing-row-logos)>.csu-landing-row-item:nth-of-type(even) {
        margin: 40px 0 0
    }
    .csu-landing-row-item-code,
    .csu-landing-row:not(.csu-landing-row-logos) .csu-landing-row-item-image,
    .csu-landing-row-item-video,
    .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-code,
    .csu-landing-row-1-up .csu-landing-row-item-image,
    .csu-landing-row-1-up .csu-landing-row-item-video,
    .csu-landing-row-1-up .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-image-left {
        float: none;
        margin: 0 0 32px;
        width: 100%
    }
    .csu-landing-row-item-youtube,
    .csu-landing-row-1-up .csu-landing-row-item-youtube {
        padding-bottom: 56.25%
    }
    .csu-landing-row-1-up .csu-landing-row-item-custom-image,
    .csu-landing-row-2-up .csu-landing-row-item-custom-image,
    .csu-landing-row-3-up .csu-landing-row-item-custom-image {
        padding: calc((56.25% - 128px)/2) 0
    }
    .csu-landing-row-1-up .csu-landing-row-item-custom-image-icon,
    .csu-landing-row-2-up .csu-landing-row-item-custom-image-icon,
    .csu-landing-row-3-up .csu-landing-row-item-custom-image-icon {
        font-size: 128px;
        width: 128px
    }
    .csu-landing-row-logos>.csu-landing-row-column,
    .csu-landing-row-logos>.csu-landing-row-item {
        width: calc((100% - 40px)/2)
    }
    .csu-landing-row-logos>.csu-landing-row-column:nth-of-type(2),
    .csu-landing-row-logos>.csu-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
    }
    .csu-landing-row-logos>.csu-landing-row-column:nth-of-type(3),
    .csu-landing-row-logos>.csu-landing-row-item:nth-of-type(3) {
        margin: 40px 0 0
    }
    .csu-landing-row-logos>.csu-landing-row-column:nth-of-type(4),
    .csu-landing-row-logos>.csu-landing-row-item:nth-of-type(4) {
        margin: 40px 0 0 40px
    }
    .csu-landing-row-3-up.csu-landing-row-logos>.csu-landing-row-column,
    .csu-landing-row-3-up.csu-landing-row-logos>.csu-landing-row-item {
        width: calc((100% - 32px)/3)
    }
    .csu-landing-row-3-up.csu-landing-row-logos>.csu-landing-row-column+.csu-landing-row-column,
    .csu-landing-row-3-up.csu-landing-row-logos>.csu-landing-row-item+.csu-landing-row-item {
        margin: 0 0 0 16px
    }
    .csu-landing-row-logos .csu-landing-row-item-custom-image {
        margin: 0;
        padding: 0
    }
    .csu-landing-row-logos .csu-landing-row-item-custom-image-icon {
        width: 96px
    }
    .csu-landing-row-item-description:not(.csu-landing-row-item-icon-description),
    .csu-landing-row-1-up .csu-landing-row-item-description {
        float: none;
        margin: 0;
        width: 100%
    }
    .csu-landing-row .csu-landing-row-item-no-image {
        width: 100%
    }
    .csu-landing-row-item-no-image+.csu-landing-row-item-no-image,
    .csu-landing-row>.csu-landing-row-item-no-image+.csu-landing-row-item-no-image:nth-of-type(even) {
        margin: 40px 0 0
    }
    .csu-landing-row-cta .csu-landing-row-item-description {
        font: 400 16px/24px Roboto, sans-serif
    }
}

.fast-track-step {
    margin: 16px 0
}

.fast-track-left {
    float: left;
    margin-right: 40px;
    width: calc((100% - 40px)*.4)
}

.fast-track-right {
    background: #f7f7f7;
    float: right;
    text-align: center;
    width: calc((100% - 40px)*.6)
}

.fast-track-wide {
    width: calc(100% - 200px)
}

.fast-track-end {
    margin-top: 60px
}

@media screen and (max-width:1000px) {
    .fast-track-left,
    .fast-track-right,
    .fast-track-wide {
        float: none;
        width: 100%;
        margin: 16px 0
    }
}

.csu-search-courses {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 39px;
    margin-bottom: 40px
}

.csu-search-link,
.csu-search-term {
    font-weight: medium;
}

.csu-page-title .csu-search-term {
    color: #212121;
    font-weight: 500
}

aside+.csu-search-results,
.csu-search-results-restricted aside {
    margin-top: 40px
}

.csu-search-results-heading {
    line-height: 24px;
    margin: 40px 0 0
}

.csu-search-results-path {
    color: #0d904f;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.csu-search-results-path,
.csu-search-results-content {
    margin: 0
}

.csu-search-results-buttons {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 19px
}

.csu-search-results-buttons-next {
    float: right
}

.csu-search-loading-restricted {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 19px;
    text-align: center
}

.csu-support-form-hidden {
    display: none
}

.csu-support-form-field {
    margin: 8px 0
}

.csu-support-form-cc {
    color: #757575;
    display: block;
    font-size: 13px
}

.csu-support-form-half {
    display: inline-block;
    width: calc((100% - 20px)/2)
}

.csu-support-form-half:nth-of-type(odd) {
    margin-right: 20px
}

.csu-support-form-field>input:not([type="checkbox"]):not([type="radio"]),
.csu-support-form-field>select,
.csu-support-form-field>textarea {
    width: 100%
}

@media screen and (max-width:720px) {
    .csu-support-form-half {
        width: 100%
    }
}

.csu-back-to-top-link {
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0
}

.csu-back-to-top-link::before {
    content: 'arrow_upward'
}

.csu-courses-page .csu-back-to-top-link {
    display: inline
}

.csu-back-to-top-link:focus {
    background: #b3e5fc;
    text-decoration: none;
    transition: background .2s
}

@media screen and (max-width:1200px) {
    .csu-back-to-top-link {
        display: inline
    }
}

.csu-charts-table-hidden {
    display: none
}

.csu-charts-table-header-row {
    overflow: hidden;
    background-color: gainsboro
}

.csu-charts-table-header-row th {
    color: black
}

.csu-charts-table-header-row .sort-ascending {
    color: black
}

.csu-charts-table-header-row .sort-descending {
    color: black
}

.csu-charts-table-row {
    background-color: white
}

.sort-ascending span.csu-visual-table-sortind {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black
}

.sort-descending span.csu-visual-table-sortind {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black
}

.csu-snippets-button-wrapper {
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .2s
}

.csu-snippets-button {
    background: rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 3px;
    transition: background .2s
}

.csu-snippets-highlight .csu-snippets-button {
    background: rgba(204, 204, 204, .15)
}

td>pre:only-child>.csu-snippets-button {
    margin-top: 0
}

.csu-click-to-copy:hover>.csu-snippets-button-wrapper,
.csu-enable-open-in-jsfiddle:hover>.csu-snippets-button-wrapper,
pre:hover>.csu-snippets-button-wrapper {
    opacity: 1
}

.csu-snippets-button:hover {
    background: rgba(0, 0, 0, .54)
}

.csu-snippets-highlight .csu-snippets-button:hover {
    background: rgba(204, 204, 204, .3)
}

.csu-click-to-copy-button::before {
    content: 'content_copy'
}

.csu-snippets-highlight-button::before {
    content: 'hdr_strong'
}

.csu-snippets-highlight .csu-snippets-highlight-button::before {
    content: 'hdr_weak'
}


.csu-snippets-button-clone {
    position: absolute;
    left: -99999px
}

.csu-login-dialog {
    left: 50%;
    margin-left: -274px;
    top: 25%;
    width: 548px
}

.csu-login-dialog-selector {
    width: 100%
}

.csu-login-dialog-selector-region {
    margin-top: 20px
}

.csu-login-spinner-region {
    width: 28px;
    margin: 8px auto
}

.csu-login-spinner {
    height: 28px;
    overflow: hidden;
    -webkit-animation: cred-spin-rotate 1568.63ms infinite linear;
    width: 28px
}

.csu-login-spinner>div {
    -webkit-animation: cred-spin-revrot 5332ms infinite steps(4)
}

.csu-login-spinner>div>div {
    background-image: url('../images/credentials-spinner.svg');
    width: 11340px;
    height: 28px;
    -webkit-animation: cred-spin-film 5332ms infinite steps(324)
}

@keyframes cred-spin-film {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-11340px)
    }
}

@keyframes cred-spin-rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes cred-spin-revrot {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-360deg)
    }
}

.csu-easter-egg-err-background {
    background-color: #0404b4
}

.csu-easter-egg-err {
    color: #fff;
    font-family: "Droid Sans Mono", monospace;
    margin: 50px auto;
    max-width: 600px
}

.csu-feedback-dialog {
    left: 50%;
    margin-left: -200px;
    top: 25%;
    width: 400px
}

.csu-feedback-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 20px)/2)
}

.csu-feedback-item+.csu-feedback-item {
    margin-left: 20px
}

.csu-feedback-item-icon {
    color: #039be5;
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 12px auto;
    width: 48px
}

.csu-feedback-item-icon-container {
    background: #039be5;
    border-radius: 50%;
    display: block;
    height: 56px;
    margin: 8px auto;
    width: 56px
}

.csu-feedback-item-icon-white {
    color: #fff;
    font-size: 36px;
    height: 36px;
    margin: 10px;
    width: 36px
}

.csu-feedback-item-icon-docs::before {
    content: 'description'
}

.csu-feedback-dialog a {
    color: #039be5;
    cursor: pointer;
    outline: 0
}

.csu-feedback-support {
    margin-top: 20px;
    text-align: center
}

.csu-feedback-support img {
    vertical-align: middle
}

.csu-service-status-content aside {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 24px
}

.csu-service-status-content aside::before {
    float: none;
    margin-left: 0;
    margin-right: 24px
}

.csu-service-status-text {
    -ms-flex: 1;
    flex: 1
}

.csu-service-status-view:link {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.csu-service-status-view:link::after {
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    content: 'open_in_new';
    font-size: 18px;
    margin-left: 8px;
    text-transform: lowercase
}

.csu-multiple-choice {
    background: #fff;
    border-radius: 2px;
    margin: 16px 0
}

.csu-multiple-choice-question {
    background: #039be5;
    color: #fff;
    padding: 16px 24px
}

.csu-multiple-answer .csu-multiple-choice-explanation {
    background: #f7f7f7;
    font-size: 14px;
    padding: 16px 24px
}

.csu-multiple-choice-explanation-correctness {
    margin-top: 16px;
    text-align: center
}

.csu-multiple-choice .spec-control,
.csu-multiple-choice .spec-control:hover {
    display: inline;
    position: absolute;
    right: 24px;
    top: 16px
}

.csu-multiple-choice .expandable {
    border-bottom: 1px solid rgba(207, 216, 220, .87);
    color: #757575
}

.csu-multiple-choice .expandable .showalways {
    background: #f7f7f7;
    color: #212121;
    padding: 16px 60px 16px 24px
}

.csu-multiple-choice .expand-control::after {
    content: 'expand_more';
    height: 20px;
    margin: 2px 0;
    position: absolute;
    right: 2px;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

.csu-multiple-choice .spec-expanded::after {
    content: 'expand_less'
}

.csu-home-page .csu-notification-promo {
    bottom: 0;
    display: block;
    left: 0;
    top: initial;
    width: 200px
}

.csu-rating-container {
    float: right;
    height: 24px;
    margin: 0 0 32px 40px;
    overflow: visible;
    position: relative;
    width: 120px
}

.csu-rating-position-bottom {
    clear: both;
    float: none;
    margin: 16px 0 64px;
    width: auto
}

.csu-rating-star {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px
}

.csu-rating-caption {
    font-style: italic
}

.csu-rating-description {
    line-height: 22px;
    padding: 0 8px;
    right: 0;
    white-space: nowrap
}

.csu-rating-position-bottom .csu-rating-description {
    left: 0;
    right: auto
}

.csu-rating-star-outline::before {
    color: #bdbdbd;
    content: 'star_border'
}

.csu-rating-star-full::before {
    color: #f57c00;
    content: 'star'
}

.csu-rating-internal {
    color: #dd2c00;
    float: right;
    font-size: 10px;
    white-space: nowrap
}

.csu-rating-stats {
    color: #757575
}

@media screen and (max-width:720px) {
    .csu-rating-container {
        display: none
    }
}

.csu-embedded-youtube-video-placeholder span {
    color: #212121;
    padding: 8px;
    position: absolute
}

.csu-embedded-youtube-video-placeholder img {
    position: absolute
}

.csu-steps {
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.csu-steps-direction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -ms-flex-pack: center;
    justify-content: center
}

.csu-steps-previous {
    margin-left: 40px
}

.csu-steps-next {
    margin-right: 40px;
    text-align: right
}

.csu-steps-link:focus {
    text-decoration: none
}

.csu-steps-link-direction {
    color: #039be5;
    display: block;
    font-size: 14px
}

.csu-steps-link-title {
    color: #01579b;
    font-size: 18px;
    position: relative
}

.csu-steps-link:focus .csu-steps-link-title {
    border-bottom: 1px solid #01579b
}

.csu-steps-link-arrow {
    color: #039be5;
    height: 24px;
    position: absolute;
    width: 24px
}

.csu-steps-link-arrow-left {
    left: -40px
}

.csu-steps-link-arrow-right {
    right: -40px
}

@media screen and (max-width:1000px) {
    .csu-steps-link-title {
        font-size: 14px
    }
    .csu-steps-previous {
        margin-left: 24px
    }
    .csu-steps-link-arrow-left {
        left: -24px
    }
    .csu-steps-next {
        margin-right: 24px
    }
    .csu-steps-link-arrow-right {
        right: -24px
    }
    .csu-steps-link-arrow {
        height: 16px;
        font-size: 16px;
        top: 0;
        width: 16px
    }
}

@media screen and (max-width:720px) {
    .csu-steps {
        margin: 8px -8px 24px
    }
    .csu-steps-direction {
        margin: 0 8px
    }
    .csu-steps-link-arrow {
        display: none
    }
}

.csu-toast {
    bottom: auto!important;
    position: fixed;
    right: 24px;
    top: 56px;
    z-index: 10018
}

.csu-toast-content {
    background: #323232;
    border-radius: 2px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font: 14px/24px Roboto;
    max-width: 568px;
    min-width: 288px;
    padding: 16px 24px
}

.csu-toast-content-span {
    display: inline-block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.csu-toast-caution,
.csu-toast-error,
.csu-toast-success {
    padding-left: 40px
}

.csu-toast-caution::before,
.csu-toast-error::before,
.csu-toast-success::before {
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -40px;
    position: absolute
}

.csu-toast-caution::before {
    color: #f4b400;
    content: 'error'
}

.csu-toast-error::before {
    color: #ff5252;
    content: 'warning'
}

.csu-toast-success::before {
    color: #00bfa5;
    content: 'check_circle'
}

.csu-toast-buttons {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 48px
}

.csu-toast-action {
    margin: -6px 0
}

.csu-toast-dismiss {
    color: #bdbdbd;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    min-width: 24px;
    padding: 0;
    text-transform: none
}

.csu-toast-dismiss:focus,
.csu-toast-dismiss:hover,
.csu-toast-dismiss:active {
    color: #fff
}

.csu-toast-dismiss::before {
    content: 'close'
}

@media screen and (max-width:720px) {
    .csu-toast {
        max-width: calc(100% - 32px);
        right: 16px
    }
}

.csu-spex {
    background: #f7f7f7
}

.csu-spex-error {
    padding: 32px
}

@media screen and (min-width:1201px) {
    .csu-spex {
        bottom: 0;
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
        display: none;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 96px;
        width: 400px;
        z-index: 10001
    }
    .csu-has-spex .csu-spex {
        display: block
    }
    .csu-show-spex {
        margin: 12px 0 8px 12px
    }
    .csu-hide-spex {
        color: #212121;
        position: absolute;
        right: 8px;
        top: 24px;
        z-index: 10001
    }
    .csu-hide-spex::before {
        content: 'close'
    }
}

@media screen and (min-width:1401px) {
    .csu-spex {
        width: calc((100% - 1400px)/2 + 400px)
    }
}

@media screen and (max-width:1200px) {
    .csu-spex {
        margin-top: 32px;
        max-height: none!important;
        position: relative
    }
    .csu-spex {
        display: block
    }
    .csu-hide-spex {
        display: none
    }
}

.expandable {
    position: relative
}

.expand-control:not(button):not(.button) {
    color: #039be5;
    cursor: pointer
}

.spec-control+.showalways {
    line-height: 24px;
    padding-left: 40px
}

a.spec-control,
a.spec-control:hover {
    background: #757575;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 20px;
    margin: 2px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

a.spec-control::before {
    color: #fff;
    content: 'expand_more';
    position: relative;
    right: 2px;
    top: -2px
}

a.spec-control.spec-expanded::before {
    content: 'expand_less'
}

.treelist li {
    list-style-type: none
}

.feed.rendered>article {
    display: block
}

.feed>article {
    display: none;
    margin: 40px 0
}

.feed header {
    font: 500 18px/32px Roboto, sans-serif
}

.csu-tabbed-horz,
.csu-tabbed-vert,
.ui-datasection-main {
    background: #fff;
    border: 1px solid #ebebeb;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0
}

.csu-buttonbar {
    border-bottom: 1px solid #ebebeb;
    height: 48px;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.csu-tabbutton {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/43px Roboto, sans-serif;
    height: 47px;
    max-width: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0 24px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: color .2s, border-bottom .2s;
    white-space: nowrap
}

.csu-tabbutton[value="curl"],
.csu-tabbutton[value="ios"] {
    text-transform: none
}

.csu-tabbutton>.two-line-tab {
    -webkit-box-orient: vertical;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 43px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal
}

.csu-overflow-menu .csu-tabbutton {
    display: block;
    overflow-x: visible
}

.csu-overflow-menu .csu-tabbutton:hover {
    background: #f7f7f7
}

.csu-overflow-menu-button {
    padding-right: 28px;
    position: absolute;
    right: 0
}

.csu-overflow-menu-button::before {
    color: #757575;
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 12px
}

.csu-overflow-menu {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    max-height: 272px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute
}

.csu-tabbutton.selected {
    border-bottom-color: #039be5;
    color: #039be5
}

.csu-tabbed-horz>article,
.csu-tabbed-vert>article,
.ui-datasection-main>section {
    padding: 7px
}

.csu-tabbed-vert>article {
    margin: 0!important
}

.csu-buttonbar~:not(.selected) {
    display: none
}

.csu-tabbed-horz>article>pre,
.csu-tabbed-vert>article>pre,
.ui-datasection-main>section>pre {
    background: #f7f7f7;
    margin: 8px -7px;
    padding: 8px 7px
}

.csu-snippets-highlight .csu-tabbed-horz>article>pre,
.csu-snippets-highlight .csu-tabbed-vert>article>pre,
.csu-snippets-highlight .ui-datasection-main>section>pre {
    background: #212121
}

.csu-tabbed-horz>article>p+pre,
.csu-tabbed-vert>article>p+pre,
.ui-datasection-main>section>p+pre {
    margin-top: -8px
}

.csu-tabbed-horz>article>pre+p,
.csu-tabbed-vert>article>pre+p,
.ui-datasection-main>section>pre+p {
    margin-top: 0
}

.csu-tabbed-horz>article>:first-child,
.csu-tabbed-vert>article>:first-child,
.ui-datasection-main>section>:first-child {
    margin-top: 0
}

.csu-tabbed-horz>article>pre:first-child,
.csu-tabbed-vert>article>pre:first-child,
.ui-datasection-main>section>pre:first-child {
    margin-top: -7px;
    padding-top: 7px
}

.ui-datasection-main>section>h3:first-child+p:empty {
    display: none
}

.csu-tabbed-horz>article>:last-child,
.csu-tabbed-vert>article>:last-child,
.ui-datasection-main>section>:last-child {
    margin-bottom: 0
}

.csu-tabbed-horz>article>pre:last-child,
.csu-tabbed-vert>article>pre:last-child,
.ui-datasection-main>section>pre:last-child {
    margin-bottom: -7px;
    padding-bottom: 7px
}

.ui-datasection-main>section>p:last-child:empty {
    margin-bottom: -15px
}

@media screen and (max-width:720px) {
    .csu-tabbutton {
        padding: 0 12px
    }
    .csu-overflow-menu-button {
        padding-right: 28px
    }
}

.csu-overflow-tabs-scroll-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.csu-doc-set-nav-row .csu-overflow-tabs-scroll-wrapper {
    padding-right: 24px
}

.csu-overflow-tabs-scroll {
    left: 0;
    position: relative;
    transition: left .2s;
    width: 100%
}

.csu-overflow-tabs-scroll .csu-feedback-button {
    position: absolute;
    right: 0;
    margin: 6px -8px 6px 0
}

.csu-overflow-tabs-scroll-button,
.csu-overflow-tabs-scroll-button:focus,
.csu-overflow-tabs-scroll-button:hover,
.csu-overflow-tabs-scroll-button:active {
    background: #039be5;
    border-radius: 0;
    height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.csu-header-no-upper-tabs .csu-overflow-tabs-scroll-button,
.csu-header-no-upper-tabs .csu-overflow-tabs-scroll-button:focus,
.csu-header-no-upper-tabs .csu-overflow-tabs-scroll-button:hover,
.csu-header-no-upper-tabs .csu-overflow-tabs-scroll-button:active {
  background: #039be5
}

.csu-top-logo-row .csu-overflow-tabs-scroll-button,
.csu-top-logo-row .csu-overflow-tabs-scroll-button:focus,
.csu-top-logo-row .csu-overflow-tabs-scroll-button:hover,
.csu-top-logo-row .csu-overflow-tabs-scroll-button:active {
  background: #fff
}

.csu-overflow-tabs-scroll-button::before {
    content: 'chevron_right'
}

.csu-overflow-tabs-scroll-button.csu-scroll-back {
    left: 0
}

.csu-overflow-tabs-scroll-button.csu-scroll-back::before {
    content: 'chevron_left'
}

@media screen and (max-width:720px) {
  .csu-overflow-tabs-scroll-wrapper {
    padding-right: 16px
  }
}

/*printing preferences*/
@media print {
    body,
    html,
    :link,
    :visited,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    code,
    pre,
    h1 code,
    h2 code,
    h3 code,
    h4 code,
    h5 code,
    h6 code,
    pre .com,
    pre .lit,
    pre .dec,
    pre .kwd,
    pre .tag,
    pre .str,
    pre .atv,
    pre .typ,
    pre .atn,
    a code,
    a .atv,
    a .atn,
    a .com,
    a .dec,
    a .kwd,
    a .lit,
    a .str,
    a .tag,
    a .typ,
    .prettyprint a,
    var,
    aside,
    aside:link,
    aside:visited,
    th,
    th code,
    td,
    td code,
    th:link,
    th:visited,
    .caution,
    .caution a,
    .csu-banner,
    .csu-banner a,
    .impression,
    .impression a,
    .glossary-terms,
    .glossary-terms a,
    .note,
    .note a,
    .space-invader,
    .space-invader a,
    .special,
    .special a,
    .success,
    .success a,
    .warning,
    .warning a,
    #courses-explorer{
        color: #000;
        padding-left: 0;
        padding-right: 0
    }
    :link,
    :visited {
        text-decoration: underline
    }
    .csu-top-section,
    .csu-nav-responsive,
    .csu-section-nav,
    .csu-section-nav-responsive,
    .csu-page-nav,
    .csu-page-embedded,
    .csu-rating-container,
    .csu-googler-buttons,
    .csu-googler-buttons-show,
    .csu-footer,
    .csu-site-footer,
    .csu-utility-footer,
    .csu-footer-linkboxes {
        display: none
    }
    .csu-main-content,
    .csu-landing-page .csu-main-content,
    .csu-article {
        margin: 0!important;
        max-width: none;
        padding: 0;
        width: auto
    }
    .csu-banner {
        margin-top: 0
    }
    .attempt-left,
    .attempt-right,
    .video-wrapper {
        float: none;
        margin: 16px 0
    }
    .csu-main-content a[href]::after {
        content: "\0000a0(" attr(href) ")";
        display: inline-block;
        font: 14px/20px Roboto, sans-serif;
        max-width: 100%;
        word-wrap: break-word
    }
}

@page {
    margin: 0.75in
}