【angular5 项目积累总结】项目公共样式

main.css

@font-face {
    font-family: 'wf_segoe-ui_normal';
    src: local('Segoe UI'),url('../fonts/segoe-ui/west-european/normal/latest.woff2') format('woff2'),url('../fonts/segoe-ui/west-european/normal/latest.woff') format('woff'),url('../fonts/segoe-ui/west-european/normal/latest.ttf') format('truetype'),url('../fonts/segoe-ui/west-european/normal/latest.svg#web') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'wf_segoe-ui_light';
    src: local('Segoe UI Light'),local('Segoe UI'),url('../fonts/segoe-ui/west-european/light/latest.woff2') format('woff2'),url('../fonts/segoe-ui/west-european/light/latest.woff') format('woff'),url('../fonts/segoe-ui/west-european/light/latest.ttf') format('truetype'),url('../fonts/segoe-ui/west-european/light/latest.svg#web') format('svg');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'wf_segoe-ui_semibold';
    src: local('Segoe UI Semibold'),local('Segoe UI'),url('../fonts/segoe-ui/west-european/semibold/latest.woff2') format('woff2'),url('../fonts/segoe-ui/west-european/semibold/latest.woff') format('woff'),url('../fonts/segoe-ui/west-european/semibold/latest.ttf') format('truetype'),url('../fonts/segoe-ui/west-european/semibold/latest.svg#web') format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'wf_segoe-ui_bold';
    src: local('Segoe UI Bold'),local('Segoe UI'),url('../fonts/segoe-ui/west-european/bold/latest.woff2') format('woff2'),url('../fonts/segoe-ui/west-european/bold/latest.woff') format('woff'),url('../fonts/segoe-ui/west-european/bold/latest.ttf') format('truetype'),url('../fonts/segoe-ui/west-european/bold/latest.svg#web') format('svg');
    font-weight: 700;
    font-style: normal
}

