@charset "UTF-8";

body {
    color: #000000;
    font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* accessibility utilities */
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* text utilities */
.nowrap {
    white-space: nowrap;
}

/* Useful for c-list when c-list does not indent. */
.with-left-margin{
    margin-left:20px;
}
.msame_Header_name
{
    cursor: pointer;
}

/*CSS override due to MWF bug*/
.shell-search input, .shell-search input[type="search"] {
    box-sizing: inherit;
}
.c-universal-footer {
    margin-top: 0px;
}

.c-select-menu.f-persist.f-border, .c-select-menu.f-persist.f-border button {
    width: 100%;
}

.c-paragraph-3, .c-paragraph-4, .type-p3, .type-p4, p {
    padding: 24px 0 0;
    font-weight: 400;
}

.c-paragraph-3, .c-paragraph-4, .c-subheading-5, .c-subheading-6, .type-p3, .type-p4, .type-sh5, .type-sh6, p {
    font-size: 15px;
    line-height: 20px;
}

[class^="c-paragraph"] a.c-hyperlink, [class^="c-caption"] a.c-hyperlink {
    text-decoration: none;
}
/*End CSS override due to MWF bug*/

/* Some hyperlinked images need to display focus on winner pages. */
a.f-focus-image:focus img:not(x-hidden-focus),
a.f-focus-image:hover img:not(x-hidden-focus) {
     outline:5px solid black; 
     outline-offset: -5px;  
     opacity: 0.9;
}

a.c-hyperlink,
a.c-hyperlink:hover,
a.c-hyperlink:visited {
    color: #0067B8;
}

a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), a.c-hyperlink:not(.f-image):hover {
    color: #00008B;
    text-decoration: underline;
}

a.c-action-trigger,
button.c-action-trigger {
    color: #0067B8;
}

button.c-action-trigger:focus:not(.x-hidden-focus), button.c-action-trigger:hover, a.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:hover {
    color: #00008B;
    text-decoration: underline;
}

.student-profile__link a.c-action-trigger.c-glyph:before,
.student-profile__link button.c-action-trigger.c-glyph:before {
    margin-left: 0;
}

.c-pagination li.active > a,
.c-pagination li.active > span,
.c-pagination li.f-active > a,
.c-pagination li.f-active > span,
.pagination li.active > a,
.pagination li.active > span,
.pagination li.f-active > a,
.pagination li.f-active > span {
    outline-color: #0067B8;
}

input.c-button {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    color: #000;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    margin-top: 12px;
    max-width: 374px;
    min-width: 120px;
    outline: 1px dashed transparent;
    overflow: hidden;
    padding: 9px 12px 10px;
    text-align: center;
    vertical-align: bottom;
    white-space: nowrap;
}

