.mectrl_outlined {
    outline-style: dashed;
    outline-color: #777;
    outline-width: 1px;
    outline-offset: -1px
}

.mectrl_resetStyle, a.mectrl_resetStyle, button.mectrl_resetStyle {
    border-style: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    outline-style: none!important;
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;
    cursor: pointer
}

.mectrl_dropdown {
    position: relative
}

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

.mectrl_dropdownbody.expanded {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.mectrl_focus_visible :focus {
    outline-style: dashed!important;
    outline-color: #777!important;
    outline-width: 1px!important;
    outline-offset: -1px!important
}

.mectrl_glyph {
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.glyph_more {
    width: 24px;
    height: 24px
}

.glyph_signIn_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 0 0 9 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.glyph_aadAccount_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1 1 12 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 0 1-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E")
}

.glyph_account_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1 1 26.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.glyph_msft {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 0 1 .419-.967 1.411 1.411 0 0 1 1-.39 1.392 1.392 0 0 1 1.02.4 1.3 1.3 0 0 1 .405.957 1.249 1.249 0 0 1-.414.953 1.428 1.428 0 0 1-1.011.385A1.4 1.4 0 0 1 47.25 6.6a1.263 1.263 0 0 1-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 0 0 1.145-.24 4.808 4.808 0 0 0 1.155-.636V18a4.659 4.659 0 0 1-1.266.481 6.9 6.9 0 0 1-1.554.163 4.707 4.707 0 0 1-4.918-4.907 5.644 5.644 0 0 1 1.4-3.932 5.054 5.054 0 0 1 3.955-1.545 5.42 5.42 0 0 1 1.324.169 4.4 4.4 0 0 1 1.063.39v2.232a4.73 4.73 0 0 0-1.1-.611 3.187 3.187 0 0 0-1.15-.217 2.918 2.918 0 0 0-2.223.9 3.366 3.366 0 0 0-.847 2.415 3.217 3.217 0 0 0 .813 2.339 2.938 2.938 0 0 0 2.209.837m8.931-8.363a2.892 2.892 0 0 1 .5.039 2.025 2.025 0 0 1 .376.1v2.357a2.075 2.075 0 0 0-.535-.255 2.649 2.649 0 0 0-.851-.12 1.811 1.811 0 0 0-1.449.722 3.47 3.47 0 0 0-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 0 1 .962-1.266 2.615 2.615 0 0 1 1.55-.457m1 5.254a5.355 5.355 0 0 1 1.387-3.887 5.1 5.1 0 0 1 3.85-1.434 4.741 4.741 0 0 1 3.623 1.381 5.208 5.208 0 0 1 1.3 3.729 5.259 5.259 0 0 1-1.385 3.83 5.02 5.02 0 0 1-3.773 1.424 4.931 4.931 0 0 1-3.652-1.352 4.984 4.984 0 0 1-1.349-3.688m2.426-.076a3.53 3.53 0 0 0 .7 2.367 2.5 2.5 0 0 0 2.011.818 2.344 2.344 0 0 0 1.934-.818 3.78 3.78 0 0 0 .664-2.425 3.649 3.649 0 0 0-.688-2.411 2.39 2.39 0 0 0-1.929-.813 2.441 2.441 0 0 0-1.988.852 3.707 3.707 0 0 0-.707 2.43m11.2-2.416a1 1 0 0 0 .317.785 5.431 5.431 0 0 0 1.405.716 4.768 4.768 0 0 1 1.959 1.256 2.608 2.608 0 0 1 .563 1.689 2.718 2.718 0 0 1-1.073 2.243 4.565 4.565 0 0 1-2.9.846 6.962 6.962 0 0 1-1.362-.149 6.036 6.036 0 0 1-1.265-.38v-2.29a5.74 5.74 0 0 0 1.367.7 4.009 4.009 0 0 0 1.328.26 2.37 2.37 0 0 0 1.164-.221.792.792 0 0 0 .375-.741 1.027 1.027 0 0 0-.389-.813 5.772 5.772 0 0 0-1.478-.766 4.56 4.56 0 0 1-1.828-1.212 2.657 2.657 0 0 1-.539-1.713 2.706 2.706 0 0 1 1.063-2.2 4.245 4.245 0 0 1 2.764-.862 6.669 6.669 0 0 1 1.164.116 5.131 5.131 0 0 1 1.078.3v2.214a4.943 4.943 0 0 0-1.078-.53 3.61 3.61 0 0 0-1.222-.221 1.776 1.776 0 0 0-1.035.26.822.822 0 0 0-.37.712m5.241 2.493a5.355 5.355 0 0 1 1.386-3.89 5.1 5.1 0 0 1 3.85-1.434 4.741 4.741 0 0 1 3.623 1.381 5.208 5.208 0 0 1 1.3 3.729 5.259 5.259 0 0 1-1.385 3.83 5.02 5.02 0 0 1-3.773 1.424 4.931 4.931 0 0 1-3.652-1.352 4.984 4.984 0 0 1-1.349-3.688m2.426-.076a3.535 3.535 0 0 0 .7 2.367 2.506 2.506 0 0 0 2.012.818 2.344 2.344 0 0 0 1.934-.818 3.78 3.78 0 0 0 .664-2.425 3.649 3.649 0 0 0-.688-2.411 2.391 2.391 0 0 0-1.93-.813 2.44 2.44 0 0 0-1.987.852 3.707 3.707 0 0 0-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 0 1 1.016-2.555 3.56 3.56 0 0 1 2.6-1 5.949 5.949 0 0 1 .751.043 3.025 3.025 0 0 1 .577.13v2.016a2.381 2.381 0 0 0-.4-.164 2.106 2.106 0 0 0-.664-.1 1.405 1.405 0 0 0-1.126.457 2.015 2.015 0 0 0-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 0 0 .332 1.29 1.329 1.329 0 0 0 1.045.375 1.569 1.569 0 0 0 .486-.1 2.271 2.271 0 0 0 .5-.231V18.3a2.765 2.765 0 0 1-.736.231 5.072 5.072 0 0 1-1.015.105 2.889 2.889 0 0 1-2.209-.784 3.341 3.341 0 0 1-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E")
}

.glyph_text {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.glyph_more {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E")
}

.glyph_chevron {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_msft, .mectrl_theme_azure_hcdark .glyph_msft, .mectrl_theme_dark .glyph_msft, .mectrl_theme_gray .glyph_msft, .mectrl_theme_off_black .glyph_msft {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 0 1 .419-.967 1.411 1.411 0 0 1 1-.39 1.392 1.392 0 0 1 1.02.4 1.3 1.3 0 0 1 .405.957 1.249 1.249 0 0 1-.414.953 1.428 1.428 0 0 1-1.011.385A1.4 1.4 0 0 1 47.25 6.6a1.263 1.263 0 0 1-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 0 0 1.145-.24 4.808 4.808 0 0 0 1.155-.636V18a4.659 4.659 0 0 1-1.266.481 6.9 6.9 0 0 1-1.554.163 4.707 4.707 0 0 1-4.918-4.907 5.644 5.644 0 0 1 1.4-3.932 5.054 5.054 0 0 1 3.955-1.545 5.42 5.42 0 0 1 1.324.169 4.4 4.4 0 0 1 1.063.39v2.232a4.73 4.73 0 0 0-1.1-.611 3.187 3.187 0 0 0-1.15-.217 2.918 2.918 0 0 0-2.223.9 3.366 3.366 0 0 0-.847 2.415 3.217 3.217 0 0 0 .813 2.339 2.938 2.938 0 0 0 2.209.837m8.931-8.363a2.892 2.892 0 0 1 .5.039 2.025 2.025 0 0 1 .376.1v2.357a2.075 2.075 0 0 0-.535-.255 2.649 2.649 0 0 0-.851-.12 1.811 1.811 0 0 0-1.449.722 3.47 3.47 0 0 0-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 0 1 .962-1.266 2.615 2.615 0 0 1 1.55-.457m1 5.254a5.355 5.355 0 0 1 1.387-3.887 5.1 5.1 0 0 1 3.85-1.434 4.741 4.741 0 0 1 3.623 1.381 5.208 5.208 0 0 1 1.3 3.729 5.259 5.259 0 0 1-1.385 3.83 5.02 5.02 0 0 1-3.773 1.424 4.931 4.931 0 0 1-3.652-1.352 4.984 4.984 0 0 1-1.349-3.688m2.426-.076a3.53 3.53 0 0 0 .7 2.367 2.5 2.5 0 0 0 2.011.818 2.344 2.344 0 0 0 1.934-.818 3.78 3.78 0 0 0 .664-2.425 3.649 3.649 0 0 0-.688-2.411 2.39 2.39 0 0 0-1.929-.813 2.441 2.441 0 0 0-1.988.852 3.707 3.707 0 0 0-.707 2.43m11.2-2.416a1 1 0 0 0 .317.785 5.431 5.431 0 0 0 1.405.716 4.768 4.768 0 0 1 1.959 1.256 2.608 2.608 0 0 1 .563 1.689 2.718 2.718 0 0 1-1.073 2.243 4.565 4.565 0 0 1-2.9.846 6.962 6.962 0 0 1-1.362-.149 6.036 6.036 0 0 1-1.265-.38v-2.29a5.74 5.74 0 0 0 1.367.7 4.009 4.009 0 0 0 1.328.26 2.37 2.37 0 0 0 1.164-.221.792.792 0 0 0 .375-.741 1.027 1.027 0 0 0-.389-.813 5.772 5.772 0 0 0-1.478-.766 4.56 4.56 0 0 1-1.828-1.212 2.657 2.657 0 0 1-.539-1.713 2.706 2.706 0 0 1 1.063-2.2 4.245 4.245 0 0 1 2.764-.862 6.669 6.669 0 0 1 1.164.116 5.131 5.131 0 0 1 1.078.3v2.214a4.943 4.943 0 0 0-1.078-.53 3.61 3.61 0 0 0-1.222-.221 1.776 1.776 0 0 0-1.035.26.822.822 0 0 0-.37.712m5.241 2.493a5.355 5.355 0 0 1 1.386-3.89 5.1 5.1 0 0 1 3.85-1.434 4.741 4.741 0 0 1 3.623 1.381 5.208 5.208 0 0 1 1.3 3.729 5.259 5.259 0 0 1-1.385 3.83 5.02 5.02 0 0 1-3.773 1.424 4.931 4.931 0 0 1-3.652-1.352 4.984 4.984 0 0 1-1.349-3.688m2.426-.076a3.535 3.535 0 0 0 .7 2.367 2.506 2.506 0 0 0 2.012.818 2.344 2.344 0 0 0 1.934-.818 3.78 3.78 0 0 0 .664-2.425 3.649 3.649 0 0 0-.688-2.411 2.391 2.391 0 0 0-1.93-.813 2.44 2.44 0 0 0-1.987.852 3.707 3.707 0 0 0-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 0 1 1.016-2.555 3.56 3.56 0 0 1 2.6-1 5.949 5.949 0 0 1 .751.043 3.025 3.025 0 0 1 .577.13v2.016a2.381 2.381 0 0 0-.4-.164 2.106 2.106 0 0 0-.664-.1 1.405 1.405 0 0 0-1.126.457 2.015 2.015 0 0 0-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 0 0 .332 1.29 1.329 1.329 0 0 0 1.045.375 1.569 1.569 0 0 0 .486-.1 2.271 2.271 0 0 0 .5-.231V18.3a2.765 2.765 0 0 1-.736.231 5.072 5.072 0 0 1-1.015.105 2.889 2.889 0 0 1-2.209-.784 3.341 3.341 0 0 1-.736-2.363z' fill='%23fff'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_signIn_circle, .mectrl_theme_azure_hcdark .glyph_signIn_circle, .mectrl_theme_dark .glyph_signIn_circle, .mectrl_theme_gray .glyph_signIn_circle, .mectrl_theme_off_black .glyph_signIn_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 0 0 9 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_aadAccount_circle, .mectrl_theme_azure_hcdark .glyph_aadAccount_circle, .mectrl_theme_dark .glyph_aadAccount_circle, .mectrl_theme_gray .glyph_aadAccount_circle, .mectrl_theme_off_black .glyph_aadAccount_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23fff' stroke='%23fff'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1 1 12 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 0 1-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_account_circle, .mectrl_theme_azure_hcdark .glyph_account_circle, .mectrl_theme_dark .glyph_account_circle, .mectrl_theme_gray .glyph_account_circle, .mectrl_theme_off_black .glyph_account_circle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1 1 26.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_more, .mectrl_theme_azure_hcdark .glyph_more, .mectrl_theme_dark .glyph_more, .mectrl_theme_gray .glyph_more, .mectrl_theme_off_black .glyph_more {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E")
}

.c-uhfh>.theme-dark .c-me .glyph_chevron, .mectrl_theme_azure_hcdark .glyph_chevron, .mectrl_theme_dark .glyph_chevron, .mectrl_theme_gray .glyph_chevron, .mectrl_theme_off_black .glyph_chevron {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E")
}

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

.mectrl_profilepic_initials {
    border: 1px solid #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#mectrl_currentAccount_picture .mectrl_profilepic_initials {
    font-size: 32px
}

.c-uhfh>.theme-dark .c-me .mectrl_profilepic_initials, .mectrl_theme_azure_hcdark .mectrl_profilepic_initials, .mectrl_theme_dark .mectrl_profilepic_initials, .mectrl_theme_gray .mectrl_profilepic_initials, .mectrl_theme_off_black .mectrl_profilepic_initials {
    border: 1px solid #fff;
    color: #fff
}

.mectrl_profilepic_button {
    position: relative
}

.mectrl_profilepic_button:hover::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff' stroke='%23fff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mectrl_profilepic_button:hover::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' stroke='%23000'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.mectrl_focus_visible .mectrl_profilepic_button:focus::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff' stroke='%23fff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mectrl_focus_visible .mectrl_profilepic_button:focus::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' stroke='%23000'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before {
    background-color: rgba(0, 0, 0, .5)
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before {
        background-color: rgba(255, 255, 255, .5)
    }
}

.mectrl_theme_azure_hclight .mectrl_profilepic_button {
    -webkit-box-shadow: inset 0 0 0 1px;
    box-shadow: inset 0 0 0 1px
}

.mectrl_theme_azure_hclight .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hclight .mectrl_profilepic_button:hover::before {
    -webkit-box-shadow: inset 0 0 0 1px;
    box-shadow: inset 0 0 0 1px;
    -ms-high-contrast-adjust: none;
    color: #fff!important;
    border-color: #fff!important;
    outline-color: #fff!important;
    fill: #fff!important;
    background-color: purple
}

.mectrl_theme_azure_hcdark .mectrl_profilepic_button {
    -webkit-box-shadow: inset 0 0 0 1px;
    box-shadow: inset 0 0 0 1px
}

.mectrl_theme_azure_hcdark .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hcdark .mectrl_profilepic_button:hover::before {
    -webkit-box-shadow: inset 0 0 0 1px;
    box-shadow: inset 0 0 0 1px;
    -ms-high-contrast-adjust: none;
    color: #000!important;
    border-color: #000!important;
    outline-color: #000!important;
    fill: #000!important;
    background-color: #0ff
}

.mectrl_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-size: 13px;
    border: 1px solid transparent;
    border-bottom-style: none;
    width: 100%;
    height: 48px
}

.mectrl_header .mectrl_profilepic {
    width: 32px;
    height: 32px;
    margin: 8px
}

.mectrl_header .mectrl_headertext {
    max-width: 160px;
    line-height: 48px;
    vertical-align: top;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;
    font-size: 13px;
    padding-left: 12px;
    padding-right: 4px
}

.mectrl_header .mectrl_headertext.noIcon {
    padding-right: 12px
}

.mectrl_header {
    color: #333
}

.c-uhfh>.theme-dark .c-me .mectrl_header, .mectrl_theme_dark .mectrl_header {
    color: #fff
}

.c-uhfh>.theme-dark .c-me .mectrl_headertext, .mectrl_theme_dark .mectrl_headertext {
    color: #fff
}

.mectrl_theme_azure_hclight .mectrl_header {
    color: #000
}

.mectrl_theme_azure_hcdark .mectrl_header {
    color: #fff
}

.mectrl_theme_gray .mectrl_header {
    color: #fff
}

.mectrl_theme_off_black .mectrl_header {
    color: #fff
}

span[id^=mectrl_tooltip].mectrl_tooltip {
    display: block;
    visibility: hidden;
    position: fixed;
    z-index: 1300000;
    max-width: 260px;
    padding: 2px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    border: 1px solid #ccc;
    color: #333;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px #777;
    box-shadow: 2px 2px 2px #777;
    pointer-events: none
}

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

.mectrl_root, .mectrl_root div {
    font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;
    line-height: normal
}

.mectrl_root *, .mectrl_root div * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mectrl_mainDropdown>.mectrl_dropdownbody {
    width: 320px;
    -webkit-box-shadow: 0 24px 54px rgba(0, 0, 0, .15), 0 4.5px 13.5px rgba(0, 0, 0, .08);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .15), 0 4.5px 13.5px rgba(0, 0, 0, .08)
}

@media screen and (-ms-high-contrast:active) {
    .mectrl_mainDropdown>.mectrl_dropdownbody {
        border: 1px solid
    }
}

a.mectrl_trigger {
    display: inline-block
}