@charset "utf-8";

#mectrl_currentAccount_picture {
    display: block;
    width: 88px;
    height: 88px;
    margin-left: 16px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#studyctrl_currentAccount_picture {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 88px;
    height: 88px;
    margin-left: 16px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.overflow-y-only {
    overflow-y: auto;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}



.shadow-right-pane {
    box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%);
    z-index: 1;
}

.account-pages .tooltip {
    opacity: 1 !important;
    position: inherit !important;
}

.actionBar {
    line-height: 18px;
    min-height: 36px;
    vertical-align: middle;
    margin: 0;
    background: #f0f0f0;
    padding: 4px 30px;
    width: 100%;
    display: inline-block;
    box-shadow: 1px 0 2px rgba(49,49,64,0.4);
    z-index: 1;
    opacity: 0.9;
}

    .actionBar .title {
        font-size: 15px;
        color: #FFF;
        min-width: 300px;
        text-overflow: ellipsis;
        vertical-align: middle;
        background: #004b8b;
    }

    .actionBar a {
        font-size: 12px;
        line-height: 30px;
        margin-right: 20px;
    }

        .actionBar a > i {
            font-size: 14px;
            margin-right: 3px;
        }

    .actionBar div {
        display: inline-block;
    }

    .actionBar input {
        height: 28px;
        font-style: italic;
        border: 1px solid #ccc !important;
        margin-right: 3px;
    }

    .actionBar ul {
        list-style: none;
        list-style-type: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .actionBar ul li {
            display: inline-block;
            list-style: none;
            list-style-type: none;
            padding: 3px 10px;
            margin: 0;
            vertical-align: middle;
            line-height: normal !important;
        }

            .actionBar ul li a {
                margin-right: 0;
                margin-left: 0;
            }

            .actionBar ul li.background {
                background: #ccc;
            }

        .actionBar ul.first {
            margin-left: 10px;
        }

    .actionBar.noPadding {
        padding: 0 !important;
    }

.actionBarContent {
    background: #f7f7f7;
}

    .actionBarContent .subTitle {
        font-size: 13px;
        color: #004b8b;
    }

    .actionBarContent div.content {
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        padding: 5px 10px;
    }

    .actionBarContent p, .azc-toolbar ul {
        margin: 0;
        padding: 0;
    }

    .actionBarContent ul {
        list-style: none;
        list-style-type: none;
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
    }

        .actionBarContent ul li {
            display: inline-block;
            list-style: none;
            list-style-type: none;
            padding: 3px 10px 3px 0;
            margin: 0 10px 0 0;
            vertical-align: top;
            min-width: 100px;
            line-height: normal !important;
        }

.alt-font {
    font-family: "Myriad Pro", 'Segoe UI', sans-serif !important;
}

.az-text-header1 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33333;
}

.azc-fabric.fxc-base.azc-validationBelowCtrl .azc-inputbox.azc-validatableControl-invalid .azc-validation-border, .azc-fabric.fxc-base.azc-validationBelowCtrl .azc-datePicker.azc-validatableControl-invalid .azc-validation-border, .azc-fabric.fxc-base.azc-validationBelowCtrl .azc-timePicker.azc-validatableControl-invalid .azc-validation-border {
    border-width: 1px;
}

.azc-formControl {
    border-radius: 2px !important;
    border-color: rgba(204,204,204,.8);
    background-color: #fff;
}

    .azc-formControl:focus, .azc-formControl.azc-br-focused, .azc-formControl.azc-br-focused.fxs-br-dirty {
        border-color: #0074d8 !important;
    }

.azc-input {
    border-radius: 2px;
    color: #323130;
    line-height: 18px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 13px;
    height: 28px;
    outline: none;
    padding: 2px 8px 4px;
    width: 100%;
}

.azc-input, .azc-formControl {
    color: #323130;
    border-color: #8a8886;
}

    .azc-input.fxs-br-error, .azc-formControl.fxs-br-error {
        color: #323130;
    }

    .azc-input:focus, .azc-formControl:focus, .azc-input.azc-br-focused, .azc-formControl.azc-br-focused {
        border: 1px solid #0074d8 !important;
        box-shadow: inset 0 0 0 1px #0074d8 !important;
    }

    .azc-input:hover, .azc-formControl:hover {
        border-color: #323130;
        color: #201f1e;
    }

.azc-inputbox .azc-input, .azc-textBox-wrapper [placeholder] {
    text-overflow: ellipsis;
}

.azc-textBox .azc-input {
    height: 24px;
    padding: 3px 8px 5px;
}

.azc-toolbar-container {
    display: flex;
    padding: 0;
    user-select: none;
}

.azc-toolbar-item, .msportalfx-command-like-button, a.azc-toolbarButton-container {
    fill: #0074d8;
    color: #323130;
}

    .azc-toolbar-item.azc-toolbarSeparator {
        fill: #d2d0ce !important;
    }

.azc-toolbarButton {
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    height: 36px;
}

.azc-toolbarButton-container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 36px;
}

.azc-toolbarButton-groupPopup, .azc-toolbarButton-overflowPopup {
    z-index: 200;
    position: fixed;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 320px;
}