@-webkit-keyframes loading-opacity {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes loading-opacity {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    10% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    90% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    10% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    90% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.fxs-splashscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: #2e80ab;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

    .fxs-splashscreen > div {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .fxs-splashscreen .fxs-splashscreen-logo {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

        .fxs-splashscreen .fxs-splashscreen-logo > svg {
            width: 120px;
            height: 80px;
            fill: #fff
        }

.fxs-splashscreen-loader-container {
    margin-top: 16px
}

    .fxs-splashscreen-loader-container > div {
        margin-left: 10px
    }

        .fxs-splashscreen-loader-container > div::after {
            height: 10px;
            width: 10px;
            background: #fff
        }

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

    .fxs-loading5dots-container > div {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin-right: -100%;
        -webkit-animation: loading 3s cubic-bezier(0,.95,1,.05) infinite,loading-opacity 1.5s ease-in-out infinite alternate;
        animation: loading 3s cubic-bezier(0,.95,1,.05) infinite,loading-opacity 1.5s ease-in-out infinite alternate;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .fxs-loading5dots-container > div:nth-child(1) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .fxs-loading5dots-container > div:nth-child(2) {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .fxs-loading5dots-container > div:nth-child(3) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .fxs-loading5dots-container > div:nth-child(4) {
            -webkit-animation-delay: .1s;
            animation-delay: .1s
        }

        .fxs-loading5dots-container > div::after {
            content: "";
            display: block;
            border-radius: 50%
        }

@media screen and (-ms-high-contrast:active) {
    .fxs-splashscreen {
        -ms-high-contrast-adjust: auto;
        background-color: window
    }

        .fxs-splashscreen .fxs-splashscreen-logo > svg {
            fill: windowText
        }

    .fxs-splashscreen-loader-container > div::after {
        border-color: windowText;
        background: windowText
    }
}

@font-face {
    font-family: 'az_ea_font';
    src: local('Microsoft Yahei UI'),local('Microsoft Yahei')
}



.azc-grid:focus {
    outline: none !important
}

.fxs-manifest-frame, .fxs-extension-frame {
    position: absolute;
    left: 10px;
    top: 10px;
    border: 0;
    height: 1px;
    width: 1px;
    display: none
}

.fxs-portal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transition: background .25s ease;
    z-index: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fxs-portal-main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: calc(100% - 40px);
    position: relative;
    z-index: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0
}

.fxs-portal-content {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    transition: margin .2s ease;
    z-index: 1
}

.fxs-portal-controlloadfailed > svg {
    vertical-align: bottom;
    height: 18px
}

.fxs-portal-tip-content {
    max-width: 400px
}

.fxs-portal-tip.azc-balloon .azc-balloon-content {
    padding: 0
}

.fxs-portal-tip.azc-balloon .azc-balloon-pointer {
    border-color: #fff
}

.fxc-preview {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.fxs-portal-shield-icon > svg {
    width: 20px;
    height: 20px
}

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

.fxs-portal-shield-icon-error {
    background-color: #e81123
}

.fxs-portal-shield-icon-on-topbar {
    position: absolute;
    height: 40px;
    width: 40px
}

    .fxs-portal-shield-icon-on-topbar > svg {
        margin: 10px
    }

.fxs-portal-shield-modaldialog {
    position: fixed;
    width: 430px
}

    .fxs-portal-shield-modaldialog .fxs-messagebox {
        background-color: #fff;
        color: #1f2327
    }

        .fxs-portal-shield-modaldialog .fxs-messagebox .fxs-messagebox-title {
            padding: 22px 27px
        }

        .fxs-portal-shield-modaldialog .fxs-messagebox .fxs-messagebox-text {
            max-height: calc(100vh - 295px - 160px);
            overflow-y: auto
        }

        .fxs-portal-shield-modaldialog .fxs-messagebox .msportalfx-form {
            background-color: inherit;
            border-top-width: 0
        }

            .fxs-portal-shield-modaldialog .fxs-messagebox .msportalfx-form > div {
                border-top-width: 0
            }

        .fxs-portal-shield-modaldialog .fxs-messagebox a {
            text-decoration: underline;
            color: #00bcf2
        }

.fxs-portal-shield-modaldialog-on-jumpbar {
    left: 85px;
    top: 295px
}

.fxs-input {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: none;
    height: 24px;
    text-indent: 10px
}

.fxs-button {
    position: relative;
    box-sizing: border-box;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    cursor: pointer;
    border: 1px solid;
    padding: 0 20px;
    margin: 0
}

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

.fxs-inner-dotted-border {
    position: relative
}

    .fxs-inner-dotted-border:focus::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        display: block;
        border-width: 1px;
        border-style: dotted;
        pointer-events: none
    }

.fxs-hidden-important {
    display: none !important
}

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

.fxs-full-height {
    height: 100%
}

.fxs-full-width {
    width: 100%
}

@-webkit-keyframes fxs-progress-animatedEllipses {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

@keyframes fxs-progress-animatedEllipses {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

fxs-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 194
}

.fxs-progress-dots {
    position: absolute;
    top: calc(50% - 6px/2);
    width: 100%;
    line-height: 0;
    text-align: center
}

    .fxs-progress-dots > div {
        display: inline-block;
        height: 6px;
        width: 6px;
        -webkit-animation: fxs-progress-animatedEllipses 1.5s infinite;
        animation: fxs-progress-animatedEllipses 1.5s infinite;
        background: #aab3bd;
        margin: 0 2.5px
    }

        .fxs-progress-dots > div:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }

        .fxs-progress-dots > div:nth-child(2) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .fxs-progress-dots > div:nth-child(3) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

 layout.css

.azc-listView-selectable.azc-listView-outlined .azc-listView-item.fxs-portal-activated {
    outline- 2px;
    outline-style: dashed
}

    .azc-listView-selectable.azc-listView-outlined .azc-listView-item.fxs-portal-activated:focus {
        outline-style: dashed
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-legalterms-profileForm-title {
    padding-bottom: 10px;
    font-weight: 700;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-legalterms-profileForm-container {
    padding-top: 10px;
    font-weight: 700;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-legalterms-profileForm-alignWithRequiredFields > div:first-child > div:first-child > label:first-child {
    padding-left: 11px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-legalterms-profileForm-paddingForm > div:nth-child(2n) {
    padding-bottom: 8px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-small .ext-gallery-startboard-tile-icon {
    margin: 13px 0px 0px 6px;
    vertical-align: top;
    float: left;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-small .ext-gallery-startboard-tile-title {
    display: inline-block;
    margin: 20px 10px;
    position: absolute;
     100px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-mini {
    text-align: center;
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-mini .ext-gallery-startboard-tile-icon {
        margin: 5px 0px 7px;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-normal {
    padding: 1px 0px 0px 1px;
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-normal .ext-gallery-startboard-tile-icon {
         145px;
        height: 105px;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-wide .ext-gallery-startboard-tile-icon {
     210px;
    height: 150px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-wide .ext-gallery-startboard-tile-icon {
    float: left;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-wide .ext-gallery-startboard-tile-title {
    position: absolute;
    top: 65px;
    left: 235px;
     90px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-normal .ext-gallery-startboard-tile-title {
    margin-top: 14px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-results-list-item-title {
    min-height: 20px;
    max-height: 32px;
    overflow: hidden;
    padding-bottom: 1px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-results-list-item {
    margin: 8px 0px;
    display: inline-block;
    max- calc(100% - 27px);
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-item-text-transform-reset {
    text-transform: none;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-float-left {
    float: left;
    position: relative;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-float-right-no-clear {
    float: right;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-float-right {
    float: right;
    clear: both;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-align-right {
    text-align: right;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-text-light {
    color: rgb(85, 85, 85);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-normal-white-space {
    white-space: normal;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-item-title {
    margin-top: -4px;
    margin-bottom: 5px;
    max-height: 36px;
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-control-item .ext-gallery-item-title {
    margin-top: 4px;
    margin-bottom: 3px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-menu-item {
    padding: 10px 17px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-header {
    padding: 0px 9px;
    margin-top: 0px;
     800px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-medium-width {
     115px;
    height: 115px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-wide-width {
     252px;
    height: 114px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-hero {
    margin: 0px 25px 25px;
     800px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-control {
    margin-left: 11px;
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-control-item {
    position: relative;
    padding: 9.5px;
    margin: 0px -1px;
    height: 175px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-previewbanner {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
    padding: 2px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-item .ext-gallery-previewbanner {
     calc(100% - 35px);
    top: 60px;
    margin: 0px 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-control-item .ext-gallery-previewbanner {
     calc(100% - 19px);
    top: 110px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-filtercombobox {
    max- 100%;
    padding-top: 23px;
    padding-left: 23px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-title {
    margin: 5px 25px;
    padding-right: 25px;
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-results-title {
    margin: 5px 25px 0px 30px;
    padding-right: 25px;
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-container {
    padding: 25px 25px 21px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-no-results-message {
    display: inline;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-grid-container {
    height: calc(100% - 69px);
    position: relative;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-grid-container-searching {
    height: calc(100% - 186px);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-grid-container-recommendation-collapsed {
    height: calc(100% - 116px);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-search-grid {
    padding: 0px 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-result-image {
     25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-image-content {
    display: inline-block;
    vertical-align: middle;
    padding-top: 7px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-result-displayname {
    padding-left: 10px;
    max-height: 34px;
    overflow: hidden;
    padding-top: 3px;
    white-space: normal;
    max- 90%;
    vertical-align: middle;
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-result-row {
    height: 39px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-image {
    margin: 12px 18px;
    height: 40px;
     40px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-item {
    padding-right: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-container {
    margin: -15px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-description {
    margin-bottom: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-screenshot {
    border- 1px;
    border-style: solid;
    border-color: rgb(170, 176, 183);
    margin: 25px 0px 22px;
    height: 324px;
     533px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social {
    padding-bottom: 12px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social-icon {
    display: inline-block;
    margin-right: 7px;
    opacity: 1;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social-link:focus {
    display: inline-block;
    border- 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social-link {
    display: inline-block;
    border- 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social-icon:hover {
    opacity: 0.85;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-details-social-icon-image {
    height: 23px;
     23px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-legal-terms-programmatic-access-inline-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-legal-terms-programmatic-access-no-access-grid-summary {
    margin-top: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-legal-terms-programmatic-access-has-been-signed {
    height: 23px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-legal-terms-programmatic-access-count-text {
    margin-top: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-grid-row {
    margin: 5px 6px 5px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-grid-row-infra {
    margin: 5px 6px 5px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-grid-row .ext-gallery-pricing-left {
     60%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-grid-row .ext-gallery-pricing-right {
     210px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-inline-title {
    margin-top: 30px;
    margin-bottom: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-hotspot {
    padding: 1px 3px;
    margin: 0px -3px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-grid-header {
    padding-top: 15px;
    padding-bottom: 5px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-templateterms {
    padding-top: 5px;
    padding-bottom: 15px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-grid-total {
    margin-top: 10px;
    margin-bottom: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-grid-footnote {
    margin-top: 20px;
    margin-bottom: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-footnotetext {
    margin-left: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-details-content {
    margin-top: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-summary-grid-row {
    margin: 8px 0px 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-offer {
    margin-bottom: 5px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-margin {
    margin: 0px -6px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-products-grid-margin {
    margin-top: 10px;
    margin-bottom: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-gradient-margin {
    margin: 0px 0px 0px 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-footnoteicon {
     17px;
    height: 17px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-checkbox label {
    position: absolute;
    margin-left: 30px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-checkbox {
    position: relative;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-summary-validation-error {
    margin-bottom: 28px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-summary-validation-error-link-cursor {
    cursor: pointer;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-arm-errors-list-error {
    margin-bottom: 28px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-arm-errors-list-policy-details {
    margin-top: 14px;
    margin-left: 14px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-arm-errors-list-policy-emphasized {
    font-weight: bold;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-arm-errors-list-link-cursor {
    cursor: pointer;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-summary-container {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-summary-details-section {
    flex-grow: 1;
    overflow-y: auto;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-section {
    flex-basis: auto;
    border-top: 1px solid rgb(204, 204, 204);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-section-title {
    margin: 20px 0px 12px;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-section-content {
    height: 64px;
    overflow-y: scroll;
    border- 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-section .ext-gallery-pricing-legal-checkbox {
    margin: 12px 0px 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-results-list-hyperLinkIcon {
     10px;
    height: 10px;
    display: inline-block;
    padding-left: 4px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-results-list-content {
    padding-left: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-subTitle {
    opacity: 0.6;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-item {
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-item-title {
    margin-bottom: 0px;
    max-height: 34px;
    overflow: hidden;
    white-space: normal;
    padding-bottom: 1px;
    display: inline;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-item-summary {
    opacity: 0.6;
    max-height: 54px;
    overflow: hidden;
    white-space: normal;
    padding-top: 1px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-item-details {
    padding-top: 11px;
    max- calc(100% - 120px);
    display: inline-block;
    max-height: 68px;
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-list-image {
    margin: 15px 10px 15px 25px;
    height: 60px;
     60px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-goIcon {
    padding-right: 25px;
     20px;
    height: 20px;
    float: right;
    margin-top: -20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-storeicon {
     24px;
    height: 24px;
    padding-top: 8px;
    padding-left: 9px;
    float: left;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-marketplace {
    padding: 14px 0px 2px 16px;
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-column {
    border-style: hidden;
    padding: 0px;
    height: 61px;
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-column:first-of-type {
        border-style: hidden;
        padding: 0px;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-find {
    padding-top: 1px;
    opacity: 0.6;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-grid {
    padding-top: 0px;
    padding-bottom: 30px;
    height: calc(100% - 137px);
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-grid .ext-gallery-list-menu-column:last-child {
        border-top-style: hidden;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-hotspot {
    padding: 0px;
    height: 45px;
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-title {
    display: inline-block;
    padding-bottom: 10px;
    max- 50%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-title-link {
    display: inline-block;
    float: right;
    text-align: right;
    max- 50%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-item-notallowed {
    opacity: 0.4;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-content {
    padding: 25px 25px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-result-title {
    padding: 73px 25px 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-chevron {
    padding-right: 10px;
    height: 20px;
     20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-item-name {
    padding-left: 23px;
    padding-bottom: 1px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-grid {
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column {
    border-style: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    height: 36px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-highlight {
    height: 30px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column:first-of-type {
    border-style: hidden;
    padding-left: 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column:last-of-type {
    border-style: hidden;
    padding-left: 0px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-recent-title {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-line {
    height: 1px;
    opacity: 0.4;
    margin: 0px 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-message {
    padding: 10px 25px;
    margin-top: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-list-image-small {
    margin: 10px 10px 7px 17px;
    height: 40px;
     40px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-item-publisher {
    opacity: 0.6;
    max-height: 16px;
    height: 16px;
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-item-title-small {
    margin-top: 2px;
    padding-bottom: 1px;
    max-height: 17px;
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column-small {
    border-style: hidden;
    padding: 0px;
    height: 60px;
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column-small:last-of-type, .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-menu-column-small:first-of-type {
        border-style: hidden;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-item-small-details {
    padding-top: 10px;
    max- calc(100% - 90px);
    display: inline-block;
    max-height: 40px;
    overflow: hidden;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-content {
     100%;
    height: 100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-background {
    position: absolute;
    bottom: 0px;
    left: -270px;
     585px;
    height: 456px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-foreground {
    position: absolute;
    top: 0px;
     315px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-arrow {
     32px;
    height: 32px;
    padding-left: 7px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-comingsoon-top {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-subscription-top {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 15px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-action {
    padding-top: 25px;
    padding-left: 40px;
    padding-right: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-inline {
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-title {
     calc(100% - 100px);
    vertical-align: top;
    margin-top: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-description {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-actiontext {
    height: 32px;
    vertical-align: text-bottom;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-comingsoon-icon {
     96px;
    height: 108px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-subscription-icon {
     96px;
    height: 96px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-content {
    padding-top: 28px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-group {
    padding-bottom: 30px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-group-title {
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-group-detail {
    display: inline-block;
    font-style: italic;
    padding-right: 2px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-item {
    padding-top: 15px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-item-checkbox {
    display: inline-block;
    padding-right: 8px;
    vertical-align: super;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-item-title {
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-filter-cspMessage {
    padding: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-item {
    height: 45px;
     260px;
    overflow: hidden;
    margin-right: 5px;
    padding: 0px 0px 3px 4px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-header {
    height: 40px;
    padding-left: 9px;
    display: inline-flex;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-title {
    margin: 13px 0px 18px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-caret {
    height: 15px;
     15px;
    display: inline-block;
    margin: 16px 0px 0px 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-list {
    height: 95px;
    padding-left: 5px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-container {
    height: 115px;
     calc(100% - 21px);
    position: absolute;
    bottom: 0px;
    overflow-y: hidden;
    padding-left: 21px;
    border-top: 2px solid rgb(204, 204, 204);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-collapsed-height {
    height: 45px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-thumb {
    display: inline-block;
    padding-top: 4px;
    vertical-align: middle;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-image {
    max-height: 40px;
    max- 40px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-recommended-item-details {
    padding-left: 10px;
    text-align: left;
    max-height: 68px;
    max- 205px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-mygallery-viewitemtemplate {
    padding-left: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-left-container {
     210px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-right-container {
     300px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-left-container, .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-right-container {
    padding-right: 25px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-categories-list-item {
    display: block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-header-title {
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-items-title {
     250px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-items-container {
     100%;
}

    .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-items-container:not(:first-child) {
        padding-top: 15px;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-items {
    padding: 0px;
    margin-top: 4px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item:first-child {
    margin-top: 10px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-li {
    display: block;
    padding: 10px 0px 5px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-div {
    display: inline-flex;
    line-height: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-icon {
    height: 48px;
     48px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-icon-container {
    position: relative;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-icon-preview-tag {
    position: absolute;
    top: 33px;
     100%;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-info {
    padding-left: 12px;
     240px;
}

.ext-mode-light .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-title {
    color: rgb(37, 37, 37);
}

    .ext-mode-light .css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-title:hover {
        text-decoration: underline;
    }

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-title {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 2px;
    font-weight: 500;
    display: block;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-header-container {
    padding-top: 2px;
    padding-bottom: 7px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(105, 130, 155, 0.25);
    border-top-color: rgba(105, 130, 155, 0.25);
    border-right-color: rgba(105, 130, 155, 0.25);
    border-left-color: rgba(105, 130, 155, 0.25);
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-header-see-all {
    float: right;
    text-align: right;
    line-height: 20px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-category-item {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 8px;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-inline-flex {
    display: inline-flex;
}

.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-search {
    padding-bottom: 19px;
    padding-top: 9px;
}

.azc-balloon {
    position: fixed;
    word-wrap: break-word;
    height: auto;
    text-align: left;
    z-index: 250;
    min- 75px
}

    .azc-balloon.azc-balloon-box-bottom.azc-balloon-position-alternate .azc-balloon-pointer, .azc-balloon.azc-balloon-box-bottom.azc-balloon-position-preferred .azc-balloon-pointer, .azc-balloon.azc-balloon-box-top.azc-balloon-position-alternate .azc-balloon-pointer, .azc-balloon.azc-balloon-box-top.azc-balloon-position-preferred .azc-balloon-pointer {
         0;
        height: 0;
        background: 0 0;
        border-style: solid;
        border-right-color: transparent !important;
        border-left-color: transparent !important
    }

    .azc-balloon.azc-balloon-hidden {
        visibility: hidden
    }

    .azc-balloon.azc-balloon-forcedisplayblock {
        display: block !important
    }

    .azc-balloon.azc-balloon-box-top.azc-balloon-position-preferred .azc-balloon-pointer {
        left: 0;
        bottom: -8px;
        border- 8px 8px 0 0;
        border-bottom-color: transparent !important
    }

    .azc-balloon.azc-balloon-box-top.azc-balloon-position-alternate .azc-balloon-pointer {
        right: 0;
        bottom: -8px;
        border- 8px 0 0 8px;
        border-bottom-color: transparent !important
    }

    .azc-balloon.azc-balloon-box-bottom.azc-balloon-position-preferred .azc-balloon-pointer {
        left: 0;
        top: -8px;
        border- 0 8px 8px 0;
        border-top-color: transparent !important
    }

    .azc-balloon.azc-balloon-box-bottom.azc-balloon-position-alternate .azc-balloon-pointer {
        right: 0;
        top: -8px;
        border- 0 0 8px 8px;
        border-top-color: transparent !important
    }

    .azc-balloon .azc-balloon-help-title {
        font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
        text-transform: uppercase;
        font-size: 12px
    }

    .azc-balloon .azc-balloon-content {
        font-size: 12px;
        padding: 15px;
        white-space: normal
    }

    .azc-balloon .azc-balloon-pointer {
        position: absolute
    }

.azc-dockedballoon.azc-dockedballoon-info {
    display: inline-block;
    text-align: center;
     20px;
    height: 20px;
    cursor: pointer;
    position: relative
}

    .azc-dockedballoon.azc-dockedballoon-info .azc-dockedballoon-anchor {
         100%;
        height: 100%;
        stroke: none
    }

        .azc-dockedballoon.azc-dockedballoon-info .azc-dockedballoon-anchor img {
            display: inline-block;
            margin-top: 5px
        }

.azc-dockedballoon-requiredwidget.azc-dockedballoon-required {
    display: inline-block;
    text-align: center;
     11px;
    height: 6px;
    cursor: pointer;
    position: relative
}

.azc-required-anchor {
    height: 6px;
     6px;
    margin-right: 5px
}

    .azc-required-anchor svg {
        vertical-align: 4px
    }

.azc-dockedballoon-anchor-target {
    height: 9px;
     9px;
    margin-left: 3px
}

.azc-dockedballoon-validation {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box
}

    .azc-dockedballoon-validation .azc-dockedballoon-anchor {
        cursor: pointer;
        font-weight: 700;
        color: #fff;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        display: block
    }

        .azc-dockedballoon-validation .azc-dockedballoon-anchor svg {
            display: none
        }

        .azc-dockedballoon-validation .azc-dockedballoon-anchor:before {
            content: "!"
        }

.azc-dockedballoon-required {
    fill: #e81123
}

.azc-pager {
    margin-top: 3px
}

    .azc-pager .fxs-portal-border {
        border: 1px solid;
        margin-left: 3px
    }

        .azc-pager .fxs-portal-border svg {
            height: 12px;
             12px
        }

    .azc-pager [role=navigation] {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: auto
    }

.azc-pager-arrow, .azc-pager-input, .azc-pager-page {
    float: left;
    text-align: center
}

    .azc-pager-arrow:last-child, .azc-pager-input:last-child, .azc-pager-page:last-child {
        margin-right: 0
    }

    .azc-pager-arrow[aria-disabled=true], .azc-pager-input[aria-disabled=true], .azc-pager-page[aria-disabled=true] {
        opacity: .2 !important
    }

.azc-pager-link {
    display: block;
    padding: 0 11px;
    font-size: 11px;
    line-height: 22px;
    color: inherit !important;
    text-decoration: none
}

.azc-pager-arrow-link {
    padding: 0;
    line-height: 0
}

.azc-pager-arrow, .azc-pager-page {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .azc-pager-arrow .fxs-portal-svg, .azc-pager-page .fxs-portal-svg {
        padding: 4px
    }

.azc-pager-input {
     50px
}

    .azc-pager-input .azc-pager-input-textBox {
        height: 23px;
        padding-right: 0 !important
    }

    .azc-pager-input input {
        text-align: center;
        border-right- 1px !important
    }

body > div[data-popup=true].azc-control {
    z-index: 250
}

.azc-before-color-index-76::before, .azc-color-index-76, div.azc-before-color-k0t2::before, div.azc-color-k0t2, div.msportalfx-bgcolor-k0t2 {
    background-color: #63707e !important
}

.azc-before-color-index-75::before, .azc-color-index-75, div.azc-before-color-j0t2::before, div.azc-color-j0t2, div.msportalfx-bgcolor-j0t2 {
    background-color: #f0f7b2 !important
}

.azc-before-color-index-74::before, .azc-color-index-74, div.azc-before-color-i0t2::before, div.azc-color-i0t2, div.msportalfx-bgcolor-i0t2 {
    background-color: #ccecdb !important
}

.azc-before-color-index-73::before, .azc-color-index-73, div.azc-before-color-h0t2::before, div.azc-color-h0t2, div.msportalfx-bgcolor-h0t2 {
    background-color: #ccf0ea !important
}

.azc-before-color-index-72::before, .azc-color-index-72, div.azc-before-color-g0t2::before, div.azc-color-g0t2, div.msportalfx-bgcolor-g0t2 {
    background-color: #ccf2fc !important
}

.azc-before-color-index-71::before, .azc-color-index-71, div.azc-before-color-f0t2::before, div.azc-color-f0t2, div.msportalfx-bgcolor-f0t2 {
    background-color: #ccd1e9 !important
}

.azc-before-color-index-70::before, .azc-color-index-70, div.azc-before-color-e0t2::before, div.azc-color-e0t2, div.msportalfx-bgcolor-e0t2 {
    background-color: #e1d3e4 !important
}

.azc-before-color-index-69::before, .azc-color-index-69, div.azc-before-color-d0t2::before, div.azc-color-d0t2, div.msportalfx-bgcolor-d0t2 {
    background-color: #fbcce8 !important
}

.azc-before-color-index-68::before, .azc-color-index-68, div.azc-before-color-c0t2::before, div.azc-color-c0t2, div.msportalfx-bgcolor-c0t2 {
    background-color: #facfd3 !important
}

.azc-before-color-index-67::before, .azc-color-index-67, div.azc-before-color-b0t2::before, div.azc-color-b0t2, div.msportalfx-bgcolor-b0t2 {
    background-color: #ffe8cc !important
}

.azc-before-color-index-66::before, .azc-color-index-66, div.azc-before-color-a0t2::before, div.azc-color-a0t2, div.msportalfx-bgcolor-a0t2 {
    background-color: #fffccc !important
}

.azc-before-color-index-65::before, .azc-color-index-65, div.azc-before-color-k0t1::before, div.azc-color-k0t1, div.msportalfx-bgcolor-k0t1 {
    background-color: #8f9ca8 !important
}

.azc-before-color-index-64::before, .azc-color-index-64, div.azc-before-color-j0t1::before, div.azc-color-j0t1, div.msportalfx-bgcolor-j0t1 {
    background-color: #d6e86c !important
}

.azc-before-color-index-63::before, .azc-color-index-63, div.azc-before-color-i0t1::before, div.azc-color-i0t1, div.msportalfx-bgcolor-i0t1 {
    background-color: #66c592 !important
}

.azc-before-color-index-62::before, .azc-color-index-62, div.azc-before-color-h0t1::before, div.azc-color-h0t1, div.msportalfx-bgcolor-h0t1 {
    background-color: #66d1bf !important
}

.azc-before-color-index-61::before, .azc-color-index-61, div.azc-before-color-g0t1::before, div.azc-color-g0t1, div.msportalfx-bgcolor-g0t1 {
    background-color: #66d7f7 !important
}

.azc-before-color-index-60::before, .azc-color-index-60, div.azc-before-color-f0t1::before, div.azc-color-f0t1, div.msportalfx-bgcolor-f0t1 {
    background-color: #6674bc !important
}

.azc-before-color-index-59::before, .azc-color-index-59, div.azc-before-color-e0t1::before, div.azc-color-e0t1, div.msportalfx-bgcolor-e0t1 {
    background-color: #a47aaf !important
}

.azc-before-color-index-58::before, .azc-color-index-58, div.azc-before-color-d0t1::before, div.azc-color-d0t1, div.msportalfx-bgcolor-d0t1 {
    background-color: #f466ba !important
}

.azc-before-color-index-57::before, .azc-color-index-57, div.azc-before-color-c0t1::before, div.azc-color-c0t1, div.msportalfx-bgcolor-c0t1 {
    background-color: #f1707b !important
}

.azc-before-color-index-56::before, .azc-color-index-56, div.azc-before-color-b0t1::before, div.azc-color-b0t1, div.msportalfx-bgcolor-b0t1 {
    background-color: #ffba66 !important
}

.azc-before-color-index-55::before, .azc-color-index-55, div.azc-before-color-a0t1::before, div.azc-color-a0t1, div.msportalfx-bgcolor-a0t1 {
    background-color: #fcf37e !important
}

.azc-before-color-index-54::before, .azc-color-index-54, div.azc-before-color-k0s1::before, div.azc-color-k0s1, div.msportalfx-bgcolor-k0s1 {
    background-color: #464f59 !important
}

.azc-before-color-index-53::before, .azc-color-index-53, div.azc-before-color-j0s1::before, div.azc-color-j0s1, div.msportalfx-bgcolor-j0s1 {
    background-color: #8ba208 !important
}

.azc-before-color-index-52::before, .azc-color-index-52, div.azc-before-color-i0s1::before, div.azc-color-i0s1, div.msportalfx-bgcolor-i0s1 {
    background-color: #0f5b2f !important
}

.azc-before-color-index-51::before, .azc-color-index-51, div.azc-before-color-h0s1::before, div.azc-color-h0s1, div.msportalfx-bgcolor-h0s1 {
    background-color: #00856f !important
}

.azc-before-color-index-50::before, .azc-color-index-50, div.azc-before-color-g0s1::before, div.azc-color-g0s1, div.msportalfx-bgcolor-g0s1 {
    background-color: #008db5 !important
}

.azc-before-color-index-49::before, .azc-color-index-49, div.azc-before-color-f0s1::before, div.azc-color-f0s1, div.msportalfx-bgcolor-f0s1 {
    background-color: #00126b !important
}

.azc-before-color-index-48::before, .azc-color-index-48, div.azc-before-color-e0s1::before, div.azc-color-e0s1, div.msportalfx-bgcolor-e0s1 {
    background-color: #4e195c !important
}

.azc-before-color-index-47::before, .azc-color-index-47, div.azc-before-color-d0s1::before, div.azc-color-d0s1, div.msportalfx-bgcolor-d0s1 {
    background-color: #b10069 !important
}

.azc-before-color-index-46::before, .azc-color-index-46, div.azc-before-color-c0s1::before, div.azc-color-c0s1, div.msportalfx-bgcolor-c0s1 {
    background-color: #ae0d1a !important
}

.azc-before-color-index-45::before, .azc-color-index-45, div.azc-before-color-b0s1::before, div.azc-color-b0s1, div.msportalfx-bgcolor-b0s1 {
    background-color: #bf6900 !important
}

.azc-before-color-index-44::before, .azc-color-index-44, div.azc-before-color-a0s1::before, div.azc-color-a0s1, div.msportalfx-bgcolor-a0s1 {
    background-color: #bfb500 !important
}

.azc-before-color-index-43::before, .azc-color-index-43, div.azc-before-color-k0s2::before, div.azc-color-k0s2, div.msportalfx-bgcolor-k0s2 {
    background-color: #32383f !important
}

.azc-before-color-index-42::before, .azc-color-index-42, div.azc-before-color-j0s2::before, div.azc-color-j0s2, div.msportalfx-bgcolor-j0s2 {
    background-color: #3d460a !important
}

.azc-before-color-index-41::before, .azc-color-index-41, div.azc-before-color-i0s2::before, div.azc-color-i0s2, div.msportalfx-bgcolor-i0s2 {
    background-color: #063d20 !important
}

.azc-before-color-index-40::before, .azc-color-index-40, div.azc-before-color-h0s2::before, div.azc-color-h0s2, div.msportalfx-bgcolor-h0s2 {
    background-color: #084c41 !important
}

.azc-before-color-index-39::before, .azc-color-index-39, div.azc-before-color-g0s2::before, div.azc-color-g0s2, div.msportalfx-bgcolor-g0s2 {
    background-color: #005e79 !important
}

.azc-before-color-index-38::before, .azc-color-index-38, div.azc-before-color-f0s2::before, div.azc-color-f0s2, div.msportalfx-bgcolor-f0s2 {
    background-color: #000c48 !important
}

.azc-before-color-index-37::before, .azc-color-index-37, div.azc-before-color-e0s2::before, div.azc-color-e0s2, div.msportalfx-bgcolor-e0s2 {
    background-color: #34113d !important
}

.azc-before-color-index-36::before, .azc-color-index-36, div.azc-before-color-d0s2::before, div.azc-color-d0s2, div.msportalfx-bgcolor-d0s2 {
    background-color: #760046 !important
}

.azc-before-color-index-35::before, .azc-color-index-35, div.azc-before-color-c0s2::before, div.azc-color-c0s2, div.msportalfx-bgcolor-c0s2 {
    background-color: #740912 !important
}

.azc-before-color-index-34::before, .azc-color-index-34, div.azc-before-color-b0s2::before, div.azc-color-b0s2, div.msportalfx-bgcolor-b0s2 {
    background-color: #804600 !important
}

.azc-before-color-index-33::before, .azc-color-index-33, div.azc-before-color-a0s2::before, div.azc-color-a0s2, div.msportalfx-bgcolor-a0s2 {
    background-color: #807900 !important
}

.azc-before-color-index-32::before, .azc-color-index-32, div.azc-before-color-k2::before, div.azc-color-k2, div.msportalfx-bgcolor-k2 {
    background-color: #d6d7d8 !important
}

.azc-before-color-index-31::before, .azc-color-index-31, div.azc-before-color-j2::before, div.azc-color-j2, div.msportalfx-bgcolor-j2 {
    background-color: #e2e584 !important
}

.azc-before-color-index-30::before, .azc-color-index-30, div.azc-before-color-i2::before, div.azc-color-i2, div.msportalfx-bgcolor-i2 {
    background-color: #55d455 !important
}

.azc-before-color-index-29::before, .azc-color-index-29, div.azc-before-color-h2::before, div.azc-color-h2, div.msportalfx-bgcolor-h2 {
    background-color: #00d8cc !important
}

.azc-before-color-index-28::before, .azc-color-index-28, div.azc-before-color-g2::before, div.azc-color-g2, div.msportalfx-bgcolor-g2 {
    background-color: #6dc2e9 !important
}

.azc-before-color-index-27::before, .azc-color-index-27, div.azc-before-color-f2::before, div.azc-color-f2, div.msportalfx-bgcolor-f2 {
    background-color: #4668c5 !important
}

.azc-before-color-index-26::before, .azc-color-index-26, div.azc-before-color-e2::before, div.azc-color-e2, div.msportalfx-bgcolor-e2 {
    background-color: #9b4f96 !important
}

.azc-before-color-index-25::before, .azc-color-index-25, div.azc-before-color-d2::before, div.azc-color-d2, div.msportalfx-bgcolor-d2 {
    background-color: #f472d0 !important
}

.azc-before-color-index-24::before, .azc-color-index-24, div.azc-before-color-c2::before, div.azc-color-c2, div.msportalfx-bgcolor-c2 {
    background-color: #dd5900 !important
}

.azc-before-color-index-23::before, .azc-color-index-23, div.azc-before-color-b2::before, div.azc-color-b2, div.msportalfx-bgcolor-b2 {
    background-color: #ffb900 !important
}

.azc-before-color-index-22::before, .azc-color-index-22, div.azc-before-color-a2::before, div.azc-color-a2, div.msportalfx-bgcolor-a2 {
    background-color: #fffc9e !important
}

.azc-before-color-index-21::before, .azc-color-index-21, div.azc-before-color-k0::before, div.azc-color-k0, div.msportalfx-bgcolor-k0 {
    background-color: #bbc2ca !important
}

.azc-before-color-index-20::before, .azc-color-index-20, div.azc-before-color-j0::before, div.azc-color-j0, div.msportalfx-bgcolor-j0 {
    background-color: #bad80a !important
}

.azc-before-color-index-19::before, .azc-color-index-19, div.azc-before-color-i0::before, div.azc-color-i0, div.msportalfx-bgcolor-i0 {
    background-color: #009e49 !important
}

.azc-before-color-index-18::before, .azc-color-index-18, div.azc-before-color-h0::before, div.azc-color-h0, div.msportalfx-bgcolor-h0 {
    background-color: #00b294 !important
}

.azc-before-color-index-17::before, .azc-color-index-17, div.azc-before-color-g0::before, div.azc-color-g0, div.msportalfx-bgcolor-g0 {
    background-color: #00bcf2 !important
}

.azc-before-color-index-16::before, .azc-color-index-16, div.azc-before-color-f0::before, div.azc-color-f0, div.msportalfx-bgcolor-f0 {
    background-color: #00188f !important
}

.azc-before-color-index-15::before, .azc-color-index-15, div.azc-before-color-e0::before, div.azc-color-e0, div.msportalfx-bgcolor-e0 {
    background-color: #68217a !important
}

.azc-before-color-index-14::before, .azc-color-index-14, div.azc-before-color-d0::before, div.azc-color-d0, div.msportalfx-bgcolor-d0 {
    background-color: #ec008c !important
}

.azc-before-color-index-13::before, .azc-color-index-13, div.azc-before-color-c0::before, div.azc-color-c0, div.msportalfx-bgcolor-c0 {
    background-color: #e81123 !important
}

.azc-before-color-index-12::before, .azc-color-index-12, div.azc-before-color-b0::before, div.azc-color-b0, div.msportalfx-bgcolor-b0 {
    background-color: #ff8c00 !important
}

.azc-before-color-index-11::before, .azc-color-index-11, div.azc-before-color-a0::before, div.azc-color-a0, div.msportalfx-bgcolor-a0 {
    background-color: #fff100 !important
}

.azc-before-color-index-10::before, .azc-color-index-10, div.azc-before-color-k1::before, div.azc-color-k1, div.msportalfx-bgcolor-k1 {
    background-color: #a0a5a8 !important
}

.azc-before-color-index-9::before, .azc-color-index-9, div.azc-before-color-j1::before, div.azc-color-j1, div.msportalfx-bgcolor-j1 {
    background-color: #7fba00 !important
}

.azc-before-color-index-8::before, .azc-color-index-8, div.azc-before-color-i1::before, div.azc-color-i1, div.msportalfx-bgcolor-i1 {
    background-color: #007233 !important
}

.azc-before-color-index-7::before, .azc-color-index-7, div.azc-before-color-h1::before, div.azc-color-h1, div.msportalfx-bgcolor-h1 {
    background-color: #008272 !important
}

.azc-before-color-index-6::before, .azc-color-index-6, div.azc-before-color-g1::before, div.azc-color-g1, div.msportalfx-bgcolor-g1 {
    background-color: #0072c6 !important
}

.azc-before-color-index-5::before, .azc-color-index-5, div.azc-before-color-f1::before, div.azc-color-f1, div.msportalfx-bgcolor-f1 {
    background-color: #002050 !important
}

.azc-before-color-index-4::before, .azc-color-index-4, div.azc-before-color-e1::before, div.azc-color-e1, div.msportalfx-bgcolor-e1 {
    background-color: #442359 !important
}

.azc-before-color-index-3::before, .azc-color-index-3, div.azc-before-color-d1::before, div.azc-color-d1, div.msportalfx-bgcolor-d1 {
    background-color: #b4009e !important
}

.azc-before-color-index-2::before, .azc-color-index-2, div.azc-before-color-c1::before, div.azc-color-c1, div.msportalfx-bgcolor-c1 {
    background-color: #ba141a !important
}

.azc-before-color-index-1::before, .azc-color-index-1, div.azc-before-color-b1::before, div.azc-color-b1, div.msportalfx-bgcolor-b1 {
    background-color: #eb3c00 !important
}

.azc-before-color-index-0::before, .azc-color-index-0, div.azc-before-color-a1::before, div.azc-color-a1, div.msportalfx-bgcolor-a1 {
    background-color: #fcd116 !important
}

.azc-validatableControl .azc-dockedballoon-validation, .azc-validatableControl-valid-validated .azc-dockedballoon-anchor::before, div.azc-validationBelowCtrl .azc-validatableControl-invalid div.azc-dockedballoon.azc-dockedballoon-validation, div.azc-validationBelowCtrl.azc-validatableControl-invalid div.azc-dockedballoon.azc-dockedballoon-validation {
    display: none
}

.azc-dropdown.azc-validatableControl-invalid, .azc-editableCombo.azc-validatableControl-invalid, .azc-inputbox.azc-validatableControl-invalid, .azc-inputbox.azc-validatableControl-pending, .azc-inputbox.azc-validatableControl-valid-validated {
    padding-right: 14px
}

    .azc-dropdown.azc-validatableControl-invalid div.azc-dockedballoon.azc-dockedballoon-validation, .azc-editableCombo.azc-validatableControl-invalid div.azc-dockedballoon.azc-dockedballoon-validation, .azc-inputbox.azc-validatableControl-invalid div.azc-dockedballoon.azc-dockedballoon-validation, .azc-inputbox.azc-validatableControl-pending div.azc-dockedballoon.azc-dockedballoon-validation, .azc-inputbox.azc-validatableControl-valid-validated div.azc-dockedballoon.azc-dockedballoon-validation {
        display: inline-block;
         14px;
        margin-right: -14px
    }

.azc-checkBox.azc-validatableControl-invalid .azc-dockedballoon-validation {
    display: inline-block
}

div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid, div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid .azc-validatableControl-invalid {
    padding-right: 0
}

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

        div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid.azc-validation-border.azc-optionPicker {
             calc(100% - 4px)
        }

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

.fxc-group-dropdown.azc-validationBelowCtrl .azc-validatableControl-invalid div.azc-validation-border {
    border- 2px;
    border-style: solid;
    border-color: #e81123;
     100%;
     calc(100% - 12px);
    padding-right: 0
}

.fxc-group-dropdown.azc-validationBelowCtrl .azc-validatableControl-invalid .fxc-group-dropdown-arrow:before {
    right: 10px
}

.fxc-group-dropdown.fxc-dropdown-filter.azc-validationBelowCtrl:not(.fxc-dropdown-multiselect) .azc-validatableControl-invalid {
    height: 25px
}

    .fxc-group-dropdown.fxc-dropdown-filter.azc-validationBelowCtrl:not(.fxc-dropdown-multiselect) .azc-validatableControl-invalid .azc-validation-border {
         100%;
        height: 25px;
        padding-top: 2px;
        padding-bottom: 3px
    }

.azc-validation-messages {
    clear: both;
    line-height: 15px;
    margin-top: 5px;
    color: #b40e1b
}

    .azc-validation-messages.azc-show-validation {
        display: block
    }

.azc-validatableControl.azc-textBox {
    box-sizing: border-box
}

.azc-validatableControl-invalid .azc-dockedballoon-validation .azc-dockedballoon-anchor {
    padding-top: 3px;
    line-height: normal
}

.azc-checkBox .azc-dockedballoon-validation .azc-dockedballoon-anchor {
    padding: 0 2px 0 0
}

.azc-validatableControl-invalid .azc-inputbox-wrapper {
    display: inline-block
}

.azc-validatableControl-pending {
    overflow: visible;
    position: relative
}

    .azc-validatableControl-pending .azc-dockedballoon-validation .azc-dockedballoon-anchor:before {
        content: url(Content/static/azc-validatableControl-pending.gif);
        position: absolute;
        top: 4px;
        right: 3px
    }

    .azc-validatableControl-pending .azc-dockedballoon-validation .azc-dockedballoon-anchor, .azc-validatableControl-valid-validated .azc-dockedballoon-validation .azc-dockedballoon-anchor {
        cursor: default;
        padding: 1px 1px 0 0
    }

.fxc-selector-requiredBalloon .azc-dockedballoon-anchor {
    padding: 0
}

.azc-validatableControl-pending .azc-inputbox-wrapper, .azc-validatableControl-valid-validated .azc-inputbox-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0;
    border- 0;
    text-decoration: none;
    border-right-color: transparent;
    float: left
}

.azc-validatableControl-pending .azc-dockedballoon-validation, .azc-validatableControl-valid-validated .azc-dockedballoon-validation {
    border- 1px 1px 1px 0;
    border-style: solid;
    outline: 0
}

.azc-inputbox.azc-validatableControl-pending .azc-inputbox-wrapper .azc-input, .azc-inputbox.azc-validatableControl-valid-validated .azc-inputbox-wrapper .azc-input {
    border-right- 0
}

.azc-validatableControl-valid-validated .azc-dockedballoon-validation .azc-dockedballoon-anchor svg {
    display: block;
    height: 10px;
     10px;
    margin-top: 5px
}

.azc-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border- 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    min- 60px;
    font-size: 12px;
    padding: 2px 22px 3px;
    height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center
}

    .azc-button:focus {
        outline- 1px
    }

    .azc-button img {
        margin-right: 3px
    }

    .azc-button svg {
        height: 100%;
         100%
    }

.azc-checkBox {
    display: inline-block;
    height: 17px;
    vertical-align: top;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-color: #777 !important
}

    .azc-checkBox input {
        display: inline-block;
        margin: 0;
        padding: 0;
        border- 0;
        text-decoration: none;
        height: 17px
    }

    .azc-checkBox span.azc-validation-border {
        display: inline-block;
        height: 17px;
         17px !important;
        vertical-align: top;
        box-sizing: border-box;
        border- 1px;
        border-style: solid;
        border-color: inherit
    }

    .azc-checkBox .azc-checkBox-svg {
        position: absolute;
        top: 3px;
        left: 3px
    }

    .azc-checkBox .azc-checkBox-invisible {
        display: none
    }

.azc-datePanel .azc-datePanel-days .azc-datePanel-day, .azc-datePanel .azc-datePanel-days .azc-datePanel-day-names th {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.azc-datePanel {
    border- 1px;
    border-style: solid
}

    .azc-datePanel a {
        text-decoration: none;
        outline: 0;
        border: 1px solid transparent;
        display: block
    }

    .azc-datePanel .azc-datePanel-quick-navigation {
        text-align: center;
        padding: 6px 0 7px;
        text-transform: uppercase;
        font-weight: 700;
         100%;
        white-space: normal
    }

        .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-next-month, .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-prev-month {
            height: 15px;
             15px;
            margin-top: -1px
        }

        .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-prev-month {
            float: left;
            margin-left: 7px
        }

            .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-prev-month:before {
                content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAN0lEQVR4XmWN0QkAIBQCnaUVbpa2fiu8FVrBIAiJ8OdATuUTBgUXG9PBBUEsURgzLett4vxr+dnG9i8WSWJR8AAAAABJRU5ErkJggg==)
            }

        .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-next-month {
            float: right;
            margin-right: 7px
        }

            .azc-datePanel .azc-datePanel-quick-navigation .azc-datePanel-next-month:before {
                content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAAOElEQVR4Xl2NwQ0AIAwCmaUr3AqO3xU6C0bjozV8uEBAQBLWkUhMcVEExUO54e2yMCZH0uy3Nn42kvcuW9fidXcAAAAASUVORK5CYII=)
            }

    .azc-datePanel .azc-datePanel-days {
        border-spacing: 0;
        border-collapse: collapse;
        table-layout: auto;
        margin: 5px auto;
        border-color: inherit
    }

        .azc-datePanel .azc-datePanel-days th {
            text-align: center;
            border-bottom- 1px;
            border-bottom-style: solid
        }

        .azc-datePanel .azc-datePanel-days .azc-datePanel-day {
            text-align: center;
            padding: 6px 8px 7px 9px;
            font-size: 13px
        }

            .azc-datePanel .azc-datePanel-days .azc-datePanel-day.azc-datePanel-today {
                padding: 4px 0
            }

        .azc-datePanel .azc-datePanel-days .azc-datePanel-day-names {
            border-bottom- 1px;
            border-bottom-style: solid;
            border-color: inherit
        }

            .azc-datePanel .azc-datePanel-days .azc-datePanel-day-names th {
                padding: 5px 0 7px;
                text-transform: uppercase;
                font-size: 11px
            }

    .azc-datePanel .azc-datePanel-legend span.azc-datePanel-legend-today {
         14px;
        height: 14px;
        float: left;
        margin: 3px;
        border- 1px;
        border-style: solid
    }

.azc-editableCombo.azc-editableCombo-has-drop-image.azc-datePicker .azc-editableCombo-wrapper {
    padding-right: 18px
}

    .azc-editableCombo.azc-editableCombo-has-drop-image.azc-datePicker .azc-editableCombo-wrapper .azc-editableCombo-drop-image {
         15px;
        height: 15px;
        cursor: pointer
    }

.azc-datePicker-drop-popup {
     240px
}

.azc-dateTimePicker {
    white-space: nowrap;
     100%
}

    .azc-dateTimePicker .azc-datePicker {
         49%;
        display: inline-block;
        margin-right: 2%
    }

    .azc-dateTimePicker .azc-timePicker {
         49%;
        display: inline-block
    }

    .azc-dateTimePicker .azc-timezoneDropDown {
        display: block
    }

.azc-dropdown, .azc-dropdown-wrapper {
    box-sizing: border-box;
    position: relative
}

.azc-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    height: 23px;
    line-height: 21px
}

.azc-dropdown-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0 28px 0 0;
    text-decoration: none;
     100%;
    height: 100%;
    min-height: 19px;
    border- 1px;
    border-style: solid
}

    .azc-dropdown-wrapper .azc-dropdown-arrow, .azc-dropdown-wrapper .azc-dropdown-current {
        border- 0;
        height: 100%;
        display: inline-block;
        text-decoration: none;
        box-sizing: border-box
    }

    .azc-dropdown-wrapper .azc-dropdown-current {
        margin: 0;
        padding: 0 0 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
         100%;
        top: calc(50% - 14px)
    }

    .azc-dropdown-wrapper .azc-dropdown-arrow {
        margin: 0 -28px 0 0;
        padding: 0;
         28px;
        min-height: 19px;
        min- 28px;
        background-color: transparent;
        vertical-align: middle
    }

    .azc-dropdown-wrapper .azc-dropdown-arrow-normal:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        border-style: solid;
        border- 0 2.1px 2.1px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        height: 7px;
         7px;
        top: calc(50% - 4.95px);
        right: 9.05px
    }

    .azc-dropdown-wrapper .azc-dropdown-select {
        cursor: pointer;
        font-size: 12px;
        display: inline-block;
        margin: 0;
        padding: 0 0 0 3px;
        border- 0;
        text-decoration: none;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
         100%;
        height: 100%;
        opacity: 0
    }

    .azc-dropdown-wrapper .azc-textBox-wrapper {
        line-height: normal
    }

.azc-editableCombo .azc-grid-row, .azc-editableCombo.azc-editableCombo-has-drop-image {
    cursor: pointer
}

.azc-editableCombo-wrapper, .azc-editableCombo-wrapper input {
    box-sizing: border-box;
     100%;
    float: left;
    display: inline-block
}

.azc-editableCombo {
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

    .azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper {
        padding-right: 25px
    }

        .azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper input {
            padding-right: 0
        }

        .azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper .azc-editableCombo-drop-image {
            margin-right: -15px;
            padding-top: 3px
        }

.azc-editableCombo-wrapper {
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 23px;
    margin: 0;
    border- 1px;
    border-style: solid
}

    .azc-editableCombo-wrapper input {
        margin: 0;
        border- 0;
        padding: 4px 4px 3px 8px;
        height: 100%;
        outline: 0;
        font-size: 12px;
        background: 0 0
    }

        .azc-editableCombo-wrapper input::-moz-placeholder {
            font-style: italic
        }

        .azc-editableCombo-wrapper input:-ms-input-placeholder {
            font-style: italic
        }

        .azc-editableCombo-wrapper input::-webkit-input-placeholder {
            font-style: italic
        }

    .azc-editableCombo-wrapper .azc-editableCombo-drop-image {
        margin: 0;
        padding: 0;
        border- 0;
        float: left;
        position: relative;
        overflow: hidden;
        display: inline-block
    }

.azc-editableCombo-drop-popup {
    left: -10000px;
    top: -10000px;
    position: fixed;
    z-index: 99;
    overflow: hidden;
    max- calc(100% - 90px)
}

.azc-filterCombo.azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper .azc-editableCombo-drop-image {
    display: inline-block;
    margin: 0 -28px 0 0;
    padding: 0;
    border- 0;
    text-decoration: none;
    box-sizing: border-box;
    height: 100%;
     24px;
    background-color: transparent;
    vertical-align: middle
}

    .azc-filterCombo.azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper .azc-editableCombo-drop-image:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        border-style: solid;
        border- 0 2.1px 2.1px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        height: 7px;
         7px;
        top: calc(50% - 4.95px);
        right: 9.05px
    }

.azc-filterCombo input::-ms-clear {
    display: none
}

.azc-filterCombo-empty .azc-editableCombo-drop-popup, .azc-filterCombo-empty .azc-filterCombo.azc-editableCombo.azc-editableCombo-has-drop-image .azc-editableCombo-wrapper .azc-editableCombo-drop-image {
    display: none
}

.azc-filterCombo.azc-control-disabled {
    opacity: .5;
    cursor: default
}

.azc-filterCombo-drop-popup .azc-grid-container {
    max-height: 250px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border- 1px;
    border-style: solid;
    box-sizing: border-box
}

    .azc-filterCombo-drop-popup .azc-grid-container td:last-child {
        padding-right: 20px
    }

.azc-filterCombo-drop-popup .azc-grid table tbody tr td {
    height: 23px
}

.azc-filterCombo-drop-popup .azc-grid-tableContent div.azc-grid-cellContent {
    display: inline-block
}

.azc-filterCombo-drop-popup .azc-overflow, .azc-filterCombo-drop-popup .azc-underflow {
    display: none
}

.azc-filterCombo-drop-popup .azc-grid-tableScrollContainer::-webkit-scrollbar {
    -webkit-appearance: none;
     7px
}

.azc-filterCombo-drop-popup .azc-grid-tableScrollContainer::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.7);
    box-shadow: 0 0 1px rgba(255,255,255,.3)
}

.azc-multiSelectDropDown-popup {
    z-index: 250;
    position: fixed;
    overflow: hidden;
    max- 100%;
    margin-left: -1px;
    border- 1px;
    border-style: solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .azc-multiSelectDropDown-popup .azc-grid-container {
        max-height: 235px;
        overflow: auto;
        overflow-x: hidden
    }

        .azc-multiSelectDropDown-popup .azc-grid-container table {
            table-layout: auto;
            margin-right: 20px;
            outline: 0
        }

    .azc-multiSelectDropDown-popup td div, .azc-multiSelectDropDown-popup td span {
        vertical-align: middle
    }

    .azc-multiSelectDropDown-popup tr {
        cursor: pointer
    }

        .azc-multiSelectDropDown-popup tr.azc-row-disabled {
            cursor: default
        }

        .azc-multiSelectDropDown-popup tr[aria-selected=false] .azc-check-svg {
            display: none
        }

.azc-multiSelectDropDown-popup-checkbox {
    position: relative;
    height: 15px;
     15px;
    vertical-align: middle;
    display: inline-block;
    border- 1px;
    border-style: solid
}

    .azc-multiSelectDropDown-popup-checkbox .azc-check-svg {
        position: absolute;
        top: 2px;
        left: 2px
    }

.azc-multiSelectDropDown-popup-value {
    display: inline-block;
    padding-left: 7px
}

.fxs-portal .azc-multiSelectDropDown-popup td.azc-br-muted {
    border: none !important;
    height: 24px;
    padding-left: 8px
}

.fxc-multiselect-default {
    font-style: italic;
    opacity: .65
}

.fxc-row-hidden {
    display: none !important
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .azc-dropdown-current {
    position: relative;
    margin-top: 4px
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .azc-dropdown-select {
     21px;
    right: 0;
    left: auto;
    left: initial
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-text {
    display: none
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-total {
    right: 0;
    position: absolute;
    z-index: 1
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .azc-validatableControl-invalid .fxc-multiselect-textbox {
     calc(100% - 42px)
}

.fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox {
    display: block;
    position: absolute;
    top: 0;
     calc(100% - 28px);
    background: #fff
}

    .fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox .azc-textBox {
        height: 21px
    }

    .fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox .azc-textBox-wrapper input {
        border: none;
        height: 21px;
        padding: 1px 8px 2px
    }

        .fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox .azc-textBox-wrapper input::-ms-clear {
            display: none
        }

    .fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox .azc-text-label {
        display: none
    }

.fxc-multiselect-textbox-multi .azc-textBox {
    border-bottom- 1px;
    border-bottom-style: solid
}

    .fxc-multiselect-textbox-multi .azc-textBox.azc-validatableControl.azc-validatableControl-none {
        box-sizing: content-box
    }

.fxc-multiselect-textbox-multi .azc-textBox-wrapper input {
    border- 0
}

.fxc-multiselect-total {
    opacity: .6;
    float: right;
    pointer-events: none
}

.azc-optionPicker ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.azc-noRadio, .azc-noRadio ul {
    margin-bottom: 1px
}

.azc-optionPicker:not(.azc-radio) li.fxs-bg-dirty {
    color: #fff
}

.fxs-bladestyle-create .msportalfx-form .azc-optionPicker li.fxs-bg-dirty {
    color: inherit
}

.azc-radio input {
    vertical-align: text-bottom;
    margin-right: 4px
}

.azc-radio li {
    display: inline;
    padding-right: 12px
}

.azc-radio.azc-oneItemPerLine li {
    display: list-item
}

.azc-noRadio ul {
    margin-right: 1px
}

.azc-noRadio li {
    min- 46px;
    line-height: 13px;
    font-size: 12px;
    padding: 4px;
    text-align: center;
    cursor: pointer;
    float: left;
    border: 1px solid;
    margin-right: -1px;
    margin-bottom: -1px
}

    .azc-noRadio li input {
        display: none
    }

    .azc-noRadio li.azc-disabled, .azc-noRadio li.fxs-portal-selected {
        cursor: default
    }

    .azc-noRadio li[aria-checked=true] {
        position: relative
    }

.azc-noRadio.azc-useFlex {
     100%
}

    .azc-noRadio.azc-useFlex ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .azc-noRadio.azc-useFlex li {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

.azc-noRadio:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.azc-searchBox {
    position: relative;
    display: inline-block;
    font-size: 12px;
    padding-right: 30px;
    height: 23px
}

.azc-searchBox-button-state-hidden .azc-button, .azc-searchBox-state-hidden {
    display: none
}

.azc-searchBox ::-ms-clear {
    display: none
}

.azc-searchBox .azc-button {
    height: 23px;
     23px;
    min- 23px;
    font-size: 16px;
    line-height: normal;
    vertical-align: top;
    margin-left: 0;
    padding: 0;
    border: none;
    top: 0;
    position: absolute
}

.azc-searchBox-button-state-hidden {
    padding-right: 0
}

.azc-searchBox-button-icon {
    position: absolute;
    top: -1px;
    left: 6px
}

.azc-searchBox-wrapper {
     100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0
}

.azc-searchBox-input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     100%
}

    .azc-searchBox-input .azc-textBox-wrapper {
        padding-right: 0;
         100%
    }

        .azc-searchBox-input .azc-textBox-wrapper input {
            display: inline-block;
            padding-right: 0
        }

.azc-searchBox-search-icon {
    position: absolute;
     14px;
    height: 14px;
    top: 4px;
    left: 6px;
    pointer-events: none;
    display: none
}

.azc-searchBox-search-icon-visible .azc-searchBox-search-icon {
    display: block
}

.azc-searchBox-search-icon-visible .azc-textBox-wrapper input {
    padding-left: 24px
}

.azc-splitter {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .azc-splitter.azc-splitter-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

.azc-splitter-pane {
    overflow: auto;
    height: auto;
     inherit
}

    .azc-splitter-pane:first-child {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

.azc-splitter-resizeHandler {
    border-style: solid;
    border- 1px;
    cursor: ns-resize;
    position: relative
}

    .azc-splitter-resizeHandler:before {
        content: "";
        height: 16px;
         100%;
        top: -8px;
        left: 0;
        position: absolute
    }

.azc-splitter-vertical {
    white-space: nowrap;
    -webkit-flex-direction: row;
    flex-direction: row
}

    .azc-splitter-vertical.azc-splitter-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .azc-splitter-vertical > .azc-splitter-pane {
        height: inherit;
         auto
    }

    .azc-splitter-vertical > .azc-splitter-resizeHandler {
        cursor: ew-resize
    }

        .azc-splitter-vertical > .azc-splitter-resizeHandler:before {
            height: 100%;
             16px;
            top: 0;
            left: -8px
        }

        .azc-splitter-vertical > .azc-splitter-resizeHandler::before {
            content: "";
            height: 100%;
            left: -8px;
            position: absolute;
             16px
        }

body.azc-splitter-unselectable * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.azc-textBox {
    height: 23px
}

.azc-textBox-wrapper {
     100%
}

    .azc-textBox-wrapper .azc-input {
        border-style: solid;
        border- 1px;
        box-sizing: border-box;
        font-size: 12px;
        height: 23px;
        outline: 0;
        padding: 2px 8px 4px;
         100%
    }

        .azc-textBox-wrapper .azc-input::-moz-placeholder {
            font-style: italic
        }

        .azc-textBox-wrapper .azc-input:-ms-input-placeholder {
            font-style: italic
        }

        .azc-textBox-wrapper .azc-input::-webkit-input-placeholder {
            font-style: italic
        }

    .azc-textBox-wrapper [placeholder] {
        text-overflow: ellipsis
    }

.fxc-inputhasvalue ::placeholder {
    color: transparent !important
}

.azc-grid-contextMenuShortcut .azc-grid-contextMenuShortcut-col {
     32px
}

.azc-grid-contextMenuShortcut table tbody tr:not([aria-disabled=true]) td.azc-grid-contextMenuShortcut-cell {
    padding: 0 4px 0 0;
    text-align: center
}

    .azc-grid-contextMenuShortcut table tbody tr:not([aria-disabled=true]) td.azc-grid-contextMenuShortcut-cell a {
         100%;
        height: 28px;
        font-size: 23px;
        margin-right: 2px;
        text-decoration: none;
        line-height: 14px
    }

.azc-grid-contextMenuShortcut table tbody .azc-row-disabled .azc-grid-contextMenuShortcut-cell a {
    display: none
}

.azc-grid-editableRow .azc-grid-editableRow-edited td:first-child {
    box-shadow: inset 3px 0 0 0 #c84fd7
}

.azc-grid-editableRow .azc-grid-cell-hidden, .azc-grid-editableRow .azc-grid-editableRow-deleted, .azc-grid-editableRow .azc-placeholdercell {
    display: none
}

.azc-grid-editableRow tr.azc-grid-editing .azc-placeholdercell {
    display: table-cell
}

.azc-grid-editableRow tr.azc-grid-editing .azc-grid-cell-editing + .azc-placeholdercell {
    display: none
}

.azc-grid-editableRow table tbody.azc-grid-editableRow-addSection:not(.azc-grid-editableRow-placement-top) tr.azc-grid-row td {
    border-top- 0
}

.azc-grid-editableRow table tbody.azc-grid-editableRow-addSection.azc-grid-editableRow-placement-top tr.azc-grid-row td {
    border-bottom- 0
}

.azc-grid-editableRow table tbody tr.azc-grid-row:not(.azc-grid-editableRow-deleted) td {
    border-top- 1px;
    border-top-style: solid
}

.azc-grid-editableRow table tbody tr.azc-grid-row:not(.azc-grid-editableRow-deleted) ~ tr.azc-grid-row:not(.azc-grid-editableRow-deleted) td {
    border-top- 0
}

.azc-grid-filterable.azc-grid.azc-grid-headerHidden:not(.azc-grid-groupable) .azc-grid-filterable-searchBox {
    margin-bottom: 14px
}

.azc-grid-filterable.azc-grid.azc-grid-filterable-active .azc-grid-reorderRow-cell div {
    visibility: hidden
}

.azc-grid-filterable.azc-grid .azc-grid-filterable-searchBox {
    display: block
}

    .azc-grid-filterable.azc-grid .azc-grid-filterable-searchBox.azc-searchBox-state-hidden {
        display: none
    }

.azc-grid-filterable.azc-grid .azc-grid-filterable-match {
    font-style: normal
}

.azc-grid-focusableRow table tbody tr[aria-disabled=true] td > div {
    opacity: .5
}

.azc-grid-focusableRow table tbody tr[aria-disabled=true] td.azc-grid-infoBalloon > div {
    opacity: 1
}

.azc-grid-focusableRow table tbody tr[aria-disabled=true] td .azc-dockedballoon {
    position: static
}

.azc-grid-focusableRow.azc-grid-mousedown {
    outline: 0
}

.azc-grid table tbody td img.azc-grid-formatters-icon {
    margin-right: 6px;
    display: flex
}

.azc-grid .azc-grid-formatters-sprite {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

    .azc-grid .azc-grid-formatters-sprite img {
        position: absolute
    }

.azc-grid-groupable.azc-grid.azc-grid-headerHidden .azc-grid-groupdata:first-of-type .azc-grid-groupheader td {
    border-top- 0
}

.azc-grid-groupable.azc-grid .azc-grid-groupdata:first-of-type .azc-grid-groupheader td {
    border-top- 1px
}

.azc-grid-groupable.azc-grid .azc-grid-groupdata .azc-grid-groupheader td {
    padding-top: 15px;
    font-size: 10px;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    text-transform: uppercase;
    border-top- 0
}

.azc-grid-groupable.azc-grid .azc-grid-groupdata .azc-grid-groupheader:hover {
    background-color: inherit
}

.azc-grid-groupable.azc-grid .azc-grid-groupdata tr:not(.azc-grid-groupheader) td.azc-grid-cell:first-of-type {
    padding-left: 30px
}

.azc-grid-hierarchical-cell-flexcontainer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

    .azc-grid-hierarchical-cell-flexcontainer .azc-grid-cellContent {
        flex: 1 1 auto
    }

.azc-grid-hierarchical-header > a {
    padding-left: 26px
}

.azc-grid-hierarchical-icon, .azc-grid-hierarchical-indent {
    display: inline-block;
    flex: 0 0 auto;
     16px;
    height: 16px;
    top: 3px
}

.azc-grid-hierarchical-icon-collapsed, .azc-grid-hierarchical-icon-expanded {
     0;
    height: 0;
    background: 0 0;
    border-style: solid;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.azc-grid-hierarchical-icon-collapsed {
    margin-top: 3px;
    margin-left: 5.5px;
    border- 5px 0 5px 5px;
    border-top-color: transparent !important
}

.azc-grid-hierarchical-icon-expanded {
    margin-top: 5.5px;
    margin-left: 3px;
    border- 5px 5px 0;
    border-left-color: transparent !important
}

.azc-grid table caption, .azc-grid.azc-grid-headerHidden thead {
    display: none
}

.azc-grid {
    position: relative;
    font-size: 12px
}

    .azc-grid .azc-grid-container {
        overflow-x: auto;
        overflow-y: visible
    }

    .azc-grid .azc-grid-cell-ellipse, .azc-grid table td, .azc-grid table thead tr th .azc-grid-header-wrapper span, .azc-grid table thead tr th span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .azc-grid .azc-grid-cellContent, .azc-grid .azc-vivaControl {
         100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .azc-grid .azc-grid-cell-fullheight {
        height: 100%
    }

    .azc-grid .azc-grid-empty td {
        border-top-style: solid;
        border-top- 1px
    }

    .azc-grid table {
         100%;
        border: 0;
        background-color: transparent;
        table-layout: fixed;
        border-spacing: 0
    }

        .azc-grid table tbody:last-child tr:last-child td, .azc-grid table td {
            border-bottom- 1px;
            border-bottom-style: solid
        }

            .azc-grid table td .azc-dropdown, .azc-grid table thead tr th .azc-grid-header-wrapper .azc-grid-headerlabel {
                display: block
            }

            .azc-grid table td:first-of-type, .azc-grid table th:first-child {
                padding-left: 7px
            }

        .azc-grid table th:first-child {
            padding-left: 0
        }

        .azc-grid table thead tr th {
            text-transform: uppercase;
            text-align: left;
            font-size: 10px;
            padding: 0;
            height: 40px;
            position: relative;
            font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
            line-height: 38px
        }

            .azc-grid table thead tr th a {
                position: relative
            }

            .azc-grid table thead tr th .azc-grid-header-wrapper {
                padding: 1px 0 1px 10px;
                position: relative
            }

        .azc-grid table td {
            padding: 1px 0 1px 10px;
            height: 33px
        }

            .azc-grid table td .azc-button, .azc-grid table td .azc-dropdown, .azc-grid table td .azc-editableCombo, .azc-grid table td .azc-fileUpload, .azc-grid table td .azc-optionPicker, .azc-grid table td button, .azc-grid table td input, .azc-grid table td select, .azc-grid table td textarea {
                font-size: 12px !important
            }

        .azc-grid table .azc-grid-row:first-of-type td {
            border-top- 1px;
            border-top-style: solid
        }

    .azc-grid a img {
        border: 0
    }

.azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .azc-external-hovered:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td.azc-br-muted, .azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .fxs-portal-hover:hover:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td.azc-br-muted {
    border-color: #00bcf2
}

.azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .azc-external-hovered:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td:first-of-type, .azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .fxs-portal-hover:hover:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td:first-of-type {
    border-left-color: #00bcf2
}

.azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .azc-external-hovered:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td:last-of-type, .azc-grid-selectableRow:not(.azc-grid-activateableRow) .azc-grid-selectable .fxs-portal-hover:hover:not(.fxs-bg-error):not(.azc-bg-edited):not(.azc-disabled):not(.azc-row-disabled):not(.fxs-portal-selected) td:last-of-type {
    border-right-color: #00bcf2
}

.azc-grid-pageable.azc-grid .azc-grid-pageable-loadMoreContainer {
    display: block;
    height: 38px;
    text-decoration: none;
    text-align: center
}

    .azc-grid-pageable.azc-grid .azc-grid-pageable-loadMoreContainer .azc-grid-pageable-loadMoreLabel {
        font-size: 12px;
        line-height: 38px
    }

    .azc-grid-pageable.azc-grid .azc-grid-pageable-loadMoreContainer .azc-grid-pageable-loadMoreIcon {
        display: inline-block;
        margin-top: 10px
    }

        .azc-grid-pageable.azc-grid .azc-grid-pageable-loadMoreContainer .azc-grid-pageable-loadMoreIcon:before {
            content: url(Content/static/azc-validatableControl-pending.gif)
        }

.azc-grid-pageable.azc-grid .azc-grid-pageable-pager {
    float: right
}

.azc-grid-pageable.azc-grid.azc-grid-pageable-onePage .azc-grid-pageable-pager {
    display: none
}

.fxc-percent-formatter {
    white-space: nowrap;
    min-height: 5px;
    min- 5px
}

    .fxc-percent-formatter .fxc-percent-formatter-container {
        overflow: hidden;
         100%;
        position: relative;
        padding: 0
    }

    .fxc-percent-formatter .fxc-percent-formatter-value {
        background-color: #00bcf2;
        height: 19px;
        position: absolute;
        left: 0;
        display: inline
    }

    .fxc-percent-formatter .fxc-percent-formatter-background {
         100%;
        height: 19px;
        background-color: transparent
    }

    .fxc-percent-formatter .fxc-percent-formatter-bottom-bar {
        height: 5px;
        margin-top: 28px
    }

    .fxc-percent-formatter .fxc-percent-formatter-top-bar {
        height: 5px;
        margin-bottom: 28px
    }

    .fxc-percent-formatter .fxc-percent-formatter-text {
        position: absolute;
        left: 1px;
        top: 1px;
        display: inline;
        margin-top: 7px
    }

    .fxc-percent-formatter .fxc-percent-formatter-notext {
        display: none
    }

.azc-grid-reorderRow.azc-grid table thead tr th:nth-child(2) > a {
    padding-left: 0
}

.azc-grid-reorderRow col.azc-grid-reorderRow-col {
     16px
}

.azc-grid-reorderRow table tbody tr[draggable] {
    -webkit-user-drag: element
}

.azc-grid-reorderRow table tbody tr td.azc-grid-reorderRow-cell {
    padding-left: 5px;
    padding-right: 6px
}

.azc-grid-reorderRow table tbody tr td:nth-child(2) {
    padding: 0
}

.azc-grid-reorderRow.azc-grid-reorderRow-enabled table tbody tr:not([aria-disabled=true]):hover td.azc-grid-reorderRow-cell div {
    margin-top: 4px
}

    .azc-grid-reorderRow.azc-grid-reorderRow-enabled table tbody tr:not([aria-disabled=true]):hover td.azc-grid-reorderRow-cell div:before {
        content: url(Content/static/azc.grid.reorderrowextension.handle-hover.svg);
         5px;
        height: 17px
    }

.azc-grid-reorderRow.azc-grid-reorderRow-enabled table tbody tr:not([aria-disabled=true])[aria-selected=true]:hover td.azc-grid-reorderRow-cell div:before {
    content: url(Content/static/azc.grid.reorderrowextension.handle-active.svg)
}

.azc-grid-reorderRow .azc-grid-reorderRow-line {
    position: absolute;
     100%;
    height: 3px;
    display: none
}

.azc-grid-reorderRow.azc-grid-reorderRow-active .azc-grid-reorderRow-line {
    display: block
}

.azc-grid.azc-grid-resizableColumn .azc-grid-tableContainer {
    position: relative
}

.azc-grid.azc-grid-resizableColumn .azc-grid-resizableColumn-handle {
    position: absolute;
    right: -5px;
    top: 0;
    height: 40px;
     10px;
    cursor: ew-resize;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

    .azc-grid.azc-grid-resizableColumn .azc-grid-resizableColumn-handle .azc-grid-resizableColumn-handle-line {
         1px;
        height: 100%;
        opacity: 0
    }

.azc-grid.azc-grid-resizableColumn .azc-grid-resizableColumn-ghostLine {
    position: absolute;
     1px;
    top: 0;
    z-index: 1
}

.azc-grid.azc-grid-resizableColumn .azc-grid-show-handles .azc-grid-resizableColumn-handle .azc-grid-resizableColumn-handle-line, .azc-grid.azc-grid-resizableColumn thead:hover .azc-grid-resizableColumn-handle-line, .azc-grid.azc-grid-resizableColumn.azc-grid-resizing .azc-grid-resizableColumn-handle-line {
    opacity: 1
}

.azc-grid.azc-grid-resizableColumn.azc-grid-resizing * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.azc-grid.azc-grid-resizableColumn .azc-grid-headerlabel:after {
    content: "a0"
}

.azc-grid.azc-grid-scrollable {
     100%;
    height: 100%;
    overflow: hidden
}

    .azc-grid.azc-grid-scrollable div.azc-grid-container {
         100%;
        height: 100%;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .azc-grid.azc-grid-scrollable div.azc-grid-container div.azc-grid-tableContainer {
             100%;
            height: 100%;
            overflow: hidden;
            padding-top: 40px;
            position: relative;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column
        }

            .azc-grid.azc-grid-scrollable div.azc-grid-container div.azc-grid-tableContainer div.azc-grid-tableScrollContainer {
                 100%;
                height: 100%;
                overflow: auto;
                -webkit-flex: 1 1 auto;
                flex: 1 1 auto
            }

                .azc-grid.azc-grid-scrollable div.azc-grid-container div.azc-grid-tableContainer div.azc-grid-tableScrollContainer table.azc-grid-tableHeader {
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .azc-grid.azc-grid-scrollable div.azc-grid-container div.azc-grid-tableContainer tr.azc-grid-scrollable-above + tr.azc-grid-row td {
                border-top- 1px;
                border-top-style: solid
            }

.azc-grid-activateableRow tr.azc-grid-row td[data-activatable=true] {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.azc-grid-activateableRow .azc-grid-activateonselected tr.azc-grid-row:not([aria-disabled=true]), .azc-grid-activateableRow tr.azc-grid-row:not([aria-disabled=true]) td[data-activatable=true], .azc-grid-link {
    cursor: pointer
}

.azc-grid-selectableRow-selectionCell-col {
     26px;
    max- 26px
}

.azc-grid-selectableRow-selectAll {
    vertical-align: text-top;
    margin-left: 7px
}

.azc-grid-selectableRow-selectionCell-wrapper {
    border- 1px;
    border-style: solid;
    box-sizing: border-box;
     17px;
    height: 17px;
    display: none
}

    .azc-grid-selectableRow-selectionCell-wrapper .fx-grid-formatters-svgicon {
        margin-top: 2px;
        margin-left: 2px;
        position: relative
    }

        .azc-grid-selectableRow-selectionCell-wrapper .fx-grid-formatters-svgicon svg {
            vertical-align: top
        }

.azc-grid-selectableRow:not(.azc-grid-scrollable):not(.azc-grid-hierarchical) table, .azc-grid-selectableRow:not(.azc-grid-scrollable):not(.azc-grid-hierarchical) table tbody, .azc-grid-selectableRow:not(.azc-grid-scrollable):not(.azc-grid-hierarchical) table tbody tr {
    height: 100%
}

.azc-grid-selectableRow table thead th.azc-grid-selectableRow-overlay-header {
     0
}

.azc-grid-selectableRow table tbody tr td.azc-grid-selectableRow-overlay-cell {
    overflow: visible;
    padding: 0;
    vertical-align: top;
     0
}

    .azc-grid-selectableRow table tbody tr td.azc-grid-selectableRow-overlay-cell div.azc-grid-selectableRow-overlay-origin {
        position: relative;
        overflow: visible;
        height: 100%
    }

        .azc-grid-selectableRow table tbody tr td.azc-grid-selectableRow-overlay-cell div.azc-grid-selectableRow-overlay-origin div.azc-grid-selectableRow-overlay-container {
            position: absolute;
            top: 0;
            right: 0
        }

.azc-grid-selectableRow table tbody tr.azc-external-hovered td.azc-grid-selectableRow-selectionCell div.azc-grid-selectableRow-selectionCell-wrapper, .azc-grid-selectableRow table tbody tr.fxs-portal-selected td.azc-grid-selectableRow-selectionCell div.azc-grid-selectableRow-selectionCell-wrapper, .azc-grid-selectableRow table tbody tr:not([aria-disabled=true]):focus td.azc-grid-selectableRow-selectionCell div.azc-grid-selectableRow-selectionCell-wrapper, .azc-grid-selectableRow table tbody tr:not([aria-disabled=true]):hover td.azc-grid-selectableRow-selectionCell div.azc-grid-selectableRow-selectionCell-wrapper {
    display: block
}

.azc-grid-selectableRow table tbody tr td:first-of-type {
    border-left: none
}

.azc-grid-selectableRow table tbody tr td.azc-br-muted:last-of-type, .azc-grid-selectableRow table tbody tr td:last-of-type {
    border-right: none
}

.azc-grid-sortableColumn .azc-grid-sortableColumn-target {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer
}

.azc-grid-sortableColumn .fxc-ascending .msportalfx-descend, .azc-grid-sortableColumn .fxc-descending .msportalfx-ascend, .azc-grid-sortableColumn .fxc-none .msportalfx-ascend, .azc-grid-sortableColumn .fxc-none .msportalfx-descend {
    opacity: .25
}

.azc-grid-sortableColumn .azc-grid-sortableColumn-image-container {
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 9px
}

.azc-grid-sortableColumn .azc-grid-sortableColumn-sortImage {
     11px;
    height: 38px
}

.azc-grid-sortableColumn .azc-grid-headerlabel {
    -webkit-flex: 1 1 calc(100% - 11px);
    flex: 1 1 calc(100% - 11px);
    margin-right: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min- 15px
}

.azc-listView-focusable.azc-listView-outlined .azc-listView-item.fxs-portal-focus {
    outline-color: #00bcf2;
    outline- 1px
}

    .azc-listView-focusable.azc-listView-outlined .azc-listView-item.fxs-portal-focus:focus {
        outline-style: dashed
    }

    .azc-listView-focusable.azc-listView-outlined .azc-listView-item.fxs-portal-focus:hover {
        outline-style: solid
    }

.azc-listView-group {
    margin: 0 0 20px
}

    .azc-listView-group:last-child {
        margin: 0
    }

.azc-listView-groupheader {
    margin: 0 5px 5px 0;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 12px
}

.azc-listView {
    overflow: hidden;
    padding: 5px 0 0 5px
}

    .azc-listView ul {
        margin: 0;
        padding: 0
    }

.azc-listView-item {
    padding: 0;
    margin: 0 5px 5px 0;
    list-style-type: none;
    display: inline-block;
    font-size: 10px;
    overflow: hidden;
    vertical-align: top
}

.azc-listView-empty {
    font-size: 10px
}

.azc-listView-outlined .azc-listView-item:focus {
    outline-offset: 0
}

.azc-listView-selectable.azc-listView-outlined .azc-listView-item.fxs-portal-activated {
    outline- 2px;
    outline-style: solid
}

    .azc-listView-selectable.azc-listView-outlined .azc-listView-item.fxs-portal-activated:focus {
        outline-style: dashed
    }

.azc-commandButton {
    display: inline-block
}

.azc-toggleCommandButton .azc-toggleCommandButton-checked {
    border- 1px;
    border-style: solid
}

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

.azc-toolbar-container, .azc-toolbar-container .azc-toolbar-group {
    display: inline-block
}

.azc-toolbarButton {
    display: inline-block;
    box-sizing: border-box;
    position: relative
}

.azc-toolbarButton-container {
    display: -webkit-flex;
    display: flex
}

.azc-toolbarButton-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
     16px;
    height: 16px;
    padding: 3px 8px
}

    .azc-toolbarButton-icon img, .azc-toolbarButton-icon svg {
        height: 100%;
         100%
    }

.azc-toolbarButton-label {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.azc-toolbarButton-label-visible .azc-toolbarButton-icon {
    padding-right: 5px
}

.azc-control-disabled .azc-fill-disabled {
    color: #758393;
    cursor: default
}

.fxs-part-collectionpart .azc-grid table td.azc-grid-cell:first-of-type, .fxs-part-collectionpart .azc-grid table thead tr th:first-child a {
    padding-left: 15px
}

.fxs-part-collectionpart-more-data, .fxs-part-collectionpart-rollup-count {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxs-part-collectionpart .azc-grid table thead tr th {
    height: 28px;
    line-height: 28px;
    border-top- 1px;
    border-top-style: solid
}

    .fxs-part-collectionpart .azc-grid table thead tr th > a {
        line-height: normal
    }

.fxs-part-collectionpart .azc-grid table tbody tr td {
    height: 27px
}

.fxs-part-collectionpart .azc-grid table td:last-child, .fxs-part-collectionpart .azc-grid table td:last-of-type {
    padding-right: 15px
}

.fxs-part-collectionpart .azc-grid table .azc-grid-resizableColumn-handle {
    height: 28px
}

.fxs-part-collectionpart .fxs-part-collectionpart-rollup-container {
    display: none
}

.fxs-part-collectionpart.fxs-part-collectionpart-rollup-forceshow .fxs-part-collectionpart-rollup-container {
    display: block
}

.fxs-part-collectionpart-more-data {
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    right: 0
}

    .fxs-part-collectionpart-more-data:hover {
        text-decoration: underline
    }

.fxs-part-collectionpart-rollup-container {
    margin: -6px 0 6px
}

.fxs-part-collectionpart-rollup-count {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -.025em
}

.fxs-part-collectionpart-rollup-label {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -.02em;
    margin-left: 4px
}

.fxs-part-collectionpart-part-title {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin: 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

.fxs-part-collectionpart-rollup-icon {
     21px;
    height: 21px;
    margin-left: 4px;
    display: inline-block
}

.fxs-tilesize-mini .fxs-part-collectionpart .fxs-part-collectionpart-rollup-container, .fxs-tilesize-small .fxs-part-collectionpart .fxs-part-collectionpart-rollup-container {
    display: block;
    margin: 0
}

.fxs-tilesize-mini .fxs-part-collectionpart .fxs-part-collectionpart-rollup-label, .fxs-tilesize-small .fxs-part-collectionpart .fxs-part-collectionpart-rollup-label {
    display: none
}

.fxs-tilesize-mini .fxs-part-collectionpart .fxs-part-collectionpart-rollup-count, .fxs-tilesize-small .fxs-part-collectionpart .fxs-part-collectionpart-rollup-count {
    line-height: 25px
}

.fxs-tilesize-mini .fxs-part-collectionpart .fxs-part-collectionpart-no-rollup-count, .fxs-tilesize-small .fxs-part-collectionpart .fxs-part-collectionpart-no-rollup-count {
     30px;
    height: 30px;
    margin-left: 0
}

.fxs-tilesize-mini .fxs-part-collectionpart {
    text-align: center;
    padding: 5px 6px 0
}

    .fxs-tilesize-mini .fxs-part-collectionpart .fxs-part-collectionpart-part-title {
        display: block
    }

.fxs-tilesize-small .fxs-part-collectionpart {
    float: right;
    margin-top: -15px
}

html[lang^=ja] .fxs-part-collectionpart .fxs-part-collectionpart-part-title, html[lang^=ko] .fxs-part-collectionpart .fxs-part-collectionpart-part-title, html[lang^=zh] .fxs-part-collectionpart .fxs-part-collectionpart-part-title {
    font-size: 11px;
    line-height: 11px
}

.fxs-part-buttonpart-assetname, .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-should-use-single-line, .fxs-tilesize-small .fxs-part-buttonpart-title.fxs-should-use-single-line, .fxs-tilesize-wide .fxs-part-buttonpart-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-part-buttonpart {
    height: 100%;
     100%;
    box-sizing: border-box
}

.fxs-part-buttonpart-inner {
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fxs-part-buttonpart-inner-pad {
    padding-top: 28px
}

.fxs-part-buttonpart-iconcontainer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

    .fxs-part-buttonpart-iconcontainer > img, .fxs-part-buttonpart-iconcontainer > svg {
        height: 50px;
         50px
    }

.fxs-part-buttonpart-textcontainer {
     100%;
    font-size: 12px;
    line-height: 18px
}

.fxs-part-buttonpart-assetname {
    margin: 0;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase
}

.fxs-part-buttonpart-title {
    margin: 10px 0 5px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px
}

.fxs-tilesize-mini .fxs-part-buttonpart-title, .fxs-tilesize-small .fxs-part-buttonpart-title {
    margin: 0
}

    .fxs-part-buttonpart-title::after, .fxs-part-buttonpart-title::before, .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline::after, .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline::before, .fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline::after, .fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline::before {
        position: absolute;
        background-color: inherit
    }

.fxs-part-buttonpart-title::before {
    content: '2026';
    top: 18px;
    right: 0
}

.fxs-part-buttonpart-title::after {
    content: '';
    height: 100%;
     100%
}

.fxs-tilesize-mini .fxs-part-buttonpart-iconcontainer > img, .fxs-tilesize-mini .fxs-part-buttonpart-iconcontainer > svg, .fxs-tilesize-small .fxs-part-buttonpart-iconcontainer > img, .fxs-tilesize-small .fxs-part-buttonpart-iconcontainer > svg {
    height: 30px;
     30px
}

.fxs-tilesize-small .fxs-part-buttonpart-inner, .fxs-tilesize-wide .fxs-part-buttonpart-inner {
    padding-top: 0;
    text-align: left;
    -webkit-flex-direction: row;
    flex-direction: row
}

.fxs-tilesize-small .fxs-part-buttonpart-iconcontainer, .fxs-tilesize-wide .fxs-part-buttonpart-iconcontainer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

    .fxs-tilesize-small .fxs-part-buttonpart-iconcontainer > img, .fxs-tilesize-small .fxs-part-buttonpart-iconcontainer > svg, .fxs-tilesize-wide .fxs-part-buttonpart-iconcontainer > img, .fxs-tilesize-wide .fxs-part-buttonpart-iconcontainer > svg {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

.fxs-tilesize-small .fxs-part-buttonpart-textcontainer, .fxs-tilesize-wide .fxs-part-buttonpart-textcontainer {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.fxs-tilesize-mini {
    font-size: 12px;
    line-height: normal
}

    .fxs-tilesize-mini .fxs-part-buttonpart-inner {
        padding-top: 5px
    }

    .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 32px;
        line-height: 15px
    }

        .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline::before {
            content: '2026';
            top: 16px;
            right: 0
        }

        .fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline::after {
            content: '';
            height: 100%;
             100%
        }

.fxs-tilesize-small .fxs-part-buttonpart-iconcontainer {
     51px;
    padding-left: 6px
}

.fxs-tilesize-small .fxs-part-buttonpart-textcontainer {
     calc(100% - 51px)
}

.fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px
}

    .fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline::before {
        content: '2026';
        top: 18px;
        right: 0
    }

    .fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline::after {
        content: '';
        height: 100%;
         100%
    }

.fxs-tilesize-wide .fxs-part-buttonpart-iconcontainer {
     85px;
    padding-left: 15px
}

.fxs-tilesize-wide .fxs-part-buttonpart-textcontainer {
     calc(100% - 85px)
}

.fxs-tilesize-wide .fxs-part-buttonpart-title {
    margin: 0
}

.fxs-tilesize-wide .fxs-part-buttonpart-assetname {
    padding-top: 2px
}

.fxs-tilesize-wide .fxs-part-buttonpart-desc {
    display: block;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 90px
}

    .fxs-tilesize-wide .fxs-part-buttonpart-desc::after, .fxs-tilesize-wide .fxs-part-buttonpart-desc::before {
        position: absolute;
        background-color: inherit
    }

    .fxs-tilesize-wide .fxs-part-buttonpart-desc::before {
        content: '2026';
        top: 72px;
        right: 0
    }

    .fxs-tilesize-wide .fxs-part-buttonpart-desc::after {
        content: '';
        height: 100%;
         100%
    }

.fxs-part-buttonpart-externallink {
    position: absolute;
    top: 0;
    right: 0;
    height: 12px;
     12px
}

    .fxs-part-buttonpart-externallink > img, .fxs-part-buttonpart-externallink > svg {
        height: 12px;
         12px
    }

.fxs-tilesize-mini .fxs-part-buttonpart-externallink {
    top: -5px;
    right: 5px
}

.fxs-part-buttonpart, .fxs-part-buttonpart .fxs-part-buttonpart-desc, .fxs-part-buttonpart .fxs-part-buttonpart-inner, .fxs-part-buttonpart .fxs-part-buttonpart-textcontainer, .fxs-part-buttonpart .fxs-part-buttonpart-title {
    background-color: inherit
}

.fxs-part-buttonpart-adornment {
    position: absolute;
    top: 0;
    left: 33px;
    height: 14px;
     14px
}

.fxs-tilesize-mini .fxs-part-buttonpart-adornment {
    position: absolute;
    top: 0;
    left: 17px;
    height: 10px;
     10px
}

.fxs-tilesize-small .fxs-part-buttonpart-adornment {
    position: absolute;
    top: 50% - 30px/2;
    left: 0;
    height: 10px;
     10px
}

.fxs-tilesize-wide .fxs-part-buttonpart-adornment {
    position: absolute;
    top: 50% - 50px/2;
    left: 0;
    height: 14px;
     14px
}

html[lang^=ja] .fxs-tilesize-mini .fxs-part-buttonpart .fxs-part-buttonpart-title, html[lang^=ko] .fxs-tilesize-mini .fxs-part-buttonpart .fxs-part-buttonpart-title, html[lang^=zh] .fxs-tilesize-mini .fxs-part-buttonpart .fxs-part-buttonpart-title {
    font-size: 11px;
    line-height: 11px
}

.fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-label-wrapper, .fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-name, .fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-value {
    display: block;
     auto
}

.fxs-part-properties {
    padding-left: 0;
    margin: 0;
    list-style-type: none
}

    .fxs-part-properties .msportalfx-property {
        padding: 0 0 13px
    }

        .fxs-part-properties .msportalfx-property.fxs-part-properties-property-wrapped .msportalfx-property-value > a, .fxs-part-properties .msportalfx-property.fxs-part-properties-property-wrapped .msportalfx-property-value > div {
            white-space: pre-wrap;
            word-wrap: break-word
        }

        .fxs-part-properties .msportalfx-property:first-child {
            padding-top: 0
        }

    .fxs-part-properties ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .fxs-part-properties ul > li {
            padding: 1px 0
        }

            .fxs-part-properties ul > li > a {
                display: block
            }

    .fxs-part-properties .msportalfx-property-label-wrapper .msportalfx-property-name {
        vertical-align: top;
        margin-top: 0
    }

    .fxs-part-properties .msportalfx-property-name {
        vertical-align: top;
        margin-top: 5px
    }

    .fxs-part-properties .msportalfx-property-value > * {
        display: block
    }

    .fxs-part-properties .msportalfx-property-highlight {
        background: #c5cbd1
    }

    .fxs-part-properties .msportalfx-property-value > a, .fxs-part-properties .msportalfx-property-value > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max- 100%
    }

.fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property {
    padding: 14px 25px 10px
}

.fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-name {
    vertical-align: middle;
    margin-top: 0
}

.fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-value {
    margin: 6px 0 0
}

    .fxs-bladecontent.fxs-bladesize-small .fxs-part-properties .msportalfx-property-value.fxs-part-properties-copyfield {
        margin-top: 12px
    }

.fxs-part-properties-image svg {
    height: 25px;
     25px
}

.msportalfx-specpicker-footer-value, .msportalfx-specpicker-header .msportalfx-specpicker-header-specCode, .msportalfx-specpicker-table .msportalfx-specpicker-feature-name, .msportalfx-specpicker-table .msportalfx-specpicker-feature-value {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-specpicker {
     175px;
    height: 320px;
    position: relative;
    border-color: inherit
}

    .msportalfx-specpicker:after, .msportalfx-specpicker:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        border-radius: 10px
    }

    .msportalfx-specpicker:after {
        right: 10px;
        left: auto;
        transform: skew(8deg) rotate(3deg)
    }

    .msportalfx-specpicker .msportalfx-specpicker-table {
        table-layout: auto
    }

    .msportalfx-specpicker ul {
        list-style-type: none;
        padding: 0
    }

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

.fxs-mode-dark .msportalfx-specpicker {
    box-shadow: 0 1px 4px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.1) inset
}

    .fxs-mode-dark .msportalfx-specpicker:after, .fxs-mode-dark .msportalfx-specpicker:before {
        box-shadow: 0 0 20px rgba(255,255,255,.8)
    }

.fxs-mode-light .msportalfx-specpicker {
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
}

    .fxs-mode-light .msportalfx-specpicker:after, .fxs-mode-light .msportalfx-specpicker:before {
        box-shadow: 0 0 20px rgba(0,0,0,.8)
    }

.msportalfx-specpicker-star {
     14px;
    height: 14px;
    fill: #ffb900;
    stroke: #000;
    stroke- 1px;
    float: right;
    margin-right: 4px;
    margin-top: 1px
}

.msportalfx-specpicker-header {
    color: #fff;
    font-size: 14px;
    height: 26px;
    line-height: 26px
}

    .msportalfx-specpicker-header .msportalfx-specpicker-header-specCode {
        text-transform: uppercase;
        padding-left: 11px
    }

    .msportalfx-specpicker-header .msportalfx-specpicker-header-title {
        padding-left: 6px
    }

.msportalfx-specpicker-header-text {
    fill: #ffb900;
    stroke: #000;
    stroke- 1px;
     161px;
    position: absolute
}

.msportalfx-specpicker > .msportalfx-mediumBlue .msportalfx-specpicker-shade1 {
    background-color: #4668c5
}

.msportalfx-specpicker > .msportalfx-mediumBlue .msportalfx-specpicker-shade2 {
    background-color: rgba(70,104,197,.2)
}

.msportalfx-specpicker > .msportalfx-mediumBlue .msportalfx-specpicker-shade3 {
    background-color: rgba(70,104,197,.1)
}

.msportalfx-specpicker > .msportalfx-darkOrchid .msportalfx-specpicker-shade1 {
    background-color: #8a2da5
}

.msportalfx-specpicker > .msportalfx-darkOrchid .msportalfx-specpicker-shade2 {
    background-color: rgba(138,45,165,.2)
}

.msportalfx-specpicker > .msportalfx-darkOrchid .msportalfx-specpicker-shade3 {
    background-color: rgba(138,45,165,.1)
}

.msportalfx-specpicker > .msportalfx-yellowGreen .msportalfx-specpicker-shade1 {
    background-color: #578000
}

.msportalfx-specpicker > .msportalfx-yellowGreen .msportalfx-specpicker-shade2 {
    background-color: rgba(87,128,0,.2)
}

.msportalfx-specpicker > .msportalfx-yellowGreen .msportalfx-specpicker-shade3 {
    background-color: rgba(87,128,0,.1)
}

.msportalfx-specpicker > .msportalfx-orange .msportalfx-specpicker-shade1 {
    background-color: #c40
}

.msportalfx-specpicker > .msportalfx-orange .msportalfx-specpicker-shade2 {
    background-color: rgba(204,68,0,.2)
}

.msportalfx-specpicker > .msportalfx-orange .msportalfx-specpicker-shade3 {
    background-color: rgba(204,68,0,.1)
}

.msportalfx-specpicker-table {
    table-layout: auto;
     100%;
    border-collapse: collapse
}

    .msportalfx-specpicker-table .msportalfx-specpicker-feature-name {
        font-size: 12px;
        margin-left: 6px
    }

    .msportalfx-specpicker-table .msportalfx-specpicker-feature-value {
        font-size: 17px
    }

.msportalfx-specpicker-row td {
    white-space: nowrap;
    padding: 0
}

    .msportalfx-specpicker-row td .msportalfx-specpicker-cell {
        height: 30px;
        line-height: 30px
    }

    .msportalfx-specpicker-row td.msportalfx-specpicker-right {
        overflow: hidden;
        text-overflow: ellipsis;
        max- 1px;
         100%
    }

.msportalfx-specpicker-row.msportalfx-specpicker-promotedFeatures td {
    padding-bottom: 1px
}

.msportalfx-specpicker-row.msportalfx-specpicker-borderBottom td {
    border-bottom: 1px solid #e9e9f3
}

.msportalfx-specpicker-row .msportalfx-specpicker-left {
    text-align: center;
    min- 39px
}

.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-feature-value {
    font-size: 12px;
    padding-top: 6px;
    margin-left: 6px;
    line-height: normal
}

.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-feature-name {
    font-size: 10px;
    line-height: normal;
    margin-top: -3px
}

.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-mutipleline .msportalfx-specpicker-feature-value {
    padding-top: 1px
}

.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell {
    min- 29px;
    text-align: center
}

    .msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell img {
         22px;
        height: 22px;
        margin-top: 8px
    }

    .msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell div {
         20px;
        height: 20px;
        padding-top: 5px;
        padding-left: 0;
        display: inline-block
    }

.msportalfx-specpicker-footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 46px;
    text-align: right
}

.msportalfx-specpicker-footer {
    margin-right: 10px;
    margin-bottom: 8px;
    background-color: inherit
}

.msportalfx-specpicker-footer-value {
    margin-top: 6px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -.025em
}

.msportalfx-specpicker-footer-details {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase
}

.msportalfx-specpicker-footer-channelMessage, .msportalfx-specpicker-footer-statusMessage {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    text-align: left
}

.msportalfx-specpicker-footer-statusMessage {
    margin-top: 25px
}

.msportalfx-specpicker-footer-channelMessage {
    margin-top: 10px;
    position: absolute;
    background-color: inherit;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px
}

    .msportalfx-specpicker-footer-channelMessage::after, .msportalfx-specpicker-footer-channelMessage::before {
        position: absolute;
        background-color: inherit
    }

    .msportalfx-specpicker-footer-channelMessage::before {
        content: '2026';
        top: 16px;
        right: 0
    }

    .msportalfx-specpicker-footer-channelMessage::after {
        content: '';
        height: 100%;
         100%
    }

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker {
    background-color: rgba(189,189,189,.05)
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-header {
    background-color: #bdbdbd
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-promotedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell {
    background-color: rgba(189,189,189,.2)
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-promotedFeatures .msportalfx-specpicker-right .msportalfx-specpicker-cell {
    background-color: rgba(189,189,189,.1)
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-footer-container {
    background-color: #dedede
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-feature-name, .azc-listView-item[aria-disabled=true] .msportalfx-specpicker-feature-value, .azc-listView-item[aria-disabled=true] .msportalfx-specpicker-footer-value {
    color: #bdbdbd
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-disable-blockui-shield {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.azc-listView-item[aria-disabled=true] .msportalfx-specpicker-disable-message-anchor {
    position: absolute;
    text-align: center;
    left: 15px;
    right: 15px;
    top: 40%
}

    .azc-listView-item[aria-disabled=true] .msportalfx-specpicker-disable-message-anchor .msportalfx-specpicker-disable-message-container {
        display: inline-block;
        background-color: rgba(50,56,63,.8);
        margin-top: 20px;
        padding: 15px 10px;
         100%;
        box-sizing: border-box
    }

        .azc-listView-item[aria-disabled=true] .msportalfx-specpicker-disable-message-anchor .msportalfx-specpicker-disable-message-container .msportalfx-specpicker-disable-message {
            display: inline
        }

.ext-hubs-specPicker-container {
     100%;
    min-height: 100%
}

    .ext-hubs-specPicker-container .ext-hubs-specPicker-filtersContainer.ext-hubs-specPicker-filtersContainer {
        margin-top: 0
    }

    .ext-hubs-specPicker-container .msportalfx-specpicker-viewOptionsContainer {
        height: 25px;
        padding-top: 5px;
        padding-right: 15px
    }

    .ext-hubs-specPicker-container .msportalfx-specpicker-viewOptions {
        font-size: 14px;
        float: right
    }

        .ext-hubs-specPicker-container .msportalfx-specpicker-viewOptions .msportalfx-specpicker-recommendationsIcon {
             14px;
            height: 14px;
            display: inline-block
        }

        .ext-hubs-specPicker-container .msportalfx-specpicker-viewOptions .fxc-hotspot.fxc-hotspot-selected {
            cursor: default;
            background-color: inherit
        }

        .ext-hubs-specPicker-container .msportalfx-specpicker-viewOptions .fxc-hotspot.fxc-hotspot-clickable {
            color: #0058ad;
            fill: #0058ad
        }

    .ext-hubs-specPicker-container .ext-hubs-specPicker-message {
        margin-top: 0;
        border-left: 6px solid #ffb900;
        padding: 15px
    }

    .ext-hubs-specPicker-container .ext-hubs-specPicker-listView {
        margin-left: 19px
    }

    .ext-hubs-specPicker-container .fxc-hotspot {
        outline: 0;
        padding: 5px
    }

        .ext-hubs-specPicker-container .fxc-hotspot:focus {
            outline-style: dotted;
            outline- 1px
        }

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

.msportalfx-pricingTier .msportalfx-pricingTier-normal-iconContainer, .msportalfx-pricingTier .msportalfx-pricingTier-wide-iconContainer {
    height: 55px;
    border-bottom: 1px solid #dcdfe2
}

.msportalfx-pricingTier .msportalfx-pricingTier-textContainer {
    margin-top: 10px
}

    .msportalfx-pricingTier .msportalfx-pricingTier-textContainer .msportalfx-pricingTier-specCode {
        float: left;
        margin-right: 8px;
        max- 100px
    }

    .msportalfx-pricingTier .msportalfx-pricingTier-textContainer .msportalfx-pricingTier-promotedFeatures {
        line-height: 12px;
        padding-top: 4px
    }

.msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-float .msportalfx-pricingTier-icon {
     30px;
    height: 30px;
    margin-top: 1.7em
}

    .msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-float .msportalfx-pricingTier-icon.msportalfx-pricingTier-icon-small {
        margin-top: -.15em
    }

.fxs-tilesize-wide .msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-inlineblock {
    padding-top: 10px
}

    .fxs-tilesize-wide .msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-inlineblock .msportalfx-pricingTier-icon {
         30px;
        height: 30px;
        margin-right: 15px
    }

.fxs-tilesize-normal .msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-inlineblock {
    padding-top: 18px
}

    .fxs-tilesize-normal .msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-inlineblock .msportalfx-pricingTier-icon {
         20px;
        height: 20px;
        margin-right: 5px
    }

.fxs-tilesize-small .msportalfx-pricingTier .msportalfx-pricingTier-textContainer {
    margin-top: -12px
}

.fxs-tilesize-mini .msportalfx-pricingTier .msportalfx-pricingTier-specCode, .fxs-tilesize-mini .msportalfx-pricingTier .msportalfx-pricingTier-specTitle {
    text-align: center;
    float: initial
}

.fxc-actionBarBase .fxc-actionBarBase-button {
    position: relative;
    min- 90px;
    margin: 0 4px 0 0
}

.fxc-createActionBar {
    font-size: 12px
}

    .fxc-createActionBar .fxc-infoBox {
        margin-top: 0
    }

.fxc-createActionBar-checkbox-outer {
    margin-bottom: 20px
}

.fxc-createActionBar-checkbox {
    display: block;
    margin: 0 6px 0 2px
}

.fxs-createActionBar-dropDown {
    margin-bottom: 20px;
    min- 215px;
    max- 50%
}

.fxc-createActionBar-eula {
    padding: 10px 0 0 2px
}

.fxc-createActionBar-secondaryLink {
    margin-left: 15px
}

.fxc-createActionBar-okButton {
    position: relative
}

.fxc-createActionBar-externalLink {
    height: 10px;
     10px;
    position: absolute;
    display: inline-block;
    margin: 5px 0 0 -30px
}

.fxc-createActionBar-secondaryLink-bottombanner {
    margin-bottom: 25px
}

    .fxc-createActionBar-secondaryLink-bottombanner .fxc-createActionBar-secondaryLink {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 25px;
        line-height: 25px;
        padding: 0 25px
    }

.fxc-genericactionbar {
    font-size: 12px
}

.fxc-genericactionbar-checkbox-outer, .fxc-genericactionbar-summary {
    margin-bottom: 20px
}

.fxc-genericactionbar-checkbox {
    display: block;
    margin: 0 6px 0 2px
}

.fxc-genericactionbar-secondaryLink-bottombanner {
    margin-bottom: 25px
}

    .fxc-genericactionbar-secondaryLink-bottombanner .fxc-genericactionbar-secondaryLink {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 25px;
        line-height: 25px;
        margin: 0;
        padding: 0 25px
    }

.fxc-pickerActionBar .fxc-pickerActionBar-eula {
    padding: 10px 0 0 2px;
    font-size: 11px;
    line-height: 11px
}

.fxc-herobanner {
    height: 279px;
     805px
}

    .fxc-herobanner > .fxc-herobanner-container {
        height: 100%
    }

        .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-image {
            height: 100%;
             100%
        }

        .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content {
            color: #fff;
            margin: calc(-254px) 25px 25px 370px;
             415px
        }

            .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-name, .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-publisher {
                 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
                line-height: normal;
                overflow: hidden
            }

            .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-name {
                font-size: 30px
            }

            .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-publisher {
                font-size: 13px
            }

            .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-actionText {
                height: 100px;
                margin-top: 15px;
                overflow: hidden;
                font-size: 14px;
                line-height: 25px
            }

.fxc-herobanner-button {
    margin-top: 15px;
     90px
}

    .fxc-herobanner-button > .fxs-portal-button-primary[role=button] {
        background-color: #597d26;
        border: 2px solid #fff;
        color: #fff;
        height: 35px;
        line-height: 31px
    }

        .fxc-herobanner-button > .fxs-portal-button-primary[role=button]:focus, .fxc-herobanner-button > .fxs-portal-button-primary[role=button]:hover {
            background-color: #007233;
            border: 2px solid #fff;
            color: #fff
        }

    .fxc-herobanner-button.fxc-herobanner-button-disabled > .fxs-portal-button-primary[role=button] {
        background-color: rgba(127,127,127,.1);
        border-color: rgba(127,127,127,.1);
        outline: 0;
        color: #b3b3b3;
        fill: #b3b3b3
    }

.fxc-hotspot {
    position: relative;
    padding: 5px 10px
}

    .fxc-hotspot.fxc-hotspot-clickable:hover {
        cursor: pointer
    }

    .fxc-hotspot[aria-disabled=true] {
        pointer-events: none
    }

.fxc-fileDownloadButton.fxs-button {
    border: 0;
    padding: 0
}

    .fxc-fileDownloadButton.fxs-button.fxs-portal-button-primary div {
        color: inherit
    }

    .fxc-fileDownloadButton.fxs-button.fxs-button-disabled [role=button]:focus {
        outline: 0
    }

    .fxc-fileDownloadButton.fxs-button.fxs-portal-button-primary div.fxs-portal-hover {
        border: 1px solid transparent
    }

        .fxc-fileDownloadButton.fxs-button.fxs-portal-button-primary div.fxs-portal-hover:focus, .fxc-fileDownloadButton.fxs-button.fxs-portal-button-primary div.fxs-portal-hover:hover {
            background-color: transparent
        }

    .fxc-fileDownloadButton.fxs-button.fxs-portal-button-primary .azc-toolbarButton-label {
        padding: 0 20px
    }

    .fxc-fileDownloadButton.fxs-button .azc-toolbarButton-container {
        padding: 0
    }

.fxc-infoBox-link, .fxc-infoBox-link > img, .fxc-infoBox-link > svg {
    height: 12px;
     12px
}

.fxc-infoBox {
    margin: 19px 0
}

    .fxc-infoBox .fxc-hotspot {
        padding: 0
    }

.fxc-infoBox-link {
    position: absolute;
    right: 10px;
    margin-top: 7px
}

.fxc-infoBox-container {
    display: table;
     100%
}

.fxc-infoBox-image-container, .fxc-infoBox-text {
    display: table-cell;
    vertical-align: middle
}

.fxc-infoBox-image {
    margin: auto 0
}

.fxc-infoBox-text {
     100%;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 12px;
    line-height: 15px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxc-infoBox-image-container {
    min- 50px
}

.fxc-infoBox-image {
     36px;
    height: 36px;
    padding: 7px
}

.fxc-infoBox-text {
    padding: 10px 10px 10px 14px
}

.fxc-link-infoBox-text {
    padding-right: 25px
}

.fxc-infobox-size-small .fxc-infoBox-image-container {
    min- 23px
}

.fxc-infobox-size-small .fxc-infoBox-image {
     15px;
    height: 15px;
    padding: 4px
}

.fxc-infobox-size-small .fxc-infoBox-text {
    padding: 5px 5px 5px 8px
}

.fxc-infobox-size-small .fxc-link-infoBox-text {
    padding-right: 25px
}

.fxc-dropdown-option-label, .fxc-group-dropdown-arrow:before {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxc-group-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    font-size: 12px;
    height: auto;
    line-height: inherit
}

    .fxc-group-dropdown .azc-formElementContainer {
        position: relative
    }

.fxc-left-label .fxc-dd-text-wrapper {
    min-height: 23px;
    position: relative
}

.fxc-left-label .fxc-dropdown-open.azc-input {
    position: absolute
}

.fxc-dropdown-open.azc-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border- 1px;
    border-style: solid;
    color: inherit;
    display: block;
    padding: 2px 20px 3px 8px;
     calc(100% - 30px);
    min-height: 16px
}

    .fxc-dropdown-open.azc-input input {
        display: none
    }

.fxc-dropdown-option {
    position: relative;
    cursor: pointer
}

.fxc-dd-noresults, .fxc-dropdown-option, .fxc-dropdown-option-label {
    padding: 4px 4px 4px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxc-dd-noresults {
    font-style: italic;
    text-align: center;
    opacity: .7
}

.fxc-dropdown-option-label {
    padding-bottom: 0
}

.fxc-dropdown-option-disabled {
    opacity: .35;
    cursor: default
}

.fxc-group-dropdown .azc-formControl .fxc-dropdown-select {
    opacity: 1;
    outline: 0;
    padding-left: 0
}

.fxc-group-dropdown .azc-textBox-wrapper input {
    padding-top: 3px;
    padding-right: 20px
}

.fxc-dropdown-multifilter input {
    border-top- 0;
    border-left- 0;
    border-right- 0
}

.fxc-dropdown-popup {
     calc(100% - 2px);
    position: fixed;
    max-height: 750px;
    z-index: 150;
    overflow: auto;
    border- 1px;
    border-style: solid
}

    .fxc-dropdown-popup svg {
        pointer-events: none
    }

.fxc-dropdown-hidden {
    visibility: hidden;
    left: -10000px;
    top: -10000px
}

.fxc-dropdown-open {
    cursor: pointer
}

.fxc-dropdown-placeholder {
    font-style: italic;
    opacity: .8
}

.fxc-dropdown-group .fxc-dropdown-option, .fxc-dropdown-group .fxc-dropdown-option-label {
    padding-left: 15px
}

.fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option, .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option-label {
    padding-left: 30px
}

.fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option, .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option-label {
    padding-left: 45px
}

.fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option, .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-group .fxc-dropdown-option-label {
    padding-left: 60px
}

.fxc-dropdown-filter:not(.fxc-dropdown-multiselect) div.azc-input {
    display: none !important
}

.fxc-dropdown-filter:not(.fxc-dropdown-multiselect) input::-ms-clear {
    display: none
}

.fxc-group-dropdown-arrow:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border-style: solid;
    border- 0 2.1px 2.1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 7px;
     7px;
    top: calc(50% - 4.95px);
    right: 10px;
    pointer-events: none
}

.fxc-dropdown-check {
    height: 11px;
     11px;
    min- 11px;
    border- 1px;
    border-style: solid;
    padding: 2px;
    top: calc(50% - 8px);
    position: absolute
}

    .fxc-dropdown-check .fxc-dd-svg {
        display: none
    }

.fxs-mode-light .fxc-dropdown-keynav {
    background-color: #f3f3f3
}

.fxs-mode-dark .fxc-dropdown-keynav {
    background-color: #3d3d3d
}

.fxc-dd-svg {
    height: 11px;
     11px;
    margin-top: -2px
}

.fxc-dropdown-multiselect .fxs-portal-selected .fxc-dd-svg {
    display: block
}

.fxc-dropdown-multiselect .fxc-dropdown-option > span {
    display: inline-block;
    padding-left: 23px
}

.fxc-dropdown-selectall-all .fxc-dropdown-selectall .fxc-dropdown-check .fxc-dd-svg {
    display: block
}

.fxc-dropdown-selectall {
    position: relative
}

    .fxc-dropdown-selectall span.azc-bg-muted-80-10 {
        display: none
    }

.fxc-dropdown-selectall-partial .fxc-dropdown-selectall .azc-bg-muted-80-10 {
     9px;
    height: 9px;
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
    padding: 0
}

.fxc-dropdown-selectall-partial .fxc-dropdown-selectall .fxc-dd-svg, .fxc-group-dropdown .azc-dockedballoon-validation {
    display: none
}

.fxc-group-dropdown.azc-validationBelowCtrl .azc-validatableControl-invalid .fxc-TextField {
     100%
}

.fxc-group-dropdown .azc-validatableControl-invalid .fxc-TextField {
     calc(100% - 13px + 1px)
}

.fxc-group-dropdown .azc-validatableControl-invalid .azc-input.azc-formControl {
    border-color: red
}

.fxc-group-dropdown .azc-validatableControl-invalid .azc-dockedballoon-validation {
    display: block;
     13px;
    float: right;
    margin-top: -23px
}

.fxc-group-dropdown .azc-validatableControl-invalid .fxc-group-dropdown-arrow:before {
    right: 20px
}

.fxc-dropdown-filter .azc-formElementSubLabelContainer.azc-validatableControl-invalid .azc-dockedballoon-validation {
    margin-right: -13px
}

.fxc-base-fill-container-width {
     100%
}

.fxc-base-fill-container-height {
    height: 100%
}

.fxc-base-loading {
    position: relative;
    height: 100%
}

    .fxc-base-loading .fxc-base-loadingImage {
        position: absolute;
        top: calc(50% - 30px / 2);
        left: calc(50% - 30px / 2)
    }

.fxc-base.azc-grid .fx-grid-formatters-svg {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit
}

    .fxc-base.azc-grid .fx-grid-formatters-svg.fx-grid-svgicon-center {
        justify-content: center;
         calc(100% + 10px);
        margin-left: -10px
    }

    .fxc-base.azc-grid .fx-grid-formatters-svg .fx-grid-formatters-svgtext {
        text-overflow: inherit;
        overflow: inherit
    }

.fxc-base.azc-grid .fx-grid-formatters-svgicon {
    margin-right: 6px;
    flex-shrink: 0;
     12px;
    height: 13px;
    position: relative
}

.fxc-base.azc-grid .fx-grid-formatters-icon {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit
}

    .fxc-base.azc-grid .fx-grid-formatters-icon .fx-grid-formatters-icon-text {
        flex: 1;
        min- 0;
        text-overflow: inherit;
        overflow: inherit
    }

.fxc-list.azc-list.azc-list-selectable .azc-list-item[aria-selected=true] {
    position: relative
}

    .fxc-list.azc-list.azc-list-selectable .azc-list-item[aria-selected=true] .fxc-list-selectedOverlay-corner {
        position: absolute;
        border-bottom: 34px solid transparent;
        border-right: 34px solid #00bcf2;
        top: 0;
        right: 0;
         0;
        height: 0
    }

    .fxc-list.azc-list.azc-list-selectable .azc-list-item[aria-selected=true] .fxc-list-selectedOverlay-check {
        position: absolute;
        top: 0;
        right: 0;
         34px;
        height: 34px;
        fill: #fff
    }

.fxc-list.azc-list.azc-list-selectable.fxc-list-activateonselected .azc-list-list > .azc-list-item:not([aria-disabled=true]):hover {
    cursor: pointer
}

.fxc-listView.azc-listView.azc-listView-selectable .azc-listView-item[aria-selected=true] {
    position: relative
}

.fxc-listView.azc-listView.azc-listView-selectable.fxc-list-activateonselected .azc-listView-list > .azc-listView-item:not([aria-disabled=true]):hover {
    cursor: pointer
}

.ext-menublade-part {
    height: 100%
}

.fxc-menu-search {
    min-height: 23px;
    margin-bottom: 20px
}

.fxc-menu-loading {
    margin: 20px auto;
     32px;
    height: 32px;
    opacity: .7
}

.fxc-menu-scrollarea {
    overflow: auto;
    height: calc(100% - 23px - 20px)
}

.ext-fxc-menu-icon {
    height: 15px;
     15px;
    padding: 9px 0 8px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxc-menu-grid {
    padding: 0
}

    .fxc-menu-grid .azc-listView-item {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

        .fxc-menu-grid .azc-listView-item[aria-disabled=true] .ext-fxc-menu-icon, .fxc-menu-grid .azc-listView-item[aria-disabled=true] .ext-fxc-menu-listView-item {
            opacity: .5
        }

    .fxc-menu-grid .ext-fxc-menu-icon, .fxc-menu-grid .ext-fxc-menu-listView-item {
        display: block;
        padding: 10px 0 9px 10px;
        position: relative
    }

    .fxc-menu-grid .azc-listView-groupheader {
        margin: 0
    }

    .fxc-menu-grid .azc-listView-groupheader-text, .fxc-menu-grid .azc-listView-item, .fxc-menu-grid .ext-fxc-menu-groupheader {
        border-bottom- 1px;
        border-bottom-style: solid;
        border-bottom-color: inherit;
        margin: 0
    }

    .fxc-menu-grid .azc-listView-groupheader-text, .fxc-menu-grid .ext-fxc-menu-groupheader {
        font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        padding: 5px 0 10px 5px
    }

.fxs-menublade .fxs-blade-content-container-default .fxs-part {
    overflow: hidden !important
}

.fxc-grid2.fxc-grid-contextMenu table tbody tr[aria-disabled=true] td.fxc-grid-contextMenuShortcut-cell a {
    display: none
}

.fxc-grid2.fxc-grid-contextMenu table tbody tr:not([aria-disabled=true]) td.fxc-grid-contextMenuShortcut-cell {
    padding: 1px
}

    .fxc-grid2.fxc-grid-contextMenu table tbody tr:not([aria-disabled=true]) td.fxc-grid-contextMenuShortcut-cell a {
        display: flex;
        height: 100%
    }

        .fxc-grid2.fxc-grid-contextMenu table tbody tr:not([aria-disabled=true]) td.fxc-grid-contextMenuShortcut-cell a svg {
            height: 16px;
             16px;
            margin: auto
        }

.fxc-grid2.fxs-grid-focus table tbody tr[aria-disabled=true] td > div {
    opacity: .5
}

.fxc-grid2.fxs-grid-focus table tbody tr[aria-disabled=true] td.fxc-grid-infoBalloon > div {
    opacity: 1
}

.fxc-grid2.fxs-grid-focus.azc-grid-mousedown {
    outline: 0
}

.fxc-grid2.fxc-base [data-grid-formelement=DropDown] .fxc-control, .fxc-grid2.fxc-base [data-grid-formelement=MultiselectDropDown] .fxc-control, .fxc-grid2.fxc-base [data-grid-formelement=TextBox] .fxc-control {
     100%
}

.fxc-grid2.fxc-base .fx-grid-formatters-svg {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit
}

    .fxc-grid2.fxc-base .fx-grid-formatters-svg.fx-grid-svgicon-center {
        justify-content: center;
         calc(100% + 10px);
        margin-left: -10px
    }

    .fxc-grid2.fxc-base .fx-grid-formatters-svg .fx-grid-formatters-svgtext {
        text-overflow: inherit;
        overflow: inherit
    }

.fxc-grid2.fxc-base .fx-grid-formatters-svgicon {
    margin-right: 6px;
    flex-shrink: 0;
     12px;
    height: 13px;
    position: relative;
    display: inline-block
}

.fxc-grid2.fxc-base .fx-grid-formatters-icon {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit
}

    .fxc-grid2.fxc-base .fx-grid-formatters-icon .fx-grid-formatters-icon-text {
        flex: 1;
        min- 0;
        text-overflow: inherit;
        overflow: inherit
    }

.fxc-grid2.fxc-grid-grouping table tbody.fxc-grid-groupdata tr.fxc-grid-groupheader td {
    font-size: 10px;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    text-transform: uppercase
}

.fxc-grid2.fxc-grid-grouping table tbody.fxc-grid-groupdata tr.fxc-grid-groupheader:hover {
    background-color: inherit
}

.fxc-grid2.fxc-grid-grouping table tbody.fxc-grid-groupdata.fxc-grid-grouped tr:not(.fxc-grid-groupheader) td:first-of-type:not(.fxs-grid-selection-cell) {
    padding-left: 30px
}

.fxc-grid2.fxc-grid-resizing .fxc-grid-tableContainer {
    position: relative
}

.fxc-grid2.fxc-grid-resizing .fxc-grid-resizableColumn-handle {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
     10px;
    cursor: ew-resize;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

    .fxc-grid2.fxc-grid-resizing .fxc-grid-resizableColumn-handle .fxc-grid-resizableColumn-handle-line {
         1px;
        height: 100%;
        opacity: 0
    }

.fxc-grid2.fxc-grid-resizing .fxc-grid-resizableColumn-ghostLine {
    position: absolute;
     1px;
    top: 0;
    z-index: 1
}

.fxc-grid2.fxc-grid-resizing .fxc-grid-show-handles .fxc-grid-resizableColumn-handle .fxc-grid-resizableColumn-handle-line, .fxc-grid2.fxc-grid-resizing thead:hover .fxc-grid-resizableColumn-handle-line, .fxc-grid2.fxc-grid-resizing.fxc-grid-resizing-inprogress .fxc-grid-resizableColumn-handle-line {
    opacity: 1
}

.fxc-grid2.fxc-grid-resizing.fxc-grid-resizing-inprogress * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fxs-blade-activationstyle .fxc-grid2.fxc-grid-resizing .fxc-grid-resizableColumn-handle {
    display: none
}

.fxc-grid2.fxc-grid-scrolling, .fxc-grid2.fxc-grid-scrolling div.fxc-grid-container, .fxc-grid2.fxc-grid-scrolling div.fxc-grid-container div.fxc-grid-tableContainer, .fxc-grid2.fxc-grid-scrolling div.fxc-grid-container div.fxc-grid-tableContainer div.fxc-grid-tableScrollContainer {
    overflow-x: hidden;
    overflow-y: hidden
}

    .fxc-grid2.fxc-grid-scrolling.fxc-grid-horizontalScroll, .fxc-grid2.fxc-grid-scrolling.fxc-grid-horizontalScroll div.fxc-grid-container, .fxc-grid2.fxc-grid-scrolling.fxc-grid-horizontalScroll div.fxc-grid-container div.fxc-grid-tableContainer {
         100%;
        overflow-x: hidden
    }

        .fxc-grid2.fxc-grid-scrolling.fxc-grid-horizontalScroll div.fxc-grid-container div.fxc-grid-tableContainer div.fxc-grid-tableScrollContainer {
             100%;
            overflow-x: auto
        }

    .fxc-grid2.fxc-grid-scrolling.fxc-grid-verticalScroll {
        height: 100%;
        overflow-y: hidden
    }

        .fxc-grid2.fxc-grid-scrolling.fxc-grid-verticalScroll div.fxc-grid-container {
            height: 100%;
            overflow-y: hidden;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column
        }

            .fxc-grid2.fxc-grid-scrolling.fxc-grid-verticalScroll div.fxc-grid-container div.fxc-grid-tableContainer {
                height: 100%;
                overflow-y: hidden;
                padding-top: 40px;
                position: relative;
                -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: column;
                flex-direction: column
            }

                .fxc-grid2.fxc-grid-scrolling.fxc-grid-verticalScroll div.fxc-grid-container div.fxc-grid-tableContainer div.fxc-grid-tableScrollContainer {
                    height: 100%;
                    overflow-y: auto;
                    -webkit-flex: 1 1 auto;
                    flex: 1 1 auto
                }

                    .fxc-grid2.fxc-grid-scrolling.fxc-grid-verticalScroll div.fxc-grid-container div.fxc-grid-tableContainer div.fxc-grid-tableScrollContainer table.fxc-grid-tableHeader {
                        position: absolute;
                        top: 0;
                        left: 0
                    }

.fxc-grid2.fxs-grid-selection .fxs-grid-selection-cell-col {
     26px;
    max- 26px
}

.fxc-grid2.fxs-grid-selection .fxs-grid-selection-cell-header {
    padding-left: 7px
}

.fxc-grid2.fxs-grid-selection .fxs-grid-selection-cell-wrapper {
    border- 1px;
    border-style: solid;
    box-sizing: border-box;
     17px;
    height: 17px
}

    .fxc-grid2.fxs-grid-selection .fxs-grid-selection-cell-wrapper .fx-grid-formatters-svgicon {
        margin-top: 2px;
        margin-left: 2px;
        position: relative
    }

        .fxc-grid2.fxs-grid-selection .fxs-grid-selection-cell-wrapper .fx-grid-formatters-svgicon svg {
            vertical-align: top
        }

.fxc-grid2.fxs-grid-selection td.fxc-grid-activatable {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

    .fxc-grid2.fxs-grid-selection td.fxc-grid-activatable > span:hover {
        text-decoration: underline
    }

.fxc-grid2.fxs-grid-selection table td.fxc-grid-activatable > span {
    cursor: pointer
}

.fxs-blade-has-activation .fxc-grid2.fxs-grid-selection td.fxc-grid-activatable > span:hover {
    text-decoration: none
}

.fxc-grid2.fxc-grid-sorting a.fxc-sortable {
    cursor: pointer;
    height: 40px;
    display: inline-block;
     100%
}

.fxc-grid2.fxc-grid-sorting .fxc-grid-headerlabel {
    display: block;
    float: left;
    max- calc(100% - 35px)
}

.fxc-grid2.fxc-grid-sorting .fxc-grid-sorting-sortImage {
    vertical-align: middle;
    display: inline-block
}

    .fxc-grid2.fxc-grid-sorting .fxc-grid-sorting-sortImage svg {
        padding-left: 10px;
         12px;
        height: 12px
    }

.fxc-grid2.fxc-grid-sorting .fxc-ascending .msportalfx-descend, .fxc-grid2.fxc-grid-sorting .fxc-descending .msportalfx-ascend, .fxc-grid2.fxc-grid-sorting .fxc-none .msportalfx-ascend, .fxc-grid2.fxc-grid-sorting .fxc-none .msportalfx-descend {
    opacity: .25
}

.fxc-grid2 table tbody tr td, .fxc-grid2 table thead tr th a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxc-grid2 {
    font-size: 12px
}

    .fxc-grid2.fxc-grid-headerHidden table thead {
        display: none
    }

    .fxc-grid2 .fxc-grid-loading .fxc-grid-tableContent {
        opacity: .25
    }

    .fxc-grid2 .fxc-grid-loadingUx {
        display: -webkit-flex;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: 10px 20px;
        -webkit-align-items: center;
        align-items: center
    }

    .fxc-grid2 table tbody tr td .fxc-dropdown, .fxc-grid2 table thead tr th .fxc-grid-header-wrapper > a .fxc-grid-headerlabel {
        display: block
    }

    .fxc-grid2 .fxc-grid-loadingUx span {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .fxc-grid2 table {
         100%;
        border: 0;
        background-color: transparent;
        table-layout: fixed;
        border-spacing: 0;
        border-collapse: collapse
    }

        .fxc-grid2 table tbody tr td, .fxc-grid2 table tbody:last-child tr:last-child td {
            border-bottom- 1px;
            border-bottom-style: solid
        }

        .fxc-grid2 table td:first-of-type, .fxc-grid2 table th:first-child a {
            padding-left: 7px
        }

        .fxc-grid2 table th:first-child {
            padding-left: 0
        }

        .fxc-grid2 table thead tr th {
            text-transform: uppercase;
            text-align: left;
            font-size: 10px;
            padding: 0;
            height: 40px;
            position: relative;
            font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
        }

            .fxc-grid2 table thead tr th a {
                line-height: 38px;
                display: block;
                text-decoration: none;
                color: inherit;
                position: relative
            }

            .fxc-grid2 table thead tr th .fxc-grid-header-wrapper > a {
                padding: 1px 0 1px 10px
            }

        .fxc-grid2 table tbody tr td {
            padding: 1px 0 1px 10px;
            height: 28px;
            border-top- 1px;
            border-top-style: solid
        }

            .fxc-grid2 table tbody tr td .fxc-button, .fxc-grid2 table tbody tr td .fxc-dropdown, .fxc-grid2 table tbody tr td .fxc-editableCombo, .fxc-grid2 table tbody tr td .fxc-fileUpload, .fxc-grid2 table tbody tr td .fxc-optionPicker, .fxc-grid2 table tbody tr td button, .fxc-grid2 table tbody tr td input, .fxc-grid2 table tbody tr td select, .fxc-grid2 table tbody tr td textarea {
                font-size: 12px !important
            }

    .fxc-grid2 a img {
        border: 0
    }

.fxs-mode-light .fxc-grid-loadingUx {
    color: #000
}

.fxs-mode-dark .fxc-grid-loadingUx {
    color: #FFF
}

.fxc-search {
    display: block;
    position: relative
}

    .fxc-search .azc-form-labelcontainer {
        display: none
    }

.fxc-search-icon {
     14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 7px;
    opacity: .8
}

.list-search-icon {
    z-index: 1;
     15px;
    height: 23px;
    float: right;
    line-height: 30px;
    margin-right: 15px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    cursor: pointer;
    opacity: .8;
    display: inline-block;
}

.fxc-search-discard-icon {
     11px;
    height: 11px;
    position: absolute;
    top: 4px;
    right: 11px;
    cursor: pointer;
    display: none;
    opacity: .7
}

.fxc-search .azc-textBox, .fxc-search-populated .fxc-search-discard-icon {
    display: block
}

    .fxc-search .azc-textBox .azc-textBox-wrapper input {
        padding-left: 31px;
        padding-right: 24px
    }

        .fxc-search .azc-textBox .azc-textBox-wrapper input::-ms-clear {
            display: none
        }

.fxc-search ul {
    padding: 0;
    margin: 0;
    position: absolute;
     100%;
    z-index: 150
}

.fxc-search li {
    border-left: 1px solid;
    border-left-color: inherit;
    border-right: 1px solid;
    border-right-color: inherit;
    list-style-type: none;
    border-top- 0;
    border-bottom- 0;
    padding: 9px 32px;
    cursor: pointer
}

    .fxc-search li:last-child {
        border-bottom: 1px solid;
        border-bottom-color: inherit
    }

.fxc-search-no-result {
    pointer-events: none
}

.fxc-simplebutton {
    display: inline-block;
    -webkit-user-select: none;
    min- 80px;
    text-align: center;
    line-height: 22px;
    position: relative
}

.fxs-button-icon {
    display: inline-block;
    height: 12px;
     12px
}

.fxs-button-icon-left {
    margin-right: 5px
}

.fxs-button-icon-right {
    margin-left: 5px
}

.fxs-button-spinner {
    height: 10px;
     10px;
    display: inline-block;
    position: absolute;
    right: 8px
}

.fxs-button-text-hide {
    display: none
}

.fxc-toolbar.azc-toolbar .azc-toolbar-item.azc-toggleCommandButton .azc-toggleCommandButton-checked {
    border- 0;
    border-style: none
}

.fxc-toolbar.azc-toolbar .azc-toolbar-item.azc-control-disabled {
    pointer-events: none
}

.azc-toolbarButton-label {
    font-size: 12px;
    line-height: normal;
    align-self: center
}

.fxs-bladestyle-context .azc-form-labelcontainer, .fxs-hubPane .azc-form-labelcontainer {
    color: #fff
}

.azc-checkBoxField.azc-checkBoxField-inlineLabel div.azc-checkBox {
    display: inline-block;
     auto
}

.azc-checkBoxField-inlineLabel .azc-form-labelcontainer {
    display: none
}

.azc-checkBoxField-inlineLabel .azc-text-label {
    margin-left: 6px
}

.azc-checkBoxField-inlineLabel label {
    line-height: 16px;
    max- 100%
}

.azc-checkBoxField-inlineLabelContainer {
    display: inline-block;
    max- calc(100% - 17px - 6px)
}

.fxc-CheckBoxField .azc-formElementSubLabelContainer {
    min-height: 17px
}

.fxc-hide-check .azc-validatableControl-valid-validated div.azc-dockedballoon-anchor {
    display: none
}

.fxc-section {
    margin: 0;
    padding: 0;
    border: none;
     100%;
    display: table
}

    .fxc-section.fxc-section-row {
         100%
    }

        .fxc-section.fxc-section-row > .fxc-section-column {
            padding-right: 7px
        }

        .fxc-section.fxc-section-row .azc-form-labelcontainer {
            padding-bottom: 3px
        }

        .fxc-section.fxc-section-row > .fxc-section:last-child {
            padding-right: 0
        }

    .fxc-section.fxc-section-wrapper {
         100%;
        display: block
    }

        .fxc-section.fxc-section-wrapper > .fxc-section-legend {
            display: block;
            padding-top: 0
        }

        .fxc-section.fxc-section-wrapper .fxc-section-row {
            display: table
        }

    .fxc-section .fxc-section-legend {
        display: table-caption;
        caption-side: top;
        font-size: 16px;
        margin-bottom: 5px;
        padding-top: 7px
    }

    .fxc-section.fxc-section-column > .fxc-section-legend, .fxc-section.fxc-section-tabs > .fxc-section-legend {
        display: block
    }

    .fxc-section.fxc-section-column {
        display: table-cell;
         1%;
        vertical-align: top
    }

    .fxc-section .fxc-left-label {
        display: table-row
    }

        .fxc-section .fxc-left-label .azc-form-labelcontainer, .fxc-section .fxc-left-label .azc-formElementContainer {
            vertical-align: middle
        }

        .fxc-section .fxc-left-label > .azc-formElementSubLabelContainer {
            display: table-cell;
             100%;
            padding-bottom: 15px
        }

        .fxc-section .fxc-left-label > .azc-form-labelcontainer {
            display: table-cell;
            padding-right: 7px;
            white-space: nowrap;
            padding-bottom: 15px
        }

    .fxc-section .azc-dropdown .azc-dropdown-wrapper .azc-dropdown-current {
        display: inline;
        position: absolute;
        margin: 3px 0 0;
        padding-right: 20px
    }

    .fxc-section .fxc-section-control .azc-form-labelcontainer label {
        max- 100%
    }

    .fxc-section.fxc-section-wrapper.fxc-section-singlecontrol .msportalfx-form-formelement.fxc-section-control {
        padding-bottom: 5px
    }

        .fxc-section.fxc-section-wrapper.fxc-section-singlecontrol .msportalfx-form-formelement.fxc-section-control:last-child {
            padding-bottom: 15px
        }

.fxc-section-tabs {
    display: block;
    margin-bottom: 10px
}

    .fxc-section-tabs > .fxc-section {
         100%;
        display: block
    }

        .fxc-section-tabs > .fxc-section > .fxc-section-legend {
            display: none
        }

    .fxc-section-tabs > .fxc-section-column {
        padding-right: 0
    }

.fxc-tabs-container {
    display: flex;
    height: 30px;
    box-sizing: border-box;
    margin-bottom: 12px;
    border-bottom-style: solid
}

    .fxc-tabs-container:not(.fxc-tabs-block) {
        border-bottom- 1px
    }

        .fxc-tabs-container:not(.fxc-tabs-block) > .fxc-tabs-itemslist li {
            padding-bottom: 2px
        }

            .fxc-tabs-container:not(.fxc-tabs-block) > .fxc-tabs-itemslist li.azc-br-active {
                border-bottom- 2px;
                border-bottom-style: solid;
                padding-bottom: 0
            }

                .fxc-tabs-container:not(.fxc-tabs-block) > .fxc-tabs-itemslist li.azc-br-active.fxc-section-tab-dirty {
                    border-bottom-color: #8a2da5
                }

    .fxc-tabs-container.fxc-tabs-block {
        border-bottom- 1px;
        height: 36px
    }

        .fxc-tabs-container.fxc-tabs-block > .fxc-tabs-itemslist .fxc-section-tab-item {
            height: 36px;
            margin-bottom: 1px;
            padding: 0 11px
        }

            .fxc-tabs-container.fxc-tabs-block > .fxc-tabs-itemslist .fxc-section-tab-item.azc-br-active {
                border- 1px;
                border-style: solid;
                margin-bottom: -1px;
                border-color: inherit;
                padding: 0 10px 2px
            }

                .fxc-tabs-container.fxc-tabs-block > .fxc-tabs-itemslist .fxc-section-tab-item.azc-br-active.fxc-section-tab-dirty {
                    border-color: #8a2da5
                }

.fxc-tabs-itemslist {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    align-items: center;
    flex: 1 1 auto;
    border-color: inherit;
    font-size: 14px
}

    .fxc-tabs-itemslist .fxc-section-tab-item {
        display: flex;
        align-items: center;
        padding: 0 9px;
        margin-right: 3px;
        flex: 0 0 auto;
        cursor: pointer;
        height: 30px;
        box-sizing: border-box;
        transition: background-color .2s ease-out
    }

        .fxc-tabs-itemslist .fxc-section-tab-item.azc-br-active {
            cursor: default
        }

        .fxc-tabs-itemslist .fxc-section-tab-item.fxc-section-tab-dirty {
            color: #8a2da5
        }

.fxs-mode-dark .fxc-section-tab-item:not(.azc-br-active):hover {
    background-color: #3d3d3d;
    color: #fff !important
}

.fxs-mode-light .fxc-section-tab-item:not(.azc-br-active):hover {
    background-color: #f3f3f3;
    color: #252525 !important
}

.fxc-tabs-menu {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    flex: 0 0 auto;
     16px
}

    .fxc-tabs-menu span {
         16px;
        height: 16px;
        cursor: pointer;
        display: none
    }

    .fxc-tabs-menu ul {
        position: absolute;
        top: 30px;
        right: 0;
        padding: 0;
        display: none;
        min- 120px
    }

    .fxc-tabs-menu li {
        color: #fff
    }

        .fxc-tabs-menu li.azc-br-active {
            color: #7f8286
        }

        .fxc-tabs-menu li:hover {
            background-color: #1f2327
        }

.fxc-tabs-menu-active span[role=button] {
    display: block
}

.fxc-tabs-menu-active.fxc-tabs-menu-open ul {
    background-color: #32383f;
    display: block
}

.msportalfx-vertical-compact .fxc-left-label > .azc-form-labelcontainer, .msportalfx-vertical-compact .fxc-left-label > .azc-formElementSubLabelContainer {
    padding-bottom: 5px
}

div:not(.fxc-section) > .fxc-section-legend {
    display: inline-block !important
}

.msportalfx-form.fxc-section-column, .msportalfx-form:not(.fxc-section-row) > .fxc-section-column {
    display: block;
     100%
}

.msportalfx-form.fxc-section-row, .msportalfx-form:not(.fxc-section-wrapper) > .fxc-section-row {
     calc(100% - 7px)
}

.fxc-section.fxc-section-dependent {
     100%;
    padding-left: 10px;
    padding-bottom: 7px;
    border-left- 1px;
    border-left-style: solid;
    border-bottom- 1px;
    border-bottom-style: solid;
    box-sizing: border-box;
    margin-bottom: 15px
}

.fxc-right-sublabel .azc-formElementContainer {
    display: inline-block
}

    .fxc-right-sublabel .azc-formElementContainer > div {
        padding-right: 7px
    }

.fxc-right-sublabel .azc-text-sublabel {
    max- 50% !important
}

.fxc-selector .fxc-selector-container.fxc-selector-show-icon .azc-text-label, .fxc-selector-container .azc-textBox {
    padding-top: 2px
}

.fxc-section .fxc-creatorAndSelectorField:last-child, .fxc-section .fxc-selectorField:last-child {
    padding-bottom: 15px !important
}

.msportalfx-form:not(.msportalfx-form-custom) .msportalfx-form-section .msportalfx-form-formelement.fxc-selectorField .azc-formElementContainer {
    display: block;
     100%;
    margin-left: 0
}

.msportalfx-form:not(.msportalfx-form-custom) .msportalfx-form-formelement.fxc-selectorField {
     100%;
    height: auto;
    margin: 0
}

.fxc-selectorField, .fxc-selectorField .fxc-selector {
    position: relative
}

    .fxc-selectorField .azc-text-sublabel {
        pointer-events: none;
        position: absolute;
        right: 8px;
        bottom: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 16px;
        max- 66%
    }

    .fxc-selectorField + .fxc-selectorField .fxc-selector {
        border-top- 0;
        height: 60px
    }

.fxc-selector-disabled {
    opacity: .5
}

.fxc-selector {
     100%;
    margin: 0;
    border-style: solid;
    border- 1px 0;
    height: 61px;
    cursor: pointer
}

    .fxc-selector.fxc-selector-locked {
        cursor: auto
    }

    .fxc-selector:not(.fxc-selector-locked) .fxc-selector-locked-img {
        display: none
    }

    .fxc-selector .azc-text-label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: normal;
        padding-bottom: 4px
    }

    .fxc-selector .fxc-selector-container {
        height: 35px;
        position: relative;
        top: calc(45% - 35px/2)
    }

        .fxc-selector .fxc-selector-container .fxc-selector-icon {
            float: left;
            margin-right: 6px;
            height: 14px;
             14px
        }

        .fxc-selector .fxc-selector-container .fxc-selector-value {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 22px
        }

        .fxc-selector .fxc-selector-container .fxc-selector-leftPane {
            margin-right: 40px;
            margin-left: 10px
        }

            .fxc-selector .fxc-selector-container .fxc-selector-leftPane .fxc-selector-displayText {
                font-size: 14px;
                line-height: 14px
            }

            .fxc-selector .fxc-selector-container .fxc-selector-leftPane .fxc-selector-label > label {
                display: inline-block;
                max- calc(100% - 20px);
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: top
            }

        .fxc-selector .fxc-selector-container:not(.fxc-selector-show-value) .fxc-selector-leftPane {
            position: relative;
            top: calc(50% - 14px/2)
        }

        .fxc-selector .fxc-selector-container .fxc-selector-chevron {
            position: absolute;
            right: 0;
            height: 14px;
            top: calc(50% - 14px/2)
        }

            .fxc-selector .fxc-selector-container .fxc-selector-chevron .fxc-selector-chevron-image {
                 14px;
                height: 14px
            }

    .fxc-selector .azc-dockedballoon-required {
        float: left
    }

    .fxc-selector .fxc-selector-required .fxc-selector-no-value .fxc-selector-displayText {
        font-style: italic
    }

html[lang^=ja] .fxc-selector .fxc-selector-container .azc-text-label, html[lang^=ko] .fxc-selector .fxc-selector-container .azc-text-label, html[lang^=zh] .fxc-selector .fxc-selector-container .azc-text-label {
    font-size: 11px
}

.fxc-selector.fxc-selector-andcreator .fxc-selector-createnew-container, .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew-singleMode .fxc-selector-link {
    display: none
}

.fxc-selectorField + .fxc-selectorField .fxc-selector.fxc-selector-andcreator {
    height: 90px
}

.fxc-creatorAndSelectorField {
    position: relative
}

    .fxc-creatorAndSelectorField .azc-text-sublabel {
        position: absolute;
        right: 8px;
        bottom: 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 16px;
        max- 66%
    }

.fxc-selector.fxc-selector-andcreator {
    height: 90px;
    position: relative
}

    .fxc-selector.fxc-selector-andcreator .fxc-selector-link {
        position: absolute;
        left: -8px;
        bottom: -10px;
        padding: 2px 8px;
        margin-left: 10px
    }

    .fxc-selector.fxc-selector-andcreator .fxc-selector-container {
        height: 65px;
        top: calc(45% - 65px/2)
    }

    .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew-singleMode {
        height: 61px
    }

        .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew-singleMode .fxc-selector-leftPane {
             100%;
            padding-top: 12px
        }

        .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew-singleMode .azc-dockedballoon-required {
            padding-top: 12px
        }

    .azc-selectorField, .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-createnew-container > .msportalfx-form-formelement {
        padding: 0 !important
    }

    .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew {
        cursor: auto
    }

        .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-createnew-container {
            display: block
        }

        .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-chevron, .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-no-value, .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-value {
            display: none
        }

        .fxc-selector.fxc-selector-andcreator.fxc-selector-andcreator-createNew .fxc-selector-leftPane {
             calc(90%)
        }

.fxc-selector-invalid {
    display: none;
    position: absolute;
    right: 20px;
    top: 0;
    height: 100%;
    -webkit-align-items: center;
    align-items: center
}

.fxc-selector-invalid-visible {
    display: -webkit-flex;
    display: flex
}

.fxc-selector-andcreator-createNew .fxc-selector-invalid {
    display: none
}

.fxc-selector-invalid-target, .fxc-selector-invalid-target svg {
    height: 18px;
     18px
}

.azc-creatorAndSelectorField {
    height: 90px !important;
    padding: 0 !important;
    margin-bottom: 0 !important
}

.azc-selectorField {
    height: 61px !important
}

    .azc-creatorAndSelectorField .fxc-selector, .azc-selectorField .fxc-selector {
        box-sizing: border-box
    }

    .azc-creatorAndSelectorField + .msportalfx-form-formelement, .azc-selectorField + .msportalfx-form-formelement {
        margin-top: 15px
    }

    .azc-creatorAndSelectorField + .azc-creatorAndSelectorField, .azc-creatorAndSelectorField + .azc-selectorField, .azc-selectorField + .azc-creatorAndSelectorField, .azc-selectorField + .azc-selectorField {
        margin-top: 0
    }

        .azc-creatorAndSelectorField + .azc-creatorAndSelectorField .fxc-selector, .azc-creatorAndSelectorField + .azc-selectorField .fxc-selector, .azc-selectorField + .azc-creatorAndSelectorField .fxc-selector, .azc-selectorField + .azc-selectorField .fxc-selector {
            border-top- 0
        }

.fxs-blade-header .fxs-blade-title .fxs-blade-title-titleText, .fxs-bladestyle-context .fxs-blade-content .fxs-part-content h1, .fxs-bladestyle-help .fxs-blade-content .fxs-part-content h1, .fxs-bladestyle-help .fxs-blade-content .fxs-part-content h2 {
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxs-blade {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .fxs-blade .fxs-blade-actionBar, .fxs-blade .fxs-blade-header {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .fxs-blade.fxs-blade-initializing {
        transition: none !important
    }

    .fxs-blade .fxs-blade-dialoghost {
        display: block;
        position: relative;
        z-index: 200;
         100%;
        left: 0;
        overflow: visible;
        height: 0
    }

    .fxs-blade .fxs-blade-stacklayout {
        height: 100%;
        -ms-overflow-style: auto;
        box-sizing: border-box;
        padding: 10px 25px 25px
    }

    .fxs-blade .fxs-blade-disabled-message {
        text-align: center
    }

        .fxs-blade .fxs-blade-disabled-message .fxs-blade-title-subtitleText {
            font-size: 12px;
            line-height: normal;
            text-transform: uppercase;
            margin: 0
        }

.fxs-blade-header {
    position: relative;
    height: 45px
}

    .fxs-blade-header .fxs-blade-title {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        min- 0;
        margin-left: 25px;
         100%
    }

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

        .fxs-blade-header .fxs-blade-title .fxs-blade-title-titleText {
            font-size: 18px;
            line-height: 30px
        }

        .fxs-blade-header .fxs-blade-title .fxs-blade-title-subtitleText {
            max- 100%;
            margin-top: -4px;
            font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
            font-size: 10px;
            line-height: normal
        }

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

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

.fxs-blade-title-image {
     45px;
    height: 45px;
    display: block;
    margin-right: 10px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

    .fxs-blade-header-icon + .fxs-blade-title, .fxs-blade-title-image + .fxs-blade-title {
        margin: 0
    }

.fxs-blade-title-content {
    display: -webkit-flex;
    display: flex;
    height: 100%
}

.fxs-commandBar-target {
    border-bottom- 1px;
    border-bottom-style: solid
}

    .fxs-commandBar-target:empty {
        border: 0
    }

.fxs-blade-disabled .fxs-blade-commandBarContainer {
    display: none
}

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

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

.fxs-blade-title-description .fxs-blade-title-help-link {
    white-space: nowrap
}

    .fxs-blade-title-description .fxs-blade-title-help-link .fxs-blade-title-help-icon > svg {
         10px;
        height: 10px;
        margin-left: 2px;
        vertical-align: middle
    }

.fxs-blade-status-container.fxs-bg-none, .fxs-blade-status-container.fxs-bg-success {
    display: none
}

.fxs-blade-status-text-container, .fxs-blade-title-description {
    min-height: 36px;
    box-sizing: border-box;
    padding: 5px 25px;
    font-size: 12px;
    line-height: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.fxs-blade-status-text-container {
    height: 100%
}

.fxs-blade-status-icon {
    height: 20px;
    -webkit-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-right: 10px
}

    .fxs-blade-status-icon svg {
        height: 20px;
         20px
    }

.fxs-blade-status-arrow {
    height: 12px;
    -webkit-flex: 0 0 12px;
    flex: 0 0 12px;
    margin-left: 5px
}

    .fxs-blade-status-arrow svg {
        height: 12px;
         12px
    }

.fxs-blade-actions button:not(.fxs-blade-close), .fxs-blade-title {
    visibility: hidden
}

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

.fxs-blade-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

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

        .fxs-blade-actions button svg {
            display: block;
            height: 16px;
             16px
        }

        .fxs-blade-actions button.fxs-blade-pin svg {
            height: 14px;
             14px
        }

        .fxs-blade-actions button.fxs-blade-pin[aria-disabled=true] {
            cursor: default;
            opacity: .5
        }

        .fxs-blade-actions button.fxs-blade-close:hover {
            background: #ba141a
        }

.fxs-blade .fxs-blade-statusbar {
    transition: opacity .2s,background-color .2s
}

.fxs-blade.fxs-blade-maximized {
     100%
}

.fxs-blade-content-container > div {
    display: none
}

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

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

.fxs-blade-activationstyle .azc-collapsed-hidden, .fxs-blade-activationstyle .msportalfx-hideonactivated, .fxs-blade-content-container-details .fxs-part-resourcesummary-bottom, .fxs-blade-content-container-details .fxs-part-resourcesummary-shortcuts, .fxs-blade-position-feature .fxs-blade:not(:last-child) .fxs-blade-maximizeOrRestore, .fxs-blade-shield-translucent .fxs-progress-dots, .fxs-blade-unauthorized .fxs-blade-status-container, .fxs-blade-unauthorized .fxs-blade-summary-container, .fxs-bladestyle-hub .fx-text-title, .fxs-bladestyle-hub .fxs-blade-actions .fxs-blade-pin, .fxs-bladestyle-hubsubmenu .fx-text-title, .fxs-bladestyle-hubsubmenu .fxs-blade-actions .fxs-blade-pin, .fxs-contextpane .fxs-blade .fxs-blade-actions .fxs-blade-maximizeOrRestore {
    display: none
}

.fxs-blade-content-container .fxs-bladecontent:first-child {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-blade-progress {
    top: 45px;
    height: calc(100% - 45px);
    z-index: 202
}

.fxs-bladecontent-progress {
    z-index: 201
}

.fxs-blade-progress-translucent {
    height: 8px;
    position: absolute;
    z-index: 202
}

    .fxs-blade-progress-translucent > div {
        margin-left: 6px
    }

        .fxs-blade-progress-translucent > div::after {
            height: 4px;
             4px;
            background: #fff
        }

.fxs-bladestyle-context .fxs-blade-content .fxs-tile, .fxs-bladestyle-help .fxs-blade-content .fxs-tile {
    background: 0 0
}

.fxs-blade .fxs-blade-summary-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-blade-border {
    border-left-style: solid;
    border-left- 2px;
    box-sizing: border-box
}

.fxs-blade-content-container-details .fxs-part-resourcesummary .fxs-part-properties {
    margin-bottom: 6px
}

.fxs-blade-appblade, .fxs-blade-appblade .fxs-blade-content-container-default, .fxs-blade-appblade .fxs-blade-stacklayout {
     100% !important
}

    .fxs-blade-appblade .fxs-blade-content {
        padding: 0
    }

.fxs-bladestyle-app .fxs-blade-stacklayout {
    padding: 0;
    top: 0;
    bottom: 0
}

.fxs-bladestyle-app .fxs-part {
    padding: 0 !important;
    height: 100% !important
}

.fxs-bladestyle-basic .fxs-blade-content, .fxs-bladestyle-basic .fxs-blade-stacklayout, .fxs-bladestyle-basicwithcommands .fxs-blade-content, .fxs-bladestyle-basicwithcommands .fxs-blade-stacklayout, .fxs-bladestyle-context .fxs-blade-content, .fxs-bladestyle-context .fxs-blade-content .fxs-part-content .fxc-hotspot, .fxs-bladestyle-context .fxs-blade-stacklayout, .fxs-bladestyle-create .fxs-blade-content, .fxs-bladestyle-create .fxs-blade-stacklayout {
    padding: 0
}

.fxs-bladestyle-app .fxs-lens, .fxs-bladestyle-app .fxs-lens-layout, .fxs-bladestyle-app .fxs-part-content, .fxs-bladestyle-app .fxs-tile {
    height: 100% !important
}

.fxs-bladestyle-app .fxs-blade-summary-container {
    border-bottom- 0
}

.fxs-bladestyle-context .fxs-blade-content .fxs-part-content h1 {
    font-size: 28px;
    margin: 0 0 25px
}

.fxs-bladestyle-context .fxs-blade-content .fxs-part-content button.fxc-hotspot, .fxs-bladestyle-help .fxs-blade-content .fxs-part-content button.fxc-hotspot {
    padding: 3px 10px 5px
}

.fxs-bladestyle-context .fxs-blade-content .fxs-part-content .msportalfx-partdivider::after {
    margin: 0
}

.fxs-bladestyle-help .fxs-blade-content .fxs-part-content h1 {
    font-size: 34px;
    margin: 14px 0 33px
}

.fxs-bladestyle-help .fxs-blade-content .fxs-part-content h2 {
    font-size: 22px;
    margin: 0 0 17px
}

.fxs-bladestyle-help .fxs-blade-content .fxs-part-content h3 {
    font-size: 14px;
    margin: 10px 0 8px
}

.fxs-bladestyle-help .fxs-blade-content .fxs-part-content h4 {
    text-transform: uppercase;
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    margin: 0
}

.fxs-bladestyle-hub .fxs-blade-content, .fxs-bladestyle-hub .fxs-blade-stacklayout, .fxs-bladestyle-hubsubmenu .fxs-blade-content, .fxs-bladestyle-hubsubmenu .fxs-blade-stacklayout {
    padding: 0
}

.fxs-bladestyle-hub .fxs-blade-statusbar-wrapper, .fxs-bladestyle-hubsubmenu .fxs-blade-statusbar-wrapper {
    background-color: inherit
}

.fxs-blade-maximized .fxs-blade-stacklayout {
     100%
}

.fxs-blade-unauthorized .fxc-notice {
    position: absolute;
     100%
}

.fxs-journey-layout .fxs-stacklayout-child:first-child .fxs-blade-content-container-default, .fxs-journey-layout .fxs-stacklayout-child:first-child .fxs-blade-header, .fxs-journey-layout .fxs-stacklayout-child:first-child .fxs-blade > fxs-progress {
    border-left- 2px
}

.fxs-contextpane .fxs-blade .fxs-blade-header, .fxs-contextpane .fxs-blade .fxs-blade-progress, .fxs-contextpane .fxs-blade .fxs-bladecontent {
    border: none
}

.fxs-contextpane .fxs-blade .fxs-blade-content-container-default, .fxs-contextpane .fxs-blade .fxs-blade-stacklayout {
    max- 435px
}

html[lang^=zh] .fxs-blade .fxs-blade-header .fxs-blade-title h3, html[lang^=zh] .fxs-blade .fxs-blade-statusbar-text, html[lang^=ja] .fxs-blade .fxs-blade-header .fxs-blade-title h3, html[lang^=ja] .fxs-blade .fxs-blade-statusbar-text, html[lang^=ko] .fxs-blade .fxs-blade-header .fxs-blade-title h3, html[lang^=ko] .fxs-blade .fxs-blade-statusbar-text {
    font-size: 11px
}

.fxs-blade-content-container .fxs-bladestyle-create .fxs-blade-stacklayout {
    padding-left: 25px;
    padding-right: 25px
}

    .fxs-blade-content-container .fxs-bladestyle-create .fxs-blade-stacklayout .fxs-part {
        padding-left: 0;
        padding-right: 0
    }

.fxs-blade-shield-translucent {
    pointer-events: none
}

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

.fxs-blade-position-feature .fxs-blade {
    max- 100%
}

    .fxs-blade-position-feature .fxs-blade:not(.fxs-contextpane-content) {
         0
    }

.fxs-blade-position-feature .fxs-blade-content-container-details {
     585px
}

.fxs-blade-position-feature .fxs-blade-actionBar {
    flex-grow: 1;
    -webkit-flex-grow: 1
}

.fxs-blade-position-feature .fxs-bladesize-small.fxs-blade-content-container-details {
     315px
}

.fxs-blade-position-feature .fxs-bladesize-small.fxs-blade-content {
    min- 296px
}

.fxs-blade-position-feature .fxs-bladesize-medium.fxs-blade-content-container-details {
     585px
}

.fxs-blade-position-feature .fxs-bladesize-medium.fxs-blade-content {
    min- 566px
}

.fxs-blade-position-feature .fxs-bladesize-expandable.fxs-blade-content-container-details, .fxs-blade-position-feature .fxs-bladesize-large.fxs-blade-content-container-details {
     855px
}

.fxs-blade-position-feature .fxs-bladesize-expandable.fxs-blade-content, .fxs-blade-position-feature .fxs-bladesize-large.fxs-blade-content {
    min- 836px
}

.fxs-blade-position-feature .fxs-bladesize-xlarge.fxs-blade-content-container-details {
     1125px
}

.fxs-blade-position-feature .fxs-bladesize-xlarge.fxs-blade-content {
    min- 1106px
}

.fxs-blade-position-feature .fxs-blade-maximized.fxs-blade {
     100%;
    flex-shrink: 0; /**值原为1，改成0 解决panel组件窗口 挤压问题**/
    -webkit-flex-shrink: 0
}

.fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
     265px
}

    .fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default .fxs-blade-content {
        min- 246px
    }

    .fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default.fxs-blade-unauthorized {
         100%
    }

    .fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default.fxs-blade-collapsed {
         20px
    }

.fxs-blade-position-feature .fxs-blade-firstblade .fxs-blade-content-container-default.fxs-blade-collapsed {
     18px
}

.fxs-blade-position-feature .fxs-blade-content-wrapper {
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.fxs-blade-position-feature .fxs-blade-firstblade .fxs-blade-content-container-default, .fxs-blade-position-feature .fxs-blade-firstblade .fxs-blade-header, .fxs-blade-position-feature .fxs-blade-firstblade .fxs-blade > fxs-progress {
    border-left- 0
}

.fxs-blade-position-feature .fxs-blade.fxs-contextpane-content {
    min- 315px
}

    .fxs-blade-position-feature .fxs-blade.fxs-contextpane-content .fxs-blade-content {
        min- auto
    }

.fxs-blade-position-feature .fxs-bladecontent-unlocked .fxs-lens-layout-flow {
    margin-right: -19px
}

.fxs-blade-collapser svg, .fxs-bladecontent-collapser svg {
    transform: rotate(270deg)
}

.fxs-blade-collapse-veil svg, .fxs-blade-expander svg {
    transform: rotate(90deg);
    height: 8px;
     8px
}

.fxs-bladecontent-collapser svg {
    height: 8px;
     8px
}

.fxs-blade-collapse-veil svg, .fxs-bladecontent-collapser svg {
    position: absolute;
    top: 17px;
    right: 5px
}

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

.fxs-blade-collapsed .fxs-blade-collapse-veil, .fxs-blade-collapsed .fxs-blade-expander {
    display: block
}

.fxs-menublade .fxs-blade-content-container-default .fxs-bladecontent-collapser {
    display: block;
    top: 0;
    right: 0;
     18px;
    bottom: 0
}

.fxs-blade-collapsed .fxs-blade-content-container-default, .fxs-blade-collapsed .fxs-blade-content-container-details, .fxs-blade-collapsed .fxs-blade-title-content, .fxs-blade-collapsed.fxs-blade-content-container-default > div, .fxs-blade-hidden, .fxs-menublade .fxs-blade-content-container-default.fxs-blade-collapsed .fxs-bladecontent-collapser, .fxs-menublade .fxs-blade-content-container-default.fxs-blade-unauthorized .fxs-bladecontent-collapser {
    display: none
}

.fxs-blade-collapse-veil, .fxs-blade-expander {
    height: 100%;
     100%
}

    .fxs-blade-collapse-veil.fxs-blade-border {
        border-left- 2px
    }

.fxs-blade-collapsed {
     20px
}

    .fxs-blade-collapsed.fxs-blade-firstblade {
         18px
    }

        .fxs-blade-collapsed.fxs-blade-firstblade .fxs-blade-collapse-veil {
            border-left- 0
        }

.fxs-portal-peekmode .fxs-blade-hidden {
    display: -webkit-flex;
    display: flex
}

.fxs-portal-peekmode .fxs-blade-maximized.fxs-blade {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

body, button, input, p, select, textarea {
    font-family: az_ea_font,wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxs-display-none {
    display: none !important
}

.fxs-hide-accessible-label {
    overflow: hidden;
    position: fixed;
    top: -1000px;
    left: -1000px;
     0;
    height: 0
}

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

code, p, pre {
    font-size: 12px
}

body, html {
    height: 100%
}

body {
    margin: 0;
    padding: 0
}

[type=button], [type=reset], [type=submit], button {
    font-size: 12px;
    background: 0 0;
    color: inherit
}

img {
    overflow: hidden;
    max-height: 100%;
    max- 100%
}

:link img, :visited img, a img, img {
    border: 0
}

[contentEditable=true]:not([tabindex="-1"]):focus, [tabindex="0"]:focus, a[href]:not([tabindex="-1"]):focus, area[href]:not([tabindex="-1"]):focus, button:not([disabled]):not([tabindex="-1"]):focus, iframe: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 {
    outline-offset: -1px
}

tbody tr[tabindex]:not([tabindex='-1']):focus {
    box-shadow: none
}

a {
    text-decoration: none
}

p {
    line-height: 18px
}

b, strong {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

code, pre {
    font-family: Consolas,"Courier New",monospace
}

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

textarea {
    overflow: auto
}

hr {
    border- 1px 0 0;
    border-top-style: solid
}

[data-bind*=fxClick], [data-bind*=fxclick], [role=link], [role=button] {
    cursor: pointer
}

@-moz-document url-prefix(http) {
    ::-moz-placeholder {
        opacity: 1
    }

    ::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    button:focus, input[type=button]:focus {
        outline- 1px;
        outline-style: dashed
    }
}

@supports (outline-offset:-1px) {
    :focus {
        outline: #00bcf2 dashed 1px
    }
}

.fxs-theme-blue {
    background-color: #215b7d
}

    .fxs-theme-blue .fxs-startboard-button, .fxs-theme-blue .fxs-startboard-header, .fxs-theme-blue .fxs-startboard-message-container {
        color: #fff
    }

    .fxs-theme-blue .fxs-startboard-button-icon {
        fill: #fff
    }

.fxs-theme-azure {
    background-color: #0078d7
}

    .fxs-theme-azure .fxs-startboard-button, .fxs-theme-azure .fxs-startboard-header, .fxs-theme-azure .fxs-startboard-message-container {
        color: #fff
    }

    .fxs-theme-azure .fxs-startboard-button-icon {
        fill: #fff
    }

    .fxs-theme-azure .fxs-topbar {
        background-color: #003056
    }

    .fxs-theme-azure .fxs-topbar-search .fxs-searchbox input {
        background-color: #295b84
    }

    .fxs-theme-azure .fxs-trim {
        background-color: #003c6c
    }

    .fxs-theme-azure .fxs-trim-selected {
        background-color: #205f90
    }

    .fxs-theme-azure .fxs-trim-hover:hover {
        background-color: #19507b
    }

    .fxs-theme-azure .fxs-trim-border {
        border-color: #19507b
    }

    .fxs-theme-azure .fxs-trim-text-primary a, .fxs-theme-azure a.fxs-trim-text-primary {
        color: #55b3ff
    }

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

.fxs-mode-light .fxs-bladecontent-unlocked, .fxs-mode-light .fxs-portal-background-secondary {
    background-color: #eee
}

.fxs-mode-light .fxs-bladestyle-create, .fxs-mode-light .fxs-bladestyle-help {
    background-color: #fff
}

.fxs-mode-light .fxs-portal-background-primary {
    background-color: #0058ad
}

.fxs-mode-light .fxs-portal-text {
    color: #252525
}

.fxs-mode-light .fxs-portal-text-primary {
    color: #0058ad
}

.fxs-mode-light .fxs-portal-title {
    color: #444
}

.fxs-mode-light .fxs-portal-border {
    border-color: #bbb
}

.fxs-mode-light .fxs-portal-bg-txt-br {
    color: #252525;
    border-color: #bbb;
    background-color: #fff
}

.fxs-mode-light .fxs-portal-focus:focus {
    background-color: #f5fcfe
}

.fxs-mode-light .fxs-portal-selected {
    background-color: #e5f8fd
}

.fxs-mode-light .fxs-portal-activated {
    background-color: #bfeefb
}

.fxs-mode-light .fxs-portal-hover:hover {
    background-color: #f3f3f3
}

.fxs-mode-light .fxs-portal-hover:active {
    background-color: #bfeefb
}

.fxs-mode-light .msportalfx-docking-footer {
    border-color: #bbb
}

.fxs-mode-light .fxs-portal-svg {
    fill: #252525
}

.fxs-mode-light .fxs-portal-svg-secondary {
    fill: #444
}

.fxs-mode-light .fxs-tile-overlay {
    background-color: rgba(255,255,255,.6)
}

.fxs-mode-light .fxc-infoBox-image-container {
    background-color: #bbb
}

.fxs-mode-light .azc-control {
    border-color: #bbb
}

    .fxs-mode-light .azc-control optgroup, .fxs-mode-light .azc-control option {
        background-color: #fff;
        border-color: #bbb;
        color: #252525
    }

        .fxs-mode-light .azc-control optgroup[disabled], .fxs-mode-light .azc-control option[disabled] {
            color: #929292
        }

    .fxs-mode-light .azc-control ::-webkit-input-placeholder {
        color: #515151
    }

    .fxs-mode-light .azc-control ::-moz-placeholder {
        color: #515151
    }

    .fxs-mode-light .azc-control :-ms-input-placeholder {
        color: #515151
    }

.fxs-mode-light .azc-node-fill {
    fill: #94caff
}

.fxs-mode-light .azc-node-fill-focused, .fxs-mode-light .azc-node-fill-hovered {
    fill: #47a5ff
}

.fxs-mode-light .azc-node-bg {
    background-color: #94caff
}

.fxs-mode-light .azc-node-bg-focused, .fxs-mode-light .azc-node-bg-hovered {
    background-color: #47a5ff
}

.fxs-mode-light .azc-chart {
    fill: #fff;
    stroke: #ccc
}

    .fxs-mode-light .azc-chart text {
        fill: #515151
    }

        .fxs-mode-light .azc-chart text.azc-chart-axis-slider-text {
            fill: #252525
        }

.fxs-mode-light .azc-external-hovered:not(.azc-row-disabled) {
    background-color: #e6eef7
}

.fxs-mode-light .azc-header {
    background-color: #bbb;
    color: #252525
}

.fxs-mode-light .azc-formControl, .fxs-mode-light .azc-textarea {
    border-color: #bbb;
    background-color: #fff
}

.fxs-mode-light .azc-input {
    color: #252525
}

.fxs-mode-light .azc-formControl.azc-br-focused, .fxs-mode-light .azc-formControl.azc-br-focused.fxs-br-dirty, .fxs-mode-light .azc-formControl:focus {
    border-color: #0058ad
}

.fxs-mode-light .azc-list-focused {
    background-color: #d9e6f3
}

.fxs-mode-light .azc-list-selected {
    background-color: #b3cde6
}

.fxs-mode-light .azc-bg-default {
    background-color: #fff
}

.fxs-mode-light .azc-bg-light {
    background-color: #e6e6e6
}

.fxs-mode-light .azc-bg-muted {
    background-color: #b3b3b3
}

.fxs-mode-light .azc-bg-muted-80-10 {
    background-color: #333
}

.fxs-mode-light .azc-bg-console {
    background-color: #191919
}

.fxs-mode-light .azc-bg-hover {
    background-color: #99bcde
}

.fxs-mode-light .azc-bg-disabled {
    background-color: #e6e6e6
}

.fxs-mode-light .azc-bg-inverted {
    background-color: #4d4d4d
}

.fxs-mode-light .azc-bg-hover-muted:hover {
    background-color: grey
}

.fxs-mode-light .azc-br-muted {
    border-color: #ccc
}

.fxs-mode-light .azc-br-muted-80-10 {
    border-color: #333
}

.fxs-mode-light .azc-br-active {
    border-color: #252525
}

.fxs-mode-light .azc-br-strong {
    border-color: grey
}

.fxs-mode-light .azc-br-focused, .fxs-mode-light .azc-br-focused.azc-br-edited, .fxs-mode-light .azc-br-focused.fxs-br-dirty, .fxs-mode-light .azc-br-focused.fxs-br-error, .fxs-mode-light .azc-br-hovered, .fxs-mode-light .azc-br-selected {
    border-color: #0058ad
}

.fxs-mode-light .azc-br-top-hovered {
    border-top-color: #0058ad
}

.fxs-mode-light .azc-br-bottom-hovered {
    border-bottom-color: #0058ad
}

.fxs-mode-light .azc-br-inverted {
    border-color: #4d4d4d
}

.fxs-mode-light .azc-stroke-muted {
    stroke: grey
}

.fxs-mode-light .azc-stroke-heavy {
    stroke: #666
}

.fxs-mode-light .azc-stroke-default {
    stroke: #fff
}

.fxs-mode-light .azc-stroke-selected {
    stroke: #0058ad
}

.fxs-mode-light .azc-fill-default, .fxs-mode-light svg.azc-fill-default {
    fill: #fff
}

.fxs-mode-light .azc-fill-heavy, .fxs-mode-light .azc-fill-hovered-heavy:hover {
    fill: #666
}

.fxs-mode-light .azc-fill-text {
    fill: #252525
}

.fxs-mode-light .azc-fill-hover {
    fill: #d9e6f3
}

.fxs-mode-light .azc-fill-selected {
    fill: #b3cde6
}

.fxs-mode-light .azc-fill-primary svg {
    fill: #0058ad
}

.fxs-mode-light .azc-scrollbar-default, .fxs-mode-light .azc-scrollbar-default:hover {
    -ms-scrollbar-track-color: #e6e6e6;
    -ms-scrollbar-face-color: #b3b3b3
}

    .fxs-mode-light .azc-scrollbar-default::-webkit-scrollbar, .fxs-mode-light .azc-scrollbar-default:hover::-webkit-scrollbar {
        background: 0 0
    }

    .fxs-mode-light .azc-scrollbar-default::-webkit-scrollbar-track-piece, .fxs-mode-light .azc-scrollbar-default:hover::-webkit-scrollbar-track-piece {
        background: 0 0
    }

    .fxs-mode-light .azc-scrollbar-default::-webkit-scrollbar-thumb, .fxs-mode-light .azc-scrollbar-default:hover::-webkit-scrollbar-thumb {
        background: #b3b3b3
    }

.fxs-mode-light .azc-text-muted {
    color: #757575
}

.fxs-mode-light .azc-text-label {
    color: #474747
}

.fxs-mode-light .azc-text-console {
    color: #e6e6e6
}

.fxs-mode-light .azc-text-primary, .fxs-mode-light a.azc-text-primary {
    color: #0058ad
}

.fxs-mode-light .azc-text-disabled, .fxs-mode-light a.azc-text-disabled {
    color: #929292
}

.fxs-mode-light .azc-text-inverted {
    color: #fff
}

.fxs-mode-light .azc-disabled, .fxs-mode-light .azc-disabled:focus, .fxs-mode-light .azc-disabled:hover, .fxs-mode-light input.azc-disabled {
    color: #929292;
    background-color: #e6e6e6;
    border-color: #969696;
    fill: #929292
}

.fxs-mode-light .azc-fill-disabled svg {
    fill: #929292 !important
}

.fxs-mode-light .fxc-grid2.fxs-grid-selection tbody td.fxc-grid-activatable {
    color: #0058ad
}

.fxs-mode-light .fxc-grid2.fxs-grid-selection.fxc-pseudoHover tbody tr.fxc-grid-row:not([aria-disabled=true]):not(.fxs-portal-selected):not(.fxs-portal-activated) {
    background-color: #f3f3f3
}

.fxs-mode-light .fxc-grid2.fxs-grid-selection.fxc-pseudoHover tbody tr.fxc-grid-row:not([aria-disabled=true]) ~ tr.fxc-grid-row:not([aria-disabled=true]):not(.fxs-portal-selected):not(.fxs-portal-activated):not(:hover), .fxs-mode-light .fxs-blade-has-activation .fxc-grid2.fxs-grid-selection tr:not(.fxs-portal-activated) {
    background-color: transparent
}

.fxs-mode-light .fxs-blade-has-activation .fxc-grid2.fxs-grid-selection .fxs-portal-activated {
    background-color: #bfeefb
}

.fxs-mode-light .msportalfx-bg-muted-5 {
    background-color: #f2f2f2
}

.fxs-mode-light .msportalfx-bg-muted {
    background-color: #e6e6e6
}

.fxs-mode-light .msportalfx-bg-default {
    background-color: #fff
}

.fxs-mode-light .msportalfx-text-default {
    color: #252525
}

.fxs-mode-light .msportalfx-text-white {
    color: #fff
}

.fxs-mode-light .msportalfx-text-muted-50 {
    color: #444
}

.fxs-mode-light .msportalfx-fill {
    fill: #252525
}

.fxs-mode-light .msportalfx-bgcolor-paletteLightGray {
    background-color: #e6e6e6
}

.fxs-mode-light .msportalfx-highlight {
    color: #000;
    background-color: #fff100
}

.fxs-mode-light .msportalfx-brdr-color:hover, .fxs-mode-light .msportalfx-brdr-selected {
    border-color: #00bcf2
}

.fxs-mode-light .msportalfx-border {
    border-color: #bbb
}

.fxs-mode-light .msportalfx-text-primary {
    color: #0058ad
}

.fxs-mode-light .msportalfx-link-primary {
    color: #0058ad !important
}

.fxs-mode-light .fxs-graph-fill {
    fill: #fff !important
}

.fxs-mode-light .azc-has-focus .azc-dockedballoon-validation {
    border-color: #0058ad
}

.fxs-mode-light .fxs-bladestyle-create .msportalfx-form .fxs-br-dirty {
    border-color: #bbb
}

    .fxs-mode-light .fxs-bladestyle-create .msportalfx-form .fxs-br-dirty.azc-br-focused {
        border-color: #0058ad
    }

.fxs-mode-light .fxs-bladestyle-create .msportalfx-form .azc-is-edited .azc-dockedballoon-validation {
    border-color: #bbb
}

.fxs-mode-light .fxs-portal-selected.azc-bg-disabled {
    background-color: #acd6e2
}

.fxs-mode-light .fxs-button-default {
    background-color: #fff;
    border-color: #0058ad;
    color: #0058ad;
    fill: #0058ad
}

    .fxs-mode-light .fxs-button-default .fxs-button-icon .fxs-portal-svg {
        fill: #0058ad
    }

    .fxs-mode-light .fxs-button-default:hover {
        color: #0074e0;
        fill: #0074e0;
        border-color: #0074e0;
        background-color: rgba(127,127,127,.1)
    }

        .fxs-mode-light .fxs-button-default:hover .fxs-button-icon .fxs-portal-svg {
            fill: #0074e0
        }

    .fxs-mode-light .fxs-button-default:active {
        color: #003f7a;
        fill: #003f7a;
        border-color: #003f7a;
        background-color: rgba(127,127,127,.1)
    }

        .fxs-mode-light .fxs-button-default:active .fxs-button-icon .fxs-portal-svg {
            fill: #0074e0
        }

.fxs-mode-light .fxs-portal-button-primary {
    background-color: #0058ad;
    border-color: #0058ad;
    color: #fff;
    fill: #fff
}

    .fxs-mode-light .fxs-portal-button-primary .fxs-button-icon .fxs-portal-svg {
        fill: #fff
    }

    .fxs-mode-light .fxs-portal-button-primary:hover {
        background-color: #0074e0;
        border-color: #0074e0
    }

    .fxs-mode-light .fxs-portal-button-primary:active {
        background-color: #003f7a;
        border-color: #003f7a
    }

.fxs-mode-light .fxs-button-disabled, .fxs-mode-light .fxs-button-disabled:active, .fxs-mode-light .fxs-button-disabled:focus, .fxs-mode-light .fxs-button-disabled:hover {
    cursor: default;
    background-color: rgba(127,127,127,.1);
    border-color: rgba(127,127,127,.1);
    outline: 0;
    color: #b3b3b3;
    fill: #b3b3b3
}

    .fxs-mode-light .fxs-button-disabled .fxs-button-icon .fxs-portal-svg {
        fill: #b3b3b3
    }

    .fxs-mode-light .fxs-button-disabled:active .fxs-button-icon .fxs-portal-svg, .fxs-mode-light .fxs-button-disabled:focus .fxs-button-icon .fxs-portal-svg, .fxs-mode-light .fxs-button-disabled:hover .fxs-button-icon .fxs-portal-svg {
        fill: #b3b3b3
    }

.fxs-mode-light .fxs-copyfield .fxc-copyablelabel-copyimage {
    fill: #252525
}

.fxs-mode-light .fxc-tabs-container.fxc-tabs-block > .fxc-tabs-itemslist li.azc-br-active {
    border-bottom-color: #fff
}

.fxs-mode-light .fxs-bladestyle-create .msportalfx-form .azc-optionPicker li.fxs-bg-dirty {
    background-color: #bfeefb !important
}

a {
    color: #0058ad
}

.fxs-topbar {
    background-color: #1c1c1c;
    color: #fff
}

    .fxs-topbar .fxs-bg-warning, .fxs-topbar.fxs-bg-warning {
        color: #000
    }

        .fxs-topbar .fxs-bg-warning svg, .fxs-topbar.fxs-bg-warning svg {
            fill: #000
        }

.fxs-topbar-search .fxs-searchbox input {
    background-color: #444;
    color: #fff
}

    .fxs-topbar-search .fxs-searchbox input::-webkit-input-placeholder {
        color: #bbb
    }

    .fxs-topbar-search .fxs-searchbox input:-ms-input-placeholder {
        color: #bbb
    }

    .fxs-topbar-search .fxs-searchbox input::-moz-placeholder {
        color: #bbb
    }

.fxs-trim, .fxs-trim-text, .fxs-trim-text a, a.fxs-trim-text {
    color: #fff
}

.fxs-topbar-dashboard, .fxs-topbar-exit-customize {
    background-color: #8a2da5
}

.fxs-trim {
    background-color: #252525
}

.fxs-trim-btn {
    color: #fff;
    border-color: #fff
}

.fxs-trim-title {
    color: #bbb
}

.fxs-trim-selected {
    background-color: #444
}

.fxs-trim-hover:hover {
    background-color: #3d3d3d
}

.fxs-trim-border {
    border-color: #444
}

.fxs-trim-svg {
    fill: #fff
}

.fxs-trim-svg-secondary {
    fill: #bbb
}

.fxs-trim-text-primary a, a.fxs-trim-text-primary {
    color: #55b3ff
}

.fxs-sidebar-star.fxs-is-favorite svg {
    fill: #ffb900;
    stroke: #000;
    stroke- 1px
}

.fxs-fill-white, .fxs-tile-actionbar-action {
    fill: #fff
}

.fxs-sidebar .azc-form-labelcontainer {
    color: #fff
}

.fxs-bg-white {
    background-color: #fff
}

.fxs-overlay {
    background: rgba(0,0,0,.7)
}

.fxs-highlight {
    color: #000;
    background-color: #fff100
}

.fxs-tile-actionbar {
    background-color: #9cd5f4
}

.fxs-tile-actionbar-action.fxs-tile-actionbar-action-pressed, .fxs-tile-actionbar-action:hover {
    background: #00bcf2
}

.fxs-tile-actionbar-action.fxs-tile-actionbar-command-unpinfromstartboard:hover {
    background: #ba141a
}

.fxs-portal .fxs-accent, .fxs-portal .fxs-popup {
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3)
}

.fxs-portal .fxs-portal-main .azc-is-edited .azc-dockedballoon-validation.azc-control.azc-dockedballoon {
    border-color: #8a2da5
}

.fxs-blade-status-container, .fxs-blade-title-description {
    color: #000
}

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

.fxs-br-primary {
    border-color: #00bcf2
}

.fxs-tile-selected .fxs-tile-overlay {
    background-color: transparent
}

.fxs-bg-overlay-dark {
    background: rgba(0,0,0,.7)
}

.fxs-bg-primary-10 {
    background-color: rgba(0,188,242,.1)
}

.azc-is-edited.azc-has-focus {
    border-color: #7fba00
}

    .azc-is-edited.azc-has-focus .azc-dockedballoon-validation {
        border-color: #00bcf2
    }

.azc-is-edited .azc-dockedballoon-validation {
    border-color: #8a2da5
}

.azc-disabled:hover, .azc-row-disabled:hover {
    background-color: inherit
}

.azc-disabled, .azc-disabled:focus, .azc-disabled:hover, input.azc-disabled {
    cursor: default;
    outline: 0
}

.fxs-part::after {
    border-color: #9cd5f4
}

.fxs-part.fxs-part-selected-command::after, .fxs-part.fxs-part-selected::after {
    border-color: #00bcf2
}

.fxs-portal .fxs-text-info, .fxs-portal .msportalfx-text-info {
    color: #0058ad
}

.fxs-portal .fxs-text-success, .fxs-portal .msportalfx-text-success {
    color: #7fba00
}

.fxs-portal .fxs-text-dirty, .fxs-portal .msportalfx-text-dirty {
    color: #8a2da5
}

.fxs-portal .fxs-text-warning, .fxs-portal .msportalfx-text-warning {
    color: #ff8c00
}

.fxs-portal .fxs-text-error, .fxs-portal .msportalfx-text-error {
    color: #e81123
}

.fxs-fill-info, .msportalfx-fill-info {
    fill: #0058ad !important
}

.fxs-fill-complete, .fxs-fill-success, .msportalfx-fill-success {
    fill: #7fba00 !important
}

.fxs-fill-dirty, .fxs-fill-upsell, .msportalfx-fill-dirty {
    fill: #8a2da5 !important
}

.fxs-fill-warning, .msportalfx-fill-warning {
    fill: #ff8c00 !important
}

.fxs-fill-error, .msportalfx-fill-error {
    fill: #e81123 !important
}

.fxs-br-info, .msportalfx-br-info {
    border-color: #00bcf2 !important
}

.fxs-br-success, .msportalfx-br-success {
    border-color: #7fba00 !important
}

.fxs-br-dirty, .msportalfx-br-dirty {
    border-color: #8a2da5 !important
}

.fxs-br-warning, .msportalfx-br-warning {
    border-color: #ff8c00 !important
}

.fxs-br-error, .msportalfx-br-error {
    border-color: #e81123 !important
}

.fxs-bg-info, .msportalfx-bg-info {
    background-color: #0058ad !important
}

.fxs-bg-success, .msportalfx-bg-success {
    background-color: #7fba00 !important
}

.fxs-bg-dirty, .fxs-bg-upsell, .msportalfx-bg-dirty {
    background-color: #8a2da5 !important
}

.fxs-bg-warning, .msportalfx-bg-warning {
    background-color: #ff8c00 !important
}

.fxs-bg-error, .msportalfx-bg-error {
    background-color: #e81123 !important
}

.fxs-blade-statusbg.fxs-bg-info {
    background-color: #d1e7f8 !important
}

.fxs-blade-statusbg.fxs-bg-complete, .fxs-blade-statusbg.fxs-bg-success {
    background-color: #d1ebd1 !important
}

.fxs-blade-statusbg.fxs-bg-dirty, .fxs-blade-statusbg.fxs-bg-upsell {
    background-color: #e4d5f0 !important
}

.fxs-blade-statusbg.fxs-bg-warning {
    background-color: #fff0d1 !important
}

.fxs-blade-statusbg.fxs-bg-error {
    background-color: #f9b1b7 !important
}

.fxs-desktop-organize .fxs-tile .fxs-tile-content {
    z-index: 0
}

.fxs-desktop-organize .fxs-tile .fxs-tile-overlay {
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.fxs-desktop-normal .fxs-hide-in-normal, .fxs-desktop-normal .fxs-portal-contextpane-left, .fxs-desktop-organize .fxs-contextpane .fxs-tile .fxs-tile-overlay, .fxs-desktop-organize .fxs-sidebar, .fxs-desktop-organize .fxs-startboard-header .fxs-startboard-actions, .fxs-desktop-organize .fxs-startboard-header .fxs-startboard-dropdown, .fxs-desktop-organize .fxs-startboard-header .fxs-startboard-migration {
    display: none
}

.fxs-desktop-organize .fxs-tile .fxs-tile-overlay:hover {
    border- 1px;
    border-style: solid;
    box-sizing: border-box
}

.fxs-desktop-organize .fxs-tile.fxs-tilesize-hero.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-herotall.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-herowide.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-large.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-mini.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-normal.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-small.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-tall.fxs-tile-selected .fxs-tile-overlay, .fxs-desktop-organize .fxs-tile.fxs-tilesize-wide.fxs-tile-selected .fxs-tile-overlay {
    cursor: move
}

.fxs-desktop-organize .fxs-blade-locked .fxs-tile .fxs-tile-overlay:hover {
    border: none
}

.fxs-desktop-organize .fxs-blade-content-container .fxs-bladestyle-context .fxs-tile div.fxs-tile-overlay, .fxs-desktop-organize .fxs-blade-content-container .fxs-bladestyle-contextaction .fxs-tile div.fxs-tile-overlay, .fxs-desktop-organize .fxs-blade-content-container .fxs-bladestyle-help .fxs-tile div.fxs-tile-overlay {
    background-color: transparent
}

.fxs-desktop-organize .fxs-hide-in-customize {
    visibility: hidden
}

.fxs-desktop-organize .fxs-startboard-layout > .fxs-flowlayout-childcontainer {
    min-height: 2155px;
    min- 3865px
}

.fxs-desktop-organize .fxc-hotspot-customclick {
    z-index: 1
}

.fxs-keyboardshortcuts {
    padding: 0 25px;
     355px
}

.fxs-keyboardshortcuts-category {
    margin-top: 20px
}

.fxs-keyboardshortcuts-shortcut {
    display: -webkit-flex;
    display: flex
}

.fxs-keyboardshortcuts-key {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
     98px
}

.fxs-commandBar-form {
    padding: 0
}

.fxs-messagebox, .fxs-progressbox {
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3);
    border: 1px solid
}

    .fxs-messagebox h2, .fxs-progressbox h2 {
        font-size: 110%;
        padding: 24px 27px 7px;
        margin: 0;
        line-height: 14px;
        border-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .fxs-messagebox .fxs-messagebox-html, .fxs-messagebox .fxs-messagebox-text, .fxs-messagebox .fxs-progressbox-text, .fxs-progressbox .fxs-messagebox-html, .fxs-progressbox .fxs-messagebox-text, .fxs-progressbox .fxs-progressbox-text {
        padding: 0 27px;
        word-wrap: break-word
    }

    .fxs-messagebox .fxs-progressbox-progressbar, .fxs-progressbox .fxs-progressbox-progressbar {
        padding: 7px 27px 24px
    }

    .fxs-messagebox .fxs-messagebox-buttons, .fxs-progressbox .fxs-messagebox-buttons {
        border-top- 1px;
        border-top-style: solid
    }

        .fxs-messagebox .fxs-messagebox-buttons .fxs-button, .fxs-progressbox .fxs-messagebox-buttons .fxs-button {
            margin-right: 5px
        }

    .fxs-messagebox .msportalfx-form, .fxs-progressbox .msportalfx-form {
        padding: 0;
        margin: 27px 0 0
    }

        .fxs-messagebox .msportalfx-form > div, .fxs-progressbox .msportalfx-form > div {
            padding: 15px 27px
        }

.fxs-messagebox-confirmation {
    padding: 10px 27px 0;
    display: block
}

.fxs-copyfield {
    display: none;
    position: absolute;
     24px;
    top: 0;
    right: 0
}

    .fxs-copyfield .fxc-copyablelabel {
        padding: 0
    }

        .fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-textbox {
            display: none
        }

.fxs-copyfield-container .fxs-copyfield, .fxs-copyfield-container.fxs-copyfield-copied .fxs-copyfield .fxc-copyablelabel-textbox {
    display: block
}

.fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-textbox .azc-input {
    padding: 0;
    border: 0;
    margin: 0;
    height: auto;
    background-color: transparent
}

.fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-copybutton.azc-button {
    padding: 0;
    margin: 0;
    background-color: transparent
}

    .fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-copybutton.azc-button:hover {
        background-color: transparent
    }

    .fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-copybutton.azc-button .fxc-copyablelabel-copyimage {
        padding: 2px 6px 6px 2px
    }

.fxs-copyfield-container .fxs-copyfield-wrapper {
    position: absolute;
    top: 0;
    right: 0;
     24px;
    height: 24px
}

.fxs-copyfield-container.fxs-copyfield-copied .fxc-copyablelabel {
    padding-right: 24px
}

.fxs-copyfield-container.fxs-copyfield-copied .fxs-copyfield, .fxs-copyfield-container.fxs-copyfield-copied .fxs-copyfield-wrapper {
     100%
}

    .fxs-copyfield-container.fxs-copyfield-copied .fxs-copyfield .fxc-copyablelabel-copybutton {
        margin-right: -24px
    }

.fxs-part-resourcesummary .fxs-copyfield .fxc-copyablelabel .fxc-copyablelabel-textbox .azc-input {
    font-size: 13px
}

.fxpart-itemsummary {
    height: 100%;
    background: #00f;
    display: block;
    color: #fff
}

.fxpart-itemsummary-name {
    font-size: 19px;
    padding: 20px;
    text-transform: uppercase
}

.fxpart-itemsummary-sourceControl {
    font-size: 16px;
    padding: 0 20px
}

.fxs-formdialog {
    font-size: 14px;
    border: 1px solid
}

    .fxs-formdialog h2 {
        font-size: 110%
    }

    .fxs-formdialog .fxs-formdialog-description {
        margin-top: -10px
    }

    .fxs-formdialog .fxs-formdialog-form {
        margin: 20px 0 0;
        padding: 15px 25px;
         448px;
        max- calc(100% - 2 * 25px)
    }

    .fxs-formdialog .fxs-formdialog-buttons {
        margin-left: 25px
    }

        .fxs-formdialog .fxs-formdialog-buttons > .fxc-simplebutton {
            margin-right: 5px;
            margin-bottom: 25px
        }

.fxs-formdialog-header {
    border-bottom: 1px solid;
    margin: 0 25px;
    padding-bottom: 10px
}

.fxs-listpopup {
    display: inline-block;
    cursor: default;
    position: absolute;
    left: 0;
     200px;
    max-height: 300px;
    z-index: 200;
    overflow-y: auto;
    box-sizing: border-box
}

    .fxs-listpopup .fxs-listpopup-list {
        list-style-type: none;
        padding: 0;
        max-height: 300px
    }

    .fxs-listpopup .fxs-listpopup-item {
        font-size: 12px;
        line-height: normal;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        box-sizing: border-box;
        padding: 0 10px;
        border: 0;
        overflow: visible;
        text-align: left;
        height: 35px;
        cursor: pointer
    }

.fxs-progressbox {
    color: #fff
}

.msportalfx-svg-c01 {
    fill: #fff
}

.msportalfx-svg-c02 {
    fill: #e5e5e5
}

.msportalfx-svg-c03 {
    fill: #a0a1a2
}

.msportalfx-svg-c04 {
    fill: #7a7a7a
}

.msportalfx-svg-c05 {
    fill: #3e3e3e
}

.msportalfx-svg-c06 {
    fill: #1e1e1e
}

.msportalfx-svg-c07 {
    fill: #0f0f0f
}

.msportalfx-svg-c08 {
    fill: #ba141a
}

.msportalfx-svg-c09 {
    fill: #dd5900
}

.msportalfx-svg-c10 {
    fill: #ff8c00
}

.msportalfx-svg-c11 {
    fill: #fcd116
}

.msportalfx-svg-c12 {
    fill: #fee087
}

.msportalfx-svg-c13 {
    fill: #b8d432
}

.msportalfx-svg-c14 {
    fill: #7fba00
}

.msportalfx-svg-c15 {
    fill: #59b4d9
}

.msportalfx-svg-c16 {
    fill: #3999c6
}

.msportalfx-svg-c17 {
    fill: #804998
}

.msportalfx-svg-c18 {
    fill: #ec008c
}

.msportalfx-svg-c19 {
    fill: #0072c6
}

.msportalfx-svg-c20 {
    fill: #68217a
}

.msportalfx-svg-c21 {
    fill: #00188f
}

.msportalfx-svg-c22 {
    fill: #e81123
}

.msportalfx-svg-c97 {
    fill: #ffb900
}

.msportalfx-svg-c98 {
    fill: #00a4ef
}

.msportalfx-svg-c99 {
    fill: #f25022
}

.fxs-blade-header-icon .msportalfx-svg-c05, .fxs-sidebar-middle .msportalfx-svg-c05, .fxs-theme-dark .msportalfx-svg-c05, .msportalfx-inverted-theme .msportalfx-svg-c05 {
    fill: #777
}

.fxs-blade-header-icon .msportalfx-svg-c07, .fxs-sidebar-middle .msportalfx-svg-c07, .fxs-theme-dark .msportalfx-svg-c07, .msportalfx-inverted-theme .msportalfx-svg-c07 {
    fill: #f2f2f2
}

.msportalfx-svg-palette-white > *, .msportalfx-svg-palette-white > g > * {
    fill: #fff
}

.msportalfx-svg-palette-blue > *, .msportalfx-svg-palette-blue > g > * {
    fill: #3999c6
}

.msportalfx-svg-palette-black > *, .msportalfx-svg-palette-black > g > * {
    fill: #1e1e1e
}

.msportalfx-svg-palette-green > *, .msportalfx-svg-palette-green > g > * {
    fill: #7fba00
}

.msportalfx-svg-palette-gray > *, .msportalfx-svg-palette-gray > g > * {
    fill: #a0a1a2
}

.msportalfx-svg-palette-inherit > *, .msportalfx-svg-palette-inherit > g * {
    fill: inherit !important
}

.msportalfx-svg-badge {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 12px;
    min- 12px
}

.ext-fxc-menu-icon > .msportalfx-svg-badge {
    left: 8px;
    bottom: 7px;
    min-height: 8px;
    min- 8px
}

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

@-moz-document url-prefix() {
    .msportalfx-svg-disabled {
        filter: none
    }
}

.msportalfx-svg-disabled .msportalfx-svg-c01 {
    fill: #fff
}

.msportalfx-svg-disabled .msportalfx-svg-c02 {
    fill: #e5e5e5
}

.msportalfx-svg-disabled .msportalfx-svg-c03 {
    fill: #a1a1a1
}

.msportalfx-svg-disabled .msportalfx-svg-c04 {
    fill: #7a7a7a
}

.msportalfx-svg-disabled .msportalfx-svg-c05 {
    fill: #3e3e3e
}

.msportalfx-svg-disabled .msportalfx-svg-c06 {
    fill: #1e1e1e
}

.msportalfx-svg-disabled .msportalfx-svg-c07 {
    fill: #0f0f0f
}

.msportalfx-svg-disabled .msportalfx-svg-c08 {
    fill: #676767
}

.msportalfx-svg-disabled .msportalfx-svg-c09 {
    fill: #6f6f6f
}

.msportalfx-svg-disabled .msportalfx-svg-c10 {
    fill: grey
}

.msportalfx-svg-disabled .msportalfx-svg-c11 {
    fill: #898989
}

.msportalfx-svg-disabled .msportalfx-svg-c12 {
    fill: #c3c3c3
}

.msportalfx-svg-disabled .msportalfx-svg-c13 {
    fill: #838383
}

.msportalfx-svg-disabled .msportalfx-svg-c14 {
    fill: #5d5d5d
}

.msportalfx-svg-disabled .msportalfx-svg-c15 {
    fill: #999
}

.msportalfx-svg-disabled .msportalfx-svg-c16 {
    fill: grey
}

.msportalfx-svg-disabled .msportalfx-svg-c17 {
    fill: #717171
}

.msportalfx-svg-disabled .msportalfx-svg-c18 {
    fill: #767676
}

.msportalfx-svg-disabled .msportalfx-svg-c19 {
    fill: #636363
}

.msportalfx-svg-disabled .msportalfx-svg-c20 {
    fill: #4e4e4e
}

.msportalfx-svg-disabled .msportalfx-svg-c21 {
    fill: #484848
}

.msportalfx-svg-disabled .msportalfx-svg-c22 {
    fill: #7d7d7d
}

.msportalfx-svg-disabled .msportalfx-svg-c97 {
    fill: grey
}

.msportalfx-svg-disabled .msportalfx-svg-c98 {
    fill: #787878
}

.msportalfx-svg-disabled .msportalfx-svg-c99 {
    fill: #8a8a8a
}

.msportalfx-svg-loading-square {
    -webkit-animation: ProgressFlagAnimation 1.45s infinite ease-in-out;
    animation: ProgressFlagAnimation 1.45s infinite ease-in-out
}

    .msportalfx-svg-loading-square:nth-child(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .msportalfx-svg-loading-square:nth-child(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .msportalfx-svg-loading-square:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

@-webkit-keyframes ProgressFlagAnimation {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

@keyframes ProgressFlagAnimation {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

.msportalfx-svg-flip-horizontal > svg, svg.msportalfx-svg-flip-horizontal {
    transform: scalex(-1)
}

.msportalfx-svg-rotate360 {
    -webkit-animation: ImageRotation 1.45s infinite linear;
    animation: ImageRotation 1.45s infinite linear
}

@-webkit-keyframes ImageRotation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ImageRotation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fxs-avatarmenu-tenant, .fxs-avatarmenu-tenant-uri, .fxs-avatarmenu-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-avatarmenu {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

.fxs-avatarmenu-header {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 20px;
    height: 40px
}

.fxs-avatarmenu-username {
    font-size: 14px;
    line-height: normal;
    max- 146px
}

.fxs-avatarmenu-dropdown-title, .fxs-avatarmenu-tenant {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px;
    text-transform: uppercase
}

.fxs-avatarmenu-tenant {
    line-height: normal;
    opacity: .9;
    max- 146px
}

.fxs-avatarmenu-tenant-container {
    text-align: right;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.fxs-avatarmenu-tenant-image {
    height: 35px;
     35px;
    border: 0;
    border-radius: 35px;
    margin-left: 11px;
    margin-right: 5px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-avatarmenu-tenant-name {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%
}

.fxs-avatarmenu-dropdown {
     220px
}

.fxs-avatarmenu-dropdown-title {
    padding: 5px 20px 0
}

.fxs-avatarmenu-tenant-uri {
    font-size: 12px;
    margin-top: 5px
}

.fxs-avatarmenu-list-tenant a {
    display: block
}

.fxs-avatarmenu-list-system a {
    display: -webkit-flex;
    display: flex
}

.fxs-avatarmenu-scrollviewer {
    max-height: 505px;
    overflow: auto
}

html[lang^=ja] .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-dropdown-title, html[lang^=ja] .fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-tenant, html[lang^=ko] .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-dropdown-title, html[lang^=ko] .fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-tenant, html[lang^=zh] .fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-dropdown-title, html[lang^=zh] .fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-tenant {
    font-size: 11px
}

.fxs-contextpane {
    display: none;
    max- 435px;
    height: 100%;
    position: relative;
    z-index: 200
}

    .fxs-contextpane .fxs-contextpane-content {
        box-sizing: border-box;
        max- 435px;
        height: 100%;
        overflow: auto
    }

    .fxs-contextpane .fxs-progress-dots {
        display: none
    }

    .fxs-contextpane.fxs-contextpane-loading .fxs-progress-dots, .fxs-contextpane.fxs-contextpane-visible {
        display: block
    }

.fxs-contextpane-close, .fxs-contextpane-expand {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    margin: 0;
    transition: background .2s ease-out;
    height: 30px;
     30px;
    position: absolute;
    top: 0
}

    .fxs-contextpane-close svg, .fxs-contextpane-expand svg {
        display: block;
        height: 16px;
         16px
    }

.fxs-contextpane-close {
    right: 0
}

    .fxs-contextpane-close:hover {
        background: #ba141a;
        color: #fff
    }

.fxs-contextpane-expand {
    left: 0;
    padding: 8px 7px 9px 20px;
     100%
}

    .fxs-contextpane-expand svg {
        height: 18px;
         18px
    }

.fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left {
     60px;
    max- 60px
}

    .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-partgallery-container .fxs-partgallery-loading-status, .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-partgallery-container .fxs-partgallery-partscontainer, .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-partgallery-container .fxs-partgallery-topcontainer > * {
        display: none
    }

    .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-partgallery-container .fxs-partgallery-topcontainer {
        overflow: visible
    }

        .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-partgallery-container .fxs-partgallery-topcontainer .fxs-partgallery-title {
            display: block;
            white-space: nowrap;
            -webkit-transform: rotate(90deg) translateY(5px);
            transform: rotate(90deg) translateY(5px);
            -webkit-transform-origin: 0;
            transform-origin: 0
        }

    .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-contextpane-expand, .fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left .fxs-contextpane-expand .fxs-contextpane-button-inner {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

.fxs-sidebar + .fxs-portal-contextpane-left {
     225px;
    max- 225px;
    border-right: 1px solid
}

.fxs-contextblade-placeholder {
     435px
}

.fxs-portal-contextpane-right {
    position: absolute;
    right: 0;
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3)
}

.fxs-panorama {
    position: relative;
    -ms-scroll-chaining: none
}

    .fxs-panorama .fxs-journey-target, .fxs-panorama .fxs-startboard-target {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
         100%;
        z-index: 0
    }

    .fxs-panorama > div[data-popup=true].azc-control {
        z-index: 150
    }

body.fxs-panning-cursor {
    cursor: ew-resize !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important
}

.fxs-show-journey .fxs-startboard-target, .fxs-show-startboard .fxs-journey-target {
    display: none
}

.fxs-panorama-scrollbounce-onleft .fxs-startboard-layout, .fxs-panorama-scrollbounce-onleft > .fxs-journey-target {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.fxs-panorama-scrollbounce-onright .fxs-startboard-layout, .fxs-panorama-scrollbounce-onright > .fxs-journey-target {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.fxs-panorama-scrollbounce-reset .fxs-startboard-layout, .fxs-panorama-scrollbounce-reset > .fxs-journey-target {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.fxs-panorama-scrollbounce-onleft .fxs-startboard-layout, .fxs-panorama-scrollbounce-onleft > .fxs-journey-target, .fxs-panorama-scrollbounce-onright .fxs-startboard-layout, .fxs-panorama-scrollbounce-onright > .fxs-journey-target, .fxs-panorama-scrollbounce-reset .fxs-startboard-layout, .fxs-panorama-scrollbounce-reset > .fxs-journey-target {
    transition: transform .333s ease !important
}

@-webkit-keyframes fxs-indicator-animatedEllipses {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

@keyframes fxs-indicator-animatedEllipses {
    0% {
        opacity: 1
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .3
    }
}

.fxs-topbar-search {
    height: 40px
}

    .fxs-topbar-search .fxs-box-wrapper {
        margin-top: 6px;
        margin-right: 6px
    }

    .fxs-topbar-search .fxs-menu {
        margin-right: 6px;
        top: 34px
    }

.fxs-search-text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-search {
    position: relative
}

    .fxs-search.fxs-search-expanded {
        padding: 0 0 0 10px;
        position: relative
    }

        .fxs-search.fxs-search-expanded .fxs-box-wrapper {
            display: inline-block
        }

        .fxs-search.fxs-search-expanded .fxs-search-icon {
            display: none
        }

    .fxs-search .fxs-box-wrapper {
        position: relative;
        padding: 0;
        display: none
    }

        .fxs-search .fxs-box-wrapper.fxs-searching .fxs-indicator {
            display: inline-block
        }

        .fxs-search .fxs-box-wrapper.fxs-searching .fxs-searchbox .azc-input {
            padding: 0 60px 0 32px
        }

    .fxs-search div.fxs-icon {
        position: absolute;
        padding: 5px 7px
    }

        .fxs-search div.fxs-icon svg {
            height: 18px;
             18px;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            fill: #fff
        }

    .fxs-search .fxs-cross {
        height: 28px;
         20px;
        position: absolute;
        font-size: 20px;
        top: -2px;
        right: 0;
        cursor: pointer;
        color: #fff
    }

    .fxs-search .fxs-searchbox {
        height: 28px;
         400px
    }

        .fxs-search .fxs-searchbox .azc-input {
            border: 0;
            font-size: 14px;
            padding: 0 20px 0 32px;
            height: 28px
        }

            .fxs-search .fxs-searchbox .azc-input::-ms-clear {
                display: none
            }

    .fxs-search .fxs-indicator {
        height: 28px;
         40px;
        position: absolute;
        display: none;
        top: 0;
        padding-top: 4px;
        right: 20px
    }

        .fxs-search .fxs-indicator > div {
            display: inline-block;
            height: 6px;
             6px;
            -webkit-animation: fxs-indicator-animatedEllipses 1.5s infinite;
            animation: fxs-indicator-animatedEllipses 1.5s infinite;
            background: #aab3bd;
            margin: 0 2.5px
        }

            .fxs-search .fxs-indicator > div:nth-child(1) {
                -webkit-animation-delay: 0s;
                animation-delay: 0s
            }

            .fxs-search .fxs-indicator > div:nth-child(2) {
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

            .fxs-search .fxs-indicator > div:nth-child(3) {
                -webkit-animation-delay: .4s;
                animation-delay: .4s
            }

@media all and (min-1440px) {
    .fxs-search {
        padding: 0 0 0 10px;
        position: relative
    }

        .fxs-search .fxs-box-wrapper {
            display: inline-block
        }

        .fxs-search .fxs-search-icon {
            display: none
        }
}

@media all and (min-1200px) {
    .fxs-search .fxs-search-no-journeys {
        padding: 0 0 0 10px;
        position: relative
    }

        .fxs-search .fxs-search-no-journeys .fxs-box-wrapper {
            display: inline-block
        }

        .fxs-search .fxs-search-no-journeys .fxs-search-icon {
            display: none
        }
}

.fxs-sidebar, .fxs-sidebar-bar {
    height: 100%;
    box-sizing: border-box
}

.fxs-sidebar {
    z-index: 200;
    position: relative;
    font-size: 13px;
    border-right- 1px;
    border-right-style: solid
}

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

    .fxs-sidebar button {
        font-family: inherit;
        margin: 0;
        cursor: pointer;
        font-size: inherit
    }

.fxs-sidebar-bar {
     225px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fxs-sidebar-bottom, .fxs-sidebar-top {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden
}

.fxs-sidebar-middle {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

@-moz-document url-prefix() {
    .fxs-sidebar-is-collapsed .fxs-sidebar-middle {
         80px
    }
}

@supports (-webkit-appearance:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
    .fxs-sidebar-is-collapsed .fxs-sidebar-middle {
         80px
    }
}

.fxs-sidebar-bar {
    overflow: hidden
}

.fxs-sidebar-is-collapsed .fxs-sidebar-middle {
    -ms-overflow-style: none
}

.fxs-sidebar-is-collapsed .fxs-sidebar-improvedflyout.fxs-sidebar-flyout {
     95vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%
}

.fxs-sidebar-button-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.fxs-sidebar-favorites-section {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 2px 0;
    margin: 20px 0 10px;
    min-height: 17px
}

.fxs-sidebar-create {
    height: 37px;
    padding: 0 20px;
     100%;
    box-sizing: border-box;
    border-right: none;
    border-left: none;
    border-top- 1px;
    border-top-style: solid;
    border-bottom- 1px;
    border-bottom-style: solid
}

.fxs-sidebar-improvedsidebar .fxs-sidebar-create {
    height: 37px;
    padding: 0 20px;
     100%;
    border: none
}

.fxs-sidebar-post-divider, .fxs-sidebar-pre-divider {
    border-bottom- 1px;
    border-bottom-style: solid;
    height: 0;
    margin: 0 5px
}

.fxs-sidebar-myfavorites {
    text-transform: uppercase;
    color: #aab3bd;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px
}

.fxs-sidebar-pre-divider {
     15px
}

.fxs-sidebar-post-divider {
     150px
}

.fxs-sidebar-flyout-is-hidden {
    display: none
}

.fxs-sidebar-create-label {
    margin-left: 10px
}

.fxs-sidebar-create-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 18px
}

    .fxs-sidebar-create-icon svg {
        height: 18px;
         18px
    }

.fxs-sidebar-browse {
    padding: 0 20px;
    height: 40px;
    border: none
}

.fxs-sidebar-favorites .fxs-sidebar-icon {
    padding-left: 21px
}

.fxs-sidebar-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    align-items: center;
    min-height: 40px
}

    .fxs-sidebar-item:hover .fxs-sidebar-handle svg {
        display: block
    }

.fxs-sidebar-defaultviewenabled .fxs-sidebar-favorites .fxs-sidebar-item:first-child {
    border-bottom- 1px;
    border-bottom-style: solid;
    height: 37px
}

.fxs-sidebar-item .fxs-sidebar-home {
    display: none
}

.fxs-sidebar-defaultviewenabled .fxs-sidebar-item .fxs-sidebar-home {
    display: flex
}

.fxs-sidebar-item-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    align-items: center;
     100%;
    height: 40px;
    -webkit-user-drag: none
}

.fxs-sidebar-icon {
    -webkit-flex: 0 0 18px;
    flex: 0 0 18px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 18px
}

    .fxs-sidebar-icon img, .fxs-sidebar-icon svg {
        height: 18px;
         18px
    }

.fxs-sidebar-flyout .fxs-sidebar-label, .fxs-sidebar-label {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px
}

.fxs-sidebar-item-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
     30px;
    cursor: pointer
}

    .fxs-sidebar-item-icon svg {
        height: 14px;
         14px
    }

.fxs-sidebar-collapse-button {
    display: -webkit-flex;
    display: flex;
    height: 44px;
     100%;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 20px;
    border: none
}

    .fxs-sidebar-collapse-button svg {
        height: 18px;
         18px
    }

.fxs-sidebar-collapse-button-flip svg {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    transform-origin: initial;
    -moz-transform: rotate(45deg) !important
}

.fxs-sidebar-improvedsidebar .fxs-sidebar-collapse-button {
    display: -webkit-flex;
    display: flex;
    height: 18px;
     100%;
    border: none;
    padding-left: 0
}

    .fxs-sidebar-improvedsidebar .fxs-sidebar-collapse-button svg {
        height: 8px;
         8px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-left: auto;
        transform-origin: initial;
        -moz-transform: rotate(-45deg)
    }

.fxs-sidebar-browse-label {
    padding-right: 5px;
    margin-left: 10px
}

.fxs-sidebar-improvedsidebar .fxs-sidebar-browse-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 3px
}

    .fxs-sidebar-improvedsidebar .fxs-sidebar-browse-icon svg {
        height: 18px;
         18px;
        -webkit-transform: none;
        transform: none
    }

.fxs-sidebar-browse-icon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 3px
}

    .fxs-sidebar-browse-icon svg {
        height: 15px;
         15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: initial;
        -moz-transform: rotate(45deg)
    }

.fxs-sidebar-star-icon {
    padding-right: 10px
}

    .fxs-sidebar-star-icon svg {
        height: 12px;
         12px
    }

.fxs-sidebar-show-if-expanded {
    display: block
}

.fxs-sidebar-show-if-collapsed {
    display: none
}

.fxs-sidebar-content {
    height: 65px;
    padding: 0 20px 5px
}

.fxs-sidebar-external {
    -webkit-flex: 0 0 12px;
    flex: 0 0 12px;
    margin: 0 10px;
    padding-top: 4px;
     12px
}

    .fxs-sidebar-external svg {
        height: 12px;
         12px
    }

.fxs-sidebar-handle {
    -webkit-flex: 0 0 20px;
    flex: 0 0 20px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: auto;
    cursor: move
}

    .fxs-sidebar-handle svg {
        display: none;
        height: 16px;
         16px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.fxs-sidebar-is-collapsed .fxs-sidebar-bar {
     60px
}

.fxs-sidebar-is-collapsed .fxs-sidebar-show-if-collapsed {
    display: block
}

.fxs-sidebar-is-collapsed .fxs-sidebar-show-if-expanded {
    display: none
}

.fxs-sidebar-is-collapsed .fxs-sidebar-post-divider, .fxs-sidebar-is-collapsed .fxs-sidebar-pre-divider {
     15px
}

.fxs-sidebar-is-collapsed .fxs-sidebar-star-icon {
    padding-right: 0
}

.fxs-sidebar-cloudFilter {
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 24px
}

    .fxs-sidebar-cloudFilter .azc-dropdown-wrapper {
        background-color: inherit
    }

.fxs-startboard {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden
}

    .fxs-startboard .fxs-startboard-message-container, .fxs-startboard.fxs-startboard-notfound > .fxs-startboard-layout {
        display: none
    }

    .fxs-startboard.fxs-startboard-notfound .fxs-startboard-message-container {
        display: block
    }

.fxs-startboard-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
     100%;
    height: 45px;
    padding: 0 25px 0 40px;
    box-sizing: border-box
}

    .fxs-startboard-header .fxs-startboard-title-next {
        display: block
    }

    .fxs-startboard-header .fxs-startboard-button-text {
        font-size: 12px
    }

    .fxs-startboard-header .fxs-startboard-button-icon {
        height: 12px;
         12px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .fxs-startboard-header .fxs-startboard-button-icon .msportalfx-svg-palette-inherit {
            -webkit-flex: 0 0 12px;
            flex: 0 0 12px
        }

    .fxs-startboard-header .fxs-startboard-dropdown .fxs-startboard-button-icon {
        height: 16px;
         16px;
        margin: 4px 8px;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .fxs-startboard-header .fxs-startboard-dropdown .fxs-startboard-button-icon > svg {
            -webkit-flex: 0 0 16px;
            flex: 0 0 16px
        }

    .fxs-startboard-header .fxs-startboard-title {
        max- 300px
    }

    .fxs-startboard-header .fxs-startboard-title-edit {
        padding: 0 5px 2px;
        margin: 0 -6px -2px;
        border- 1px;
        border-style: solid;
        color: inherit;
        background-color: transparent;
         300px;
        transition: border .12s
    }

        .fxs-startboard-header .fxs-startboard-title-edit:active, .fxs-startboard-header .fxs-startboard-title-edit:hover {
            border-color: inherit
        }

    .fxs-startboard-header .fxs-startboard-button, .fxs-startboard-header .fxs-startboard-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left
    }

    .fxs-startboard-header .fxs-startboard-button, .fxs-startboard-header .fxs-startboard-dropdown {
        font-size: 13px;
        line-height: 20px
    }

    .fxs-startboard-header .fxs-startboard-title, .fxs-startboard-header .fxs-startboard-title-edit {
        font-size: 24px;
        line-height: normal
    }

    .fxs-startboard-header .fxs-startboard-actions, .fxs-startboard-header .fxs-startboard-migration {
        height: 40px;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

.fxs-startboard-layout {
    padding: 25px 40px;
    overflow: auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

    .fxs-startboard-layout .fxs-flowlayout-childcontainer {
        padding-bottom: 25px;
        padding-right: 25px
    }

.fxs-startboard-dropdown {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    min- 32px;
    max- 560px
}

.fxs-startboard-button {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 0;
    margin: 0 5px;
    padding: 4px 5px;
    height: 20px;
    background-color: transparent;
    box-sizing: content-box
}

    .fxs-startboard-button:not([aria-disabled]):hover {
        cursor: pointer
    }

    .fxs-startboard-button .fxs-startboard-button-text {
        margin-left: 5px
    }

    .fxs-startboard-button .fxs-startboard-button-icon {
        height: 16px;
         16px
    }

.fxs-startboard-button, .fxs-startboard-button-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min- 0
}

    .fxs-startboard-button:hover, .fxs-startboard-dropdown:hover {
        background: rgba(255,255,255,.15)
    }

.fxs-startboard-button-browse {
    padding: 0 !important
}

.fxs-startboard-dropdown > .fxs-dropmenu, .fxs-startboard-dropdown > .fxs-dropmenu .fxs-dropmenu-button {
     100%
}

.fxs-startboard-dropdown .fxs-dropmenu-content {
    overflow-x: hidden;
    overflow-y: auto;
    min- 400px;
    max- 560px;
    min-height: 35px;
    max-height: 480px
}

.fxs-startboard-item-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min- 0
}

.fxs-startboard-dropdown .fxs-dropmenu-list-system .fxs-startboard-dropdown-item {
    padding: 7px 25px 8px
}

.fxs-startboard-dropdown-item + .fxs-startboard-dropdown-item::before {
    content: "";
    position: absolute;
    top: 0;
     calc(100% - 50px);
    border-top- 1px;
    border-top-style: solid;
    border-color: rgba(125,125,125,.5)
}

.fxs-startboard-item-title {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-startboard-item-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 14px;
     14px;
    padding-right: 5px
}

.fxs-startboard-dropdown-item {
    position: relative;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer
}

    .fxs-startboard-dropdown-item.fxs-startboard-dropdown-browseall {
        height: auto;
        cursor: default
    }

.fxs-startboard-dropdown-subscriptions {
    white-space: normal
}

.fxs-startboard-actions, .fxs-startboard-dropdown, .fxs-startboard-header:not(.fxs-startboard-header-normal) .fxs-startboard-title-edit, .fxs-startboard-migration {
    display: none
}

.fxs-startboard-header-normal .fxs-startboard-actions, .fxs-startboard-header-normal .fxs-startboard-dropdown {
    display: -webkit-flex;
    display: flex
}

.fxs-startboard-header-migration .fxs-startboard-actions, .fxs-startboard-header-migration .fxs-startboard-dropdown, .fxs-startboard-header-normal .fxs-startboard-migration, .fxs-startboard-header-normal .fxs-startboard-title-next {
    display: none
}

.fxs-startboard-header-migration .fxs-startboard-migration {
    display: -webkit-flex;
    display: flex
}

.fxs-startboard-header-migration .fxs-startboard-title-next {
    display: block
}

.fxs-startboard-message-container {
    padding: 55px 40px
}

.fxs-startboard-message-title {
    font-size: 32px;
    margin-bottom: 20px
}

.fxs-startboard-message-body {
    font-size: 17px
}

.fxs-startboard-notfound .fxs-startboard-button {
    display: none
}

.fxs-startboard-notfound .fxs-startboard-button-delete, .fxs-startboard-notfound .fxs-startboard-button-new {
    display: -webkit-flex;
    display: flex
}

.fxs-topbar-dashboard-changed .fxs-startboard-header-item {
    display: none
}

.fxs-topbar-dashboard-changed .fxs-startboard-title-next {
    display: block
}

.fxs-startboard-loadanimation {
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    height: 100%;
     100%
}

.fxs-startboard-loading .fxs-startboard-loadanimation {
    display: -webkit-flex;
    display: flex
}

.fxs-startboard-loading .fxs-startboard-layout, .fxs-startboard-loading .fxs-startboard-message-container {
    visibility: hidden
}

.fxs-startboard-loading .fxs-startboard-header-item {
    display: none
}

.fxs-startboard-loading .fxs-startboard-title-next {
    display: block
}

.fxs-startboard-loading .fxs-startboard-layout .fxs-tile .fxs-part-content {
    display: none
}

@media all and (max-1000px) {
    .fxs-startboard-button-text {
        display: none
    }
}

.fxs-portal-fullscreen .fxs-sidebar, .fxs-portal-fullscreen .fxs-topbar {
    display: none !important
}

.fxs-portal-fullscreen .fxs-portal-main {
    height: 100%
}

.fxs-portal-fullscreen .fxs-startboard-button {
    display: none
}

.fxs-portal-fullscreen .fxs-startboard-button-fullscreen {
    display: -webkit-flex;
    display: flex
}

.fxs-portal-fullscreen .fxs-tile::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fxs-portal-fullscreen .fxs-tile-actionbar {
    display: none
}

.fxs-topbar-devmode .fxs-trim-hover:hover, .fxs-topbar-exitdevmode.fxs-trim-hover:hover, .fxs-topbar-reportbug.fxs-trim-hover:hover {
    background-color: #fff0d1 !important
}

.fxs-topbar {
    height: 40px;
    position: relative;
    z-index: 250;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 13px
}

    .fxs-topbar .fxs-topbar-journey-icon {
        border: none
    }

        .fxs-topbar .fxs-topbar-journey-icon svg {
            height: 16px;
             16px;
            margin-top: 4px
        }

.fxs-topbar-content {
     100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center
}

.fxs-topbar-internal {
    height: 40px;
    min- 85px;
    max- 225px;
    box-sizing: border-box;
    padding: 0 12px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-topbar-exitdevmode, .fxs-topbar-reportbug {
    display: -webkit-flex;
    display: flex;
    height: 40px;
     auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 2px
}

.fxs-topbar-home {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 20px;
    padding: 0 7px;
    margin-left: 13px;
    height: 100%;
    line-height: 40px
}

.fxs-topbar-button {
    display: -webkit-flex;
    display: flex;
    height: 40px;
     40px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: 1px solid rgba(128,128,128,.4)
}

    .fxs-topbar-button svg {
        height: 20px;
         20px;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

.fxs-desktop-organize .fxs-topbar-exit-customize {
    visibility: visible;
    top: 0
}

.fxs-topbar-dashboard-message, .fxs-topbar-exit-customize-message {
    font-size: 14px
}

.fxs-topbar-dashboard .fxs-button, .fxs-topbar-exit-customize-button {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px
}

.fxs-topbar-dashboard-view {
    display: none
}

.fxs-show-journey .fxs-topbar-dashboard-view {
    display: block
}

.fxs-show-journey .fxs-topbar-dashboard-discard, .fxs-show-journey .fxs-topbar-dashboard-save {
    display: none
}

.fxs-topbar-notifications {
    position: relative
}

.fxs-topbar-dashboard, .fxs-topbar-exit-customize {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: absolute;
    top: -40px;
    z-index: 250;
    visibility: hidden;
     100%;
    height: 100%;
    transition: top .3s ease .1ms
}

.fxs-topbar-dashboard-changed .fxs-topbar-dashboard {
    top: 0;
    visibility: visible
}

.fxs-topbar-console, .fxs-topbar-dashboard-changed .fxs-topbar-exit-customize {
    display: none
}

.fxs-breadcrumb {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%
}

.fxs-breadcrumb-wrapper {
    display: none;
    height: 100%
}

.fxs-show-journey .fxs-breadcrumb-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

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

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

    .fxs-breadcrumb-divider svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        height: 14px;
         14px;
        margin-top: 3px
    }

.fxs-breadcrumb-overflow-btn {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
     30px;
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 24px;
    box-sizing: border-box;
    padding-bottom: 5px
}

.fxs-journey-breadcrumb .fxs-breadcrumb-overflow-btn {
    height: 18px;
    padding-bottom: 7px
}

.fxs-breadcrumb-dropmenu {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-breadcrumb-overflow .fxs-breadcrumb-crumb {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-contextMenu {
    display: none;
    position: fixed;
     225px;
    padding: 10px 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 300;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    border-style: solid;
    border- 1px
}

    .fxs-contextMenu:focus {
        outline: 0
    }

    .fxs-contextMenu.fxs-contextMenu-active {
        display: block
    }

.fxs-contextMenu-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    padding: 5px 25px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: normal;
    cursor: default
}

.fxs-contextMenu-text {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 20px
}

.fxs-contextMenu-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    height: 21px;
     21px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

    .fxs-contextMenu-icon > svg {
        height: 16px;
         16px
    }

.fxs-contextMenu-itemList {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.fxs-contextMenu-extensioncommand .fxs-contextMenu-icon {
    display: none
}

.fxs-contextMenu-extensioncommand.fxs-contextMenu-itemDisabled {
    display: block;
    opacity: .5
}

    .fxs-contextMenu-extensioncommand.fxs-contextMenu-itemDisabled:hover {
        background-color: transparent
    }

.fxs-contextMenu-itemDisabled {
    display: none
}

.fxs-contextMenu-form {
    padding: 8px 20px;
    display: none
}

    .fxs-contextMenu-form.fxs-contextMenu-active {
        display: block
    }

.fxs-dialogballoon.azc-balloon {
    opacity: 1;
     auto;
    max- 550px
}

    .fxs-dialogballoon.azc-balloon .azc-balloon-content {
        padding: 0
    }

    .fxs-dialogballoon.azc-balloon.azc-balloon-box-bottom .azc-balloon-pointer {
        border-bottom-color: #464f59
    }

    .fxs-dialogballoon.azc-balloon.azc-balloon-box-top .azc-balloon-pointer {
        border-top-color: #3c454f
    }

.fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-hero, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-herotall, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-herowide, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-large, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-mini, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-normal, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-small, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-tall, .fxs-contextMenu-icon svg.msportalfx-contextmenu-grid-wide {
    height: 20px;
     20px
}

.msportalfx-contextmenu-grid rect {
    display: none
}

.msportalfx-contextmenu-grid-hero .msportalfx-grid-rect-hero, .msportalfx-contextmenu-grid-herotall .msportalfx-grid-rect-herotall, .msportalfx-contextmenu-grid-herowide .msportalfx-grid-rect-herowide, .msportalfx-contextmenu-grid-large .msportalfx-grid-rect-large, .msportalfx-contextmenu-grid-mini .msportalfx-grid-rect-mini, .msportalfx-contextmenu-grid-normal .msportalfx-grid-rect-normal, .msportalfx-contextmenu-grid-small .msportalfx-grid-rect-small, .msportalfx-contextmenu-grid-tall .msportalfx-grid-rect-tall, .msportalfx-contextmenu-grid-wide .msportalfx-grid-rect-wide {
    display: block
}

.fxc-base .fxs-tile-progress {
    background-color: inherit
}

    .fxc-base .fxs-tile-progress .fxs-tile-progress-transparent {
        height: 100%;
         100%;
        left: auto;
        top: auto
    }

        .fxc-base .fxs-tile-progress .fxs-tile-progress-transparent > div {
            margin: 0;
            left: 0;
            vertical-align: baseline
        }

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

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

.fx-dropmenu-dropdown .fxs-dropmenu-list-system a {
    display: -webkit-flex;
    display: flex
}

.fx-dropmenu-dropdown .fxs-journeysmenu-journey-nodata {
    height: 130px;
     100%
}

    .fx-dropmenu-dropdown .fxs-journeysmenu-journey-nodata .fxs-journeysmenu-journey-nodata-content {
        font-size: 12px;
        line-height: 18px;
        margin: 0 40px;
        padding-top: 50px;
        text-align: center
    }

.fxs-dropmenu-content {
    position: absolute
}

    .fxs-dropmenu-content.fxs-dropmenu-defaultWidth {
         220px
    }

    .fxs-dropmenu-content.fxs-dropmenu-extendWidth {
         355px
    }

    .fxs-dropmenu-content ol, .fxs-dropmenu-content ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .fxs-dropmenu-content li {
        white-space: nowrap
    }

        .fxs-dropmenu-content li a {
            -webkit-align-items: center;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 10px 20px
        }

        .fxs-dropmenu-content li button.fxs-journeysMenu-discardButton {
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            background: 0 0;
            cursor: pointer;
            border: 0;
            margin-right: 5px;
            -webkit-align-items: center;
            align-items: center
        }

            .fxs-dropmenu-content li button.fxs-journeysMenu-discardButton img, .fxs-dropmenu-content li button.fxs-journeysMenu-discardButton svg {
                opacity: .2;
                height: 15px;
                 15px
            }

            .fxs-dropmenu-content li button.fxs-journeysMenu-discardButton:hover img, .fxs-dropmenu-content li button.fxs-journeysMenu-discardButton:hover svg {
                opacity: 1
            }

    .fxs-dropmenu-content .fxs-dropmenu-list-content {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .fxs-dropmenu-content .fxs-journeysmenu-journey {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-right: auto
    }

    .fxs-dropmenu-content .fxs-journeysmenu-journey-content {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .fxs-dropmenu-content .fxs-dropmenu-image {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 16px;
         16px
    }

        .fxs-dropmenu-content .fxs-dropmenu-image img, .fxs-dropmenu-content .fxs-dropmenu-image svg {
            height: 13px;
             13px
        }

    .fxs-dropmenu-content .fxs-dropmenu-line-separator {
        border-top- 1px;
        border-top-style: solid
    }

.fxs-journeysmenu-content {
    min- 450px
}

.fxs-dropmenu-left {
    right: 0
}

.fxs-dropmenu-right {
    left: 0
}

.fxs-dropmenu-hidden {
    display: none
}

.fxs-dropmenu-invisible {
    visibility: hidden
}

.fxs-journeysmenu-list {
    display: -webkit-flex;
    display: flex
}

.fxs-journeysmenu-journey-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.fxs-flowlayout {
    position: relative
}

    .fxs-flowlayout > .fxs-flowlayout-childcontainer {
        position: relative;
        transition: height .25s linear,width .25s linear 0s
    }

        .fxs-flowlayout > .fxs-flowlayout-childcontainer > .fxs-flowlayout-element {
            position: absolute
        }

        .fxs-flowlayout > .fxs-flowlayout-childcontainer > .fxs-flowlayout-drop-placeholder {
            position: absolute;
            background: rgba(0,0,0,.2)
        }

.fxs-flowlayout-childcontainer > .fxs-tile {
    transition: height 125ms linear 125ms,width 125ms linear 0s,top 175ms ease-out,left 175ms ease-out,right 175ms ease-out
}

.fxs-flowlayout-resolutionguide {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    color: #fff;
    border-color: #fff;
    opacity: .7;
    border- 1px;
    border-right-style: dashed;
    border-bottom-style: dashed;
    pointer-events: none;
    font-size: 13px;
    line-height: normal
}

    .fxs-flowlayout-resolutionguide::after {
        position: absolute;
        right: 8px;
        bottom: 5px
    }

.fxs-flowlayout-resolutionguide-1024x768 {
    height: 768px;
     1024px
}

    .fxs-flowlayout-resolutionguide-1024x768::after {
        content: "1024 x 768"
    }

.fxs-flowlayout-resolutionguide-1366x768 {
    height: 768px;
     1366px
}

    .fxs-flowlayout-resolutionguide-1366x768::after {
        content: "1366 x 768"
    }

.fxs-flowlayout-resolutionguide-1440x900 {
    height: 900px;
     1440px
}

    .fxs-flowlayout-resolutionguide-1440x900::after {
        content: "1440 x 900"
    }

.fxs-flowlayout-resolutionguide-1920x1080 {
    height: 1080px;
     1920px
}

    .fxs-flowlayout-resolutionguide-1920x1080::after {
        content: "1920 x 1080"
    }

.fxs-flowlayout-resolutionguide-3840x2160 {
    height: 2160px;
     3840px
}

    .fxs-flowlayout-resolutionguide-3840x2160::after {
        content: "3840 x 2160"
    }

.fxs-drag-surface {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: transparent;
    pointer-events: none;
    z-index: 199
}

.fxs-drag-disableTouchAction {
    -ms-touch-action: none;
    touch-action: none
}

.fxs-flowlayout-resizehandle {
    display: inline-block;
    padding: 0 4px 4px 0;
    bottom: 0;
    right: 0
}

    .fxs-flowlayout-resizehandle > div {
        height: 12px;
         12px;
        border: 2px solid rgba(125,125,125,.5);
        border-left- 0;
        border-top- 0
    }

.fxs-flowlayout-livepreview, .fxs-flowlayout-resizehandle {
    position: absolute;
    cursor: se-resize;
    z-index: 1
}

.fxs-flowlayout-livepreview {
    min- 85px;
    min-height: 85px;
    max- 2245px;
    max-height: 2245px;
    overflow: hidden
}

.fxs-stacklayout {
    display: -webkit-flex;
    display: flex
}

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

    .fxs-stacklayout.fxs-stacklayout-horizontal {
        -webkit-flex-direction: row;
        flex-direction: row;
        height: 100%
    }

        .fxs-stacklayout.fxs-stacklayout-horizontal > .fxs-stacklayout-child {
            height: 100%
        }

.fxs-stacklayout-child {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-tile-progress-transparent {
    height: 12px;
    position: absolute;
    top: 0;
    z-index: 195;
    overflow: hidden
}

    .fxs-tile-progress-transparent > div {
        margin-left: 6px
    }

        .fxs-tile-progress-transparent > div::after {
            height: 4px;
             4px;
            background: #000
        }

.fxs-tile {
    height: 175px;
     175px;
    position: relative;
    box-shadow: none
}

    .fxs-tile .fxs-tile-actionbar {
        z-index: 196
    }

    .fxs-tile .fxs-tile-container {
         100%;
        height: 100%
    }

    .fxs-tile.fxs-tilesize-mini {
        height: 85px;
         85px
    }

    .fxs-tile.fxs-tilesize-small {
        height: 85px;
         175px
    }

    .fxs-tile.fxs-tilesize-tall {
        height: 355px;
         175px
    }

    .fxs-tile.fxs-tilesize-wide {
        height: 175px;
         355px
    }

    .fxs-tile.fxs-tilesize-normal {
        height: 175px;
         175px
    }

    .fxs-tile.fxs-tilesize-large {
        height: 355px;
         355px
    }

    .fxs-tile.fxs-tilesize-herotall {
        height: 535px;
         355px
    }

    .fxs-tile.fxs-tilesize-herowide {
        height: 355px;
         535px
    }

    .fxs-tile.fxs-tilesize-hero {
        height: 535px;
         535px
    }

    .fxs-tile.fxs-tilesize-herowidefitheight {
        height: auto;
         535px
    }

    .fxs-tile.fxs-tilesize-fullwidthfitheight {
        height: auto;
         100%
    }

        .fxs-tile.fxs-tilesize-fullwidthfitheight .fxs-part, .fxs-tile.fxs-tilesize-fullwidthfitheight .fxs-part-content {
            height: auto
        }

    .fxs-tile.fxs-tilesize-fullwidthfitheight, .fxs-tile.fxs-tilesize-herowidefitheight {
        margin-bottom: 5px
    }

        .fxs-tile.fxs-tilesize-fullwidthfitheight:last-child, .fxs-tile.fxs-tilesize-herowidefitheight:last-child {
            margin-bottom: 0
        }

    .fxs-tile.fxs-tilesize-fittocontainer {
        height: 100%;
         100%
    }

        .fxs-tile.fxs-tilesize-fittocontainer > .fxs-part {
            overflow: auto
        }

    .fxs-tile div.fxs-tile-overlay {
        display: none;
        position: absolute;
         100%;
        top: 0;
        bottom: 0;
        cursor: pointer
    }

.fxs-blade-content-container .fxs-bladecontent-unlocked .fxs-tile {
    box-shadow: 0 2px 2px rgba(0,0,0,.25)
}

.fxs-blade-content-container .fxs-bladestyle-context .fxs-tile, .fxs-blade-content-container .fxs-bladestyle-contextaction .fxs-tile, .fxs-blade-content-container .fxs-bladestyle-create .fxs-tile, .fxs-blade-content-container .fxs-bladestyle-help .fxs-tile {
    box-shadow: none
}

.fxs-tile-actionbar-actionlist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

    .fxs-tile-actionbar-actionlist:empty {
        display: none
    }

.fxs-tile-actionbar-action {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    height: 25px;
     25px;
    padding: 6px;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    transition: background .1s ease-out
}

    .fxs-tile-actionbar-action > svg {
        height: 13px;
         13px
    }

.fxs-tile .fxs-tile-actionbar {
    position: absolute;
    top: -25px;
     100%;
    opacity: 0;
    transition: opacity .1s;
    cursor: default
}

.fxs-tile.ui-draggable .fxs-tile-actionbar {
    cursor: move
}

.fxs-tile.fxs-tile-selected .fxs-tile-actionbar, .fxs-tile.fxs-tile-selectedfromhover .fxs-tile-actionbar {
    opacity: 1
}

.fxs-toast-description, .fxs-toast-time, .fxs-toast-title {
    overflow: hidden;
    text-overflow: ellipsis
}

    .fxs-nps .fxs-nps-commentstitle, .fxs-nps .fxs-nps-link-survey, .fxs-nps .fxs-nps-submit, .fxs-toast-title.fxs-toast-link:hover {
        text-decoration: underline
    }

.fxs-toast {
    position: fixed;
    top: 55px;
    right: 20px;
     355px;
    list-style-type: none;
    margin: 0
}

.fxs-toast-header, .fxs-toast-item {
    display: -webkit-flex;
    margin-bottom: 5px
}

.fxs-toast-content, .fxs-toast-wrapper {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px
}

.fxs-toast-item {
    display: flex;
    position: relative
}

.fxs-toast-header {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 5px
}

.fxs-toast-icon svg {
    height: 14px;
     14px
}

.fxs-toast-title {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 10px;
    max- 254px;
    white-space: nowrap
}

.fxs-toast-time {
    white-space: nowrap;
    max- 60px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-toast-close {
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    border: none;
    padding: 5px;
    cursor: pointer
}

    .fxs-toast-close svg {
        height: 12px;
         12px
    }

.fxs-toast-description {
    font-size: 12px;
    line-height: 18px;
     335px
}

.fxs-toast-progressbar {
    margin-top: 10px;
    max-height: 5px
}

.fxs-nps .fxs-nps-title {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    margin-bottom: 7px
}

.fxs-nps .fxs-nps-score {
    display: -webkit-flex;
    display: flex
}

    .fxs-nps .fxs-nps-score span {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        border: 1px solid #c5cbd1;
        text-align: center;
        height: 23px;
        line-height: 23px;
        font-size: 11px;
        margin-right: 6px;
        display: inline-block;
        cursor: pointer
    }

        .fxs-nps .fxs-nps-score span.fxs-nps-score-selected, .fxs-nps .fxs-nps-score span:hover {
            background: #00bcf2;
            border-color: #00bcf2
        }

        .fxs-nps .fxs-nps-score span:last-child {
            margin-right: 0
        }

.fxs-nps .fxs-nps-help {
    color: #758393;
    display: flex;
    margin-bottom: 10px;
    font-size: 12px;
     335px
}

    .fxs-nps .fxs-nps-help span:last-child {
        margin-left: auto
    }

.fxs-nps .fxs-nps-survey {
    font-size: 12px
}

.fxs-nps .fxs-nps-comments {
    margin-top: 6px;
    margin-bottom: 18px;
     319px;
    border: 1px solid #c5cbd1;
    height: 100px;
    padding: 7px
}

.fxs-nps .fxs-nps-checkbox {
    margin: 10px 5px 0 10px;
    padding: 0;
    vertical-align: bottom;
     14px;
    height: 14px
}

.fxs-nps .fxs-nps-button-holder {
    border-top: 1px solid #dcdfe2;
    margin-left: -10px
}

.fxs-nps .fxs-nps-submit {
    margin: 15px 10px 5px;
    background-color: #00bcf2;
    border-color: #00bcf2;
    color: #fff
}

.fxs-portal .fxs-tile .fxs-part-error-devmode {
    background-color: #b00000 !important;
    color: #fff
}

.fxs-part-error {
    background-color: #f4f5f6
}

.fxs-part .fxs-part-content.fxs-errorpart-clickable {
    cursor: pointer
}

.fxs-part-error-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    box-sizing: border-box
}

    .fxs-part-error-content .fxs-part-error-title {
        font-size: 14px;
        line-height: normal;
        margin: 0
    }

    .fxs-part-error-content .fxs-part-error-reason {
        font-size: 12px;
        line-height: normal
    }

.fxs-part-error-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto;
    display: block;
    height: 50px;
     50px
}

.fxs-part-error-subtitle {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase
}

.fxs-tilesize-fullwidthfitheight .fxs-part .fxs-part-content.fxs-errorpart, .fxs-tilesize-herowidefitheight .fxs-part .fxs-part-content.fxs-errorpart {
    position: relative
}

.fxs-tilesize-fullwidthfitheight .fxs-part-error-content, .fxs-tilesize-herowidefitheight .fxs-part-error-content {
    position: static
}

.fxs-tilesize-mini .fxs-part-error-icon, .fxs-tilesize-small .fxs-part-error-icon {
    display: none
}

.fxs-tilesize-mini .fxs-part-error-text {
    order: 1
}

.fxs-tilesize-mini .fxs-part-error-reason, .fxs-tilesize-mini .fxs-part-error-text {
    text-align: center
}

.fxs-tilesize-small .fxs-part-error-reason {
    margin-top: auto
}

html[lang^=ja] .fxs-part-error-subtitle, html[lang^=ko] .fxs-part-error-subtitle, html[lang^=zh] .fxs-part-error-subtitle {
    font-size: 11px
}

.fxs-part, .fxs-part .fxs-part-content, .fxs-part::after {
     100%;
    box-sizing: border-box
}

.fxs-part, .fxs-part-content {
    background-color: inherit
}

.fxs-part {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px
}

    .fxs-part.fxs-part-clickable:hover {
        cursor: pointer
    }

        .fxs-part.fxs-part-clickable:focus::after, .fxs-part.fxs-part-clickable:hover::after {
            opacity: 1
        }

    .fxs-part::after {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border- 2px;
        border-style: solid;
        opacity: 0;
        transition: opacity .1s
    }

    .fxs-part .fxs-part-blockui-shield {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .fxs-part .fxs-part-title {
        height: 49px;
        position: relative;
        top: -4px;
        box-sizing: border-box
    }

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

        .fxs-part .fxs-part-title .fxs-part-titleText {
            font-size: 14px;
            line-height: 17px;
            padding-bottom: 1px
        }

        .fxs-part .fxs-part-title .fxs-part-assetname {
            font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
            font-size: 10px;
            line-height: 10px;
            text-transform: uppercase;
            margin-top: 3px
        }

    .fxs-part .fxs-part-content {
        font-size: 12px;
        line-height: 18px;
        line-height: normal;
        position: relative;
        height: 100%
    }

    .fxs-part.fxs-part-part-title-visible .fxs-part-content {
        height: calc(100% - 45px);
        top: -4px
    }

    .fxs-part .fxs-part-color-white {
        color: #fff
    }

    .fxs-part.fxs-part-is-v2 {
        padding: 0
    }

        .fxs-part.fxs-part-is-v2.fxs-part-part-title-visible .fxs-part-title {
            padding: 15px 15px 0
        }

        .fxs-part.fxs-part-is-v2.fxs-part-part-title-visible .fxs-part-content > .msportalfx-padding:first-child {
            padding: 0 15px 15px
        }

        .fxs-part.fxs-part-is-v2 .fxs-part-content > .msportalfx-padding {
            padding: 15px
        }

        .fxs-part.fxs-part-is-v2.fxs-part-for-template-blade .fxs-part-content > .msportalfx-padding {
            padding: 10px 25px 25px
        }

    .fxs-part.fxs-part-selected-command::after, .fxs-part.fxs-part-selected::after {
        border- 3px;
        opacity: 1
    }

.fxs-tile-selected .fxs-part::after, .fxs-tile-selectedfromhover .fxs-part::after {
    border- 2px;
    opacity: 1
}

.fxs-part.fxs-part-nodata, .fxs-part.fxs-part-notfound {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    min-height: 85px
}

.fxs-part .fxs-part-noaccessmessage, .fxs-part .fxs-part-nodatamessage, .fxs-part .fxs-part-notfoundmessage {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
     100%;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    z-index: 1
}

    .fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-text, .fxs-part .fxs-part-nodatamessage > .fxs-part-nodatamessage-text, .fxs-part .fxs-part-notfoundmessage > .fxs-part-notfoundmessage-text {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 20px;
        padding: 15px 10px;
         calc(100% - 30px);
        box-sizing: border-box;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        border- 1px;
        border-style: solid
    }

.fxs-tile.fxs-tilesize-mini .fxs-part, .fxs-tile.fxs-tilesize-mini .fxs-part .fxs-part-noaccessmessage {
    padding-left: 3px;
    padding-right: 3px
}

.fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-textsmall {
    display: none;
    position: absolute;
    bottom: 0;
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 18px;
    text-align: left
}

.fxs-tilesize-mini .fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-text, .fxs-tilesize-small .fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-text {
    display: none
}

.fxs-tilesize-mini .fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-textsmall, .fxs-tilesize-small .fxs-part .fxs-part-noaccessmessage > .fxs-part-noaccessmessage-textsmall {
    display: block;
    bottom: 0
}

.fxs-part .fxs-part-noaccessmessage:not(.fxs-part-noaccessmessage-withtitle) > .fxs-part-noaccessmessage-text {
    display: none
}

.fxs-part .fxs-part-noaccessmessage:not(.fxs-part-noaccessmessage-withtitle) > .fxs-part-noaccessmessage-textsmall {
    display: block
}

.fxs-tile.fxs-tilesize-mini .fxs-part .fxs-part-noaccessmessage:not(.fxs-part-noaccessmessage-withtitle) > .fxs-part-noaccessmessage-textsmall, .fxs-tile.fxs-tilesize-small .fxs-part .fxs-part-noaccessmessage:not(.fxs-part-noaccessmessage-withtitle) > .fxs-part-noaccessmessage-textsmall {
    margin-bottom: 7px
}

.fxs-tile.fxs-tilesize-mini .fxs-part .fxs-part-noaccessmessage:not(.fxs-part-noaccessmessage-withtitle) > .fxs-part-noaccessmessage-textsmall {
    top: 0;
    bottom: auto;
     calc(94%);
    text-align: center
}

.fxs-tile.fxs-tilesize-mini .fxs-part .fxs-part-title {
    display: none !important
}

.fxs-tile.fxs-tilesize-mini .fxs-part .fxs-part-content {
    height: 100% !important;
    top: 0 !important
}

.fxs-blade .fxs-blade-locked .fxs-part {
    padding: 0 0 15px
}

    .fxs-blade .fxs-blade-locked .fxs-part .fxs-part-title {
        height: 29px;
        top: 0
    }

        .fxs-blade .fxs-blade-locked .fxs-part .fxs-part-title h5, .fxs-blade .fxs-blade-locked .fxs-part::after {
            display: none
        }

.fxs-blade .fxs-blade-locked .fxs-tilesize-fittocontainer .fxs-part {
    padding: 0
}

html[lang^=ja] .fxs-part .fxs-part-title, html[lang^=ko] .fxs-part .fxs-part-title, html[lang^=zh] .fxs-part .fxs-part-title {
    top: -5px
}

    html[lang^=ja] .fxs-part .fxs-part-title .fxs-part-titleText, html[lang^=ko] .fxs-part .fxs-part-title .fxs-part-titleText, html[lang^=zh] .fxs-part .fxs-part-title .fxs-part-titleText {
        font-size: 11px;
        line-height: 11px
    }

.azc-graph-node-container .msportalfx-overflowY, .fxs-tilesize-fittocontainer .msportalfx-overflowY, .msportalfx-docking-body {
    overflow-x: hidden;
    overflow-y: auto
}

.msportalfx-layoutChildren-horizontal-inlineblock {
    white-space: nowrap;
    line-height: 0;
    font-size: 0
}

    .msportalfx-layoutChildren-horizontal-inlineblock > .msportalfx-layoutChildren-child {
        display: inline-block;
        box-sizing: border-box;
        white-space: normal;
        font-size: 12px;
        line-height: 18px;
        line-height: normal
    }

.msportalfx-clearfix::after, .msportalfx-layoutChildren-horizontal-float::after {
    content: "000a0";
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0
}

.msportalfx-layoutChildren-horizontal-float > .msportalfx-layoutChildren-child {
    float: left;
    box-sizing: border-box
}

.msportalfx-layoutChildren-horizontal-float::after {
    display: block;
    height: 0
}

.msportalfx-docking, .msportalfx-fill {
    height: 100%;
     100%
}

.msportalfx-bgcolor-themeMain {
    background-color: #00bcf2
}

.msportalfx-bgcolor-themeWarning {
    background-color: #ff8c00
}

.msportalfx-bgcolor-themeError {
    background-color: #e81123
}

.msportalfx-bgcolor-themeSuccess {
    background-color: #7fba00
}

.msportalfx-bgcolor-paletteDiffAdd {
    background-color: #c7f1c7
}

.msportalfx-bgcolor-paletteDiffDel {
    background-color: #fcd6f1
}

.msportalfx-bgcolor-white {
    background-color: #fff
}

.msportalfx-padding {
    padding: 25px;
    box-sizing: border-box
}

.msportalfx-docking {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.msportalfx-docking-header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.msportalfx-docking-body {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    min-height: 0
}

.msportalfx-docking-footer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top: 1px solid
}

.msportalfx-vertical-center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center
}

.msportalfx-removeTableBorders {
    border-spacing: 0;
    border-collapse: collapse
}

.msportalfx-boxsizing-borderbox {
    box-sizing: border-box
}

.msportalfx-removeDefaultListStyle {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .msportalfx-removeDefaultListStyle > li {
        margin: 0;
        padding: 0
    }

.msportalfx-clearfix::after {
    display: block;
    height: 0
}

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

.msportalfx-removepartpadding {
    height: calc(100% + 15px + 15px);
     calc(100% + 15px + 15px);
    margin: -15px
}

.msportalfx-removepartpaddingside {
     calc(100% + 15px + 15px);
    margin: 0 -15px
}

.fxs-blade-locked .msportalfx-removepartpadding {
    height: calc(100% + 15px);
     100%;
    margin: 0 0 15px
}

.fxs-blade-locked .msportalfx-removepartpaddingside {
     100%;
    margin: 0
}

.fxs-blade-locked .fxs-tilesize-fittocontainer .msportalfx-removepartpadding {
    height: 100%;
     100%;
    margin: 0
}

.msportalfx-partdivider:after {
    content: "";
    display: block;
     calc(100% + 15px + 15px);
    margin: 0 -15px;
    border-bottom- 1px;
    border-bottom-style: solid
}

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

.msportalfx-font-regular {
    font-family: az_ea_font,wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-font-bold {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-font-semibold {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-font-light, .msportalfx-font-semilight {
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-font-monospace {
    font-family: Consolas,"Courier New",monospace;
    font-size: 12px
}

.msportalfx-text-preview, .msportalfx-text-subheader {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    text-transform: uppercase
}

.msportalfx-text-header {
    font-size: 14px;
    line-height: 18px
}

a.msportalfx-text-header {
    cursor: pointer
}

.msportalfx-text-header-small, .msportalfx-text-label {
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase
}

.msportalfx-text-small {
    font-size: 12px;
    line-height: normal
}

.msportalfx-text-subheader {
    font-size: 10px;
    line-height: 10px
}

html[lang^=ja] .msportalfx-text-subheader, html[lang^=ko] .msportalfx-text-subheader, html[lang^=zh] .msportalfx-text-subheader {
    font-size: 11px;
    line-height: 11px
}

.msportalfx-text-header-regular {
    font-size: 14px;
    line-height: 18px
}

.msportalfx-text-regular {
    font-size: 12px;
    line-height: 18px
}

.msportalfx-text-preview {
    font-size: 11px;
    line-height: 11px;
    color: #fff
}

.msportalfx-text-createsectionheader {
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 20px;
    line-height: normal
}

.msportalfx-number-jumbo, .msportalfx-number-large, .msportalfx-number-medium, .msportalfx-number-small {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-number-jumbo {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -.02em
}

.msportalfx-number-large {
    font-size: 43px;
    line-height: 43px;
    letter-spacing: -.02em
}

.msportalfx-number-medium {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -.025em
}

.msportalfx-number-small {
    font-size: 17px;
    line-height: 17px;
    letter-spacing: -.02em
}

.msportalfx-number-jumbo-adorn, .msportalfx-number-large-adorn, .msportalfx-number-medium-adorn, .msportalfx-number-small-adorn {
    font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.msportalfx-number-jumbo-adorn {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -.02em
}

.msportalfx-number-large-adorn, .msportalfx-number-medium-adorn {
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -.02em
}

.msportalfx-number-small-adorn {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: -.05em
}

.msportalfx-code {
    font-family: Consolas,"Courier New",monospace;
    font-size: 12px;
    background-color: #f1f1f8;
    color: #32383f;
    border: 1px solid #dcdfe2;
    border-left: 5px solid #dcdfe2;
    padding: 10px 10px 10px 15px;
    margin: 5px 0;
    overflow-x: auto
}

.msportalfx-lineheight-reset {
    line-height: normal
}

.msportalfx-gettingstarted-part {
    color: #fff
}

.msportalfx-refresh-icon img, .msportalfx-refresh-icon svg {
    height: 12px;
     12px;
    vertical-align: baseline
}

.msportalfx-tile-status-icon img, .msportalfx-tile-status-icon svg {
    height: 16px;
     16px;
    vertical-align: middle
}

.msportalfx-gridcolumn-asseticon img, .msportalfx-gridcolumn-asseticon svg {
    margin-top: 4px;
    height: 21px;
     21px
}

.msportalfx-gridcolumn-assetsvg-icon .fx-grid-formatters-svgicon {
     21px !important;
    height: 21px !important
}

.msportalfx-gridcolumn-assetsvg-badge, .msportalfx-gridcolumn-assetsvg-icon img, .msportalfx-gridcolumn-assetsvg-icon svg {
    height: 21px;
     21px;
    vertical-align: middle
}

.msportalfx-gridcolumn-assetsvg-badge {
    margin-left: -21px;
    display: inline-block
}

    .msportalfx-gridcolumn-assetsvg-badge img, .msportalfx-gridcolumn-assetsvg-badge svg {
        height: 10px;
         10px;
        margin-top: 11px
    }

.msportalfx-gridcolumn-assetsvg-text {
    margin-left: 10px;
    vertical-align: middle
}

.msportalfx-gridcolumn-assetsvg-textbox {
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px
}

.msportalfx-gridcolumn-assetsvg-strongtext {
    vertical-align: middle;
    margin-left: 0
}

.msportalfx-gridcolumn-assetsvg-linkicon {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

    .msportalfx-gridcolumn-assetsvg-linkicon .msportalfx-gridcolumn-assetsvg-linkicon-icon {
        display: inline-block
    }

        .msportalfx-gridcolumn-assetsvg-linkicon .msportalfx-gridcolumn-assetsvg-linkicon-icon img, .msportalfx-gridcolumn-assetsvg-linkicon .msportalfx-gridcolumn-assetsvg-linkicon-icon svg {
            opacity: .4;
            height: 10px;
             10px;
            vertical-align: middle
        }

.msportalfx-iconcontainer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

    .msportalfx-iconcontainer > img, .msportalfx-iconcontainer > svg {
        height: 50px;
         50px
    }

.fxs-tilesize-mini .msportalfx-iconcontainer > img, .fxs-tilesize-mini .msportalfx-iconcontainer > svg, .fxs-tilesize-small .msportalfx-iconcontainer > img, .fxs-tilesize-small .msportalfx-iconcontainer > svg {
    height: 30px;
     30px
}

.msportalfx-gridcolumn-statusicon {
    text-align: center
}

    .msportalfx-gridcolumn-statusicon img, .msportalfx-gridcolumn-statusicon svg {
        text-align: center;
        height: 15px;
         15px
    }

    .msportalfx-gridcolumn-statusicon svg {
        margin-top: 4px
    }

.msportalfx-grid-borderless .azc-grid table tbody tr td, .msportalfx-grid-borderless .azc-grid table tbody tr.azc-grid-row:first-of-type td, .msportalfx-grid-borderless .azc-grid table tbody:last-child tr:last-child td {
    border-top- 0;
    border-bottom- 0;
    border-color: transparent
}

.msportalfx-grid-borderless .azc-br-muted {
    border-top- 0;
    border-bottom- 0;
    border-color: transparent !important
}

.msportalfx-customtopo-text-name-donotuse {
    font-size: 12px;
    line-height: normal
}

.msportalfx-customtopo-text-description-donotuse {
    font-size: 10px;
    line-height: normal;
    color: #8f9ca8
}

.msportalfx-inherit-color {
    color: inherit !important
}

.msportalfx-statuspart {
    position: relative;
    height: 100%;
     100%
}

    .msportalfx-statuspart > * {
        box-sizing: border-box
    }

    .msportalfx-statuspart .msportalfx-statuspart-statussection {
        height: calc(100% - 55px);
        padding-top: 10px
    }

        .msportalfx-statuspart .msportalfx-statuspart-statussection > * {
            vertical-align: middle
        }

        .msportalfx-statuspart .msportalfx-statuspart-statussection > img {
            height: 30px;
             30px
        }

        .msportalfx-statuspart .msportalfx-statuspart-statussection > span {
            font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
            font-size: 11px;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .msportalfx-statuspart .msportalfx-statuspart-messagesection {
        position: absolute;
        bottom: 55px;
        margin-bottom: 25px;
        height: 40px;
        line-height: 0;
        white-space: normal
    }

        .msportalfx-statuspart .msportalfx-statuspart-messagesection > span {
            font-size: 12px;
            line-height: 18px
        }

    .msportalfx-statuspart .msportalfx-statuspart-metricsection, .msportalfx-statuspart .msportalfx-statuspart-propertysection {
        position: absolute;
        bottom: 0;
         100%;
        height: 55px
    }

    .msportalfx-statuspart .msportalfx-statuspart-propertysection {
        padding-top: 5px;
        font-size: 12px;
        line-height: 18px
    }

        .msportalfx-statuspart .msportalfx-statuspart-propertysection > div, .msportalfx-statuspart .msportalfx-statuspart-propertysection > span {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .msportalfx-statuspart .msportalfx-statuspart-metricsection > div {
        float: left;
         calc(100% / 3 - 3px);
        box-sizing: border-box;
        border-right: 1px solid #8f9ca8;
        padding-left: 7px
    }

        .msportalfx-statuspart .msportalfx-statuspart-metricsection > div:first-child {
            padding-left: 0
        }

        .msportalfx-statuspart .msportalfx-statuspart-metricsection > div:last-child {
            border-right: none
        }

    .msportalfx-statuspart .msportalfx-statuspart-metricsection .msportalfx-statuspart-metrictitle {
        white-space: normal;
        height: 30px;
        font-size: 12px;
        line-height: normal;
        text-transform: uppercase
    }

.msportalfx-bgcolor-a1 {
    background-color: #fcd116;
    color: #000
}

.msportalfx-bgcolor-b1 {
    background-color: #eb3c00;
    color: #fff
}

.msportalfx-bgcolor-c1 {
    background-color: #ba141a;
    color: #fff
}

.msportalfx-bgcolor-d1 {
    background-color: #b4009e;
    color: #fff
}

.msportalfx-bgcolor-e1 {
    background-color: #442359;
    color: #fff
}

.msportalfx-bgcolor-f1 {
    background-color: #002050;
    color: #fff
}

.msportalfx-bgcolor-g1 {
    background-color: #0072c6;
    color: #fff
}

.msportalfx-bgcolor-h1 {
    background-color: #008272;
    color: #fff
}

.msportalfx-bgcolor-i1 {
    background-color: #007233;
    color: #fff
}

.msportalfx-bgcolor-j1 {
    background-color: #7fba00;
    color: #fff
}

.msportalfx-bgcolor-k1 {
    background-color: #a0a5a8;
    color: #fff
}

.msportalfx-bgcolor-a0 {
    background-color: #fff100;
    color: #000
}

.msportalfx-bgcolor-b0 {
    background-color: #ff8c00;
    color: #fff
}

.msportalfx-bgcolor-c0 {
    background-color: #e81123;
    color: #fff
}

.msportalfx-bgcolor-d0 {
    background-color: #ec008c;
    color: #fff
}

.msportalfx-bgcolor-e0 {
    background-color: #68217a;
    color: #fff
}

.msportalfx-bgcolor-f0 {
    background-color: #00188f;
    color: #fff
}

.msportalfx-bgcolor-g0 {
    background-color: #00bcf2;
    color: #fff
}

.msportalfx-bgcolor-h0 {
    background-color: #00b294;
    color: #fff
}

.msportalfx-bgcolor-i0 {
    background-color: #009e49;
    color: #fff
}

.msportalfx-bgcolor-j0 {
    background-color: #bad80a;
    color: #000
}

.msportalfx-bgcolor-k0 {
    background-color: #bbc2ca;
    color: #000
}

.msportalfx-bgcolor-a2 {
    background-color: #fffc9e;
    color: #000
}

.msportalfx-bgcolor-b2 {
    background-color: #ffb900;
    color: #000
}

.msportalfx-bgcolor-c2 {
    background-color: #dd5900;
    color: #fff
}

.msportalfx-bgcolor-d2 {
    background-color: #f472d0;
    color: #fff
}

.msportalfx-bgcolor-e2 {
    background-color: #9b4f96;
    color: #fff
}

.msportalfx-bgcolor-f2 {
    background-color: #4668c5;
    color: #fff
}

.msportalfx-bgcolor-g2 {
    background-color: #6dc2e9;
    color: #000
}

.msportalfx-bgcolor-h2 {
    background-color: #00d8cc;
    color: #000
}

.msportalfx-bgcolor-i2 {
    background-color: #55d455;
    color: #000
}

.msportalfx-bgcolor-j2 {
    background-color: #e2e584;
    color: #000
}

.msportalfx-bgcolor-k2 {
    background-color: #d6d7d8;
    color: #000
}

.msportalfx-bgcolor-a0s2 {
    background-color: #807900;
    color: #fff
}

.msportalfx-bgcolor-b0s2 {
    background-color: #804600;
    color: #fff
}

.msportalfx-bgcolor-c0s2 {
    background-color: #740912;
    color: #fff
}

.msportalfx-bgcolor-d0s2 {
    background-color: #760046;
    color: #fff
}

.msportalfx-bgcolor-e0s2 {
    background-color: #34113d;
    color: #fff
}

.msportalfx-bgcolor-f0s2 {
    background-color: #000c48;
    color: #fff
}

.msportalfx-bgcolor-g0s2 {
    background-color: #005e79;
    color: #fff
}

.msportalfx-bgcolor-h0s2 {
    background-color: #084c41;
    color: #fff
}

.msportalfx-bgcolor-i0s2 {
    background-color: #063d20;
    color: #fff
}

.msportalfx-bgcolor-j0s2 {
    background-color: #3d460a;
    color: #fff
}

.msportalfx-bgcolor-k0s2 {
    background-color: #32383f;
    color: #fff
}

.msportalfx-bgcolor-a0s1 {
    background-color: #bfb500;
    color: #000
}

.msportalfx-bgcolor-b0s1 {
    background-color: #bf6900;
    color: #fff
}

.msportalfx-bgcolor-c0s1 {
    background-color: #ae0d1a;
    color: #fff
}

.msportalfx-bgcolor-d0s1 {
    background-color: #b10069;
    color: #fff
}

.msportalfx-bgcolor-e0s1 {
    background-color: #4e195c;
    color: #fff
}

.msportalfx-bgcolor-f0s1 {
    background-color: #00126b;
    color: #fff
}

.msportalfx-bgcolor-g0s1 {
    background-color: #008db5;
    color: #fff
}

.msportalfx-bgcolor-h0s1 {
    background-color: #00856f;
    color: #fff
}

.msportalfx-bgcolor-i0s1 {
    background-color: #0f5b2f;
    color: #fff
}

.msportalfx-bgcolor-j0s1 {
    background-color: #8ba208;
    color: #fff
}

.msportalfx-bgcolor-k0s1 {
    background-color: #464f59;
    color: #fff
}

.msportalfx-bgcolor-a0t1 {
    background-color: #fcf37e;
    color: #000
}

.msportalfx-bgcolor-b0t1 {
    background-color: #ffba66;
    color: #000
}

.msportalfx-bgcolor-c0t1 {
    background-color: #f1707b;
    color: #fff
}

.msportalfx-bgcolor-d0t1 {
    background-color: #f466ba;
    color: #fff
}

.msportalfx-bgcolor-e0t1 {
    background-color: #a47aaf;
    color: #fff
}

.msportalfx-bgcolor-f0t1 {
    background-color: #6674bc;
    color: #fff
}

.msportalfx-bgcolor-g0t1 {
    background-color: #66d7f7;
    color: #000
}

.msportalfx-bgcolor-h0t1 {
    background-color: #66d1bf;
    color: #000
}

.msportalfx-bgcolor-i0t1 {
    background-color: #66c592;
    color: #000
}

.msportalfx-bgcolor-j0t1 {
    background-color: #d6e86c;
    color: #000
}

.msportalfx-bgcolor-k0t1 {
    background-color: #8f9ca8;
    color: #fff
}

.msportalfx-bgcolor-a0t2 {
    background-color: #fffccc;
    color: #000
}

.msportalfx-bgcolor-b0t2 {
    background-color: #ffe8cc;
    color: #000
}

.msportalfx-bgcolor-c0t2 {
    background-color: #facfd3;
    color: #000
}

.msportalfx-bgcolor-d0t2 {
    background-color: #fbcce8;
    color: #000
}

.msportalfx-bgcolor-e0t2 {
    background-color: #e1d3e4;
    color: #000
}

.msportalfx-bgcolor-f0t2 {
    background-color: #ccd1e9;
    color: #000
}

.msportalfx-bgcolor-g0t2 {
    background-color: #ccf2fc;
    color: #000
}

.msportalfx-bgcolor-h0t2 {
    background-color: #ccf0ea;
    color: #000
}

.msportalfx-bgcolor-i0t2 {
    background-color: #ccecdb;
    color: #000
}

.msportalfx-bgcolor-j0t2 {
    background-color: #f0f7b2;
    color: #000
}

.msportalfx-bgcolor-k0t2 {
    background-color: #63707e;
    color: #fff
}

.msportalfx-property {
    padding: 5px 0;
    white-space: nowrap;
    line-height: 0;
    font-size: 0
}

    .msportalfx-property > * {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        white-space: normal;
        font-size: medium;
        line-height: normal
    }

    .msportalfx-property .msportalfx-property-label-wrapper {
        font-size: 12px;
        line-height: normal;
         32%;
        margin-top: 5px
    }

        .msportalfx-property .msportalfx-property-label-wrapper .msportalfx-property-name {
            text-transform: uppercase;
            max- 100%;
             auto;
            white-space: wrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block
        }

    .msportalfx-property .msportalfx-property-name {
        font-size: 12px;
        line-height: normal;
        text-transform: uppercase;
         32%;
        white-space: wrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .msportalfx-property .msportalfx-property-value {
        font-size: 14px;
        line-height: normal;
         64%;
        margin-left: 3%;
        margin-top: 4px
    }

        .msportalfx-property .msportalfx-property-value.fxs-part-properties-text .msportalfx-property-text-icon, .msportalfx-property .msportalfx-property-value.fxs-part-properties-text .msportalfx-tooltip-overflow {
            display: inline-block;
            vertical-align: middle
        }

            .msportalfx-property .msportalfx-property-value.fxs-part-properties-text .msportalfx-property-text-icon + .msportalfx-tooltip-overflow {
                max- calc(100% - 27px)
            }

        .msportalfx-property .msportalfx-property-value.fxs-part-properties-copyfield {
            margin-top: 4px
        }

            .msportalfx-property .msportalfx-property-value.fxs-part-properties-copyfield input {
                padding-left: 9px
            }

    .msportalfx-property.msportalfx-property-compact > * {
        vertical-align: top
    }

    .msportalfx-property.msportalfx-property-compact .msportalfx-property-name {
        margin-top: 4px;
         95px
    }

    .msportalfx-property.msportalfx-property-compact .msportalfx-property-value {
        font-size: 12px;
        line-height: 18px;
        max- calc(100% - 3% - 95px)
    }

.msportalfx-property-callback-icon, .msportalfx-property-text-icon {
     27px
}

    .msportalfx-property-callback-icon svg, .msportalfx-property-text-icon svg {
        height: 25px;
         25px
    }

.msportalfx-property-callback-icon {
    float: left
}

.msportalfx-form .azc-checkBoxField-inlineLabelContainer label, .msportalfx-form .azc-form-labelcontainer label, .msportalfx-form .msportalfx-form-labelcontainer label {
    font-size: 12px;
    line-height: normal
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement > .azc-formElementContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement > .azc-formElementSubLabelContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement > .msportalfx-form-elementContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement > .azc-formElementContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement > .azc-formElementSubLabelContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement > .msportalfx-form-elementContainer {
    display: inline-block;
    vertical-align: middle;
     66%
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement.msportalfx-form-fileUploadField, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement.msportalfx-form-fileUploadField {
    height: 80px
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement > .azc-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > .msportalfx-form-formelement > .msportalfx-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement > .azc-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular > div > .msportalfx-form-formelement > .msportalfx-form-labelcontainer {
     32%;
    display: inline-block
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular .msportalfx-form-extralabel {
    display: block;
     66%;
    margin-left: 33%;
    margin-right: 0
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement:nth-child(odd), .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement:nth-child(odd) {
    margin-right: 1%
}

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement {
    min-height: 43px;
     48.75% !important;
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

    .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement:first-child, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement:last-child, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement:first-child, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement:last-child {
        margin-top: 0
    }

    .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement.azc-multiLineTextField, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement.azc-optionsGroupField, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement.azc-multiLineTextField, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement.azc-optionsGroupField {
        height: auto;
        margin-right: 1px
    }

    .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement.msportalfx-form-fileUploadField, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement.msportalfx-form-fileUploadField {
        height: 100px
    }

    .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement .azc-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement .msportalfx-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement .azc-form-labelcontainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement .msportalfx-form-labelcontainer {
        display: block;
        margin-bottom: 0;
         auto;
        min-height: 20px
    }

    .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement .azc-formElementSubLabelContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > .msportalfx-form-formelement .msportalfx-form-elementContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement .azc-formElementSubLabelContainer, .fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-formelement .msportalfx-form-elementContainer {
        display: block;
         100%;
        margin-left: 0
    }

.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-extralabel > .msportalfx-form-extralabel {
    display: inline-block;
     47.75%;
    margin: 43px 1% 0 -49.75% !important
}

.msportalfx-form.msportalfx-form-custom .msportalfx-form-extralabel {
    margin-top: 0
}

.fxs-bladestyle-create .msportalfx-form {
    margin-top: 14px
}

.msportalfx-form:not(.msportalfx-form-custom) .fxc-section > .msportalfx-form-formelement, .msportalfx-form:not(.msportalfx-form-custom) > .msportalfx-form-formelement, .msportalfx-form:not(.msportalfx-form-custom) > div > .msportalfx-form-formelement {
    padding-bottom: 15px;
     100%;
    min-height: 23px
}

    .msportalfx-form:not(.msportalfx-form-custom) .fxc-has-sublabel:not(.fxc-right-sublabel), .msportalfx-form:not(.msportalfx-form-custom) .fxc-section > .msportalfx-form-formelement .msportalfx-form-formelement, .msportalfx-form:not(.msportalfx-form-custom) > .msportalfx-form-formelement .msportalfx-form-formelement, .msportalfx-form:not(.msportalfx-form-custom) > div > .msportalfx-form-formelement .msportalfx-form-formelement {
        padding-bottom: 0
    }

        .msportalfx-form:not(.msportalfx-form-custom) .fxc-has-sublabel:not(.fxc-right-sublabel) .azc-validation-messages {
            padding-bottom: 15px
        }

.msportalfx-form.msportalfx-vertical-compact .fxc-section > .msportalfx-form-formelement, .msportalfx-form.msportalfx-vertical-compact > .msportalfx-form-formelement, .msportalfx-form.msportalfx-vertical-compact > div > .msportalfx-form-formelement {
    padding-bottom: 7px
}

.msportalfx-form .azc-checkBoxField-inlineLabelContainer, .msportalfx-form .azc-form-labelcontainer, .msportalfx-form .msportalfx-form-labelcontainer {
    box-sizing: border-box;
    min-height: 20px
}

    .msportalfx-form .azc-checkBoxField-inlineLabelContainer label, .msportalfx-form .azc-form-labelcontainer label, .msportalfx-form .msportalfx-form-labelcontainer label {
        max- calc(100% - 25px);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.msportalfx-form .azc-checkBoxField-inlineLabelContainer {
     calc(100% - 25px + 2px)
}

.msportalfx-form .azc-validatableControl-invalid + .azc-checkBoxField-inlineLabelContainer {
     calc(100% - 25px + 2px - 6px)
}

.msportalfx-form.msportalfx-form-row {
    padding: 0 25px;
     calc(100% - 50px)
}

.msportalfx-form .azc-multiLineTextField .azc-multiLineTextBox {
    height: 100%
}

.azc-text-sublabel {
    float: right;
    margin-bottom: -1px
}

.azc-formElementSubLabelContainer::after {
    content: "";
    display: table;
    clear: both
}

.fxc-left-label .azc-text-sublabel-neighbor {
    padding-bottom: 16px
}

    .fxc-left-label .azc-text-sublabel-neighbor.azc-form-labelcontainer {
        padding-bottom: calc(19px)
    }

    .fxc-left-label .azc-text-sublabel-neighbor.azc-checkBoxField-inlineLabelContainer {
        padding-bottom: 0
    }

.azc-required-balloon {
    display: inline-block
}

.msportalfx-form-extralabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    margin-top: -15px;
    padding-bottom: 3px
}

.msportalfx-customHtml .msportalfx-form-extralabel {
    margin-top: 0
}

@keyframes azc-resize-enter {
    0% {
        top: 0
    }
}

@-webkit-keyframes azc-resize-enter {
    0% {
        top: 0
    }
}

.azc-resize {
    animation: azc-resize-enter 1ms;
    -webkit-animation: azc-resize-enter 1ms;
    position: absolute;
    left: -10000px;
    top: -10000px;
     100%;
    height: 100%;
    min- 1px;
    min-height: 1px;
    overflow: hidden;
    visibility: hidden
}

.fxs-commandBar {
    position: relative;
    padding: 0 15px;
    display: -webkit-flex;
    display: flex
}

.fxs-commandBar-item {
    font-size: 12px;
    line-height: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    border: 0;
    overflow: visible;
    text-align: left;
    height: 35px;
    cursor: pointer
}

    .fxs-commandBar-item .fxs-commandBar-fileUpload-overlay {
        position: absolute;
        top: 0;
        left: 0;
         100%;
        height: 100%;
        opacity: 0;
        display: block;
        cursor: pointer
    }

    .fxs-commandBar-item[aria-disabled=true], .fxs-commandBar-item[aria-disabled=true] .fxs-commandBar-fileUpload-overlay {
        cursor: default
    }

.fxs-commandBar-item-buttoncontainer {
    display: -webkit-flex;
    display: flex
}

.fxs-commandBar-itemList {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 35px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.fxs-commandBar-itemList-hideLabels .fxs-commandBar-item-text {
    display: none
}

.fxs-commandBar-itemList-hideLabels .fxs-commandBar-item-icon {
    padding-right: 0
}

.fxs-commandBar-item[aria-disabled=true] .fxs-commandBar-item-icon, .fxs-commandBar-item[aria-disabled=true] .fxs-commandBar-item-text {
    opacity: .5
}

.fxs-commandBar-item[aria-disabled=true].fxs-commandBar-itemUnauthorized {
    cursor: not-allowed
}

.fxs-commandBar-item[aria-disabled=true].fxs-commandBar-itemDisabledTemporarily .fxs-commandBar-item-icon, .fxs-commandBar-item[aria-disabled=true].fxs-commandBar-itemDisabledTemporarily .fxs-commandBar-item-text {
    opacity: 1
}

.fxs-commandBar-item-text {
    font-size: 12px;
    position: relative;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max- 180px
}

.fxs-commandBar-item-icon {
    height: 16px;
     16px;
    padding-right: 5px
}

.fxs-commandBar-listpopup {
    top: 35px
}

.fxs-commandBar-item-expandList {
    height: 35px;
    padding: 0;
    margin-left: auto
}

    .fxs-commandBar-item-expandList > div {
        height: 100%
    }

    .fxs-commandBar-item-expandList .fxs-dropmenu-button {
        padding: 0 10px
    }

.fxs-commandBar-overflow-button {
    display: -webkit-flex;
    display: flex
}

.fxs-commandBar-item-focused {
    outline: #00bcf2 dashed 1px
}

.fxs-lens {
    position: relative;
    padding-bottom: 10px
}

.fxs-blade-locked .fxs-stacklayout-child:last-child.fxs-lens, .fxs-blade-summary-container .fxs-lens {
    padding-bottom: 0
}

.fxs-lens > .fxs-lens-title-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px
}

.fxs-blade-summary-container .fxs-lens .fxs-lens-title-container, .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-part .fxs-part-title, .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-tile-actionbar, .fxs-lens.fxs-lens-fit > .fxs-lens-title {
    display: none
}

.fxs-lens > .fxs-lens-title-container > .fxs-lens-title {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 14px;
    line-height: 30px
}

.fxs-lens.fxs-lens-fit {
    padding-bottom: 0;
    height: 100%
}

    .fxs-lens.fxs-lens-fit > .fxs-lens-layout {
        height: 100%
    }

.fxs-bladestyle-create .fxs-lens.fxs-lens-fit {
     calc(100% + 2*25px);
    margin-left: -25px
}

.fxs-bladecontent-unlocked .fxs-lens > .fxs-lens-title-container > .fxs-lens-title::after {
    content: '000a0'
}

.fxs-bladecontent-unlocked .fxs-lens.fxs-lens-fit {
    padding-top: 15px
}

.fxs-blade-locked .fxs-blade-stacklayout.fxs-stacklayout-vertical .fxs-lens > .fxs-lens-title-container {
    height: auto
}

.fxs-blade-stacklayout.fxs-stacklayout-horizontal .fxs-lens > .fxs-lens-layout {
    height: calc(100% - 30px)
}

.fxs-blade-content-container .fxs-bladestyle-hub .fxs-blade-summary-container, .fxs-blade-content-container .fxs-bladestyle-hubsubmenu .fxs-blade-summary-container {
    border: none
}

.fxs-blade-summary-container {
    position: relative;
    overflow: hidden;
    border-bottom- 1px;
    border-bottom-style: solid
}

    .fxs-blade-summary-container .fxs-lens .fxs-tile {
        min-height: 35px;
         100% !important;
        height: auto
    }

        .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-tile-progress {
            top: 35px;
            height: calc(100% - 35px);
            overflow: hidden
        }

        .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-part {
            padding: 0;
            box-shadow: none !important
        }

            .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-part.fxs-part-part-title-visible .fxs-part-content {
                top: 0
            }

            .fxs-blade-summary-container .fxs-lens .fxs-tile .fxs-part .fxs-part-blockui-shield {
                top: 35px
            }

.fxs-lens-layout-flow .fxs-lens-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0 -5px -5px 0
}

.fxs-lens-layout-flow .fxs-tile {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px 5px 0
}

.fxs-journey {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .fxs-journey > .fxs-journey-layout {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .fxs-journey > .fxs-journey-layout.fxs-journey-withspacer::after {
            content: "";
            display: block;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
             100%
        }

        .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child {
            margin-right: 0
        }

            .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child:first-child {
                box-shadow: -5px 0 0 rgba(108,115,122,.15)
            }

            .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child:last-child {
                box-shadow: 5px 0 0 rgba(108,115,122,.15)
            }

            .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child:only-child {
                box-shadow: -5px 0 0 rgba(108,115,122,.15),5px 0 0 rgba(108,115,122,.15)
            }

.fxs-blade-position-feature .fxs-journey-withspacer::after {
    content: none !important
}

.fxs-journey-breadcrumb {
    display: none;
    font-size: 13px;
    height: 18px;
    color: #bbb;
    background-color: rgba(255,255,255,.05)
}

    .fxs-journey-breadcrumb .fxs-breadcrumb-wrapper > .fxs-breadcrumb-crumb {
        padding: 0 3px 2px
    }

    .fxs-journey-breadcrumb .fxs-breadcrumb-wrapper > a {
        color: #55b3ff;
        font-size: 11px
    }

        .fxs-journey-breadcrumb .fxs-breadcrumb-wrapper > a:hover {
            text-decoration: underline
        }

    .fxs-journey-breadcrumb .fxs-breadcrumb-wrapper > span {
        font-size: 11px
    }

    .fxs-journey-breadcrumb .fxs-breadcrumb-divider {
         auto
    }

        .fxs-journey-breadcrumb .fxs-breadcrumb-divider svg {
            height: 8px;
             8px;
            margin-top: 1px;
            fill: #fff
        }

.fxs-show-journey .fxs-journey-breadcrumb {
    display: -webkit-flex;
    display: flex
}

.fxs-sidebar-category-old-label, .fxs-sidebar-hint-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-sidebar-category-label, .fxs-sidebar-category-old-label {
    text-transform: uppercase;
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxs-sidebar-category-label, .fxs-sidebar-category-old-label, .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-matches-prefix {
    font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif
}

.fxs-sidebar-flyout {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
     400px
}

    .fxs-sidebar-flyout .fxs-popup-feedback {
        text-align: right
    }

        .fxs-sidebar-flyout .fxs-popup-feedback .fxs-sidebar-feedback-link {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 35px;
            text-decoration: underline;
            margin: 0 20px
        }

            .fxs-sidebar-flyout .fxs-popup-feedback .fxs-sidebar-feedback-link .fxs-sidebar-feedback-link-disabled {
                text-decoration: none
            }

.fxs-sidebar-improvedflyout.fxs-sidebar-flyout {
     86vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%
}

.fxs-sidebar-hint-text {
    text-align: right;
    font-size: 11px
}

.fxs-sidebar-hide {
    display: none !important
}

.fxs-sidebar-browse-flyout {
    height: 100%
}

.fxs-sidebar-flyout-header {
    height: 20px;
    margin: 0 0 10px;
    text-align: right
}

.fxs-sidebar-category-old-label {
    font-size: 10px;
    text-align: left;
    border-bottom- 1px;
    border-bottom-style: solid;
    margin: 25px 5px 0 20px !important
}

.fxs-sidebar-flyout-close {
    height: 30px;
     30px;
    border: none;
    transition: background .2s ease-out
}

    .fxs-sidebar-flyout-close > svg {
        height: 16px;
         16px;
        transition: fill .2s ease-out
    }

    .fxs-sidebar-flyout-close:hover {
        background: #ba141a;
        fill: #fff
    }

.fxs-sidebar-possible-favorites {
    height: calc(100% - 45px);
    overflow-y: auto;
    overflow-x: hidden
}

    .fxs-sidebar-possible-favorites .fxs-sidebar-label {
         auto;
        padding-right: 10px
    }

    .fxs-sidebar-possible-favorites .fxs-sidebar-item-link {
        padding-left: 20px;
         160px
    }

.fxs-sidebar-improvedflyout .fxs-sidebar-possible-favorites {
    height: calc(100% - 110px);
    overflow-y: auto;
    overflow-x: hidden
}

.fxs-sidebar-category-label, .fxs-sidebar-flyout-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fxs-sidebar-improvedflyout .fxs-sidebar-possible-favorites .fxs-sidebar-label {
     auto;
    padding-right: 10px
}

.fxs-sidebar-improvedflyout .fxs-sidebar-possible-favorites .fxs-sidebar-item-link {
    padding-left: 20px;
     160px
}

.fxs-sidebar-item-category {
    margin-bottom: 20px
}

.fxs-sidebar-improvedflyout .fxs-sidebar-item-category {
    margin: 10px 5px 0 20px
}

.fxs-sidebar-item .fxs-sidebar-home {
    display: none
}

.fxs-sidebar-flyout .fxs-sidebar-item {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-height: 35px;
    max- 400px
}

    .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-items: center;
        align-items: center;
         400px
    }

        .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content .fxs-sidebar-item-icon svg {
            opacity: .6
        }

        .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content .fxs-sidebar-item-icon.fxs-is-favorite svg, .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content .fxs-sidebar-item-icon.fxs-is-home svg, .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content.fxs-is-selected .fxs-sidebar-item-icon svg, .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-item-content:hover .fxs-sidebar-item-icon svg {
            opacity: 1
        }

    .fxs-sidebar-flyout .fxs-sidebar-item .fxs-sidebar-matches {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 10px;
        text-align: left;
        display: block
    }

.fxs-sidebar-improvedflyout .fxs-sidebar-item {
    margin-right: 40px
}

.fxs-sidebar-category-label-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.fxs-sidebar-category-label-divider {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    border-bottom- 1px;
    border-bottom-style: solid;
    height: 0;
    margin: 0 5px
}

.fxs-sidebar-category-label {
    font-size: 10px;
    text-align: left;
    padding-right: 10px;
    -webkit-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

.fxs-sidebar-category-button {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 25px !important;
     25px !important;
    border: 0
}

    .fxs-sidebar-category-button > svg {
        height: 10;
         10
    }

.fxs-sidebar-category-button-transform {
    transform: scale(-1,-1);
    background-color: rgba(255,255,255,.3)
}

.fxs-sidebar-category {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    padding-bottom: 25px
}

.fxs-sidebar-filter-input {
     100%;
    margin: 5px 0 21px
}

.fxs-sidebar-improvedflyout .fxs-sidebar-filter-input {
    margin: 5px 15px 21px
}

.fxs-sidebar-filter-categories {
    margin: 5px 0 0
}

.fxs-sidebar-dropdown-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: left;
    justify-content: left
}

.fxs-sidebar-dropdown {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.fxs-sidebar-dropdown-title {
     auto;
    margin: 2px 0;
    font-size: 14px
}

.fxs-sidebar-dropdown-button-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 3px
}

.fxs-sidebar-dropdown-button {
    margin: 4px 5px 0;
    padding: 4px 5px;
    opacity: .7;
    border: none
}

.fxs-sidebar-dropdown-button-text {
    font-size: 8px
}

.fxs-sidebar-dropdown-button-icon {
    height: 8px;
     8px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .fxs-sidebar-dropdown-button-icon > svg {
        -webkit-flex: 0 0 8px;
        flex: 0 0 8px
    }

.fxs-sidebar-dropdown-item a {
    display: -webkit-flex;
    display: flex
}

.fxs-sidebar-improvedflyout .fxs-sidebar-content {
    display: -webkit-flex;
    display: flex;
    height: 40px
}

.fxs-sidebar-flyout-title-text {
    font-size: 18px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 5px
}

.fxs-sidebar-improvedflyout .fxs-sidebar-filter-input {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
     40%
}

.fxs-sidebar-improvedflyout .fxs-sidebar-dropdown-container {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-bottom: 5px
}

.fxs-sidebar-flyout-link {
    font-size: 12px;
    padding-right: 10px;
    padding-top: 10px;
    padding-left: 10px
}

    .fxs-sidebar-flyout-link:hover {
        text-decoration: underline
    }

.fxs-sidebar-flyout-state {
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: auto
}

.fxc-resourcefilter-subscriptionsummary {
    margin-bottom: 10px
}

.fxc-resourcefilter-summary-title {
    padding-right: 5px
}

.fxc-resourcefilter-summary-filters {
    display: -webkit-flex;
    display: flex
}

.fxc-resourcefilter-visible {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
     20%;
    margin-bottom: 10px;
    margin-right: 10px
}

.fxc-resourcefilter-full {
     100%;
    display: block
}

.fxc-resourcefilter-hidden {
    display: none
}

.fxs-bladeActionBar {
    border-top: 1px solid;
    border-color: inherit;
    padding: 20px 25px;
    overflow: hidden;
    position: relative
}

.fxs-bladeActionBar-blockUiShield {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fxc-actionbar-buttonwrapper {
    display: inline-block
}

.fxs-settingspane {
     355px;
    height: 100%;
    padding: 0 25px 25px;
    box-sizing: border-box;
    font-size: 12px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

    .fxs-settingspane .fxc-resourcefilter-summary-title {
        display: none
    }

.fxs-settingspane-label {
    color: #fff;
    padding-bottom: 3px
}

.fxs-settingspane-header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: 18px
}

.fxs-settingspane-body {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    margin: 0 -25px;
    padding: 0 25px 25px
}

.fxs-settingspane-resetlayout-link {
    cursor: pointer;
    font-size: 13px
}

.fxs-settingspane-apply {
    margin-right: 10px
}

.fxs-settingspane-separator {
    border-top- 1px;
    border-top-style: solid;
    margin: 10px auto 20px
}

.fxs-settingspane-item {
    margin-top: 20px;
    margin-bottom: 3px
}

.fxs-settingspane-bottom {
     265px;
    padding-top: 20px;
    border-top: 1px #7a7a7a solid;
    bottom: 20px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.fxs-settingspane-idletimecontainer {
    display: flex;
     50%;
    margin-top: -5px
}

.fxs-settingspane-idletimemargin {
    margin-left: 15px
}

.fxs-settingspane-theme-radio {
    margin-bottom: 9px;
    cursor: default
}

.fxs-settingspane-theme-legend {
    margin-bottom: 9px
}

.fxs-settingspane-theme {
    display: block;
    height: 1px;
     1px;
    position: absolute;
    overflow: hidden;
    opacity: 0
}

    .fxs-settingspane-theme + .fxs-settingspane-theme-selection {
        display: inline-block
    }

        .fxs-settingspane-theme + .fxs-settingspane-theme-selection::after {
            content: '';
            display: block;
             5px;
            height: 13px;
            border: solid #00bcf2;
            border- 0 3px 3px 0;
            margin-left: 8px;
            margin-top: 3px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .fxs-settingspane-theme:focus + .fxs-settingspane-theme-container {
        outline: #00bcf2 dotted 1px
    }

.fxs-settingspane-theme-container {
    display: inline-block;
    height: 25px;
     25px;
    border-radius: 50%;
    border: 1px solid;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 14px
}

/*treeview css start*/
.node-menu {
    position: relative;
     150px;
}

    .node-menu .node-menu-content {
         100%;
        padding: 5px;
        position: absolute;
        border: 1px solid #bdbdbd;
        border-radius: 5%;
        box-shadow: 0 0 5px #bdbdbd;
        background-color: #eee;
        color: #212121;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        z-index: 999;
    }

        .node-menu .node-menu-content li.node-menu-item {
            list-style: none;
            padding: 3px;
        }

        .node-menu .node-menu-content .node-menu-item:hover {
            border-radius: 5%;
            opacity: unset;
            cursor: pointer;
            background-color: #bdbdbd;
            transition: background-color 0.2s ease-out;
        }

        .node-menu .node-menu-content .node-menu-item .node-menu-item-icon {
            display: inline-block;
             16px;
        }

            .node-menu .node-menu-content .node-menu-item .node-menu-item-icon.new-tag:before {
                content: '25CF';
            }

            .node-menu .node-menu-content .node-menu-item .node-menu-item-icon.new-folder:before {
                content: '25B6';
            }

            .node-menu .node-menu-content .node-menu-item .node-menu-item-icon.rename:before {
                content: '270E';
            }

            .node-menu .node-menu-content .node-menu-item .node-menu-item-icon.remove:before {
                content: '2716';
            }

        .node-menu .node-menu-content .node-menu-item .node-menu-item-value {
            margin-left: 5px;
        }

tree-internal ul {
    padding: 3px 0 3px 10px;
}

tree-internal li {
    padding: 0;
    margin: 0;
    list-style: none;
}

tree-internal .over-drop-target {
    border: 4px solid #757575;
    transition: padding 0.2s ease-out;
    padding: 5px;
    border-radius: 5%;
}

tree-internal .tree {
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    tree-internal .tree li {
        list-style: none;
        cursor: default;
    }

        tree-internal .tree li div {
            display: inline-block;
            box-sizing: border-box;
        }

    tree-internal .tree .node-value {
        display: inline-block;
        color: #212121;
    }

        tree-internal .tree .node-value:after {
            display: block;
            padding-top: -3px;
             0;
            height: 2px;
            background-color: #212121;
            content: '';
            transition: width 0.3s;
        }

        tree-internal .tree .node-value:hover:after {
             100%;
        }

    tree-internal .tree .node-left-menu {
        display: inline-block;
        height: 100%;
         auto;
    }

        tree-internal .tree .node-left-menu span:before {
            content: '2026';
            color: #757575;
        }

    tree-internal .tree .node-selected:after {
         100%;
    }

    tree-internal .tree .folding {
         25px;
        display: inline-block;
        line-height: 1px;
        padding: 0 5px;
        font-weight: bold;
    }

        tree-internal .tree .folding.node-collapsed {
            cursor: pointer;
        }

            tree-internal .tree .folding.node-collapsed:before {
                content: '25B6';
                color: #757575;
            }

        tree-internal .tree .folding.node-expanded {
            cursor: pointer;
        }

            tree-internal .tree .folding.node-expanded:before {
                content: '25BC';
                color: #757575;
            }

        tree-internal .tree .folding.node-empty {
            color: #212121;
            text-align: center;
            font-size: 0.89em;
        }

            tree-internal .tree .folding.node-empty:before {
                content: '25B6';
                color: #757575;
            }

        tree-internal .tree .folding.node-leaf {
            color: #212121;
            text-align: center;
            font-size: 0.89em;
        }

            tree-internal .tree .folding.node-leaf:before {
                content: '25CF';
                color: #757575;
            }

tree-internal ul.rootless {
    padding: 0;
}

tree-internal div.rootless {
    display: none !important;
}

tree-internal .loading-children:after {
    content: ' loading ...';
    color: #6a1b9a;
    font-style: italic;
    font-size: 0.9em;
    animation-name: loading-children;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes loading-children {
    0% {
        color: #f3e5f5;
    }

    12.5% {
        color: #e1bee7;
    }

    25% {
        color: #ce93d8;
    }

    37.5% {
        color: #ba68c8;
    }

    50% {
        color: #ab47bc;
    }

    62.5% {
        color: #9c27b0;
    }

    75% {
        color: #8e24aa;
    }

    87.5% {
        color: #7b1fa2;
    }

    100% {
        color: #6a1b9a;
    }
}
/*treeview css end*/