【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:;
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:;
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:;
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:;
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:;
right:;
bottom:;
left:;
z-index:;
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:;
height: 1px;
width: 1px;
display: none
}
.fxs-portal {
position: fixed;
left:;
right:;
top:;
bottom:;
overflow: hidden;
transition: background .25s ease;
z-index:;
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:;
-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:;
margin:;
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:;
z-index: 194
}
.fxs-progress-dots {
position: absolute;
top: calc(50% - 6px/2);
width: 100%;
line-height:;
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-width: 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;
width: 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 {
width: 145px;
height: 105px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-startboard-tile-wide .ext-gallery-startboard-tile-icon {
width: 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;
width: 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-width: 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;
width: 800px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-medium-width {
width: 115px;
height: 115px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-wide-width {
width: 252px;
height: 114px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-hero {
margin: 0px 25px 25px;
width: 800px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-featured-gallery-control {
margin-left: 11px;
width: 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 {
width: 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 {
width: calc(100% - 19px);
top: 110px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-filtercombobox {
max-width: 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;
width: 100%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-search-results-title {
margin: 5px 25px 0px 30px;
padding-right: 25px;
width: 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 {
width: 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-width: 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;
width: 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-width: 1px;
border-style: solid;
border-color: rgb(170, 176, 183);
margin: 25px 0px 22px;
height: 324px;
width: 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-width: 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-width: 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;
width: 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 {
width: 60%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-pricing-legal-grid-row .ext-gallery-pricing-right {
width: 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 {
width: 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-width: 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 {
width: 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 {
width: 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-width: 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;
width: 60px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-goIcon {
padding-right: 25px;
width: 20px;
height: 20px;
float: right;
margin-top: -20px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-list-menu-storeicon {
width: 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;
width: 100%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-title {
display: inline-block;
padding-bottom: 10px;
max-width: 50%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-create-title-link {
display: inline-block;
float: right;
text-align: right;
max-width: 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;
width: 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;
width: 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-width: calc(100% - 90px);
display: inline-block;
max-height: 40px;
overflow: hidden;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-content {
width: 100%;
height: 100%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-background {
position: absolute;
bottom: 0px;
left: -270px;
width: 585px;
height: 456px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-foreground {
position: absolute;
top: 0px;
width: 315px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-createnotice-arrow {
width: 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 {
width: 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 {
width: 96px;
height: 108px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-subscription-icon {
width: 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;
width: 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;
width: 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;
width: 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-width: 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-width: 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 {
width: 210px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-right-container {
width: 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 {
width: 250px;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-items-container {
width: 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;
width: 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;
width: 100%;
}
.css-scope-Microsoft_Azure_Marketplace.css-scope-BladesGalleryStylescss .ext-gallery-plusnew-gallery-item-info {
padding-left: 12px;
width: 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-width: 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 {
width: 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-width: 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-width: 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-width: 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-width: 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;
width: 20px;
height: 20px;
cursor: pointer;
position: relative
}
.azc-dockedballoon.azc-dockedballoon-info .azc-dockedballoon-anchor {
width: 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;
width: 11px;
height: 6px;
cursor: pointer;
position: relative
}
.azc-required-anchor {
height: 6px;
width: 6px;
margin-right: 5px
}
.azc-required-anchor svg {
vertical-align: 4px
}
.azc-dockedballoon-anchor-target {
height: 9px;
width: 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;
width: 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 {
width: 50px
}
.azc-pager-input .azc-pager-input-textBox {
height: 23px;
padding-right: 0 !important
}
.azc-pager-input input {
text-align: center;
border-right-width: 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;
width: 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-width: 2px;
border-style: solid;
border-color: #e81123;
width: 100%
}
div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid.azc-validation-border.azc-optionPicker {
width: calc(100% - 4px)
}
div.fxc-base.azc-validationBelowCtrl div.azc-validatableControl-invalid .azc-validation-border {
border-width: 2px;
border-style: solid;
border-color: #e81123;
width: 100%
}
.fxc-group-dropdown.azc-validationBelowCtrl .azc-validatableControl-invalid div.azc-validation-border {
border-width: 2px;
border-style: solid;
border-color: #e81123;
width: 100%;
width: 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 {
width: 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-width: 0;
text-decoration: none;
border-right-color: transparent;
float: left
}
.azc-validatableControl-pending .azc-dockedballoon-validation, .azc-validatableControl-valid-validated .azc-dockedballoon-validation {
border-width: 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-width: 0
}
.azc-validatableControl-valid-validated .azc-dockedballoon-validation .azc-dockedballoon-anchor svg {
display: block;
height: 10px;
width: 10px;
margin-top: 5px
}
.azc-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
overflow: hidden;
min-width: 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-width: 1px
}
.azc-button img {
margin-right: 3px
}
.azc-button svg {
height: 100%;
width: 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-width: 0;
text-decoration: none;
height: 17px
}
.azc-checkBox span.azc-validation-border {
display: inline-block;
height: 17px;
width: 17px !important;
vertical-align: top;
box-sizing: border-box;
border-width: 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-width: 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;
width: 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;
width: 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-width: 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-width: 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 {
width: 14px;
height: 14px;
float: left;
margin: 3px;
border-width: 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 {
width: 15px;
height: 15px;
cursor: pointer
}
.azc-datePicker-drop-popup {
width: 240px
}
.azc-dateTimePicker {
white-space: nowrap;
width: 100%
}
.azc-dateTimePicker .azc-datePicker {
width: 49%;
display: inline-block;
margin-right: 2%
}
.azc-dateTimePicker .azc-timePicker {
width: 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;
width: 100%;
height: 100%;
min-height: 19px;
border-width: 1px;
border-style: solid
}
.azc-dropdown-wrapper .azc-dropdown-arrow, .azc-dropdown-wrapper .azc-dropdown-current {
border-width: 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;
width: 100%;
top: calc(50% - 14px)
}
.azc-dropdown-wrapper .azc-dropdown-arrow {
margin: 0 -28px 0 0;
padding: 0;
width: 28px;
min-height: 19px;
min-width: 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-width: 0 2.1px 2.1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 7px;
width: 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-width: 0;
text-decoration: none;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 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;
width: 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-width: 1px;
border-style: solid
}
.azc-editableCombo-wrapper input {
margin: 0;
border-width: 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-width: 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-width: 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-width: 0;
text-decoration: none;
box-sizing: border-box;
height: 100%;
width: 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-width: 0 2.1px 2.1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 7px;
width: 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-width: 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;
width: 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-width: 100%;
margin-left: -1px;
border-width: 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;
width: 15px;
vertical-align: middle;
display: inline-block;
border-width: 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 {
width: 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 {
width: calc(100% - 42px)
}
.fxc-multiselect-filter.fxc-multiselect-singleselect .fxc-multiselect-textbox {
display: block;
position: absolute;
top: 0;
width: 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-width: 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-width: 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-width: 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 {
width: 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;
width: 23px;
min-width: 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 {
width: 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;
width: 100%
}
.azc-searchBox-input .azc-textBox-wrapper {
padding-right: 0;
width: 100%
}
.azc-searchBox-input .azc-textBox-wrapper input {
display: inline-block;
padding-right: 0
}
.azc-searchBox-search-icon {
position: absolute;
width: 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;
width: inherit
}
.azc-splitter-pane:first-child {
-webkit-flex: 0 0 auto;
flex: 0 0 auto
}
.azc-splitter-resizeHandler {
border-style: solid;
border-width: 1px;
cursor: ns-resize;
position: relative
}
.azc-splitter-resizeHandler:before {
content: "";
height: 16px;
width: 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;
width: auto
}
.azc-splitter-vertical > .azc-splitter-resizeHandler {
cursor: ew-resize
}
.azc-splitter-vertical > .azc-splitter-resizeHandler:before {
height: 100%;
width: 16px;
top: 0;
left: -8px
}
.azc-splitter-vertical > .azc-splitter-resizeHandler::before {
content: "";
height: 100%;
left: -8px;
position: absolute;
width: 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 {
width: 100%
}
.azc-textBox-wrapper .azc-input {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
font-size: 12px;
height: 23px;
outline: 0;
padding: 2px 8px 4px;
width: 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 {
width: 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 {
width: 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-width: 0
}
.azc-grid-editableRow table tbody.azc-grid-editableRow-addSection.azc-grid-editableRow-placement-top tr.azc-grid-row td {
border-bottom-width: 0
}
.azc-grid-editableRow table tbody tr.azc-grid-row:not(.azc-grid-editableRow-deleted) td {
border-top-width: 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-width: 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-width: 0
}
.azc-grid-groupable.azc-grid .azc-grid-groupdata:first-of-type .azc-grid-groupheader td {
border-top-width: 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-width: 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;
width: 16px;
height: 16px;
top: 3px
}
.azc-grid-hierarchical-icon-collapsed, .azc-grid-hierarchical-icon-expanded {
width: 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-width: 5px 0 5px 5px;
border-top-color: transparent !important
}
.azc-grid-hierarchical-icon-expanded {
margin-top: 5.5px;
margin-left: 3px;
border-width: 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 {
width: 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-width: 1px
}
.azc-grid table {
width: 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-width: 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-width: 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-width: 5px
}
.fxc-percent-formatter .fxc-percent-formatter-container {
overflow: hidden;
width: 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 {
width: 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 {
width: 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);
width: 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;
width: 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;
width: 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 {
width: 1px;
height: 100%;
opacity: 0
}
.azc-grid.azc-grid-resizableColumn .azc-grid-resizableColumn-ghostLine {
position: absolute;
width: 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 {
width: 100%;
height: 100%;
overflow: hidden
}
.azc-grid.azc-grid-scrollable div.azc-grid-container {
width: 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 {
width: 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 {
width: 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-width: 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 {
width: 26px;
max-width: 26px
}
.azc-grid-selectableRow-selectAll {
vertical-align: text-top;
margin-left: 7px
}
.azc-grid-selectableRow-selectionCell-wrapper {
border-width: 1px;
border-style: solid;
box-sizing: border-box;
width: 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 {
width: 0
}
.azc-grid-selectableRow table tbody tr td.azc-grid-selectableRow-overlay-cell {
overflow: visible;
padding: 0;
vertical-align: top;
width: 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 {
width: 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-width: 15px
}
.azc-listView-focusable.azc-listView-outlined .azc-listView-item.fxs-portal-focus {
outline-color: #00bcf2;
outline-width: 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-width: 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-width: 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;
width: 16px;
height: 16px;
padding: 3px 8px
}
.azc-toolbarButton-icon img, .azc-toolbarButton-icon svg {
height: 100%;
width: 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-width: 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 {
width: 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 {
width: 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%;
width: 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;
width: 50px
}
.fxs-part-buttonpart-textcontainer {
width: 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: '\02026';
top: 18px;
right: 0
}
.fxs-part-buttonpart-title::after {
content: '';
height: 100%;
width: 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;
width: 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: '\02026';
top: 16px;
right: 0
}
.fxs-tilesize-mini .fxs-part-buttonpart-title.fxs-can-use-multiline::after {
content: '';
height: 100%;
width: 100%
}
.fxs-tilesize-small .fxs-part-buttonpart-iconcontainer {
width: 51px;
padding-left: 6px
}
.fxs-tilesize-small .fxs-part-buttonpart-textcontainer {
width: 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: '\02026';
top: 18px;
right: 0
}
.fxs-tilesize-small .fxs-part-buttonpart-title.fxs-can-use-multiline::after {
content: '';
height: 100%;
width: 100%
}
.fxs-tilesize-wide .fxs-part-buttonpart-iconcontainer {
width: 85px;
padding-left: 15px
}
.fxs-tilesize-wide .fxs-part-buttonpart-textcontainer {
width: 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: '\02026';
top: 72px;
right: 0
}
.fxs-tilesize-wide .fxs-part-buttonpart-desc::after {
content: '';
height: 100%;
width: 100%
}
.fxs-part-buttonpart-externallink {
position: absolute;
top: 0;
right: 0;
height: 12px;
width: 12px
}
.fxs-part-buttonpart-externallink > img, .fxs-part-buttonpart-externallink > svg {
height: 12px;
width: 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;
width: 14px
}
.fxs-tilesize-mini .fxs-part-buttonpart-adornment {
position: absolute;
top: 0;
left: 17px;
height: 10px;
width: 10px
}
.fxs-tilesize-small .fxs-part-buttonpart-adornment {
position: absolute;
top: 50% - 30px/2;
left: 0;
height: 10px;
width: 10px
}
.fxs-tilesize-wide .fxs-part-buttonpart-adornment {
position: absolute;
top: 50% - 50px/2;
left: 0;
height: 14px;
width: 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;
width: 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-width: 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;
width: 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 {
width: 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 {
width: 14px;
height: 14px;
fill: #ffb900;
stroke: #000;
stroke-width: 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-width: 1px;
width: 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;
width: 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-width: 1px;
width: 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-width: 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-width: 29px;
text-align: center
}
.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell img {
width: 22px;
height: 22px;
margin-top: 8px
}
.msportalfx-specpicker-extendedFeatures .msportalfx-specpicker-left .msportalfx-specpicker-cell div {
width: 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: '\02026';
top: 16px;
right: 0
}
.msportalfx-specpicker-footer-channelMessage::after {
content: '';
height: 100%;
width: 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;
width: 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 {
width: 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 {
width: 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-width: 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-width: 100px
}
.msportalfx-pricingTier .msportalfx-pricingTier-textContainer .msportalfx-pricingTier-promotedFeatures {
line-height: 12px;
padding-top: 4px
}
.msportalfx-pricingTier .msportalfx-layoutChildren-horizontal-float .msportalfx-pricingTier-icon {
width: 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 {
width: 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 {
width: 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-width: 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-width: 215px;
max-width: 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;
width: 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;
width: 805px
}
.fxc-herobanner > .fxc-herobanner-container {
height: 100%
}
.fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-image {
height: 100%;
width: 100%
}
.fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content {
color: #fff;
margin: calc(-254px) 25px 25px 370px;
width: 415px
}
.fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-name, .fxc-herobanner > .fxc-herobanner-container > .fxc-herobanner-content > .fxc-herobanner-publisher {
width: 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;
width: 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;
width: 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;
width: 100%
}
.fxc-infoBox-image-container, .fxc-infoBox-text {
display: table-cell;
vertical-align: middle
}
.fxc-infoBox-image {
margin: auto 0
}
.fxc-infoBox-text {
width: 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-width: 50px
}
.fxc-infoBox-image {
width: 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-width: 23px
}
.fxc-infobox-size-small .fxc-infoBox-image {
width: 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-width: 1px;
border-style: solid;
color: inherit;
display: block;
padding: 2px 20px 3px 8px;
width: 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-width: 0;
border-left-width: 0;
border-right-width: 0
}
.fxc-dropdown-popup {
width: calc(100% - 2px);
position: fixed;
max-height: 750px;
z-index: 150;
overflow: auto;
border-width: 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-width: 0 2.1px 2.1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 7px;
width: 7px;
top: calc(50% - 4.95px);
right: 10px;
pointer-events: none
}
.fxc-dropdown-check {
height: 11px;
width: 11px;
min-width: 11px;
border-width: 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;
width: 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 {
width: 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 {
width: 100%
}
.fxc-group-dropdown .azc-validatableControl-invalid .fxc-TextField {
width: 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;
width: 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 {
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;
width: 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;
width: 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-width: 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;
width: 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;
width: 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;
width: 32px;
height: 32px;
opacity: .7
}
.fxc-menu-scrollarea {
overflow: auto;
height: calc(100% - 23px - 20px)
}
.ext-fxc-menu-icon {
height: 15px;
width: 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-width: 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;
width: 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 {
width: 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;
width: 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;
width: 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-width: 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%;
width: 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 {
width: 1px;
height: 100%;
opacity: 0
}
.fxc-grid2.fxc-grid-resizing .fxc-grid-resizableColumn-ghostLine {
position: absolute;
width: 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 {
width: 100%;
overflow-x: hidden
}
.fxc-grid2.fxc-grid-scrolling.fxc-grid-horizontalScroll div.fxc-grid-container div.fxc-grid-tableContainer div.fxc-grid-tableScrollContainer {
width: 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 {
width: 26px;
max-width: 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-width: 1px;
border-style: solid;
box-sizing: border-box;
width: 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;
width: 100%
}
.fxc-grid2.fxc-grid-sorting .fxc-grid-headerlabel {
display: block;
float: left;
max-width: 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;
width: 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 {
width: 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-width: 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-width: 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 {
width: 14px;
height: 14px;
position: absolute;
top: 4px;
left: 7px;
opacity: .8
}
.list-search-icon {
z-index: 1;
width: 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 {
width: 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;
width: 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-width: 0;
border-bottom-width: 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-width: 80px;
text-align: center;
line-height: 22px;
position: relative
}
.fxs-button-icon {
display: inline-block;
height: 12px;
width: 12px
}
.fxs-button-icon-left {
margin-right: 5px
}
.fxs-button-icon-right {
margin-left: 5px
}
.fxs-button-spinner {
height: 10px;
width: 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-width: 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;
width: 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-width: 100%
}
.azc-checkBoxField-inlineLabelContainer {
display: inline-block;
max-width: 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;
width: 100%;
display: table
}
.fxc-section.fxc-section-row {
width: 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 {
width: 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;
width: 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;
width: 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-width: 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 {
width: 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-width: 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-width: 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-width: 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-width: 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;
width: 16px
}
.fxc-tabs-menu span {
width: 16px;
height: 16px;
cursor: pointer;
display: none
}
.fxc-tabs-menu ul {
position: absolute;
top: 30px;
right: 0;
padding: 0;
display: none;
min-width: 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;
width: 100%
}
.msportalfx-form.fxc-section-row, .msportalfx-form:not(.fxc-section-wrapper) > .fxc-section-row {
width: calc(100% - 7px)
}
.fxc-section.fxc-section-dependent {
width: 100%;
padding-left: 10px;
padding-bottom: 7px;
border-left-width: 1px;
border-left-style: solid;
border-bottom-width: 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-width: 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;
width: 100%;
margin-left: 0
}
.msportalfx-form:not(.msportalfx-form-custom) .msportalfx-form-formelement.fxc-selectorField {
width: 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-width: 66%
}
.fxc-selectorField + .fxc-selectorField .fxc-selector {
border-top-width: 0;
height: 60px
}
.fxc-selector-disabled {
opacity: .5
}
.fxc-selector {
width: 100%;
margin: 0;
border-style: solid;
border-width: 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;
width: 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-width: 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 {
width: 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-width: 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 {
width: 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 {
width: 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;
width: 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-width: 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;
width: 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-width: 0;
margin-left: 25px;
width: 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-width: 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;
width: 30px
}
.fxs-blade-title-image {
width: 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-width: 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 {
width: 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;
width: 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;
width: 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;
width: 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;
width: 16px
}
.fxs-blade-actions button.fxs-blade-pin svg {
height: 14px;
width: 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 {
width: 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-width: 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;
width: 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-width: 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 {
width: 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-width: 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 {
width: 100%
}
.fxs-blade-unauthorized .fxc-notice {
position: absolute;
width: 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-width: 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-width: 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 {
width: 100%;
height: 100%
}
.fxs-blade-position-feature .fxs-blade {
max-width: 100%
}
.fxs-blade-position-feature .fxs-blade:not(.fxs-contextpane-content) {
width: 0
}
.fxs-blade-position-feature .fxs-blade-content-container-details {
width: 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 {
width: 315px
}
.fxs-blade-position-feature .fxs-bladesize-small.fxs-blade-content {
min-width: 296px
}
.fxs-blade-position-feature .fxs-bladesize-medium.fxs-blade-content-container-details {
width: 585px
}
.fxs-blade-position-feature .fxs-bladesize-medium.fxs-blade-content {
min-width: 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 {
width: 855px
}
.fxs-blade-position-feature .fxs-bladesize-expandable.fxs-blade-content, .fxs-blade-position-feature .fxs-bladesize-large.fxs-blade-content {
min-width: 836px
}
.fxs-blade-position-feature .fxs-bladesize-xlarge.fxs-blade-content-container-details {
width: 1125px
}
.fxs-blade-position-feature .fxs-bladesize-xlarge.fxs-blade-content {
min-width: 1106px
}
.fxs-blade-position-feature .fxs-blade-maximized.fxs-blade {
width: 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;
width: 265px
}
.fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default .fxs-blade-content {
min-width: 246px
}
.fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default.fxs-blade-unauthorized {
width: 100%
}
.fxs-blade-position-feature .fxs-menublade .fxs-blade-content-container-default.fxs-blade-collapsed {
width: 20px
}
.fxs-blade-position-feature .fxs-blade-firstblade .fxs-blade-content-container-default.fxs-blade-collapsed {
width: 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-width: 0
}
.fxs-blade-position-feature .fxs-blade.fxs-contextpane-content {
min-width: 315px
}
.fxs-blade-position-feature .fxs-blade.fxs-contextpane-content .fxs-blade-content {
min-width: 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;
width: 8px
}
.fxs-bladecontent-collapser svg {
height: 8px;
width: 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;
width: 100%;
border-width: 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;
width: 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%;
width: 100%
}
.fxs-blade-collapse-veil.fxs-blade-border {
border-left-width: 2px
}
.fxs-blade-collapsed {
width: 20px
}
.fxs-blade-collapsed.fxs-blade-firstblade {
width: 18px
}
.fxs-blade-collapsed.fxs-blade-firstblade .fxs-blade-collapse-veil {
border-left-width: 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;
width: 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-width: 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-width: 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-width: 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-width: 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-width: 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-width: 3865px
}
.fxs-desktop-organize .fxc-hotspot-customclick {
z-index: 1
}
.fxs-keyboardshortcuts {
padding: 0 25px;
width: 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;
width: 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-width: 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;
width: 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;
width: 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 {
width: 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;
width: 448px;
max-width: 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;
width: 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-width: 12px
}
.ext-fxc-menu-icon > .msportalfx-svg-badge {
left: 8px;
bottom: 7px;
min-height: 8px;
min-width: 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-width: 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-width: 146px
}
.fxs-avatarmenu-tenant-container {
text-align: right;
-webkit-flex: 1 1 auto;
flex: 1 1 auto
}
.fxs-avatarmenu-tenant-image {
height: 35px;
width: 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 {
width: 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-width: 435px;
height: 100%;
position: relative;
z-index: 200
}
.fxs-contextpane .fxs-contextpane-content {
box-sizing: border-box;
max-width: 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;
width: 30px;
position: absolute;
top: 0
}
.fxs-contextpane-close svg, .fxs-contextpane-expand svg {
display: block;
height: 16px;
width: 16px
}
.fxs-contextpane-close {
right: 0
}
.fxs-contextpane-close:hover {
background: #ba141a;
color: #fff
}
.fxs-contextpane-expand {
left: 0;
padding: 8px 7px 9px 20px;
width: 100%
}
.fxs-contextpane-expand svg {
height: 18px;
width: 18px
}
.fxs-sidebar.fxs-sidebar-is-collapsed + .fxs-portal-contextpane-left {
width: 60px;
max-width: 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 {
width: 225px;
max-width: 225px;
border-right: 1px solid
}
.fxs-contextblade-placeholder {
width: 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%;
width: 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;
width: 18px;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
fill: #fff
}
.fxs-search .fxs-cross {
height: 28px;
width: 20px;
position: absolute;
font-size: 20px;
top: -2px;
right: 0;
cursor: pointer;
color: #fff
}
.fxs-search .fxs-searchbox {
height: 28px;
width: 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;
width: 40px;
position: absolute;
display: none;
top: 0;
padding-top: 4px;
right: 20px
}
.fxs-search .fxs-indicator > div {
display: inline-block;
height: 6px;
width: 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-width: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-width: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-width: 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 {
width: 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 {
width: 80px
}
}
@supports (-webkit-appearance:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
.fxs-sidebar-is-collapsed .fxs-sidebar-middle {
width: 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 {
width: 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;
width: 100%;
box-sizing: border-box;
border-right: none;
border-left: none;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid
}
.fxs-sidebar-improvedsidebar .fxs-sidebar-create {
height: 37px;
padding: 0 20px;
width: 100%;
border: none
}
.fxs-sidebar-post-divider, .fxs-sidebar-pre-divider {
border-bottom-width: 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 {
width: 15px
}
.fxs-sidebar-post-divider {
width: 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;
width: 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-width: 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;
width: 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;
width: 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%;
width: 30px;
cursor: pointer
}
.fxs-sidebar-item-icon svg {
height: 14px;
width: 14px
}
.fxs-sidebar-collapse-button {
display: -webkit-flex;
display: flex;
height: 44px;
width: 100%;
-webkit-align-items: center;
align-items: center;
padding-left: 20px;
border: none
}
.fxs-sidebar-collapse-button svg {
height: 18px;
width: 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;
width: 100%;
border: none;
padding-left: 0
}
.fxs-sidebar-improvedsidebar .fxs-sidebar-collapse-button svg {
height: 8px;
width: 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;
width: 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;
width: 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;
width: 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;
width: 12px
}
.fxs-sidebar-external svg {
height: 12px;
width: 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;
width: 16px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.fxs-sidebar-is-collapsed .fxs-sidebar-bar {
width: 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 {
width: 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;
width: 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;
width: 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;
width: 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-width: 300px
}
.fxs-startboard-header .fxs-startboard-title-edit {
padding: 0 5px 2px;
margin: 0 -6px -2px;
border-width: 1px;
border-style: solid;
color: inherit;
background-color: transparent;
width: 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-width: 32px;
max-width: 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;
width: 16px
}
.fxs-startboard-button, .fxs-startboard-button-container {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-width: 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 {
width: 100%
}
.fxs-startboard-dropdown .fxs-dropmenu-content {
overflow-x: hidden;
overflow-y: auto;
min-width: 400px;
max-width: 560px;
min-height: 35px;
max-height: 480px
}
.fxs-startboard-item-container {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-width: 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;
width: calc(100% - 50px);
border-top-width: 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;
width: 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%;
width: 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-width: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;
width: 16px;
margin-top: 4px
}
.fxs-topbar-content {
width: 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-width: 85px;
max-width: 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;
width: 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;
width: 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;
width: 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;
width: 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;
width: 20px;
height: 100%;
text-align: center
}
.fxs-breadcrumb-divider svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height: 14px;
width: 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;
width: 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;
width: 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-width: 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;
width: 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;
width: 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;
width: auto;
max-width: 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;
width: 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%;
width: 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;
width: 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 {
width: 220px
}
.fxs-dropmenu-content.fxs-dropmenu-extendWidth {
width: 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;
width: 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;
width: 16px
}
.fxs-dropmenu-content .fxs-dropmenu-image img, .fxs-dropmenu-content .fxs-dropmenu-image svg {
height: 13px;
width: 13px
}
.fxs-dropmenu-content .fxs-dropmenu-line-separator {
border-top-width: 1px;
border-top-style: solid
}
.fxs-journeysmenu-content {
min-width: 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-width: 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;
width: 1024px
}
.fxs-flowlayout-resolutionguide-1024x768::after {
content: "1024 x 768"
}
.fxs-flowlayout-resolutionguide-1366x768 {
height: 768px;
width: 1366px
}
.fxs-flowlayout-resolutionguide-1366x768::after {
content: "1366 x 768"
}
.fxs-flowlayout-resolutionguide-1440x900 {
height: 900px;
width: 1440px
}
.fxs-flowlayout-resolutionguide-1440x900::after {
content: "1440 x 900"
}
.fxs-flowlayout-resolutionguide-1920x1080 {
height: 1080px;
width: 1920px
}
.fxs-flowlayout-resolutionguide-1920x1080::after {
content: "1920 x 1080"
}
.fxs-flowlayout-resolutionguide-3840x2160 {
height: 2160px;
width: 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;
width: 12px;
border: 2px solid rgba(125,125,125,.5);
border-left-width: 0;
border-top-width: 0
}
.fxs-flowlayout-livepreview, .fxs-flowlayout-resizehandle {
position: absolute;
cursor: se-resize;
z-index: 1
}
.fxs-flowlayout-livepreview {
min-width: 85px;
min-height: 85px;
max-width: 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;
width: 4px;
background: #000
}
.fxs-tile {
height: 175px;
width: 175px;
position: relative;
box-shadow: none
}
.fxs-tile .fxs-tile-actionbar {
z-index: 196
}
.fxs-tile .fxs-tile-container {
width: 100%;
height: 100%
}
.fxs-tile.fxs-tilesize-mini {
height: 85px;
width: 85px
}
.fxs-tile.fxs-tilesize-small {
height: 85px;
width: 175px
}
.fxs-tile.fxs-tilesize-tall {
height: 355px;
width: 175px
}
.fxs-tile.fxs-tilesize-wide {
height: 175px;
width: 355px
}
.fxs-tile.fxs-tilesize-normal {
height: 175px;
width: 175px
}
.fxs-tile.fxs-tilesize-large {
height: 355px;
width: 355px
}
.fxs-tile.fxs-tilesize-herotall {
height: 535px;
width: 355px
}
.fxs-tile.fxs-tilesize-herowide {
height: 355px;
width: 535px
}
.fxs-tile.fxs-tilesize-hero {
height: 535px;
width: 535px
}
.fxs-tile.fxs-tilesize-herowidefitheight {
height: auto;
width: 535px
}
.fxs-tile.fxs-tilesize-fullwidthfitheight {
height: auto;
width: 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%;
width: 100%
}
.fxs-tile.fxs-tilesize-fittocontainer > .fxs-part {
overflow: auto
}
.fxs-tile div.fxs-tile-overlay {
display: none;
position: absolute;
width: 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;
width: 25px;
padding: 6px;
background-color: transparent;
cursor: pointer;
border: 0;
transition: background .1s ease-out
}
.fxs-tile-actionbar-action > svg {
height: 13px;
width: 13px
}
.fxs-tile .fxs-tile-actionbar {
position: absolute;
top: -25px;
width: 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;
width: 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;
width: 14px
}
.fxs-toast-title {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 10px;
max-width: 254px;
white-space: nowrap
}
.fxs-toast-time {
white-space: nowrap;
max-width: 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;
width: 12px
}
.fxs-toast-description {
font-size: 12px;
line-height: 18px;
width: 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;
width: 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;
width: 319px;
border: 1px solid #c5cbd1;
height: 100px;
padding: 7px
}
.fxs-nps .fxs-nps-checkbox {
margin: 10px 5px 0 10px;
padding: 0;
vertical-align: bottom;
width: 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;
width: 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 {
width: 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-width: 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-width: 3px;
opacity: 1
}
.fxs-tile-selected .fxs-part::after, .fxs-tile-selectedfromhover .fxs-part::after {
border-width: 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;
width: 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;
width: calc(100% - 30px);
box-sizing: border-box;
font-size: 12px;
line-height: 18px;
text-align: center;
border-width: 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;
width: 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: "\0000a0";
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%;
width: 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);
width: calc(100% + 15px + 15px);
margin: -15px
}
.msportalfx-removepartpaddingside {
width: calc(100% + 15px + 15px);
margin: 0 -15px
}
.fxs-blade-locked .msportalfx-removepartpadding {
height: calc(100% + 15px);
width: 100%;
margin: 0 0 15px
}
.fxs-blade-locked .msportalfx-removepartpaddingside {
width: 100%;
margin: 0
}
.fxs-blade-locked .fxs-tilesize-fittocontainer .msportalfx-removepartpadding {
height: 100%;
width: 100%;
margin: 0
}
.msportalfx-partdivider:after {
content: "";
display: block;
width: calc(100% + 15px + 15px);
margin: 0 -15px;
border-bottom-width: 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;
width: 12px;
vertical-align: baseline
}
.msportalfx-tile-status-icon img, .msportalfx-tile-status-icon svg {
height: 16px;
width: 16px;
vertical-align: middle
}
.msportalfx-gridcolumn-asseticon img, .msportalfx-gridcolumn-asseticon svg {
margin-top: 4px;
height: 21px;
width: 21px
}
.msportalfx-gridcolumn-assetsvg-icon .fx-grid-formatters-svgicon {
width: 21px !important;
height: 21px !important
}
.msportalfx-gridcolumn-assetsvg-badge, .msportalfx-gridcolumn-assetsvg-icon img, .msportalfx-gridcolumn-assetsvg-icon svg {
height: 21px;
width: 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;
width: 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;
width: 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;
width: 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;
width: 30px
}
.msportalfx-gridcolumn-statusicon {
text-align: center
}
.msportalfx-gridcolumn-statusicon img, .msportalfx-gridcolumn-statusicon svg {
text-align: center;
height: 15px;
width: 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-width: 0;
border-bottom-width: 0;
border-color: transparent
}
.msportalfx-grid-borderless .azc-br-muted {
border-top-width: 0;
border-bottom-width: 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%;
width: 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;
width: 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;
width: 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;
width: 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;
width: 32%;
margin-top: 5px
}
.msportalfx-property .msportalfx-property-label-wrapper .msportalfx-property-name {
text-transform: uppercase;
max-width: 100%;
width: 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;
width: 32%;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis
}
.msportalfx-property .msportalfx-property-value {
font-size: 14px;
line-height: normal;
width: 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-width: 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;
width: 95px
}
.msportalfx-property.msportalfx-property-compact .msportalfx-property-value {
font-size: 12px;
line-height: 18px;
max-width: calc(100% - 3% - 95px)
}
.msportalfx-property-callback-icon, .msportalfx-property-text-icon {
width: 27px
}
.msportalfx-property-callback-icon svg, .msportalfx-property-text-icon svg {
height: 25px;
width: 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;
width: 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 {
width: 32%;
display: inline-block
}
.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-regular .msportalfx-form-extralabel {
display: block;
width: 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;
width: 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;
width: 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;
width: 100%;
margin-left: 0
}
.fxs-blade:not(.fxs-bladestyle-create) .msportalfx-form-compact > div > .msportalfx-form-extralabel > .msportalfx-form-extralabel {
display: inline-block;
width: 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;
width: 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-width: calc(100% - 25px);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.msportalfx-form .azc-checkBoxField-inlineLabelContainer {
width: calc(100% - 25px + 2px)
}
.msportalfx-form .azc-validatableControl-invalid + .azc-checkBoxField-inlineLabelContainer {
width: calc(100% - 25px + 2px - 6px)
}
.msportalfx-form.msportalfx-form-row {
padding: 0 25px;
width: 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;
width: 100%;
height: 100%;
min-width: 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;
width: 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-width: 180px
}
.fxs-commandBar-item-icon {
height: 16px;
width: 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 {
width: calc(100% + 2*25px);
margin-left: -25px
}
.fxs-bladecontent-unlocked .fxs-lens > .fxs-lens-title-container > .fxs-lens-title::after {
content: '\0000a0'
}
.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-width: 1px;
border-bottom-style: solid
}
.fxs-blade-summary-container .fxs-lens .fxs-tile {
min-height: 35px;
width: 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;
width: 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 {
width: auto
}
.fxs-journey-breadcrumb .fxs-breadcrumb-divider svg {
height: 8px;
width: 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%;
width: 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 {
width: 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-width: 1px;
border-bottom-style: solid;
margin: 25px 5px 0 20px !important
}
.fxs-sidebar-flyout-close {
height: 30px;
width: 30px;
border: none;
transition: background .2s ease-out
}
.fxs-sidebar-flyout-close > svg {
height: 16px;
width: 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 {
width: auto;
padding-right: 10px
}
.fxs-sidebar-possible-favorites .fxs-sidebar-item-link {
padding-left: 20px;
width: 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 {
width: auto;
padding-right: 10px
}
.fxs-sidebar-improvedflyout .fxs-sidebar-possible-favorites .fxs-sidebar-item-link {
padding-left: 20px;
width: 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-width: 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;
width: 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-width: 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;
width: 25px !important;
border: 0
}
.fxs-sidebar-category-button > svg {
height: 10;
width: 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 {
width: 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 {
width: 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;
width: 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;
width: 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;
width: 20%;
margin-bottom: 10px;
margin-right: 10px
}
.fxc-resourcefilter-full {
width: 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 {
width: 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-width: 1px;
border-top-style: solid;
margin: 10px auto 20px
}
.fxs-settingspane-item {
margin-top: 20px;
margin-bottom: 3px
}
.fxs-settingspane-bottom {
width: 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;
width: 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;
width: 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;
width: 5px;
height: 13px;
border: solid #00bcf2;
border-width: 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;
width: 25px;
border-radius: 50%;
border: 1px solid;
cursor: pointer;
margin-left: 1px;
margin-right: 14px
}
/*treeview css start*/
.node-menu {
position: relative;
width: 150px;
}
.node-menu .node-menu-content {
width: 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;
width: 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;
width: 0;
height: 2px;
background-color: #212121;
content: '';
transition: width 0.3s;
}
tree-internal .tree .node-value:hover:after {
width: 100%;
}
tree-internal .tree .node-left-menu {
display: inline-block;
height: 100%;
width: auto;
}
tree-internal .tree .node-left-menu span:before {
content: '\2026';
color: #757575;
}
tree-internal .tree .node-selected:after {
width: 100%;
}
tree-internal .tree .folding {
width: 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*/
【angular5 项目积累总结】项目公共样式的更多相关文章
- （转载） android快速搭建项目积累
android快速搭建项目积累 2016-04-05 20:07 519人阅读 评论(0) 收藏 举报 分类: android优化(8) Rx技术(5) 版权声明:本文为博主原创文章,未经博主 ...
- vue-multi-module【多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署】
基于 vue-cli 2 实现,vue 多模块.vue多项目集成工程 Github项目地址 : https://github.com/BothEyes1993/vue-multi-module 目标: ...
- React项目模板-从项目搭建到部署
前一段时间做了一个小项目,时间比较紧,就一个人月.最终希望能够通过微信公众号链接启动应用. 项目的业务细节就不多说了,主要是想分享一下做这个项目技术方面的一些经验. 技术选型 参考范围大致三种:Ang ...
- weblogic基本目录介绍,位数查看，启动与发布项目,修改JVM参数,设置项目为默认项目
这里的基本目录%base%表示安装目录,如我的目录为:E:/weblogic就是%base% 1.weblogic目录介绍 weblogic主要的目录介绍: 1.日志目录: 每个domain(域)都有 ...
- SpringMVC+Spring+mybatis项目从零开始--分布式项目结构搭建
转载出处: SpringMVC+Spring+mybatis+Redis项目从零开始--分布式项目结构搭建 /** 本文为博主原创文章,如转载请附链接. **/ SSM框架web项目从零开始--分布式 ...
- Golang优秀开源项目汇总, 10大流行Go语言开源项目, golang 开源项目全集(golang/go/wiki/Projects), GitHub上优秀的Go开源项目
Golang优秀开源项目汇总(持续更新...)我把这个汇总放在github上了, 后面更新也会在github上更新. https://github.com/hackstoic/golang-open- ...
- Django (九) 项目开发流程&项目架构
项目开发流程&项目架构 1. 软件开发的一般流程 1. 需求分析及确认: 由需求分析工程师与客户确认甚至挖掘需求.输出需求说明文档. 2. 概要设计及详细设计: 开发对需求进行概要设计,包 ...
- Vue框架（三）——Vue项目搭建和项目目录介绍、组件、路由
Vue项目环境搭建 1) 安装node,在官网下载好,然后在本地安装 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2) 换源安装cnpm >: npm ins ...
- vue项目配置及项目初识
目录 Vue项目环境搭建 Vue项目创建 重构项目依赖 1.需要转移的文件 2.重构依赖 pycharm配置并启动vue项目 vue项目目录结构分析 vue组件(.vue文件) 全局脚本文件main. ...
- django项目、vue项目部署云服务器
目录 上线架构图 服务器购买与远程连接 安装git 安装mysql 安装redis(源码安装) 安装python3.8(源码安装) 安装uwsgi 安装虚拟环境 安装nginx(源码安装) vue项目 ...
随机推荐
- EF按时间范围条件查询
查询今日数据 db.Table.Where(d => System.Data.Entity.DbFunctions.DiffDays(d.Time, DateTime.Now) == )
- Gogland编译LiteIDE工程需要注意问题！
致歉声明:实在抱歉,因为自己对Go语言和Gogland的不熟悉,导致错误判断!无论LiteIDE和Goland都可以顺利使用同一个包下的其它文件内容!!Go语言本身就允许把一个包拆分成不同的文件,下面 ...
- 【12c OCP】最新CUUG OCP-071考试题库（52题）
52.(12-11) choose the best answer: Examine the structure and data in the PRICE_LIST table: You plan ...
- “全栈2019”22篇Java异常学习资料及总结
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"22篇Ja ...
- CF77E Martian Food（圆的反演or 笛卡尔定理+韦达定理）
题面 传送门 这题有两种方法(然而两种我都想不到) 方法一 前置芝士 笛卡尔定理 我们定义一个圆的曲率为\(k=\pm {1\over r}\),其中\(r\)是圆的半径 若在平面上有两两相切,且六个 ...
- css 实现关闭按钮 X
.close::before { content: "\2716";} 然后就显示出来了 这里有个更直接的例子 <!DOCTYPE html> <html lan ...
- How to write date range query in Nest ElasticSearch client?
Looking at the source code, there are two overloads of the OnField method. When I use the the that t ...
- mxonline实战5，用户注册的验证码
github对应地址:验证码好麻烦 一. 安装 配置 1. pip install django-simple-captcha 2. add captcha to the INSTAL ...
- Nginx+SpringBoot搭建负载均衡
v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VM ...
- Google 里的软件工程学
简评:原文作者 Fergus Henderson 在 Google 工作了 10 年以上,目前负责 Google 的 text-tospeech 工程小组.有很多书籍或文章会从 商业/管理 等非技术角 ...