.azc-toolbarButton-icon {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

    .azc-toolbarButton-icon img, .azc-toolbarButton-icon svg, .fxs-blade-collapse-veil, .fxs-blade-expander {
        height: 100%;
        width: 100%;
    }

.azc-toolbarButton-icon-chevron {
    padding-left: 8px;
    height: 12px;
    width: 12px;
    fill: #605e5c;
}

.azc-toolbarButton-label {
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    padding-left: 8px;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azc-toolbarSeparator {
    display: flex;
    align-items: center;
}

.bg-dark {
    background-color: #2f2f2f !important;
}

    .bg-dark .text-style-muted {
        color: #ccc !important;
    }

    .bg-dark a {
        color: #ff7d00 !important;
    }

        .bg-dark a:hover {
            color: #ffffff !important;
        }

.bg-extra-light {
    background-color: #f4f4f4 !important;
}

.bg-light {
    background-color: #eee !important;
}

.bg-medium-light {
    background-color: #ccc !important;
}

.button {
    color: #fff;
    background: #0067b8;
    border-color: #0067b8;
    min-height: 30px;
    min-width: 120px;
    cursor: pointer;
    font-size: 14px;
    opacity: 1.0;
    border: 0;
    width: auto !important;
    outline: none;
    border-width: 0;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.6);
    margin-right: 10px;
}

    .button:hover {
        border-color: #2C246F;
        background: #2C246F;
        color: #FFFFFF;
        outline: none;
        border-width: 0;
        border-radius: 2px;
        box-shadow: inset 0 0 0 99999px rgba(0,0,0,.9);
    }

.field-validation-error {
    color: darkred;
    background-color: lemonchiffon;
    max-width: 250px;
    display: flex !important;
    flex-wrap: wrap;
    white-space: normal !important;
    align-items: center;
    margin-top: 1px !important;
    padding: 3px !important;
}

    .field-validation-error i {
        margin-right: 8px !important;
        margin-top: 5px !important;
        align-self: flex-start;
    }

.flex-1, .fxs-blade-actions-spacefiller {
    flex: 1 1 auto;
}

.flex-1-0-auto {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: auto;
}

.flex-1-1-auto {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: auto;
}

.fluent-icon {
    width: 30px !important;
    height: 30px !important;
    margin-right: 5px;
}

.fxc-control-border, .azc-input {
    border-color: rgba(127,127,127,.85);
}

.fxc-simplebutton {
    display: inline-flex;
    -webkit-user-select: none;
    text-align: center;
    position: relative;
    max-width: 100%;
}

.fxs-avatarmenu, .header-user-avatar {
    flex: 0 0 auto;
    box-sizing: border-box;
}

.fxs-avatarmenu-header {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    color: #fff;
}

.fxs-avatarmenu-tenant, .header-user-tenant {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
    max-width: 160px;
}

.fxs-avatarmenu-tenant-container {
    text-align: right;
    flex: 1 1 auto;
    padding-left: 20px;
}

.fxs-avatarmenu-tenant-image {
    height: 28px;
    width: 28px;
    border: 0;
    border-radius: 28px;
}

.fxs-avatarmenu-tenant-image-container {
    height: 28px;
    width: 28px;
    flex: 0 0 auto;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: content-box;
}

.fxs-avatarmenu-username, .header-user-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: normal;
    max-width: 160px;
}