.btn.btn-primary,
button.c-button[type=submit] {
    background-color: #0067B8;
    color: white;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
button.c-button[type=submit]:hover,
button.c-button[type=submit]:focus
{
    background-color: #005DA6 !important;
}

.btn.btn-primary:active,
button.c-button[type=submit]:active {
    background-color: #005DA6;
}

/* Fix the really dumb padding changes that happen when m- is the first class in the class list for elements.*/
[class^=m-]:not(.m-media-gallery ):not(.m-iframe ):not(.m-video ) {
    padding: inherit;
}

/*a.c-call-to-action {
    background-color: #5d2e8f;
}*/

/* missing multi-feature bugfixes that are present in 1.26 but not 1.22 */
.m-multi-feature [role=tablist] li {
    flex: 1; 
}

.m-multi-feature > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.m-multi-feature.f-align-left > section > div.c-carousel, .m-multi-feature.f-align-right > section > div.c-carousel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.m-multi-feature.f-align-left > section > div:first-child, .m-multi-feature.f-align-right > section > div:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.m-multi-feature.f-align-right > section > div {
    padding: 0;
}

.context-msia a.c-call-to-action {
    margin-right: 12px;
}

a.c-call-to-action:hover,
a.c-call-to-action:focus {
    background-color: #763ab6;
}

a.c-call-to-action:active {
    background-color: #442268;
}

.c-content-placement a.c-call-to-action {
    color: #0067B8;
}

.c-content-placement.context-compete .c-heading-4 {
    padding-top: 10px;
}

.c-content-placement.context-compete .c-paragraph {
    padding-top: 20px;
    overflow: visible;
    max-height: 100%;
}

.c-content-placement.context-compete .c-subheading-4 {
    padding: 0;
}

.c-content-placement.f-content-placement {
    margin-top: 20px;
}

    .c-content-placement.f-content-placement .c-subheading-3:first-of-type {
        padding: 0;
    }

.m-required {
    color: red;
}

/*.c-textarea textarea:active,
.c-textarea textarea:focus,
input.form-control:active,
input.form-control:focus,
input.c-text-field[type="text"]:active,
input.c-text-field[type="text"]:focus,
input.c-password[type="password"]:focus,
input.c-password[type="password"]:active {
    border-color: #5d2e8f;
}

.c-checkbox input[type=checkbox]:checked:not(:disabled) + span:before,
.checkbox input[type=checkbox]:checked:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 10px #5d2e8f;
}

.c-checkbox input[type=checkbox]:checked:not(:disabled):focus + span:before,
.c-checkbox input[type=checkbox]:checked:not(:disabled):hover + span:before,
.checkbox input[type=checkbox]:checked:not(:disabled):focus + span:before,
.checkbox input[type=checkbox]:checked:not(:disabled):hover + span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 10px #5d2e8f;
}

.c-checkbox input[type=checkbox]:indeterminate:not(:disabled) + span:before,
.checkbox input[type=checkbox]:indeterminate:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 1px #5d2e8f;
}*/

.c-checkbox input[type=checkbox]:checked:disabled + span:after,
.checkbox input[type=checkbox]:checked:disabled + span:after {
    box-shadow: inset 0 0 0 1px rgba(0, 93, 166, 0.5), inset 0 0 0 10px rgba(0, 103, 184, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.c-checkbox input[type=checkbox]:checked + span:after {
    top: 0;
}

.f-checkbox__span {
    width: 97%;
    clear: both;
}

/*.c-radio input[type=radio]:checked:not(:disabled) + span:before,
.radio input[type=radio]:checked:not(:disabled) + span:before {
    border-color: #5d2e8f;
}

.dropdown-menu > li a[role="menuitemradio"][aria-checked="true"],
.dropdown-menu > li span[role="menuitemradio"][aria-checked="true"],
.c-menu-item a[role="menuitemradio"][aria-checked="true"],
.c-menu-item span[role="menuitemradio"][aria-checked="true"] {
    background: #5d2e8f;
}

.c-slider div button,
.c-slider div > span {
    background-color: #5d2e8f;
}*/

    .c-slider div button:active {
        background-color: #12091b;
    }

/*div.c-toggle button[aria-checked=true] {
    background: #5d2e8f;
    border-color: #5d2e8f;
}*/

    div.c-toggle button[aria-checked=true]:hover {
        background: rgba(93, 46, 143, 0.8);
        border-color: rgba(93, 46, 143, 0.8);
    }

.f-text-field {
    display: inline;
    width: 100%;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 9px 10px;
    /*  outline: 0; */
    background-color: #fff;
}

.f-text-field[readonly], .f-text-field[disabled] {
    background-color: rgb(230, 230, 230);
}

.f-textarea {
    resize: none;
    overflow-y: scroll;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.6);
   /* outline: 0;*/
    color: #000;
}

.f-label {
    font-size: 13px;
    display: inline;
    margin-top: 21px;
    padding-bottom: 7px;
    line-height: 20px;
}

.m-textarea textarea {
    width: 100%;
}

.msia-divider:after {
    content: "|";
    color: #000;
    padding-left: .5em;
    padding-right: .25em;
}

.m-wideinput {
    display: inline-block;
}

    .m-wideinput input,
    .m-wideinput button.c-button {
        margin-top: 7px;
        width: 100%;
    }

.context-wide-file {
    margin-top: -3px;
    padding-top: 0;
    margin-left: 24px;
}

.context-wide-file-label {
    padding-bottom: 7px;
    margin-left: 24px;
}

.context-wide-file-label-left-align {
    margin-left: 0;
    padding-bottom: 7px;
}

.context-wide-file .c-button {
    display: inline;
}

.context-wide-file input.input-upload[type=text],
.context-wide-file .c-button {
    margin-top: 0;
}



.m-file {
    margin-top: 0;
}

.f-hidden {
    display: none;
}

.context-msia .social-form input.c-text-field[type=text],
.context-msia .social-form p {
    display: inline;
    margin-bottom: 12px;
}

.f-form-buttons {
    margin-top: 30px;
}

.f-combo div ul {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.f-menu.c-menu {
    width: 98%;
    min-width: 98%;
    max-width: 98%;
    border: 1px solid rgba(0, 0, 0, 0.6);
}

@media(max-width:1549px) {
    .f-checkbox__span {
        width: 95%;
    }
}

@media(max-width:1272px) {
    .f-checkbox__span {
        width: 90%;
    }
}

@media(max-width:767px) {
    .f-checkbox__span {
        width: 95%;
    }

    .context-wide-file {
        margin-left: 0;
    }

    .context-wide-file-label {
        margin-left: 0;
    }
}

@media(max-width:631px) {
    .f-checkbox__span {
        width: 90%;
    }
}

@media(max-width:350px) {
    .f-checkbox__span {
        width: 85%;
    }
}

[data-grid~="shuffle-right"] {
    float: right;
}

@media screen and (max-width:539px) {
    [data-grid~="shuffle-right"] {
        float: none;
    }
}

@media(max-width:767px) {
    .c-hero > div > div h1 {
        padding-top: 15px;
    }
}

/*.c-histogram .rating-star-bars a > div > div,
.c-histogram > ul a > div > div,
.histogram .rating-star-bars a > div > div,
.histogram > ul a > div > div {
    background-color: #5d2e8f;
}

.c-mosaic-placement.f-background-accent {
    background-color: #5d2e8f;
}*/

.m-pivot .c-pivot header {
    flex-wrap: wrap;
}

@media only screen and (max-width:350px) {
    .m-pivot .c-pivot header a {
        font-size: 16px;
    }
}

.f-alert.c-alert[role=alert] {
    margin-top: 5px;
}

.hat-stub {
    background-color: #fff;
}

.shell-header-brand {
    line-height: 48px;
}

    .shell-header-brand img {
        max-height: 23px;
    }

/*.nav-stub {
    background-color: #5d2e8f;
    color: #fff;
}*/

.nav-list-inline {
    padding: 1em 0;
}

.footer-stub {
    margin-top: 5.625rem;
}

.footer-stub__hat {
    background-color: #929497;
}

.footer-stub__item {
    line-height: 3em;
}

.m-card {
    padding-bottom: 0;
}

.m-card__heading {
    background-color: #5d2e8f;
    color: #fff;
    padding: 0 0 0 12px;
    height: 44px;
    line-height: 44px;
    font-weight:normal;
}

.m-card__heading--training {
    background-color: #00A611;
}

.m-card__heading--services {
    background-color: #1180ff;
}

.m-card__heading--operating_systems {
    background-color: #737373;
}

.m-card__heading--tools {
    background-color: #B4009E;
}

.m-card__heading--github {
    background-color: #6cc644;
}

.m-card__heading--kinect {
    background-color: #6945c1;
}

.m-card__heading--kodu {
    background-color: #48c1db;
}

.m-card__heading--microsoft {
    background-color: #727272;
}

.m-card__heading--small-basic {
    background-color: #ef5a56;
}

.m-card__heading--visual-studio {
    background-color: #67207f;
}

.m-card__heading--windows {
    background-color: #00a9f1;
}

.m-card__heading--windows-store {
    background-color: #3ab034;
}

.m-card__heading--tamarin {
    background-color: #287fbb;
}

.m-card__heading--xna {
    background-color: #f27a23;
}

.c-content-placement.context-card {
    min-height: 202px;
}

@media screen and (max-width:539px) {
    .c-content-placement.context-card {
        min-height: 0;
        margin-top: 24px;
    }
}

.context-msia .page-wrapper {
    margin-bottom: 90px;
}

.context-msia hr.c-divider {
    margin: 45px 0 4px;
}

.context-msia .c-content-placement img {
    max-width: 100%;
    width: 100%;
    object-fit: fill;
}

[class*=m-abbr-][title] {
    border-bottom: 0;
}

[class*=m-abbr-] span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

[class*=m-abbr-]::before {
    display: inline;
    content: attr(title);
}

@media(max-width:440px) {
    .m-abbr-xs[title] {
        border-bottom: 1px dotted;
    }

    .m-abbr-xs span {
        display: inline;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .m-abbr-xs::before {
        display: none;
    }
}

@media(min-width:441px) and (max-width:500px) {
    .m-abbr-sm[title] {
        border-bottom: 1px dotted;
    }

    .m-abbr-sm span {
        display: inline;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .m-abbr-sm::before {
        display: none;
    }
}

@media(min-width:501px) and (max-width:631px) {
    .m-abbr-md[title] {
        border-bottom: 1px dotted;
    }

    .m-abbr-md span {
        display: inline;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .m-abbr-md::before {
        display: none;
    }
}

@media(min-width:632px) and (max-width:767px) {
    .m-abbr-lg[title] {
        border-bottom: 1px dotted;
    }

    .m-abbr-lg span {
        display: inline;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .m-abbr-lg::before {
        display: none;
    }
}

@media(min-width:768px) {
    .m-abbr-xl[title] {
        border-bottom: 1px dotted;
    }

    .m-abbr-xl span {
        display: inline;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .m-abbr-xl::before {
        display: none;
    }
}

.m-feature-grid {
    margin-top: 36px;
}

.m-feature-grid__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #929497;
}

.m-feature-grid__col {
    padding: 12px;
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.m-feature-grid__col--indicator {
    width: 16.667%;
    min-width: 16.667%;
    flex-basis: auto;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    text-align: center;
}

@media(max-width:400px) {
    .m-feature-grid__col--indicator {
        padding: 12px 6px;
    }
}

.m-feature-grid__col--indicator:last-child {
    border-left: 1px solid #727272;
}

.m-feature-grid__header .m-feature-grid__col--indicator:last-child {
    border: 0;
}

    .m-feature-grid__header .m-feature-grid__col--indicator:last-child::before {
        content: "";
        position: absolute;
        display: block;
        width: 1px;
        height: 80%;
        background-color: #fff;
        left: 0;
        top: 10%;
    }

.m-feature-grid__header {
    background-color: #727272;
    color: #fff;
    border: 0;
}

.m-feature-grid__indicator {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    padding-left: 1em;
}

/*.m-feature-grid__indicator--true {
    background-color: #5d2e8f;
}*/

.m-feature-grid__indicator--false {
    height: 0;
    width: 0;
}

.f-gray {
    color: #747577;
}

.f-block {
    display: block !important;
}

.f-inline {
    display: inline;

}
.f-initial {
    display: inline;
}

.f-float-right {
    float: right;
    width: 40%;
}

.f-float-left {
    float: left;
    width: 40%;
}

.f-list-indented li {
    margin-left: 36px;
}

.f-type-right {
    text-align: right;
}

.f-invite-box {
    border: 1px solid #5d2e8f;
    padding: 20px;
}

    .f-invite-box .c-caption-1 {
        padding: 0;
    }

    .f-invite-box .c-subheading-3 {
        padding: 10px 0 0;
    }

    .f-invite-box .c-subheading-5 {
        padding: 12px 0 0;
    }

@media(max-width:539px) {
    .f-type-right {
        text-align: left;
    }
}

.m-drawer {
    width: 100%;
    min-height: 2.5rem;
    border: 1px solid transparent;
    text-align: left;
    display: inline-block;
    outline: transparent dashed 1px;
}

.m-drawer:focus {
    outline: black dashed 1px;
}

.m-drawer__header {
    background-color: #929497;
    color: #fff;
    padding-left: .75em;
}

.m-drawer__item {
    background-color: #e5e5e5;
    padding: .15em;
    margin-top: 12px;
}

    .m-drawer__item:hover {
        background-color: #ccc;
    }

    .m-drawer__item:active {
        background-color: #929497;
    }

.m-drawer__item--sub {
    padding-left: 36px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 0;
}

    .m-drawer__item--sub + div > .c-paragraph {
        padding: .15em .15em .15em 88px;
        border-bottom: 1px solid #e5e5e5;
        line-height: 40px;
    }

    .m-drawer__item--sub:last-of-type:not(.toggle-on) {
        border: 0;
    }

    .m-drawer__item--sub:last-of-type + div > .c-paragraph:last-of-type {
        border: 0;
    }

.m-drawer-item__question {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .m-drawer-item__question::before {
        content: "\E710";
        font-family: "MWF-MDL2";
        margin: .15em .75em;
        font-size: 18px;
        display: inline-block;
    }

.toggle-on .m-drawer-item__question::before {
    content: "\E738";
}

.m-drawer__answer {
    padding-left: 52px;
}

.m-drawer__item + .m-drawer__answer {
    margin-top: 20px;
}

.m-drawer__answer:last-child {
    margin-bottom: 30px;
}

@media(max-width:708px) {
    .m-drawer__item .m-drawer-item__question {
        width: 90%;
    }
}

@media(max-width:506px) {
    .m-drawer__item .m-drawer-item__question {
        width: 85%;
    }
}

@media(max-width:347px) {
    .m-drawer__item .m-drawer-item__question {
        width: 75%;
    }
}

.toggle-hide {
    display: none;
}

.toggle-visible {
    display: block;
}

.m-filter {
    margin-top: 36px;
}

.m-filter__header {
    padding: 0 24px;
}

@media screen and (min-width:540px) {
    .m-filter__header {
        padding-left: calc(25% + 24px);
    }

        .m-filter__header a:last-child {
            padding-left: 24px;
        }
}

.m-filter__filter-menu {
    margin-top: 24px;
}

@media screen and (min-width:540px) {
    .m-filter__filter-menu {
        margin-top: 48px;
    }
}

@media screen and (max-width:539px) {
    .m-filter-bank {
        height: 0;
        overflow: hidden;
    }

    .m-filter-bank--toggle {
        height: initial;
    }
}

.m-filter-bank__mobile-toggle {
    background: #e5e5e5;
    border: 0;
    text-align: left;
    padding: 0 12px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    position: relative;
    display: none;
}

    .m-filter-bank__mobile-toggle::after {
        font-family: "MWF-MDL2";
        content: "\E96E";
        display: inline-block;
        font-size: .8em;
        vertical-align: middle;
        margin-left: 6px;
    }

    .m-filter-bank__mobile-toggle[aria-pressed="true"]::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .m-filter-bank__mobile-toggle:hover,
    .m-filter-bank__mobile-toggle:focus,
    .m-filter-bank__mobile-toggle.current {
   /*    outline: 0; */ 
        background-color: #e5e5e5;
    }

@media screen and (max-width:539px) {
    .m-filter-bank__mobile-toggle {
        display: block;
    }
}

.m-filter-bank__control {
    background: transparent;
    border: 0;
    text-align: left;
    padding: 0 12px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    position: relative;
}

@media screen and (max-width:539px) {
    .m-filter-bank__control {
        background: #e5e5e5;
    }
}

.m-filter-bank__control[aria-checked="true"] {
    background-color: #e5e5e5;
    font-weight: 600;
}

    .m-filter-bank__control[aria-checked="true"]::after {
        font-family: "MWF-MDL2";
        content: "\E894";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        display: inline-block;
        width: 44px;
        font-size: 13px;
        text-align: center;
    }

.m-filter-bank__control:hover {
    background-color: #e5e5e5;
}

.m-filter-bank__control:focus {
  /*  outline: 0; */ 
    border: dashed 1px;
    line-height: 42px;
}

.m-filter-bank__control:active {
    background-color: #929497;
}

.submitted input:invalid,
.submitted input:out-of-range,
.submitted select:invalid,
.submitted select:out-of-range,
.submitted textarea:invalid,
.submitted textarea:out-of-range,
.submitted input:invalid,
.submitted input:out-of-range {
    border-color: red;
}

    .submitted input:invalid[type=file] + input,
    .submitted input:out-of-range[type=file] + input,
    .submitted select:invalid[type=file] + input,
    .submitted select:out-of-range[type=file] + input,
    .submitted textarea:invalid[type=file] + input,
    .submitted textarea:out-of-range[type=file] + input,
    .submitted input:invalid[type=file] + input,
    .submitted input:out-of-range[type=file] + input {
        border-color: red;
    }

.c-content-placement.context-leadimage {
    padding-top: 36px;
    margin-top: 0;
}

    .c-content-placement.context-leadimage img {
        width: 100%;
        max-width: 100%;
    }

        .c-content-placement.context-leadimage img:first-child {
            margin: 4px 0 3px;
        }

.context-leadelement {
    padding-top: 36px;
}

    .context-leadelement:first-child {
        padding-top: 0;
    }

.m-media {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 1em;
    padding: 12px;
}

.m-media-figure {
    margin-right: 1em;
}

.m-media-body {
    -webkit-box-flex: 1;
    flex: 1;
}

    .m-media-body:first-child:not(.c-call-to-action) {
        padding-top: 0;
    }

    .m-media-body,
    .m-media-body:last-child {
        margin-bottom: 0;
    }

.x-bg-azure {
    margin-top: 60px;
    padding: 16px 12px;
    display: block;
    background-color: #006cc2;
    color: #fff;
}

    .x-bg-azure p {
        padding: 10px 0;
    }

    .x-bg-azure a.c-call-to-action {
        background-color: #fff;
        color: #000;
    }

.m-table {
    margin-top: 36px;
}

    .m-table tr.f-bottomborder {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

        .m-table tr.f-bottomborder:last-of-type {
            border-bottom: 0;
        }

    .m-table td.f-rightborder {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

        .m-table td.f-rightborder:last-of-type {
            border-right: 0;
        }

.m-tableheading {
    background-color: #727272;
}

    .m-tableheading th {
        padding: 0;
    }

        .m-tableheading th .c-paragraph {
            padding: 10px 0 10px 12px;
            color: #fff;
        }

.m-tablesubheading {
    background-color: #e5e5e5;
}

.m-table-divider {
    border-right: 1px solid #fff;
    padding: 0;
}

.context-topalign > [data-grid] > :first-child:not(.c-content-placement) {
    padding-top: 0;
}

.context-topalign > [data-grid] > :first-child {
    margin-top: 36px;
    padding-top: 0;
}

.context-topalign .m-media:first-child {
    padding-top: 0;
}

.f-hide {
    display: none;
}

@media(max-width:440px) {
    .f-hide-xs {
        display: none !important;
    }
}

@media(min-width:441px) and (max-width:500px) {
    .f-hide-sm {
        display: none;
    }
}

@media(min-width:501px) and (max-width:631px) {
    .f-hide-md {
        display: none;
    }
}

@media(min-width:632px) and (max-width:767px) {
    .f-hide-lg {
        display: none;
    }
}

@media(min-width:768px) and (max-width:960px) {
    .f-hide-xl {
        display: none;
    }
}

@media(min-width:961px) {
    .f-hide-xxl {
        display: none;
    }
}

[class*=f-show-] {
    display: none;
}

.f-show {
    display: inherit;
}

@media(max-width:440px) {
    .f-show-xs {
        display: inherit;
    }
}

@media(min-width:441px) and (max-width:500px) {
    .f-show-sm {
        display: inherit;
    }
}

@media(min-width:501px) and (max-width:631px) {
    .f-show-md {
        display: inherit;
    }
}

@media(min-width:632px) and (max-width:767px) {
    .f-show-lg {
        display: inherit;
    }
}

@media(min-width:768px) and (max-width:960px) {
    .f-show-xl {
        display: inherit;
    }
}

@media(min-width:961px) {
    .f-show-xxl {
        display: inherit;
    }
}

.m-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.m-video--4-3 {
    padding-bottom: 75%;
}

.m-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.f-square {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    background-color: #fff;
}

.c-badge.f-badge-easy,
.f-badge-easy {
    color: #000;
    background-color: #ffd800;
}

.c-badge.f-badge-medium,
.f-badge-medium {
    color: #000;
    background-color: #f9bc3a;
}

.c-badge.f-badge-hard,
.f-badge-hard {
    color: #000;
    background-color: #f95555;
}

.skill-level-color .c-menu-item a {
    background: 0;
    display: inline-block;
    padding: 5px 12px 12px;
}

.skill-level-color .c-menu {
    border: 0;
    margin: 0;
    z-index: 999;
    width: 150px;
}

.skill-level-color .c-select-menu {
    margin-left: 12px;
}

.skill-level-color .c-badge {
    z-index: 99;
    position: absolute;
}

.skill-level-color .c-in-page-navigation {
    border: 0;
}

@media(max-width:767px) {
    .skill-level-color .c-menu {
        width: 100%;
        display: block;
        padding-bottom: 1em;
    }

    

    .skill-level-color__dropdown {
        background-color: #e5e5e5;
        width: 100%;
    }

    .skill-level-color .c-menu-item a {
        width: 100vw;
        background-color: #fff;
        display: block;
        padding-left: 30px;
    }
}

.context-monthlywinner p {
    padding: 0;
}

@media only screen and (min-width:1084px) {
    .blog-2column-fix .col-md-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.catalog-download__details p:nth-of-type(1) {
    padding-top: 36px;
}

.catalog-download__details p:nth-of-type(2) {
    padding-top: 0;
}

.elms-list li:first-of-type {
    margin-bottom: 20px;
}

ol.nopadding-list {
    padding-bottom: 0;
    margin-bottom: 0;
}

.student-profile__link a {
    display: inline;
    min-width: 1px;
}

.student-main {
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.student-teams__input[type=text] {
    max-width: 100%;
    min-width: 80%;
}

.student-verification__form {
    margin-top: 24px;
}

    .student-verification__form .c-combo div ul {
        max-width: 100%;
        min-width: 100%;
    }

.student-verification__codeform input.f-text-field {
    width: 90%;
}

@media(max-width:1400px) and (min-width:767px) {
    .account-file {
        display: block;
    }

        .account-file .c-text-field[type=text],
        .account-file .c-button {
            min-width: 100%;
            max-width: 100%;
            width: 100%;
            display: inline-block;
        }
}

@media(max-width:815px) and (min-width:768px) {
    .student-profile__link a {
        font-size: 13px;
    }
}

@media(max-width:767px) {
    .student-main {
        border-left-style: none;
        padding: 0;
        margin: 0;
    }
}

@media(max-width:440px) {
    .account-file {
        display: block;
    }

        .account-file .c-text-field[type=text],
        .account-file .c-button {
            min-width: 100%;
            max-width: 100%;
            width: 100%;
            display: inline-block;
        }
}

.team-vr {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 12px;
}

.team-imageContainer {
    height: 357px;
    margin: 10px 0;
    width: 100%;
    overflow: hidden;
}

.team-image {
    width: 100%;
}

.m-teammember-panel {
    margin-bottom: 24px;
}

.m-teammember-panel__heading {
    padding: 0;
    margin-bottom: 16px;
}

.m-teammember-panel img.c-image {
    max-width: 105px;
    width: 105px;
    min-width: 105px;
}

.m-teammember-panel__text {
    margin-left: 20px;
    margin-right: -20px;
}

    .m-teammember-panel__text .c-paragraph,
    .m-teammember-panel__text .c-paragraph-2 {
        padding-top: 0;
    }

    .m-teammember-panel__text .c-checkbox .c-label {
        margin-right: 0;
    }

.team-gallery {
    width: 100%;
}

.team-gallery:hover {
    cursor: pointer;
}

@media only screen and (max-width:1196px) {
    .m-teammember-panel__text .c-paragraph,
    .m-teammember-panel__text .c-checkbox span,
    .m-teammember-panel__text .c-checkbox a {
        font-size: 13px;
    }
}

@media only screen and (max-width:1199px) and (min-width:1084px) {
    .m-teammember-panel.col-md-3 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width:1083px) and (min-width:1024px) {
    .m-teammember-panel-container .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .m-teammember-panel__text .c-checkbox input[type=checkbox] {
        width: 13px;
        height: 13px;
    }

    .m-teammember-panel__text .c-checkbox span,
    .m-teammember-panel__text .c-checkbox a {
        font-size: 12px;
    }

    .m-teammember-panel__text {
        margin-left: 2em;
        margin-right: 0;
    }
}

@media only screen and (max-width:1023px) {
    .m-teammember-panel__text {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width:1455px) and (min-width:1084px) {
    .m-teammember-panel__text {
        margin-left: 40px;
        margin-right: -65px;
    }
}

@media only screen and (max-width:767px) {
    .team-gallery {
        height: 100%;
    }
}

@media only screen and (max-width:640px) {
    .team-imageContainer {
        height: 100%;
    }
}

@media only screen and (max-width:613px) and (min-width:540px) {
    .m-teammember-panel-container .col-sm-3 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .m-teammember-panel-container .col-xs-12 {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width:613px) {
    .m-teammember-panel {
        margin-top: 20px;
    }
}

@media only screen and (max-width:540px) {
    .m-teammember-panel-container .col-sm-3 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .teamphoto-file,
    .teamphoto-file-label {
        margin-left: 0;
    }

    .team-gallery {
        max-width: 100%;
        margin-bottom: 24px;
    }
}

.noComp-Message {
	background-color: #929497;
	color: #fff;
	border: 0;
	display: table;
	table-layout: fixed;
	margin-top:20px;
}

.noComp-Message div {
    display:table-cell;
    vertical-align:middle;
    font-size:large;
    float: left;
    padding:10px;
}

.word-wrapped
{
    word-wrap:break-word;
}

.no-gutter {
    padding-right:0 !important;
    padding-left:0 !important;
}

.upload-textbox,
.c-text-field.upload-textbox[type=text] {
    padding: 3px;
}

a.c-action-trigger.c-glyph:before,
button.c-action-trigger.c-glyph:before {
    width: auto;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

a.c-action-trigger.c-glyph.glyph-edit,
button.c-action-trigger.c-glyph.glyph-edit {
    vertical-align: middle;
}

.doc-container {
    font-family: 'Segoe UI';
}

    .doc-container .doc-title,
    .doc-container p {
    }

    .doc-container .doc-title {
        font-size: 14pt;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .doc-container p {
        font-size: 10pt;
        padding-top: 0;
        margin-bottom: 15px;
    }

    .doc-container b {
        font-weight: bolder;
    }

    .doc-container a:visited,
    .doc-container a:hover,
    .doc-container a {
        color: #0067B8;
    }

.doc-container ol.multilevel,
.doc-container ol.multilevel ol {
    /*counter-reset: section;*/
    list-style-type: none;
    /*list-style-type:-moz-arabic-indic;*/
    /*list-style-type:arabic-indic;*/
    /*list-style-type:japanese-formal;*/
    /*list-style-type:-moz-japanese-formal;*/
    /*list-style:japanese-formal;*/
    /*list-style-type:-moz-katakana;*/
    /*list-style-type:katakana;*/
    padding-left: 20px;
    margin-top: 6pt;
}

.doc-container ol.noproc,
.doc-container ol.noproc > li {
    display: inline;
}

.doc-container ol.multilevel li:before {
    /*counter-increment: section;*/
    /*content: counters(section, ".") ". ";*/
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    margin-right: 5px;
}

.doc-container .multilevel-counter {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    margin-right: 5px;
    /*float: left; margin-right: 6px;*/
}

.doc-container .li-title + p {
    /*display: inline;*/
    margin-left: 0 !important;
}

.doc-container ol.inline-titles > li > .li-title + p {
    display: inline;
}

.doc-container ol:not(.inline-titles) > li > .li-title + p {
    margin-top: 7px;
}

.doc-container .li-title + p + p {
    margin-top: 7.5pt;
}

ol.latin,
ol.latin ol,
ol.roman,
ol.roman ol,
ol.upper-latin,
ol.upper-latin ol {
    counter-reset: mycounter;
    list-style-type: none;
    /*list-style-type:-moz-arabic-indic;*/
    /*list-style-type:arabic-indic;*/
    /*list-style-type:japanese-formal;*/
    /*list-style-type:-moz-japanese-formal;*/
    /*list-style:japanese-formal;*/
    /*list-style-type:-moz-katakana;*/
    /*list-style-type:katakana;*/
}

    ol.latin > li:before,
    ol.roman > li:before,
    ol.upper-latin > li:before {
        counter-increment: mycounter;
        font-family: 'Segoe UI', sans-serif;
        font-weight: 700;
        margin-right: 5px;
    }

    ol.latin:not(.with-brackts) > li:before {
        content: counter(mycounter, lower-latin) ".";
    }

    ol.latin.with-brackts > li:before {
        content: "(" counter(mycounter, lower-latin) ")";
    }

    ol.roman:not(.with-brackts) > li:before {
        content: counter(mycounter, lower-roman) ".";
    }

    ol.roman.with-brackts > li:before {
        content: "(" counter(mycounter, lower-roman) ")";
    }

    ol.upper-latin:not(.with-brackts) > li:before {
        content: counter(mycounter, upper-latin) ".";
    }

    ol.upper-latin.with-brackts > li:before {
        content: "(" counter(mycounter, upper-latin) ")";
    }

.doc-container li > span.li-title {
    font-weight: bolder;
    font-size: 12pt;
    margin-right: 7px;
    margin-bottom: 10px;
}

.doc-container ol.underlined-titles > li > span.li-title {
    text-decoration: underline;
}

.doc-container ol.not-bolded-titles > li > span.li-title {
    font-weight: normal;
}

.doc-container ol.multilevel li + li[title],
.doc-container ul.multilevel li + li[title] {
    margin-top: 15px;
}

.doc-container ul.noproc {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 15px;
}

 .doc-container    ul.noproc > li + li {
        margin-top: 0;
    }

.doc-container ul.titled-items {
    padding-left: 20px;
}

.access-off-screen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

table.dataTable .dtr-title p, .dtr-data p {
    display: inline;
}

table.dataTable .dtr-title p {
    font-weight: 600;
}

.data-table-src.responsive {
    width: 100% !important;
}

table.dataTable > tbody > tr.child ul li {
    border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 10px;
}

table.dataTable .responsive-details-toggle {
    vertical-align: middle;
    outline: transparent dashed 1px;
}

table.dataTable .responsive-details-toggle:focus {
        outline: black dashed 1px;
}

    table.dataTable .responsive-details-toggle > img {
        vertical-align: middle;
    }

table.dataTable.dtr-inline > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline > tbody > tr > th:first-child:before {
    content: "";
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    color: rgb(146, 148, 151);
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f067"; /* Awesome font:fa-chevron-right */
    /*position: static;*/
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "\f068"; /* Awesome font:fa-chevron-down */
    background-color: transparent;
}


.dataTable.responsive.collapsed {
    border-collapse: collapse;
}


    .dataTable.responsive.collapsed tr:not(:last-child).child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

table.dataTable .hidden-element {
    display: none;
}

table.dataTable tr.group-header {
    background-color: #e5e5e5 !important;
    border-bottom-style: none !important;
}

table.dataTable
{
    border-collapse: collapse;
}

table.dataTable tr.f-bottomborder.parent {
    border-bottom: none;
}

table.inner-borders
{
    border-bottom: 1px solid #111;
}

table.inner-borders:not(.collapsed)>tbody>tr:not(:last-child)
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}

table.inner-borders>tbody>tr>td:not(:last-child):not(.responsive-details-toggle)
{
    border-right: 1px solid rgba(0,0,0,.2);
}

table.horizontal-borders
{
    border-bottom: 1px solid #111;
}

table.horizontal-borders:not(.collapsed)>tbody>tr:not(:last-child)
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.data-table-src p
{
    padding: 0;
}

.data-table-src>thead>tr.m-tableheading
{
    color: white;
}

.data-table-src.responsive.collapsed>tbody>tr>td
{
    vertical-align: top;
}

.word-import .MsoHyperlink { color: black; text-decoration: none; }

.word-import h1, .word-import h2, .word-import h3, .word-import h4, .word-import p
{
    padding: inherit; margin: inherit; line-height: inherit;
}
.word-import h1 {font-weight: bold;}
.word-import a { color: #0067B8; } /*Like a.c-hyperlink*/

.student-support-link
{
    word-wrap: break-word;
}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

.not-active:after {
    content: none !important;
}

.surface-social-share .m-social {
	margin-top:0
}
.surface-social-share {
	padding-top:15px;
	padding-bottom:15px
}
@media only screen and (min-width:899px) and (max-width:1083px) {
	.surface-social-share,.surface-section-footnotes>div,.surface-prefooter {
		width:90%
	}
}
@media only screen and (min-width:540px) {
	.surface-social-share .m-social.f-share {
		float:right
	}
}
@media only screen and (max-width:898px) {
	.surface-social-share,.surface-section-footnotes>div,.surface-prefooter {
		padding-left:40px
	}
}
@media only screen and (max-width:539px) {
	.surface-social-share,.surface-section-footnotes>div,.surface-prefooter {
		padding-left:12px
	}
}

/* Added as a CSS override for the font color from MWF / UWF to satisfy MAS 17 accessibiliy standards. 
    Added to make it so the cookie alert would have blacker text.
*/
.c-alert[role=alert].f-information, .m-alert[role=alert].f-information{
    color:#000;
}

@media screen and (-ms-high-contrast: active) {
    .accessible img[role=presentation]{ display:none; }
    
    /* Add outline and proper text color to many focused elements that would otherwise show as ALL white or ALL black. */
    button.m-drawer:active, button.m-drawer:focus, button.c-glyph:active, button.c-glyph:focus,
    .c-pivot:not(.f-disabled)>header>a.f-active:focus {
	    color: #000;
        outline:5px solid black;
        outline-offset: -5px;
    }
}

@media screen and (-ms-high-contrast: black-on-white) {
    /* Add outline and proper text color to many focused elements that would otherwise show as ALL white or ALL black. */
    button.m-drawer:active, button.m-drawer:focus, button.c-glyph:active, button.c-glyph:focus,
    .c-pivot:not(.f-disabled)>header>a.f-active:focus {
	    color: #000;
        outline:5px solid black;
        outline-offset: -5px;
    }
    
    /* Add outline to the cookie alert so HC users know the content is grouped. */
    [role=alert].c-alert.f-information, [role=alert].m-alert.f-information{
	    color: #000;
        outline:1px solid black;
        outline-offset: -1px;
    }
    
    /* Fix select menus having ALL white/black selected options. Fix visibility. */
    .c-menu-item a[aria-checked=true], .c-menu-item a[aria-selected=true], .c-menu-item button[aria-checked=true], .c-menu-item button[aria-selected=true], .c-menu-item span[aria-checked=true], .c-menu-item span[aria-selected=true] {
        background: #000;
        color: #FFF;
    }

}

@media screen and (-ms-high-contrast: white-on-black) {
    /* Add outline and proper text color to many focused elements that would otherwise show as ALL white or ALL black. */
    button.m-drawer:active, button.m-drawer:focus, button.c-glyph:active, button.c-glyph:focus,
    .c-pivot:not(.f-disabled)>header>a.f-active:focus {
	    color: #FFF;
        outline:5px solid #FFF;
        outline-offset: -5px;
    }

    /* Add outline to the cookie alert so HC users know the content is grouped. */
    [role=alert].c-alert.f-information, [role=alert].m-alert.f-information{
	    color: white;
        outline:1px solid white;
        outline-offset: -1px;
    }   
    
    /* Fix select menus having ALL white/black selected options. Fix visibility. */
    .c-menu-item a[aria-checked=true], .c-menu-item a[aria-selected=true], .c-menu-item button[aria-checked=true], .c-menu-item button[aria-selected=true], .c-menu-item span[aria-checked=true], .c-menu-item span[aria-selected=true] {
        background: #FFF;
        color: #000;
    }

}

#searchBanner{
    background-color: #5C2E91;
    width: 100%;
    border-top-style: solid;
    border-top-color: rgba(62, 62, 62, 1);
    border-top-width: 1px;
}



.li-inherit li {
    height:inherit !important;
}

.c-glyph.glyph-play::before {
	position: absolute;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	border: transparent;
	color: #FFf;
	font-size: 44px;
	width: 87px;
	height: 87px;
	text-align: center;
	padding-top: 21.5px;
	padding-left: 4px;
	z-index: 10;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

a.c-glyph.glyph-play::before {
	padding: 0;
	line-height: 85px;
}

div.video-container {
	position: relative;
}

.video-container a.c-glyph:focus img{outline:0}
.video-container a.c-glyph:focus img{border:dashed 1px}

/* search filter window styling */
#AdSearchSection {
    display: none;
    background: linear-gradient(to bottom, #d5d5d5,white);
    margin-top: 8px;
    padding-bottom: 20px;
}

@media screen and (-ms-high-contrast: active) {
    #AdSearchSection {
        background: none;
    }

    /* fix MWF dropdowns in high contrast Edge */
    .c-menu-item a[aria-checked=true], .c-menu-item a[aria-selected=true], .c-menu-item button[aria-checked=true], .c-menu-item button[aria-selected=true], .c-menu-item span[aria-checked=true], .c-menu-item span[aria-selected=true] {
        -ms-high-contrast-adjust: none;
    }
}

/* MWF Fix let hero overflow if need be */
.c-hero > div {
    overflow: visible;
    box-sizing: content-box;
}

/* let tablist header overflow if need be */
div.c-pivot,
div.c-pivot > header.row {
    overflow: visible;
    height: auto;
}

/* MWF Fix don't disappear hero subheading in mobile */
.c-hero .c-subheading {
    display: block;
}

iframe.x-float-right,
iframe.x-float-left {
    max-width: 100%;
}

.f-no-margin {
    margin: 0;
}