.fxs-blade {
    position: relative;
    height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.fxs-blade-actiondropmenu {
    z-index: 203;
}

.fxs-blade-actions {
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end;
}

.fxs-blade-button {
    width: 32px;
}

    .fxs-blade-button svg, .fxs-blade-dropmenubutton svg {
        height: 12px;
        width: 12px;
    }

.fxs-blade-button, .fxs-blade-dropmenubutton {
    cursor: pointer;
    padding: 0;
    border: 0;
    background-color: transparent;
    margin: 0;
    transition: background-color .2s ease-out;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fxs-blade-content {
    height: 100%;
    flex: 1 1 auto;
    position: relative;
    box-sizing: border-box;
    min-height: 0;
}

.fxs-blade-content-container {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    min-height: 0;
}

    .fxs-blade-content-container .fxs-bladecontent {
        display: flex;
        flex-direction: column;
        position: relative;
        flex: 1 1 100%;
        min-width: 0;
    }

        .fxs-blade-content-container .fxs-bladecontent:first-child, .fxs-blade-title-subtitleText, .fxs-blade-title-subtitleDirectoryIcon, .fxs-breadcrumb-dropmenu, .fxs-sidebar-top, .fxs-stacklayout-child {
            flex: 0 0 auto;
        }

    .fxs-blade-content-container > div, .fxs-breadcrumb-crumb:not(.fxs-breadcrumb-crumb-active), .fxs-dropmenu-hidden, .fxs-journey-layout .fxs-blade-maximizeOrRestore, .fxs-journey-layout > .fxs-blade {
        display: none;
    }

.fxs-blade-content-container-default {
    width: 100%;
    height: 100%;
}

.fxs-blade-content-wrapper {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    box-sizing: border-box;
    position: relative;
}

.fxs-blade-copyname svg, .fxs-blade-pin svg, .fxs-blade-print svg {
    height: 14px;
    width: 14px;
}

.fxs-blade-dropmenubutton {
    justify-content: flex-start;
    padding-right: 8px;
}

.fxs-blade-dropmenubuttonsvg {
    height: 32px;
    width: 32px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fxs-blade-dropmenubuttontxt {
    flex: 0 1 auto;
}

.fxs-blade-dropmenucontent {
    display: flex;
    flex-direction: column;
    max-width: 280px;
}

.fxs-blade-firstblade .fxs-blade-content-container-default, .fxs-blade-firstblade .fxs-blade-header, .fxs-blade-firstblade > fxs-progress, .fxs-blade-firstblade > .fxs-progress {
    border-left-width: 0;
}

.fxs-blade-header {
    position: relative;
    height: 64px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.fxs-blade-header-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    position: relative;
}

    .fxs-blade-header-icon img, .fxs-blade-header-icon svg {
        height: 28px;
        width: 28px;
    }

.fxs-blade-loaded .fxs-blade-button, .fxs-blade-loaded .fxs-blade-title {
    visibility: visible;
}

.fxs-blade-locked, .fxs-portal-background {
    background-color: #fff;
}

.fxs-blade-progress-translucent {
    height: 8px;
    position: absolute;
    z-index: 202;
    overflow: hidden;
    left: 0;
    top: 4px;
}

.fxs-blade-title {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.fxs-blade-title-content {
    display: flex;
    height: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
}

.fxs-blade-title-subtitle, .fxs-blade-title-subtitleDirectory {
    display: flex;
    height: 16px;
}

.fxs-blade-title-subtitleText {
    max-width: 100%;
    font-size: 12px;
    line-height: 14px;
}

.fxs-blade-title-titleText {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    flex: 0 1 auto;
    margin-right: 16px;
}

.fxs-blade-title-titleText, .fxs-blade-title-subtitleText {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fxs-blade-title-toprow, .fxs-journey-layout > .fxs-blade-lastblade .fxs-blade-maximizeOrRestore, .fxs-journey-layout > .fxs-blade.fxs-blade-display-in-journey:last-of-type, .fxs-show-startboard .fxs-startboard-target, .fxs-show-journey .fxs-journey-target, .fxs-stacklayout {
    display: flex;
}

.fxs-blade.fxs-blade-maximized {
    width: 100%;
}

.fxs-blade.fxs-contextpane-content {
    min-width: 300px;
}

.fxs-bladecontent-collapser, .fxs-blade-expander, .fxs-blade-collapse-veil {
    display: none;
    position: absolute;
    cursor: pointer;
    padding: 0;
    width: 100%;
    border-width: 0;
}

.fxs-bladesize-medium.fxs-blade-content {
    min-width: 568px;
}

.fxs-bladesize-small.fxs-blade-content {
    min-width: 298px;
}

.fxs-bladestyle-basic .fxs-blade-content, .fxs-bladestyle-basicwithcommands .fxs-blade-content, .fxs-bladestyle-context .fxs-blade-content, .fxs-bladestyle-create .fxs-blade-content, .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails > :last-child, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails > :last-child {
    padding: 0;
}

.fxs-breadcrumb-container {
    display: flex;
    padding: 0 17px;
    height: 20px;
}

.fxs-breadcrumb-crumb {
    font-size: 14px;
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 3px;
    box-sizing: border-box;
}

.fxs-breadcrumb-divider {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 0 3px;
}

    .fxs-breadcrumb-divider svg {
        transform: rotate(90deg);
        height: 10px;
        width: 10px;
        margin-top: 1px;
    }

.fxs-breadcrumb-overflow .fxs-breadcrumb-crumb {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 32px;
    padding: 0 10px !important;
}

.fxs-breadcrumb-overflow-btn {
    color: #0074d8;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    font-size: 24px;
    box-sizing: border-box;
    height: 20px;
    width: 32px;
    padding-bottom: 14px;
}

.fxs-breadcrumb-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}

.fxs-button {
    position: relative;
    box-sizing: border-box;
    height: 26px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    cursor: pointer;
    border: 1px solid #0074d8 !important;
    padding: 3px 20px;
    margin: 0;
    min-width: 80px;
    border-radius: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fxs-button-default {
    background-color: #fff;
    border-color: #8a8886;
    color: #323130;
    fill: #323130;
}

    .fxs-button-default:hover {
        color: #201f1e !important;
        fill: #201f1e !important;
        background-color: #f3f2f1 !important;
    }

.fxs-button-disabled {
    cursor: default;
    background-color: #f3f2f1;
    border-color: #f3f2f1;
    color: #a19f9d;
    fill: #a19f9d;
}

.fxs-button.fxs-button-disabled {
    cursor: default;
}

.fxs-button:focus {
    outline: none;
}

.fxs-commandBar, .fxs-inner-solid-border, .mectrl_root, .studyctrl_root {
    position: relative;
}

.fxs-commandBar-target {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 20px;
}

    .fxs-commandBar-target.fxs-alwaysshowcommandbar {
        height: 36px;
    }

.fxs-contextpane {
    display: none;
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: auto;
}

    .fxs-contextpane .fxs-blade {
        max-width: 100%;
    }

        .fxs-contextpane .fxs-blade:not(.fxs-bladesize-contextpane-default) .fxs-blade-content-wrapper, .overflow-auto {
            overflow: auto;
        }

.fxs-contextpane-content {
    box-sizing: border-box;
    height: auto;
    overflow: auto;
}

.fxs-contextpane-visible, .fxs-show-journey .fxs-journey-breadcrumb {
    display: block;
}

.fxs-display-none, .weave-display-none1, .weave-display-none2 {
    display: none !important;
}

.fxs-dropmenu {
    position: relative;
    flex: 0 0 auto;
    box-sizing: border-box;
    z-index: 200;
}

.fxs-dropmenu-button {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.fxs-dropmenu-content:not(.azc-toolbarButton-overflowPopup) {
    position: absolute;
}

    .fxs-dropmenu-content:not(.azc-toolbarButton-overflowPopup) li {
        white-space: nowrap;
    }

        .fxs-dropmenu-content:not(.azc-toolbarButton-overflowPopup) li a {
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 10px 20px;
        }

    .fxs-dropmenu-content:not(.azc-toolbarButton-overflowPopup) ol, .fxs-dropmenu-content:not(.azc-toolbarButton-overflowPopup) ul {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }

.fxs-dropmenu-right {
    left: 0;
}

.fxs-hidefocusoutline * {
    outline: none !important;
}

.fxs-journey {
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.fxs-journey-breadcrumb {
    z-index: 1;
    box-sizing: border-box;
    padding-top: 8px;
    flex: 0 0 auto;
}

.fxs-journey-layout {
    flex: 1 1 auto;
    z-index: 0;
    position: relative;
}

.fxs-loading5dots-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fxs-messagebox {
    font-size: 14px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    line-height: normal;
    position: relative;
    overflow: hidden;
}

.fxs-messagebox-buttons {
    padding: 8px 20px 16px;
}

    .fxs-messagebox-buttons .fxs-button {
        margin-right: 8px;
    }

.fxs-messagebox-title {
    padding: 12px 20px 7px;
    margin: 0;
    border-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fxs-notification-action-menu {
    margin-top: -5px;
}

.fxs-notification-header-content {
    display: flex;
    flex: 1 1 auto;
    padding-top: 15px;
}

.fxs-notificationmenu-arrow {
    padding-top: 2px;
    padding-left: 3px;
    height: 10px;
    width: 10px;
}

.fxs-notifications-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fxs-notifications-emptyicon {
    height: 100px;
    width: 100px;
    padding-top: 40px;
    padding-bottom: 20px;
    opacity: .4;
}

.fxs-notificationspane {
    width: 525px;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 13px;
    line-height: normal;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.fxs-notificationspane-dismisscontainer {
    margin-left: auto;
    display: flex;
}

.fxs-notificationspane-header {
    padding: 0 20px 10px;
}

.fxs-notificationspane-top {
    overflow: auto;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

    .fxs-notificationspane-top .nodata-content {
        padding: 15px 0;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
    }

.fxs-panorama .fxs-startboard-target, .fxs-panorama .fxs-home-target, .fxs-panorama .fxs-journey-target, .fxs-panorama .fxs-sidebar-flyout {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.fxs-portal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: normal;
}

.fxs-portal-bg-txt-br {
    color: #323130;
    border-color: rgba(204,204,204,.8);
    background-color: #fff;
}

.fxs-portal-border {
    border-color: rgba(204,204,204,.8);
}

.fxs-portal-button-primary {
    background-color: #0074d8 !important;
    border-color: #0074d8 !important;
    color: #fff !important;
    fill: white !important;
}

    .fxs-portal-button-primary:active {
        background-color: #005a9e;
        border-color: #005a9e;
    }

    .fxs-portal-button-primary:hover {
        background-color: #106ebe !important;
        border-color: #106ebe !important;
    }

.fxs-portal-contextpane-right {
    position: absolute;
    right: 0;
    max-width: 100%;
    height: 100%;
}

    .fxs-portal-contextpane-right .fxs-blade {
        box-shadow: none;
    }

    .fxs-portal-contextpane-right.fxs-portal-contextpane-from-topbar, .msportalfx-shadow-level3 {
        box-shadow: 0 0 3px rgba(49,49,64,0.6);
    }

.fxs-portal-hover:active {
    background-color: #edebe9;
}

.fxs-portal-hover:hover {
    background-color: #f3f2f1;
}

    .fxs-portal-hover:hover a {
        color: #0f64ae;
    }

.fxs-portal-main, .portal-transaction-body {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.fxs-portal-shield {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 7;
    display: table;
}

.fxs-portal-shield-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fxs-portal-shield-icon-warning {
    background-color: #db7500;
}

.fxs-portal-shield-middle {
    display: table-cell;
    vertical-align: middle;
}

.fxs-portal-shield-modaldialog {
    width: 430px;
    max-width: 100vw;
    margin: auto;
    padding: 20px;
    position: relative;
}

.fxs-portal-subtext {
    color: #646464;
}

.fxs-portal-svg-secondary {
    fill: #636363;
}

.fxs-progressbox-text, .fxs-modal-template, .fxs-messagebox-template, .fxs-messagebox-text {
    padding: 0 20px 8px;
    word-wrap: break-word;
}

.fxs-sidebar {
    z-index: 6;
    height: 100%;
    font-size: 13px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
}

.fxs-sidebar-bar {
    background-color: #e9e9e9;
    color: #212121;
    width: 240px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.fxs-sidebar-button {
    background: #e9e9e9;
}

.fxs-sidebar-divider, .fxs-sidebar-divider2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 0;
    flex: 1 1 0;
    border-bottom-color: #cccccc;
}

    .fxs-sidebar-divider:first-of-type {
        margin-right: 5px;
        max-width: 13px;
    }

    .fxs-sidebar-divider:last-of-type {
        margin-left: 5px;
    }

.fxs-sidebar-favorites {
    padding-bottom: 20px;
}

.fxs-sidebar-favorites-section {
    height: 32px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.fxs-sidebar-hamburger .fxs-sidebar-label {
    font-size: 14px;
    font-weight: 600;
}

.fxs-sidebar-handle {
    flex: 0 0 20px;
    cursor: move;
    fill: #bbb;
}

.fxs-sidebar-icon {
    display: flex;
    height: 40px;
    width: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

    .fxs-sidebar-icon svg {
        width: auto !important;
        height: 20px !important;
    }

.fxs-sidebar-item-link {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: 32px;
    -webkit-user-drag: none;
    color: inherit;
}

    .fxs-sidebar-item-link.fxs-sidebar-dashboard {
        height: 32px !important;
    }

    .fxs-sidebar-item-link.fxs-sidebar-hamburger {
        display: flex;
        border: none;
        padding: 0;
        width: 100%;
        height: 40px;
        font-size: 15px;
        font-weight: 600;
    }

    .fxs-sidebar-item-link:hover {
        background-color: #dddddd;
        color: #212121 !important;
    }

.fxs-sidebar-label {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fxs-sidebar-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.fxs-sidebar-middle {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.fxs-sidebar-myfavorites {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    word-break: keep-all;
}

.fxs-stacklayout-horizontal {
    flex-direction: row;
}

.fxs-stacklayout-vertical {
    flex-direction: column;
}

.fxs-theme-azure .fxs-sidebar-divider, .fxs-theme-azure .fxs-sidebar-divider2 {
    border-bottom-color: #edebe9;
}

.fxs-theme-light .fxs-topbar-button:hover, .fxs-theme-light .fxs-topbar-avatarmenu .fxs-dropmenu-button:hover, .header-topbar-button:hover, .header-topbar-avatarmenu .header-dropmenu-button:hover {
    background-color: #323130;
}

.fxs-topbar {
    height: 40px;
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    font-size: 13px;
    background-color: #1c1c1c;
    color: #fff;
}

.fxs-topbar-button, .fxs-topbar-avatarmenu .fxs-dropmenu-button {
    fill: #fff;
}

    .fxs-topbar-button:active, .fxs-topbar-avatarmenu .fxs-dropmenu-button:active {
        background-color: #252423;
    }

    .fxs-topbar-button:hover, .fxs-topbar-avatarmenu .fxs-dropmenu-button:hover {
        background-color: #605e5c;
    }

.h-100-px {
    height: 100px !important;
    min-height: 100px !important;
}

.h-200-px {
    height: 200px !important;
    min-height: 200px !important;
}

.h-max-24px {
    max-height: 24px !important;
}

.h-max-30px {
    max-height: 30px !important;
}

.header-topbar-brand {
    font-size: 15px;
    padding: 0 20px 0 10px;
    font-weight: 600;
}

.header-topbar-button {
    display: flex;
    height: 40px;
    width: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

    .header-topbar-button svg {
        width: 18px !important;
        height: 18px !important;
        color: #fff !important;
        fill: #fff;
    }

.header-topbar-buttons {
    display: flex;
    flex: 0 0 auto;
}

.header-topbar-sidebar-collapse-button {
    display: flex;
    width: 48px;
}

.header-user-image-container {
    height: 36px;
    width: 36px;
    flex: 0 0 auto;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: content-box;
}

.help-flyout {
    z-index: 100;
    background: #fbfbfb;
    bottom: 0;
    height: 100%;
    max-width: 500px;
    min-width: 300px;
    overflow-y: auto;
    position: fixed;
    right: -10px;
    top: 42px;
    transform: translate3d(100%,0,0);
    width: 80%;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
}

.help-flyout-body {
    overflow-y: auto;
    padding: 2em;
    flex: 0 1 0;
}

.help-flyout-close {
    cursor: pointer;
    float: right;
    color: #FFF !important;
    font-size: 16px !important;
    margin-right: 10px;
}

.help-flyout-header {
    background-color: #002066;
    color: white;
    padding: 1em;
}

    .help-flyout-header h4 {
        display: inline-block;
        color: #FFF !important;
        font-size: 18px !important;
        margin: 0;
    }

.help-flyout-loader {
    width: 100%;
    height: 3px;
    display: none;
    background-color: red;
}

.help-flyout-refresh {
    cursor: pointer;
    float: right;
    color: #FFF !important;
    font-size: 16px !important;
    margin-right: 20px;
}

.help-flyout.active {
    transform: translate3d(0,0,0);
}

.homePageStatusHolder {
    max-width: 375px;
    display: inline-table;
    margin: 0 20px 20px 0;
}

    .homePageStatusHolder.big {
        max-width: 1200px;
    }

    .homePageStatusHolder.freeSize {
        min-width: 400px;
        max-width: 100%;
    }

    .homePageStatusHolder.medium {
        max-width: 230px;
    }

    .homePageStatusHolder.small {
        max-width: 100px;
    }

.homePageStatusList {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
}

    .homePageStatusList li {
        list-style: none;
        list-style-type: none;
        min-width: 80px;
        background: #f4f4f4;
        margin: 0 8px 10px 0;
        padding: 0;
        display: inline-flex;
        flex-direction: column;
        box-shadow: 0 0 3px rgba(49,49,64,0.6);
    }

        .homePageStatusList li .itemText {
            font-size: 12px;
            color: #666;
            margin: 0 5px 5px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            min-height: 30px;
        }

        .homePageStatusList li .itemValue {
            font-size: 20px;
            color: #0074d8; /*recolor000099*/
            height: 35px;
            margin: 0 5px 5px;
            padding: 0;
        }

.homePageStatusListTable {
    width: 100%;
    border-width: 1px;
    border-color: #ccc;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: none;
}

    .homePageStatusListTable td {
        height: 28px;
        background: #f4f4f4;
        padding: 0;
        margin: 0;
        color: #0074d8; /*recolor000099*/
        border-bottom: 1px dashed #ccc;
        border-spacing: 0 0;
        font-size: 14px;
    }

.homePageStatusListTitle {
    font-size: 14px;
    color: #006666;
    margin-bottom: 5px;
}

.homePageStatusTable {
    border: 1px dashed #ccc;
    border-collapse: collapse;
    margin: 0;
    background: #f9f9f9;
}

    .homePageStatusTable td.center, .homePageStatusTable th.center {
        text-align: center;
    }

    .homePageStatusTable th, .homePageStatusTable td {
        color: #004b8b;
        padding: 5px;
        min-width: 80px;
    }

    .homePageStatusTable thead tr {
        background: #f0f0f0;
        color: #004b8b;
    }

        .homePageStatusTable thead tr th {
            text-align: left;
            vertical-align: middle;
            font-size: 13px;
            height: 18px;
            color: #666;
            font-weight: normal;
        }

.label-error {
    color: red !important;
}

.link-card .card-body {
    padding: 4px 10px;
}

.link-card .card-title {
    font-size: 14px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.link-card.card {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    align-items: center;
    border-radius: 3px;
    padding: 0;
    box-shadow: 0 0 4px rgba(253,210,210,0.5);
    margin: 0 10px 10px 0;
    background: #eee;
    overflow: hidden;
    min-width: 300px;
}

.link-cards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

.mectrl_accountItem .mectrl_accountItemInfo {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.mectrl_accountItem .primaryAction, .studyctrl_accountItem .primaryAction {
    border: 1px dashed #ccc;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fefefe;
}

    .mectrl_accountItem, .mectrl_accountItem .primaryAction:focus, .mectrl_accountItem .primaryAction:hover, .studyctrl_accountItem, .studyctrl_accountItem .primaryAction:focus, .studyctrl_accountItem .primaryAction:hover {
        color: inherit;
        background-color: rgba(0,0,0,.04);
    }

.mectrl_accountItem, .studyctrl_accountItem {
    height: 60px;
    position: relative;
}

    .mectrl_accountItem.header, .studyctrl_accountItem.header {
        height: 40px;
    }

.mectrl_accountItemInfo a, .mectrl_accountItemInfo div, .studyctrl_accountItemInfo a, .studyctrl_accountItemInfo div {
    font-size: 12px;
}

.mectrl_body a, .studyctrl_body a {
    color: #333;
}

.mectrl_body, .studyctrl_body {
    text-align: left;
    color: #333;
    background-color: #fff;
}

.mectrl_company {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
    justify-content: space-between;
}

.mectrl_currentAccount .mectrl_accountInfo {
    min-height: 132px;
    width: 100%;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails .mectrl_link, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails .studyctrl_link {
        color: #0078d6;
        background-color: inherit;
        text-decoration: none;
        display: block;
        max-width: fit-content;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails > *, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails > * {
        padding: 1px;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails > :first-child, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails > :first-child {
        margin-top: 0;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails > :not(:nth-child(2)) {
        margin-top: 4px;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails > :nth-child(2) {
        margin-top: 3px;
        font-size: 13px;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_accountDetails, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails {
        font-size: 13px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        width: 0;
        padding-right: 12px;
    }

    .mectrl_currentAccount .mectrl_accountInfo .mectrl_name, .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_name {
        font-size: 18px;
        font-weight: 700;
    }

.mectrl_currentAccount .mectrl_company, .studyctrl_currentAccount .studyctrl_company {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
}

.mectrl_currentAccount > *, .studyctrl_currentAccount > * {
    display: block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.mectrl_currentAccount a.mectrl_signout, .mectrl_currentAccount a.mectrl_signout:focus, .mectrl_currentAccount button.mectrl_signout, .mectrl_currentAccount button.mectrl_signout:focus, .studyctrl_currentAccount a.studyctrl_signout, .studyctrl_currentAccount a.studyctrl_signout:focus, .studyctrl_currentAccount button.studyctrl_signout, .studyctrl_currentAccount button.studyctrl_signout:focus {
    color: #333;
    background-color: #fff;
}

    .mectrl_currentAccount a.mectrl_signout:hover, .mectrl_currentAccount button.mectrl_signout:hover, .studyctrl_currentAccount a.studyctrl_signout:hover, .studyctrl_currentAccount button.studyctrl_signout:hover {
        color: inherit;
        background-color: rgba(0,0,0,.08);
    }

.mectrl_currentAccount, .studyctrl_currentAccount {
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -ms-grid-rows: 48px auto;
    grid-template-rows: 48px auto;
}

.mectrl_hollow_dropdown {
    width: 320px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.mectrl_hollow_dropdownBody, .studyctrl_hollow_dropdownBody {
    position: absolute;
    right: 0;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0 linear 120ms 120ms ease;
    transition: visibility 0 linear 120ms 120ms ease;
}

    .mectrl_hollow_dropdownBody.expanded, .studyctrl_hollow_dropdownBody.expanded {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }

.mectrl_profilepic, .studyctrl_profilepic {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mectrl_resetStyle, a.mectrl_resetStyle, button.mectrl_resetStyle, .studyctrl_resetStyle, a.studyctrl_resetStyle, button.studyctrl_resetStyle {
    height: auto;
    min-width: auto;
    min-height: auto;
    border-style: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    outline-style: none !important;
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    cursor: pointer;
}

.mectrl_root, .mectrl_root div, .studyctrl_root, .studyctrl_root div {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    line-height: normal;
}

.mectrl_signout {
    font-size: 13px;
    padding: 16px 14px;
}

.mectrl_truncate, a.mectrl_truncate, button.mectrl_truncate, .studyctrl_truncate, a.studyctrl_truncate, button.studyctrl_truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msportalfx-shadow-level2, .shadow {
    box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;
}

.msportalfx-svg-disabled {
    filter: grayscale(100%);
}

.msportalfx-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navigationIndicator {
    list-style: none;
    display: flex;
    padding: 0 0 0 30px;
    margin: 8px 0;
}

    .navigationIndicator li {
        display: inline-flex;
    }

.navigationIndicatorTitle {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    color: #0074d8; /*recolor000099*/
}

    .navigationIndicatorTitle a {
        color: #0074d8; /*recolor000099*/
        text-decoration: none;
        text-overflow: ellipsis;
        font-size: 16px !important;
    }

        .navigationIndicatorTitle a:hover {
            color: #009933;
            text-decoration: none;
        }

.navigationIndicatorTitleSpacer {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 22px;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #0074d8; /*recolor000099*/
    background: none;
    margin: 0 15px;
    font-weight: lighter;
}

.navigationIndicatorWrapper {
    display: inline-block;
    width: 100%;
    background: #DDD;
    opacity: 0.9;
    z-index: 1;
}

.no-overflow, svg {
    overflow: hidden;
}

.p-10-px {
    padding: 10px;
}

.p-20-px {
    padding: 20px;
}

.portal-dashboard-body {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    overflow: auto;
}


.pageDashboardItemTitle {
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
}

.pageDashboardItemValue {
    font-size: 60px;
}

.pageDashboardList {
    clear: both;
    list-style: none;
    list-style-type: none;
    margin: 0 0 10px;
}

    .pageDashboardList li {
        display: inline-block;
        margin-right: 50px;
        margin-bottom: 20px;
        text-align: center;
        box-shadow: 0 1px 4px rgba(49,49,64,0.4);
    }

.pageDashboardTitle {
    font-size: 16px;
    color: #0074d8; /*recolor000099*/
    font-weight: lighter;
    text-align: left;
    margin: 0 0 10px;
    padding: 0;
}

.pageHighlight {
    background: #f4f4f4;
    padding: 8px 30px;
    box-shadow: 0 1px 4px rgba(49,49,64,0.4);
    flex-direction: column;
}

.pageHighlightList {
    clear: both;
    list-style: none;
    list-style-type: none;
    margin: 0 30px 0 0;
    padding: 5px 0;
}

    .pageHighlightList li {
        display: inline-block;
        padding-right: 15px;
        min-width: 200px;
        margin-right: 50px;
    }

.pageHighlightSubTitle, .pageHighlightListItemTitle {
    font-size: 14px;
}

.pageHighlightTitle {
    font-size: 18px;
    line-height: 18px;
}

.pageList {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .pageList li {
        font-size: 11px;
        list-style: none;
        list-style-type: none;
        padding: 3px 6px;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        .pageList li button {
            border: 0;
            background-color: transparent;
        }

        .pageList li i, ul#menu li a:hover {
            color: #002066;
        }

            .pageList li i:hover, .ulDashboardCard li i.fa.icon {
                color: #CD5C5C;
            }

.pageStatusList li {
    display: inline-block;
    list-style: none;
    list-style-type: none;
    float: left;
    background: #f4f4f4;
    border: 1px dashed #ccc;
    margin: 10px 10px 10px 0;
    width: 150px;
    height: 130px;
    box-shadow: 0 1px 4px rgba(49,49,64,0.4);
}

    .pageStatusList li .itemContent {
        font-size: 40px;
        color: #0074d8; /*recolor000099*/
        margin: 0;
        padding: 0;
        height: 75px;
        text-align: center;
        line-height: 70px;
        vertical-align: middle;
    }

    .pageStatusList li .itemTitle {
        padding: 10px;
        text-align: center;
        font-size: 14px;
        margin: 0;
        color: #666;
    }

.pageStatusList.small li {
    display: inline-block;
    list-style: none;
    list-style-type: none;
    float: left;
    background: #f4f4f4;
    border: 1px dashed #ccc;
    margin: 10px 10px 10px 0;
    width: 140px;
    height: 90px;
}

    .pageStatusList.small li .itemContent {
        font-size: 25px;
        color: #0074d8; /*recolor000099*/
        margin: 0;
        padding: 0;
        height: 45px;
        text-align: center;
        line-height: 45px;
        vertical-align: middle;
    }

    .pageStatusList.small li .itemTitle {
        padding: 5px 10px;
        text-align: center;
        font-size: 13px;
        margin: 0;
        color: #666;
    }

.pageSubMenuDiv {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.pageSubMenuList {
    background: #f4f4f4;
    margin: 0;
    padding: 0;
    height: 30px;
    list-style: none;
    list-style-type: none;
}


.studyctrl_accountItem .studyctrl_accountItemInfo {
    padding: 6px 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.studyctrl_company {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
}

.studyctrl_currentAccount .studyctrl_accountInfo {
    width: 100%;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    background-color: #ededed !important;
}

    .studyctrl_currentAccount .studyctrl_accountInfo .studyctrl_accountDetails > :nth-child(2) {
        margin-top: 6px;
        font-size: 13px;
    }

.studyctrl_currentAccount .studyctrl_signout {
    font-size: 13px;
    padding: 8px 15px;
    text-align: center;
}

.studyctrl_hollow_dropdown {
    width: 320px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.3);
}

.text-style-heading {
    font-size: 14px;
    line-height: 17px;
    padding: 0;
    margin: 0 0 3px;
}

.text-style-muted {
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    color: #666;
}

.text-style-paragraph-1 {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

.text-style-sub-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 3px;
}

.text-style-super-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    flex: 0 1 auto;
    margin-right: 20px;
}

.text-style-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 3px;
}

.top-header {
    height: 40px;
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    font-size: 13px;
    background-color: #484644;
}

.trapezium {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 20px !important;
    box-shadow: 0 0 4px rgba(255,255,255,0.4);
    background: #ededed !important;
    color: #fff !important;
    min-width: 200px;
}

    .trapezium .fxs-avatarmenu-header {
        color: #000 !important;
    }

    .trapezium .fxs-avatarmenu-tenant-image-container {
        padding-left: 0 !important;
    }

    .trapezium.active, .trapezium:hover {
        background-color: #ededed !important;
        color: #000 !important;
    }


.ulDashboardCard {
    padding: 0;
    margin: 10px 10px 10px 0;
    background: #f4f4f4;
    box-shadow: 0 0 3px rgba(49,49,64,0.3);
    display: inline-block;
}

    .ulDashboardCard li {
        padding: 5px 10px;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        color: #666;
    }

        .ulDashboardCard li .mainText {
            font-size: 14px;
            color: #004b8b;
        }

.ulTableList {
    max-width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
}

    .ulTableList li {
        padding: 0;
        margin-bottom: 5px;
        list-style: none;
        list-style-type: none;
        border: 1px solid #f0f0f0;
        width: auto;
    }

.ulTableListDiv {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 14px;
}

    .ulTableListDiv.big {
        width: 50%;
    }

    .ulTableListDiv.medium {
        width: 30%;
    }

    .ulTableListDiv.small {
        width: 20%;
    }

.v-align-top {
    vertical-align: top !important;
}

.validation-summary-errors {
    background-color: lemonchiffon;
    color: red;
    padding: 3px 5px;
    font-size: 12px;
    margin-bottom: 20px;
    border-radius: 3px;
}

    .validation-summary-errors ul {
        list-style: none;
        list-style-type: none;
        margin: 2px;
        padding: 0;
    }

.w-20 {
    width: 20% !important;
    min-width: 20% !important;
}

.w-30 {
    width: 30% !important;
    min-width: 30% !important;
}

.w-40 {
    width: 40% !important;
    min-width: 40% !important;
}

.w-max-200px {
    max-width: 200px !important;
}

.w-max-250px {
    max-width: 250px !important;
}

.w-max-400px {
    max-width: 400px !important;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

:focus {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #605e5c;
}

[role="button"], [role="link"], .fxs-fxclick {
    cursor: pointer;
}

a {
    cursor: pointer !important;
    color: #004b8b;
    text-decoration: none;
}

    a:hover {
        color: #CD5C5C;
        text-decoration: none;
    }

    a:hover, a:active {
        color: #004578;
    }

    a[href]:hover, [role="link"].fxs-fxclick:hover {
        text-decoration: underline;
    }

    a[href]:not([tabindex="-1"]):focus, area[href]:not([tabindex="-1"]):focus, input:not([disabled]):not([tabindex="-1"]):focus, select:not([disabled]):not([tabindex="-1"]):focus, textarea:not([disabled]):not([tabindex="-1"]):focus, button:not([disabled]):not([tabindex="-1"]):focus, iframe:not([tabindex="-1"]):focus, [contentEditable=true]:not([tabindex="-1"]):focus {
        outline-offset: -1px;
    }

body {
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

button, [type="button"], [type="reset"], [type="submit"] {
    font-size: 13px;
    line-height: 1.385;
    background: none;
    color: inherit;
}

div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid .azc-validation-border {
    border-width: 2px;
    border-style: solid;
    border-color: #e81123;
    width: 100%;
}

div.mectrl_accountList_container, div.studyctrl_accountList_container {
    border-top: 1px solid rgba(0,0,0,.08);
    overflow: auto;
    max-height: 270px;
}

h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 3px 0;
    padding: 0;
}

    h1.alt-font, h2.alt-font, h3.alt-font, h4.alt-font, h5.alt-font, h6.alt-font {
        font-family: "Myriad Pro", 'Segoe UI', sans-serif;
    }

h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 3px 0;
    padding: 0;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 2px 0;
    padding: 0;
}

h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 2px 0;
    padding: 0;
}

h5 {
    font-size: 12px;
    font-weight: 600;
    margin: 1px 0;
    padding: 0;
}

h6 {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

hr {
    border-width: 0;
    border-color: #ccc;
    border-bottom: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}

html, body {
    height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    /*font-size: 100%;*/
    font-weight: inherit;
}

p, span {
    color: #323130;
}

ul.mectrl_accountList .mectrl_profilepic {
    float: left;
    margin-left: 16px;
    margin-right: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
}

ul.mectrl_accountList, ul.studyctrl_accountList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.studyctrl_accountList .studyctrl_profilepic {
        float: left;
        margin-left: 16px;
        margin-right: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
    }

@media (min-width: 1024px) {
    .fxs-portal-contextpane-right {
        max-width: calc(100%-225px);
    }

    .fxs-sidebar-is-collapsed ~ .fxs-portal-contextpane-right {
        max-width: calc(100%-48px);
    }
}

@media (min-width: 640px) {
    .fxs-portal-contextpane-right {
        height: 100%;
        max-width: calc(100%-48px);
    }

    .fxs-sidebar-hamburger-mode .fxs-portal-contextpane-right {
        max-width: 100%;
    }
}

@media (min-height: 500px) {
    .fxs-blade, .fxs-journey {
        overflow: hidden;
    }

    .fxs-contextpane {
        overflow: initial;
    }

    .fxs-contextpane-content {
        height: 100%;
    }

    .fxs-contextpane-visible {
        display: flex;
        flex-flow: column nowrap;
    }

    .fxs-journey-layout {
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media (min-width: 640px) and (min-height:500px) {
    .fxs-journey .fxs-blade.fxs-blade-display-in-journey {
        display: flex;
    }
}

@media (max-width: 576px) {
    .account-pages .left-pane {
        display: none !important;
    }
}