/***** Begin ICON DEFINITIONS *****/
.icon-add-missing-members {
  background: url("../../_content/tfs-icons.png") no-repeat -16px -16px !important;
}

.icon-add-small {
  background: url("../../_content/tfs-icons.png") no-repeat -48px -16px !important;
}

.icon-add-thin {
  background: url("../../_content/tfs-icons.png") no-repeat -80px -16px !important;
}

.icon-add-user {
  background: url("../../_content/tfs-icons.png") no-repeat -112px -16px !important;
}

.icon-add-white {
  background: url("../../_content/tfs-icons.png") no-repeat -144px -16px !important;
}

.icon-add {
  background: url("../../_content/tfs-icons.png") no-repeat -176px -16px !important;
}

.icon-admin {
  background: url("../../_content/tfs-icons.png") no-repeat -208px -16px !important;
}

.icon-arrow-down {
  background: url("../../_content/tfs-icons.png") no-repeat -240px -16px !important;
}

.icon-arrow-forward {
  background: url("../../_content/tfs-icons.png") no-repeat -272px -16px !important;
}

.icon-arrow-up {
  background: url("../../_content/tfs-icons.png") no-repeat -304px -16px !important;
}

.icon-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -336px -16px !important;
}

.icon-audio-off {
  background: url("../../_content/tfs-icons.png") no-repeat -368px -16px !important;
}

.icon-audio-on {
  background: url("../../_content/tfs-icons.png") no-repeat -400px -16px !important;
}

.icon-back-query-results {
  background: url("../../_content/tfs-icons.png") no-repeat -432px -16px !important;
}

.icon-branch-locked {
  background: url("../../_content/tfs-icons.png") no-repeat -464px -16px !important;
}

.icon-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -496px -16px !important;
}

.icon-calendar {
  background: url("../../_content/tfs-icons.png") no-repeat -528px -16px !important;
}

.icon-charts-area {
  background: url("../../_content/tfs-icons.png") no-repeat -560px -16px !important;
}

.icon-charts-bar {
  background: url("../../_content/tfs-icons.png") no-repeat -592px -16px !important;
}

.icon-charts-column {
  background: url("../../_content/tfs-icons.png") no-repeat -624px -16px !important;
}

.icon-charts-line {
  background: url("../../_content/tfs-icons.png") no-repeat -656px -16px !important;
}

.icon-charts-pie {
  background: url("../../_content/tfs-icons.png") no-repeat -688px -16px !important;
}

.icon-charts-pivotchart {
  background: url("../../_content/tfs-icons.png") no-repeat -720px -16px !important;
}

.icon-charts-pivottable {
  background: url("../../_content/tfs-icons.png") no-repeat -752px -16px !important;
}

.icon-chat-mention-white {
  background: url("../../_content/tfs-icons.png") no-repeat -784px -16px !important;
}

.icon-chat-mention {
  background: url("../../_content/tfs-icons.png") no-repeat -816px -16px !important;
}

.icon-check {
  background: url("../../_content/tfs-icons.png") no-repeat -848px -16px !important;
}

.icon-close {
  background: url("../../_content/tfs-icons.png") no-repeat -880px -16px !important;
}

.icon-comment-add {
  background: url("../../_content/tfs-icons.png") no-repeat -912px -16px !important;
}

.icon-comment-next {
  background: url("../../_content/tfs-icons.png") no-repeat -944px -16px !important;
}

.icon-comment-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -976px -16px !important;
}

.icon-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -1008px -16px !important;
}

.icon-commented-file {
  background: url("../../_content/tfs-icons.png") no-repeat -1040px -16px !important;
}

.icon-compare {
  background: url("../../_content/tfs-icons.png") no-repeat -1072px -16px !important;
}

.icon-copy-text {
  background: url("../../_content/tfs-icons.png") no-repeat -1104px -16px !important;
}

.icon-dashboard-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1136px -16px !important;
}

.icon-delete-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px -16px !important;
}

.icon-delete-user {
  background: url("../../_content/tfs-icons.png") no-repeat -1232px -16px !important;
}

.icon-delete-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1264px -16px !important;
}

.icon-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -16px !important;
}

.icon-discussion-adornment {
  background: url("../../_content/tfs-icons.png") no-repeat -1328px -16px !important;
}

.icon-document {
  background: url("../../_content/tfs-icons.png") no-repeat -1360px -16px !important;
}

.icon-dot {
  background: url("../../_content/tfs-icons.png") no-repeat -1392px -16px !important;
}

.icon-down-gray {
  background: url("../../_content/tfs-icons.png") no-repeat -1424px -16px !important;
}

.icon-down {
  background: url("../../_content/tfs-icons.png") no-repeat -1456px -16px !important;
}

.icon-drop-left {
  background: url("../../_content/tfs-icons.png") no-repeat -1488px -16px !important;
}

.icon-drop-right {
  background: url("../../_content/tfs-icons.png") no-repeat -1520px -16px !important;
}

.icon-drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px -16px !important;
}

.icon-edit-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1616px -16px !important;
}

.icon-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -1648px -16px !important;
}

.icon-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1680px -16px !important;
}

.icon-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1712px -16px !important;
}

.icon-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1744px -16px !important;
}

.icon-editor-indent {
  background: url("../../_content/tfs-icons.png") no-repeat -1776px -16px !important;
}

.icon-editor-list-bullet {
  background: url("../../_content/tfs-icons.png") no-repeat -1808px -16px !important;
}

.icon-editor-list-number {
  background: url("../../_content/tfs-icons.png") no-repeat -1840px -16px !important;
}

.icon-editor-outdent {
  background: url("../../_content/tfs-icons.png") no-repeat -1872px -16px !important;
}

.icon-editor-picture {
  background: url("../../_content/tfs-icons.png") no-repeat -1904px -16px !important;
}

.icon-ellipsis-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1936px -16px !important;
}

.icon-ellipsis {
  background: url("../../_content/tfs-icons.png") no-repeat -1968px -16px !important;
}

.icon-empty {
  background: url("../../_content/tfs-icons.png") no-repeat -2000px -16px !important;
}

.icon-enter-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2032px -16px !important;
}

.icon-envelope {
  background: url("../../_content/tfs-icons.png") no-repeat -2064px -16px !important;
}

.icon-error-exclamation {
  background: url("../../_content/tfs-icons.png") no-repeat -2096px -16px !important;
}

.icon-exit-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2128px -16px !important;
}

.icon-export {
  background: url("../../_content/tfs-icons.png") no-repeat -2160px -16px !important;
}

.icon-favorite-in {
  background: url("../../_content/tfs-icons.png") no-repeat -2192px -16px !important;
}

.icon-favorite-out {
  background: url("../../_content/tfs-icons.png") no-repeat -2224px -16px !important;
}

.icon-filter {
  background: url("../../_content/tfs-icons.png") no-repeat -2256px -16px !important;
}

.icon-folder-open {
  background: url("../../_content/tfs-icons.png") no-repeat -2288px -16px !important;
}

.icon-folder-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2320px -16px !important;
}

.icon-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2352px -16px !important;
}

.icon-font-color {
  background: url("../../_content/tfs-icons.png") no-repeat -2384px -16px !important;
}

.icon-form-group-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -2416px -16px !important;
}

.icon-form-group-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -2448px -16px !important;
}

.icon-git-logo {
  background: url("../../_content/tfs-icons.png") no-repeat -2480px -16px !important;
}

.icon-header-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2512px -16px !important;
}

.icon-header-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -2544px -16px !important;
}

.icon-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2576px -16px !important;
}

.icon-history {
  background: url("../../_content/tfs-icons.png") no-repeat -2608px -16px !important;
}

.icon-home {
  background: url("../../_content/tfs-icons.png") no-repeat -2640px -16px !important;
}

.icon-info-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2672px -16px !important;
}

.icon-info {
  background: url("../../_content/tfs-icons.png") no-repeat -2704px -16px !important;
}

.icon-invalid-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2736px -16px !important;
}

.icon-new-document {
  background: url("../../_content/tfs-icons.png") no-repeat -2768px -16px !important;
}

.icon-new-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2800px -16px !important;
}

.icon-new {
  background: url("../../_content/tfs-icons.png") no-repeat -2832px -16px !important;
}

.icon-next-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -2864px -16px !important;
}

.icon-next {
  background: url("../../_content/tfs-icons.png") no-repeat -2896px -16px !important;
}

.icon-notifications {
  background: url("../../_content/tfs-icons.png") no-repeat -2928px -16px !important;
}

.icon-open-visualstudio {
  background: url("../../_content/tfs-icons.png") no-repeat -2960px -16px !important;
}

.icon-open-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2992px -16px !important;
}

.icon-open {
  background: url("../../_content/tfs-icons.png") no-repeat -3024px -16px !important;
}

.icon-pause {
  background: url("../../_content/tfs-icons.png") no-repeat -3056px -16px !important;
}

.icon-people {
  background: url("../../_content/tfs-icons.png") no-repeat -3088px -16px !important;
}

.icon-pin {
  background: url("../../_content/tfs-icons.png") no-repeat -3120px -16px !important;
}

.icon-play {
  background: url("../../_content/tfs-icons.png") no-repeat -3152px -16px !important;
}

.icon-prev-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3184px -16px !important;
}

.icon-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -3216px -16px !important;
}

.icon-process-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -3248px -16px !important;
}

.icon-process-custom {
  background: url("../../_content/tfs-icons.png") no-repeat -3280px -16px !important;
}

.icon-process-system {
  background: url("../../_content/tfs-icons.png") no-repeat -3312px -16px !important;
}

.icon-project-white {
  background: url("../../_content/tfs-icons.png") no-repeat -3344px -16px !important;
}

.icon-queue-build {
  background: url("../../_content/tfs-icons.png") no-repeat -3376px -16px !important;
}

.icon-refresh {
  background: url("../../_content/tfs-icons.png") no-repeat -3408px -16px !important;
}

.icon-rename {
  background: url("../../_content/tfs-icons.png") no-repeat -3440px -16px !important;
}

.icon-restricted-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3472px -16px !important;
}

.icon-save-all {
  background: url("../../_content/tfs-icons.png") no-repeat -3504px -16px !important;
}

.icon-save-as {
  background: url("../../_content/tfs-icons.png") no-repeat -3536px -16px !important;
}

.icon-save-close {
  background: url("../../_content/tfs-icons.png") no-repeat -3568px -16px !important;
}

.icon-save {
  background: url("../../_content/tfs-icons.png") no-repeat -3600px -16px !important;
}

.icon-search {
  background: url("../../_content/tfs-icons.png") no-repeat -3632px -16px !important;
}

.icon-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -3664px -16px !important;
}

.icon-social-facebook {
  background: url("../../_content/tfs-icons.png") no-repeat -3696px -16px !important;
}

.icon-social-twitter {
  background: url("../../_content/tfs-icons.png") no-repeat -3728px -16px !important;
}

.icon-sort-asc-1 {
  background: url("../../_content/tfs-icons.png") no-repeat -3760px -16px !important;
}

.icon-sort-asc {
  background: url("../../_content/tfs-icons.png") no-repeat -3792px -16px !important;
}

.icon-sort-desc {
  background: url("../../_content/tfs-icons.png") no-repeat -3824px -16px !important;
}

.icon-sort {
  background: url("../../_content/tfs-icons.png") no-repeat -3856px -16px !important;
}

.icon-submodule-external {
  background: url("../../_content/tfs-icons.png") no-repeat -3888px -16px !important;
}

.icon-submodule {
  background: url("../../_content/tfs-icons.png") no-repeat -3920px -16px !important;
}

.icon-tfs-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -3952px -16px !important;
}

.icon-tfs-build-reason-batchedci {
  background: url("../../_content/tfs-icons.png") no-repeat -3984px -16px !important;
}

.icon-tfs-build-reason-checkinshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-tfs-build-reason-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4048px -16px !important;
}

.icon-tfs-build-reason-schedule {
  background: url("../../_content/tfs-icons.png") no-repeat -4080px -16px !important;
}

.icon-tfs-build-reason-scheduleforced {
  background: url("../../_content/tfs-icons.png") no-repeat -4112px -16px !important;
}

.icon-tfs-build-reason-validateshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4144px -16px !important;
}

.icon-tfs-build-retain-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4176px -16px !important;
}

.icon-tfs-build-status-canceled {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -4240px -16px !important;
}

.icon-tfs-build-status-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4272px -16px !important;
}

.icon-tfs-build-status-inprogress {
  background: url("../../_content/tfs-icons.png") no-repeat -4304px -16px !important;
}

.icon-tfs-build-status-partiallysucceeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4336px -16px !important;
}

.icon-tfs-build-status-postponed {
  background: url("../../_content/tfs-icons.png") no-repeat -4368px -16px !important;
}

.icon-tfs-build-status-queued {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-status-stopped {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build {
  background: url("../../_content/tfs-icons.png") no-repeat -4496px -16px !important;
}

.icon-tfs-changelist {
  background: url("../../_content/tfs-icons.png") no-repeat -4528px -16px !important;
}

.icon-tfs-clause-group {
  background: url("../../_content/tfs-icons.png") no-repeat -4560px -16px !important;
}

.icon-tfs-clause-ungroup {
  background: url("../../_content/tfs-icons.png") no-repeat -4592px -16px !important;
}

.icon-tfs-home-newitem {
  background: url("../../_content/tfs-icons.png") no-repeat -4624px -16px !important;
}

.icon-tfs-left-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -4656px -16px !important;
}

.icon-tfs-left {
  background: url("../../_content/tfs-icons.png") no-repeat -4688px -16px !important;
}

.icon-tfs-link-add {
  background: url("../../_content/tfs-icons.png") no-repeat -4720px -16px !important;
}

.icon-tfs-link-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -4752px -16px !important;
}

.icon-tfs-link {
  background: url("../../_content/tfs-icons.png") no-repeat -4784px -16px !important;
}

.icon-tfs-microsoft-requirementcategory {
  background: url("../../_content/tfs-icons.png") no-repeat -4816px -16px !important;
}

.icon-tfs-play-small {
  background: url("../../_content/tfs-icons.png") no-repeat -4848px -16px !important;
}

.icon-tfs-process-guidance {
  background: url("../../_content/tfs-icons.png") no-repeat -4880px -16px !important;
}

.icon-tfs-project-portal {
  background: url("../../_content/tfs-icons.png") no-repeat -4912px -16px !important;
}

.icon-tfs-query-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px -16px !important;
}

.icon-tfs-query-flat {
  background: url("../../_content/tfs-icons.png") no-repeat -4976px -16px !important;
}

.icon-tfs-query-new {
  background: url("../../_content/tfs-icons.png") no-repeat -5008px -16px !important;
}

.icon-tfs-query-onehop {
  background: url("../../_content/tfs-icons.png") no-repeat -5040px -16px !important;
}

.icon-tfs-query-run {
  background: url("../../_content/tfs-icons.png") no-repeat -5072px -16px !important;
}

.icon-tfs-query-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -5104px -16px !important;
}

.icon-tfs-release-draft {
  background: url("../../_content/tfs-icons.png") no-repeat -5136px -16px !important;
}

.icon-tfs-release-notstarted {
  background: url("../../_content/tfs-icons.png") no-repeat -5168px -16px !important;
}

.icon-tfs-reports {
  background: url("../../_content/tfs-icons.png") no-repeat -5200px -16px !important;
}

.icon-tfs-requirement {
  background: url("../../_content/tfs-icons.png") no-repeat -5232px -16px !important;
}

.icon-tfs-right-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -5264px -16px !important;
}

.icon-tfs-right {
  background: url("../../_content/tfs-icons.png") no-repeat -5296px -16px !important;
}

.icon-tfs-task {
  background: url("../../_content/tfs-icons.png") no-repeat -5328px -16px !important;
}

.icon-tfs-tcm-active-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5360px -16px !important;
}

.icon-tfs-tcm-active-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5392px -16px !important;
}

.icon-tfs-tcm-add-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -5424px -16px !important;
}

.icon-tfs-tcm-associated-pane-toggle {
  background: url("../../_content/tfs-icons.png") no-repeat -5456px -16px !important;
}

.icon-tfs-tcm-attach-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5488px -16px !important;
}

.icon-tfs-tcm-block-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5520px -16px !important;
}

.icon-tfs-tcm-blocked-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5552px -16px !important;
}

.icon-tfs-tcm-bug-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5584px -16px !important;
}

.icon-tfs-tcm-create-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5616px -16px !important;
}

.icon-tfs-tcm-down-blue {
  background: url("../../_content/tfs-icons.png") no-repeat -5648px -16px !important;
}

.icon-tfs-tcm-down-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5680px -16px !important;
}

.icon-tfs-tcm-drop-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5712px -16px !important;
}

.icon-tfs-tcm-edit-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5744px -16px !important;
}

.icon-tfs-tcm-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -5776px -16px !important;
}

.icon-tfs-tcm-export-html {
  background: url("../../_content/tfs-icons.png") no-repeat -5808px -16px !important;
}

.icon-tfs-tcm-fail-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -5840px -16px !important;
}

.icon-tfs-tcm-failed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5872px -16px !important;
}

.icon-tfs-tcm-insert-parameter {
  background: url("../../_content/tfs-icons.png") no-repeat -5904px -16px !important;
}

.icon-tfs-tcm-insert-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5936px -16px !important;
}

.icon-tfs-tcm-insert-step-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5968px -16px !important;
}

.icon-tfs-tcm-insert-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6000px -16px !important;
}

.icon-tfs-tcm-mtm {
  background: url("../../_content/tfs-icons.png") no-repeat -6032px -16px !important;
}

.icon-tfs-tcm-not-applicable-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6064px -16px !important;
}

.icon-tfs-tcm-not-applicable {
  background: url("../../_content/tfs-icons.png") no-repeat -6096px -16px !important;
}

.icon-tfs-tcm-open-in-new-tab {
  background: url("../../_content/tfs-icons.png") no-repeat -6128px -16px !important;
}

.icon-tfs-tcm-pass-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -6160px -16px !important;
}

.icon-tfs-tcm-passed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6192px -16px !important;
}

.icon-tfs-tcm-pause-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6224px -16px !important;
}

.icon-tfs-tcm-query-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6256px -16px !important;
}

.icon-tfs-tcm-requirement-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6288px -16px !important;
}

.icon-tfs-tcm-reset-active {
  background: url("../../_content/tfs-icons.png") no-repeat -6320px -16px !important;
}

.icon-tfs-tcm-resume-test {
  background: url("../../_content/tfs-icons.png") no-repeat -6352px -16px !important;
}

.icon-tfs-tcm-save-close-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6384px -16px !important;
}

.icon-tfs-tcm-save-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6416px -16px !important;
}

.icon-tfs-tcm-shared-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6448px -16px !important;
}

.icon-tfs-tcm-static-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6480px -16px !important;
}

.icon-tfs-tcm-test-no-outcome {
  background: url("../../_content/tfs-icons.png") no-repeat -6512px -16px !important;
}

.icon-tfs-tcm-test-plan {
  background: url("../../_content/tfs-icons.png") no-repeat -6544px -16px !important;
}

.icon-tfs-tcm-tra-create-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -6576px -16px !important;
}

.icon-tfs-tcm-tra-needs-investigation {
  background: url("../../_content/tfs-icons.png") no-repeat -6608px -16px !important;
}

.icon-tfs-tcm-tra-result-aborted {
  background: url("../../_content/tfs-icons.png") no-repeat -6640px -16px !important;
}

.icon-tfs-tcm-tra-result-error {
  background: url("../../_content/tfs-icons.png") no-repeat -6672px -16px !important;
}

.icon-tfs-tcm-tra-result-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -6704px -16px !important;
}

.icon-tfs-tcm-tra-result-in-progress {
  background: url("../../_content/tfs-icons.png") no-repeat -6736px -16px !important;
}

.icon-tfs-tcm-tra-result-not-executed {
  background: url("../../_content/tfs-icons.png") no-repeat -6768px -16px !important;
}

.icon-tfs-tcm-tra-result-passed {
  background: url("../../_content/tfs-icons.png") no-repeat -6800px -16px !important;
}

.icon-tfs-tcm-tra-result-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -6832px -16px !important;
}

.icon-tfs-tcm-tra-run-unspecified {
  background: url("../../_content/tfs-icons.png") no-repeat -6864px -16px !important;
}

.icon-tfs-tcm-tra-update-analysis {
  background: url("../../_content/tfs-icons.png") no-repeat -6896px -16px !important;
}

.icon-tfs-tcm-tra-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -6928px -16px !important;
}

.icon-tfs-tcm-up-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6960px -16px !important;
}

.icon-tfs-vc-new-pullrequest {
  background: url("../../_content/tfs-icons.png") no-repeat -6992px -16px !important;
}

.icon-tfs-vc-pullrequests-abandoned {
  background: url("../../_content/tfs-icons.png") no-repeat -7024px -16px !important;
}

.icon-tfs-vc-pullrequests-code-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -7056px -16px !important;
}

.icon-tfs-vc-pullrequests-merge {
  background: url("../../_content/tfs-icons.png") no-repeat -7088px -16px !important;
}

.icon-tfs-vc-pullrequests-merged-status-indicator {
  background: url("../../_content/tfs-icons.png") no-repeat -7120px -16px !important;
}

.icon-tfs-vc-pullrequests-ref-update {
  background: url("../../_content/tfs-icons.png") no-repeat -7152px -16px !important;
}

.icon-tfs-vc-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -7184px -16px !important;
}

.icon-tfs-vc-status-processing {
  background: url("../../_content/tfs-icons.png") no-repeat -7216px -16px !important;
}

.icon-tfs-vc-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -7248px -16px !important;
}

.icon-tfs-vc-status-waiting-response-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7280px -16px !important;
}

.icon-tfs-vc-status-waiting-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7312px -16px !important;
}

.icon-tfs-vc-status-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -7344px -16px !important;
}

.icon-tfs-work-item-copy {
  background: url("../../_content/tfs-icons.png") no-repeat -7376px -16px !important;
}

.icon-tfs-work-item-new-linked {
  background: url("../../_content/tfs-icons.png") no-repeat -7408px -16px !important;
}

.icon-tfs-work-item {
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.icon-tick {
  background: url("../../_content/tfs-icons.png") no-repeat -7472px -16px !important;
}

.icon-toggle-button-horizontal-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7504px -16px !important;
}

.icon-toggle-button-horizontal-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7536px -16px !important;
}

.icon-tree-collapse-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7568px -16px !important;
}

.icon-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px -16px !important;
}

.icon-tree-corner {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px -16px !important;
}

.icon-tree-expand-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7664px -16px !important;
}

.icon-tree-expand-one-level {
  background: url("../../_content/tfs-icons.png") no-repeat -7696px -16px !important;
}

.icon-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px -16px !important;
}

.icon-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px -16px !important;
}

.icon-trial-white {
  background: url("../../_content/tfs-icons.png") no-repeat -7792px -16px !important;
}

.icon-undo {
  background: url("../../_content/tfs-icons.png") no-repeat -7824px -16px !important;
}

.icon-unpin {
  background: url("../../_content/tfs-icons.png") no-repeat -7856px -16px !important;
}

.icon-up {
  background: url("../../_content/tfs-icons.png") no-repeat -7888px -16px !important;
}

.icon-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -7920px -16px !important;
}

.icon-wide-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7952px -16px !important;
}

.icon-wide-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7984px -16px !important;
}

.icon-window {
  background: url("../../_content/tfs-icons.png") no-repeat -8016px -16px !important;
}

.icon-wit-attachments {
  background: url("../../_content/tfs-icons.png") no-repeat -8048px -16px !important;
}

.icon-wit-classicview {
  background: url("../../_content/tfs-icons.png") no-repeat -8080px -16px !important;
}

.icon-wit-history {
  background: url("../../_content/tfs-icons.png") no-repeat -8112px -16px !important;
}

.icon-close-white {
  background: url("../../_content/tfs-icons2.png") no-repeat -16px -16px !important;
}

.icon-customize-process {
  background: url("../../_content/tfs-icons2.png") no-repeat -48px -16px !important;
}

.icon-inherited-form {
  background: url("../../_content/tfs-icons2.png") no-repeat -80px -16px !important;
}

.icon-reload {
  background: url("../../_content/tfs-icons2.png") no-repeat -112px -16px !important;
}

.icon-restore {
  background: url("../../_content/tfs-icons2.png") no-repeat -144px -16px !important;
}

.icon-xt {
  background: url("../../_content/tfs-icons2.png") no-repeat -176px -16px !important;
}

.icon-product-logo {
  background: url("../../_content/product-logo.png") no-repeat 0px 0px !important;
}

.icon-avatar {
  background: url("../../_content/icon-avatar.png") no-repeat 0px 0px !important;
}

.icon-code-analysis-resolved-small {
  background: url("../../_content/icon-code-analysis-resolved-small.png") no-repeat 0px 0px !important;
}

.icon-close-small {
  background: url("../../_content/icon-close-small.png") no-repeat 0px 0px !important;
}

.icon-close-small-white {
  background: url("../../_content/icon-close-small-white.png") no-repeat 0px 0px !important;
}

.icon-comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.icon-date-small {
  background: url("../../_content/icon-date-small.png") no-repeat 0px 0px !important;
}

.icon-delete-small {
  background: url("../../_content/icon-delete-small.png") no-repeat 0px 0px !important;
}

.icon-service-profile {
  background: url("../../_content/icon-service-profile.png") no-repeat 0px 0px !important;
}

.icon-wiki-external-link {
  background: url("../../_content/icon-wiki-external-link.png") no-repeat 0px 0px !important;
}

.icon-checkmark-green {
  background: url("../../_content/icon-checkmark-green.png") no-repeat 0px 0px !important;
}

.icon-download-package {
  background: url("../../_content/icon-download-package.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-succeeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-failed-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -30px 0px !important;
}

.icon-build-histogram-partiallysucceeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -60px 0px !important;
}

.icon-build-histogram-inprogress-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -90px 0px !important;
}

.icon-build-histogram-succeeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -120px 0px !important;
}

.icon-build-histogram-failed {
  background: url("../../_content/build-histogram-bars.png") no-repeat -150px 0px !important;
}

.icon-build-histogram-partiallysucceeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -180px 0px !important;
}

.icon-build-histogram-inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -210px 0px !important;
}

.icon-build-histogram-default {
  background: url("../../_content/build-histogram-bars.png") no-repeat -240px 0px !important;
}

.icon-build-histogram-duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -270px 0px !important;
}

.icon-build-histogram-duration-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -300px 0px !important;
}

.icon-header-browse-all {
  background: url("../../_content/header-icons.png") no-repeat -16px -16px !important;
}

.icon-header-browse-all-hover {
  background: url("../../_content/header-icons.png") no-repeat -48px -16px !important;
}

.icon-header-down-arrow {
  background: url("../../_content/header-icons.png") no-repeat -96px -16px !important;
}

.icon-header-down-arrow-hover {
  background: url("../../_content/header-icons.png") no-repeat -128px -16px !important;
}

.icon-header-search {
  background: url("../../_content/header-icons.png") no-repeat -256px -16px !important;
}

.icon-header-search-arrow {
  background: url("../../_content/header-icons.png") no-repeat -288px -16px !important;
}

.icon-header-projects {
  background: url("../../_content/header-icons.png") no-repeat -320px 0px !important;
}

.icon-header-projects-hover {
  background: url("../../_content/header-icons.png") no-repeat -448px 0px !important;
}

.icon-header-projects-init {
  background: url("../../_content/header-icons.png") no-repeat -520px 0px !important;
}

.icon-header-community-help {
  background: url("../../_content/header-icons.png") no-repeat -600px 0px !important;
}

.icon-header-community-help-hover {
  background: url("../../_content/header-icons.png") no-repeat -700px 0px !important;
}

.icon-header-blue-search {
  background: url("../../_content/header-icons.png") no-repeat -812px -16px !important;
}

.icon-header-white-search {
  background: url("../../_content/header-icons.png") no-repeat -852px -16px !important;
}

.icon-header-blue-bg-search {
  background: url("../../_content/header-icons.png") no-repeat -888px -16px !important;
}

.icon-navigate-external-link {
  background: url("../../_content/icon-navigate-external-link.png") no-repeat 0px 0px !important;
}

.icon-tfs-build-status-completed {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build-status-retry {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-reason-individualci {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-nav-header-feedback {
  background: url("../../_content/vss-themed-default.png") no-repeat -16px -16px !important;
}

.icon-nav-header-help {
  background: url("../../_content/vss-themed-default.png") no-repeat -48px -16px !important;
}

.icon-nav-header-settings {
  background: url("../../_content/vss-themed-default.png") no-repeat -80px -16px !important;
}

.icon-azure-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -16px -16px !important;
}

.icon-chef-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -48px -16px !important;
}

.icon-generic-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -80px -16px !important;
}

.icon-git-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -112px -16px !important;
}

.icon-ssh-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -144px -16px !important;
}

.icon-svn-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -176px -16px !important;
}

.icon-tfs-build-delete {
  background: url("../../_content/build-icons.png") no-repeat -24px -24px !important;
}

.icon-tfs-build-locked-blue {
  background: url("../../_content/build-icons.png") no-repeat -72px -24px !important;
}

.icon-tfs-build-locked {
  background: url("../../_content/build-icons.png") no-repeat -120px -24px !important;
}

.icon-tfs-build-unlocked-blue {
  background: url("../../_content/build-icons.png") no-repeat -168px -24px !important;
}

.icon-tfs-build-unlocked {
  background: url("../../_content/build-icons.png") no-repeat -216px -24px !important;
}

.icon-config-chart-area {
  background: url("../../_content/chart-icons.png") no-repeat -26px -26px !important;
}

.icon-config-chart-bar {
  background: url("../../_content/chart-icons.png") no-repeat -78px -26px !important;
}

.icon-config-chart-column {
  background: url("../../_content/chart-icons.png") no-repeat -130px -26px !important;
}

.icon-config-chart-line {
  background: url("../../_content/chart-icons.png") no-repeat -182px -26px !important;
}

.icon-config-chart-pie {
  background: url("../../_content/chart-icons.png") no-repeat -234px -26px !important;
}

.icon-config-chart-pivot {
  background: url("../../_content/chart-icons.png") no-repeat -286px -26px !important;
}

.icon-config-chart-stacked-area {
  background: url("../../_content/chart-icons.png") no-repeat -338px -26px !important;
}

.icon-config-chart-stacked-bar {
  background: url("../../_content/chart-icons.png") no-repeat -390px -26px !important;
}

.icon-config-chart-stacked-column {
  background: url("../../_content/chart-icons.png") no-repeat -442px -26px !important;
}

.icon-emoji-alien {
  background: url("../../_content/emoji-icons.png") no-repeat -19px -19px !important;
}

.icon-emoji-angel {
  background: url("../../_content/emoji-icons.png") no-repeat -57px -19px !important;
}

.icon-emoji-angry {
  background: url("../../_content/emoji-icons.png") no-repeat -95px -19px !important;
}

.icon-emoji-beer {
  background: url("../../_content/emoji-icons.png") no-repeat -133px -19px !important;
}

.icon-emoji-blush {
  background: url("../../_content/emoji-icons.png") no-repeat -171px -19px !important;
}

.icon-emoji-bomb {
  background: url("../../_content/emoji-icons.png") no-repeat -209px -19px !important;
}

.icon-emoji-brokenheart {
  background: url("../../_content/emoji-icons.png") no-repeat -247px -19px !important;
}

.icon-emoji-bug {
  background: url("../../_content/emoji-icons.png") no-repeat -285px -19px !important;
}

.icon-emoji-cake {
  background: url("../../_content/emoji-icons.png") no-repeat -323px -19px !important;
}

.icon-emoji-check {
  background: url("../../_content/emoji-icons.png") no-repeat -361px -19px !important;
}

.icon-emoji-coffee {
  background: url("../../_content/emoji-icons.png") no-repeat -399px -19px !important;
}

.icon-emoji-confused {
  background: url("../../_content/emoji-icons.png") no-repeat -437px -19px !important;
}

.icon-emoji-cool {
  background: url("../../_content/emoji-icons.png") no-repeat -475px -19px !important;
}

.icon-emoji-crying {
  background: url("../../_content/emoji-icons.png") no-repeat -513px -19px !important;
}

.icon-emoji-drink {
  background: url("../../_content/emoji-icons.png") no-repeat -551px -19px !important;
}

.icon-emoji-fire {
  background: url("../../_content/emoji-icons.png") no-repeat -589px -19px !important;
}

.icon-emoji-flower {
  background: url("../../_content/emoji-icons.png") no-repeat -627px -19px !important;
}

.icon-emoji-game {
  background: url("../../_content/emoji-icons.png") no-repeat -665px -19px !important;
}

.icon-emoji-gift {
  background: url("../../_content/emoji-icons.png") no-repeat -703px -19px !important;
}

.icon-emoji-heart {
  background: url("../../_content/emoji-icons.png") no-repeat -741px -19px !important;
}

.icon-emoji-idea {
  background: url("../../_content/emoji-icons.png") no-repeat -779px -19px !important;
}

.icon-emoji-info {
  background: url("../../_content/emoji-icons.png") no-repeat -817px -19px !important;
}

.icon-emoji-laugh {
  background: url("../../_content/emoji-icons.png") no-repeat -855px -19px !important;
}

.icon-emoji-mail {
  background: url("../../_content/emoji-icons.png") no-repeat -893px -19px !important;
}

.icon-emoji-music {
  background: url("../../_content/emoji-icons.png") no-repeat -931px -19px !important;
}

.icon-emoji-no {
  background: url("../../_content/emoji-icons.png") no-repeat -969px -19px !important;
}

.icon-emoji-phone {
  background: url("../../_content/emoji-icons.png") no-repeat -1007px -19px !important;
}

.icon-emoji-pizza {
  background: url("../../_content/emoji-icons.png") no-repeat -1045px -19px !important;
}

.icon-emoji-plainsmile {
  background: url("../../_content/emoji-icons.png") no-repeat -1083px -19px !important;
}

.icon-emoji-plane {
  background: url("../../_content/emoji-icons.png") no-repeat -1121px -19px !important;
}

.icon-emoji-question {
  background: url("../../_content/emoji-icons.png") no-repeat -1159px -19px !important;
}

.icon-emoji-sad {
  background: url("../../_content/emoji-icons.png") no-repeat -1197px -19px !important;
}

.icon-emoji-smile {
  background: url("../../_content/emoji-icons.png") no-repeat -1235px -19px !important;
}

.icon-emoji-star {
  background: url("../../_content/emoji-icons.png") no-repeat -1273px -19px !important;
}

.icon-emoji-surprised {
  background: url("../../_content/emoji-icons.png") no-repeat -1311px -19px !important;
}

.icon-emoji-sweating {
  background: url("../../_content/emoji-icons.png") no-repeat -1349px -19px !important;
}

.icon-emoji-time {
  background: url("../../_content/emoji-icons.png") no-repeat -1387px -19px !important;
}

.icon-emoji-tongue {
  background: url("../../_content/emoji-icons.png") no-repeat -1425px -19px !important;
}

.icon-emoji-warning {
  background: url("../../_content/emoji-icons.png") no-repeat -1463px -19px !important;
}

.icon-emoji-wink {
  background: url("../../_content/emoji-icons.png") no-repeat -1501px -19px !important;
}

.icon-emoji-yes {
  background: url("../../_content/emoji-icons.png") no-repeat -1539px -19px !important;
}

.icon-mywork-branch-light {
  background: url("../../_content/mywork-icons.png") no-repeat -16px -16px !important;
}

.icon-mywork-repo-git {
  background: url("../../_content/mywork-icons.png") no-repeat -48px -16px !important;
}

.icon-mywork-git {
  background: url("../../_content/mywork-large-icons.png") no-repeat -20px -20px !important;
}

.icon-mywork-project-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -60px -20px !important;
}

.icon-mywork-project {
  background: url("../../_content/mywork-large-icons.png") no-repeat -100px -20px !important;
}

.icon-mywork-team-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -140px -20px !important;
}

.icon-mywork-team {
  background: url("../../_content/mywork-large-icons.png") no-repeat -180px -20px !important;
}

.icon-mywork-tfvc {
  background: url("../../_content/mywork-large-icons.png") no-repeat -220px -20px !important;
}

.icon-service-build {
  background: url("../../_content/service-icons.png") no-repeat -26px -26px !important;
}

.icon-service-chat {
  background: url("../../_content/service-icons.png") no-repeat -78px -26px !important;
}

.icon-service-checkin {
  background: url("../../_content/service-icons.png") no-repeat -130px -26px !important;
}

.icon-service-codeReview {
  background: url("../../_content/service-icons.png") no-repeat -182px -26px !important;
}

.icon-service-workItems {
  background: url("../../_content/service-icons.png") no-repeat -234px -26px !important;
}

.icon-tfs-vc-pullrequests-code-comment-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -32px -32px !important;
}

.icon-tfs-vc-pullrequests-merge-attempt-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -96px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-codeanalysis-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -160px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -224px -32px !important;
}

.icon-tfs-vc-pullrequests-status-update-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -288px -32px !important;
}

.icon-visual-studio-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -352px -32px !important;
}

.icon-tfs-vc-commit {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -16px -16px !important;
}

.icon-tfs-vc-pullrequest {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -48px -16px !important;
}

.icon-vc-raw-source {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -80px -16px !important;
}

/***** End ICON DEFINITIONS *****/
/***** Begin Site styles *****/
/** Automatically converted from _index.css **/
/***** Begin Controls *****/
.signout-actions {
  clear: both;
  padding-top: 8px;
}

.signout-actions ul li {
  display: inline;
  padding: 0 6px 0 6px;
  border-left: 1px solid rgba(0, 0, 0, .55);
  border-left: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.signout-actions ul li:first-child {
  border: none;
  padding-left: 0px;
}

.signout {
  padding: 22px;
  background-image: none;
}

.signout ul {
  margin: 0;
  padding: 0;
}

.signout .err {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

/* Used for promoting preview messages on the hosted site*/
.tfs-service-status-notification.message-area-control {
  border-color: transparent !important;
  width: inherit;
  font-size: 12px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  margin-left: 20px;
  padding-left: 8px;
  padding-right: 12px;
  text-transform: none;
}

.tfs-service-status-notification.message-area-control .icon {
  margin: 0;
  right: 5px;
  top: 4px;
}

.full-screen-mode div.tfs-stakeholder-notification,
.full-screen-mode div.tfs-stakeholder-expired-notification,
.full-screen-mode div.tfs-basic-user-limited-portfolio-access-notification,
.full-screen-mode div.tfs-missing-proposed-state-mapping-for-bugs-notification,
.full-screen-mode div.tfs-new-backlog-levels-notification {
  display: none !important;
}

.tfs-host-notifications.message-area-control.tfs-stakeholder-notification,
.tfs-host-notifications.message-area-control.tfs-stakeholder-expired-notification,
.tfs-host-notifications.message-area-control.tfs-basic-user-limited-portfolio-access-notification,
.tfs-host-notifications.message-area-control.tfs-new-backlog-levels-notification {
  border-color: transparent;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tfs-host-notifications.message-area-control.tfs-stakeholder-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-stakeholder-expired-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-basic-user-limited-portfolio-access-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-new-backlog-levels-notification .close-action {
  right: 9px;
  padding: 8px;
}

.tfs-host-notifications .stakeholder-license-message .refresh-action {
  cursor: pointer;
  padding: 2px 15px 2px 15px;
  background-color: #ce7777;
  margin-left: 5px;
}

.bowtie-tooltipped {
  position: relative;
}

.bowtie-tooltipped:after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  border-radius: 0px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: rgba( 51, 51, 51 ,  0.95 );
  background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-tooltipped:before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: rgba( 51, 51, 51 ,  0.95 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
  pointer-events: none;
  content: "";
  border: 5px solid transparent;
}

.bowtie-tooltipped:hover:before, .bowtie-tooltipped:hover:after, .bowtie-tooltipped:active:before, .bowtie-tooltipped:active:after, .bowtie-tooltipped:focus:before, .bowtie-tooltipped:focus:after {
  display: inline-block;
  text-decoration: none;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped.bowtie-tooltipped-errortip:before {
  border-bottom-color: rgba( 168, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.bowtie-tooltipped.bowtie-tooltipped-errortip:after {
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.bowtie-tooltipped.bowtie-tooltipped-transient:hover:before, .bowtie-tooltipped.bowtie-tooltipped-transient:hover:after, .bowtie-tooltipped.bowtie-tooltipped-transient:active:before, .bowtie-tooltipped.bowtie-tooltipped-transient:active:after, .bowtie-tooltipped.bowtie-tooltipped-transient:focus:before, .bowtie-tooltipped.bowtie-tooltipped-transient:focus:after {
  -webkit-animation: fadeinout 3s linear forwards;
  animation: fadeinout 3s linear forwards;
}

.bowtie-tooltipped-always-showing:before, .bowtie-tooltipped-always-showing:after {
  display: inline-block;
  text-decoration: none;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped-always-showing::after {
  display: table-cell;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped-multiline:hover:after, .bowtie-tooltipped-multiline:active:after, .bowtie-tooltipped-multiline:focus:after {
  display: table-cell;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped-multiline:after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: normal;
  white-space: pre-line;
  border-collapse: separate;
}

.bowtie-tooltipped-multiline.bowtie-tooltipped-sticky:after {
  display: table-cell;
}

.bowtie-tooltipped-multiline.bowtie-tooltipped-s:after, .bowtie-tooltipped-multiline.bowtie-tooltipped-n:after {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bowtie-tooltipped-multiline.bowtie-tooltipped-w:after, .bowtie-tooltipped-multiline.bowtie-tooltipped-e:after {
  right: 100%;
}

.bowtie-tooltipped-s:after,
.bowtie-tooltipped-se:after,
.bowtie-tooltipped-sw:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
}

.bowtie-tooltipped-s:before,
.bowtie-tooltipped-se:before,
.bowtie-tooltipped-sw:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba( 51, 51, 51 ,  0.95 );
  border-bottom-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
}

.bowtie-tooltipped-n:after,
.bowtie-tooltipped-ne:after,
.bowtie-tooltipped-nw:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px;
}

.bowtie-tooltipped-n:before,
.bowtie-tooltipped-ne:before,
.bowtie-tooltipped-nw:before {
  top: -5px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: rgba( 51, 51, 51 ,  0.95 );
  border-top-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
}

.bowtie-tooltipped-s:after,
.bowtie-tooltipped-n:after {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.bowtie-tooltipped-w:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.bowtie-tooltipped-w:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: rgba( 51, 51, 51 ,  0.95 );
  border-left-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
}

.bowtie-tooltipped-e:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.bowtie-tooltipped-e:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: rgba( 51, 51, 51 ,  0.95 );
  border-right-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
}

.bowtie-tooltipped-ne:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}

.bowtie-tooltipped-nw:after {
  margin-right: -15px;
}

.bowtie-tooltipped-se:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}

.bowtie-tooltipped-sw:after {
  margin-right: -15px;
}

@media screen and (min-width: 0\0) {
  .bowtie-tooltipped-multiline:after {
    width: 250px;
  }
}

.bowtie-tooltipped-sticky:before,
.bowtie-tooltipped-sticky:after {
  display: inline-block;
}

/* CSS animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  10%, 50%, 90% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  10%, 50%, 90% {
    opacity: 1;
  }
}

/***** End Controls *****/
/***** Begin Global styles *****/
.team-home-view {
  position: relative;
}

.team-home-view ul {
  padding: 0;
  list-style-type: none;
}

.team-home-view ul > li {
  margin: 5px;
}

.team-home-view .icon {
  width: 16px;
  height: 16px;
  margin: 0 1em 0 0;
}

.team-home-view .wit > .icon {
  width: 16px;
  height: 16px;
  margin-right: 0.3em;
}

.team-home-view .tfs-host-notifications .icon,
.team-home-view .tfs-unsupported-browser-notification .icon {
  margin-right: 0;
}

.team-home-identity-picture {
  margin-right: 0.8em !important;
}

.team-home-view .inline-error {
  width: 300px;
  font-size: 12px;
}

.team-home-view .information-container {
  margin: 10px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 600px;
}

.team-home-view .information-container .work-item-types {
  min-height: 40px;
}

.team-home-view .information-container .more {
  margin: 0;
}

.team-home-view .inprogress {
  margin-top: 10px;
  font-size: 14px;
}

.team-home-view .information-container button.wit {
  font-size: 14px;
  margin-right: 1em;
}

.team-home-view .information-container ul.messages {
  margin: 2em 0 0 1em;
  list-style-type: circle;
}

.team-home-view .navigation-container {
  margin: 10px;
  padding: 0 0 10px 20px;
  position: absolute;
  left: 600px;
  top: 0;
  right: 0;
  min-height: 300px;
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.team-home-view h3 {
  font-weight: normal;
  font-size: 18px;
}

.tfs-host-notifications.message-area-control.tfs-upgrade-notification,
.tfs-host-notifications.message-area-control.tfs-trial-notification {
  border-color: transparent;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tfs-host-notifications.message-area-control.tfs-upgrade-notification .close-action {
  right: 9px;
  padding: 8px;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container {
  background-color: #68217a;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container.large .icon {
  width: 30px;
  height: 30px;
  margin: 0;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container.large {
  background: none;
}

.team-home-view-container .responsive-grid .grid-list .hgrid-table .hgrid-cell-item {
  position: relative;
}

.team-home-view-container .responsive-grid .members div.member {
  display: inline;
  white-space: initial;
  float: left;
  width: 48px;
}

.team-home-view-container .responsive-grid .members li.members-container {
  margin-left: 4px;
}

.team-home-view-container .responsive-grid .members div.member span.more-members {
  display: inline;
  white-space: initial;
  float: left;
  width: 48px;
  background-color: #f2700f;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  text-align: center;
  vertical-align: middle;
  height: 48px;
  padding: 10px 0px 10px 0px;
  font-size: 18px;
}

.team-home-view-container .responsive-grid .grid-list .hgrid-table .hgrid-cell-item .grid-cell-bgfill {
  position: relative;
}

.team-home-view-container .actionlink.create-new-workitem .icon {
  margin-left: 5px;
  margin-bottom: -5px;
  margin-top: -4px;
}

.tfs-host-notifications.message-area-control.tfs-trial-notification .close-action {
  position: relative;
  display: inline-block;
}

.tfs-host-notifications.message-area-control.tfs-trial-notification .message-header {
  display: inline-block;
  margin-right: 5px;
}

.team-home-view-container .responsive-grid .welcome-project-panel {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  padding: 10px;
}

.team-home-view-container .responsive-grid .welcome-project-panel span.icon-close-small {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.team-home-view-container .responsive-grid .welcome-project-panel .project-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 13px;
  white-space: normal;
}

.team-home-view-container .responsive-grid .welcome-project-panel .project-text {
  margin-bottom: 6px;
  white-space: normal;
  line-height: 13px;
}

.team-home-view-container .responsive-grid .welcome-project-panel .button {
  padding: 10px;
  text-align: center;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}

.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button {
  background-color: #68217a;
  color: rgba( 234, 234, 234 ,  1 );
  color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  text-decoration: none;
}

.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button:hover,
.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button:focus {
  background-color: #442359;
}

.team-home-view-container .responsive-grid .welcome-project-panel .vs-download-link.button {
  clear: both;
  margin: 0;
  padding: 5px;
}

.team-home-view-container .responsive-grid .welcome-project-panel div.clearfix {
  clear: both;
}

.team-home-view-container .responsive-grid .team-home-view-other-links-panel .grid-cell-item-title {
  max-width: 300px;
}

.responsive-grid .grid-cell .grid-list ul.messages {
  display: block;
  list-style: none;
  margin: 0;
  padding-left: 8px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li {
  white-space: nowrap;
  overflow: hidden;
}

.responsive-grid .grid-cell .grid-list ul.messages > li > span.icon {
  margin-right: 5px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li > a {
  text-decoration: none;
}

.responsive-grid .grid-cell .grid-list ul.messages li:nth-of-type(2) {
  padding-top: 2px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li .text {
  display: inline-block;
  font-weight: bold;
  font-size: 10pt;
  line-height: 32px;
  vertical-align: middle;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.responsive-grid .grid-cell .grid-list ul.messages > li:hover .text {
  text-decoration: underline;
}

.responsive-grid .grid-cell .grid-list .messages .message {
  margin-left: 0;
  vertical-align: top;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.team-home-view-container .team-favorites-blank-image-footer {
  font-size: 14px;
  position: absolute;
  top: 160px;
  padding-left: 4px;
}

.team-home-view-container .sprint-tile-blank-footer {
  font-size: 14px;
  position: absolute;
  top: 80px;
}

.team-home-view-container .team-home-view-work-tiles-panel img {
  outline: none;
  border: none;
}

.newfeature-bubble-servicehooks-image {
  background: url("../../_content/newfeaturesbubble_servicehooks.png") center no-repeat;
  width: 417px;
  height: 207px;
}

.newfeature-bubble-gallerypromotion-image {
  background: url("../../_content/newfeaturesbubble_marketplace.png") center no-repeat;
  width: 360px;
  height: 100px;
}

.home-view .account-home-view-external-info iframe {
  border: none;
  width: 100%;
  height: 480px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.home-view .account-home-view-team-project-stakeholder-panel .grid-cell-item-resource-title {
  font-size: 15px;
}

.home-view .responsive-grid .account-home-view-news-panel .grid-cell-item-text a {
  /*IE and FF rendering font with wider spacing pushing text out of margin, 
     so a bit of space compress does the magic */
  letter-spacing: -0.15px;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-text .grid-cell-item-title {
  max-width: 300px;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-text {
  margin-left: 0;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-subTitle {
  white-space: normal;
}

.home-view .responsive-grid .account-home-view-chat-rooms-panel .icon-container {
  background-color: #f2700f;
}

.home-view .responsive-grid .account-home-view-dashboards-panel .icon-container {
  background-color: #00188f;
}

.home-view .responsive-grid .account-home-view-team-project-panel .icon-container {
  background-color: #147a7c;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container {
  background-color: #68217a;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container.large .icon {
  width: 30px;
  height: 30px;
  margin: 0;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container.large {
  background: none;
}

.home-view .responsive-grid .grid-list .hgrid-table .hgrid-cell-item .grid-cell-bgfill {
  position: relative;
}

.home-view .responsive-grid .account-home-view-new-project-panel {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
  padding: 5px 10px 10px 10px;
}

.ui-dialog-getting-started-Video {
  background: rgba(170, 170, 170, 0);
  width: 850px;
  height: 500px;
  border: none;
  outline: none;
  box-shadow: none;
}

.ui-dialog-getting-started-Video-tittle {
  background: rgba(170, 170, 170, 0);
  border-bottom: none !important;
  background-color: rgba(170, 170, 170, 0) !important;
}

.video-ui-widget-overlay {
  background: rgba( 0, 0, 0 ,  1 ) !important;
  background: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  opacity: .7 !important;
}

.ui-icon-videoclosethick {
  background-image: url("../../_content/videocloseicon.png") !important;
  width: 20px !important;
  height: 20px !important;
}

.ui-dialog button.ui-video-close-icon-closethick .ui-button-text {
  text-indent: 25px;
  width: 50px;
  text-align: right;
  padding: 0px;
  top: 9px;
}

div.ui-dialog-getting-started-Video div.ui-dialog-getting-started-Video-tittle .ui-state-focus {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.ui-video-close-icon-closethick {
  background: rgba(170, 170, 170, 0) !important;
}

.ui-dialog-iframe-container {
  background-color: white;
  margin: 10px 10px 10px 10px;
  height: 450px;
  width: 795px;
}

.geting-started-video-content {
  width: 795px;
  height: 448px;
}

.ui-dialog-getting-started-Videoembaded {
  width: 795px;
  height: 448px;
}

.geting-started-video-iframe {
  width: 795px;
  height: 448px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-content .ui-dialog-getting-started-Video {
  margin: 0 0 0 0;
}

.home-view .responsive-grid .create-project-error-container {
  background-color: rgba( 218, 218, 218 ,  1 );
  background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border:  1px solid;
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.home-view .responsive-grid .create-project-error-container .create-project-error-text {
  text-align: center;
  position: absolute;
  top: 240px;
  right: 0;
  left: 0;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-header,
.home-view .responsive-grid .create-project-error-container .project-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 10px;
  white-space: normal;
}

.home-view .responsive-grid .create-project-error-container .icon {
  cursor: pointer;
  margin-right: 10px;
}

.home-view .responsive-grid .create-project-error-container .create-project-error-text .icon {
  vertical-align: top;
  margin-right: 5px;
}

.home-view .responsive-grid .account-home-view-new-project-panel a {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.home-view .responsive-grid .account-home-view-new-project-panel a.learn-more-link {
  display: block;
}

.home-view .responsive-grid .account-home-view-new-project-panel div.project-visibility-spacer {
  height: 40px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-text {
  margin-bottom: 10px;
  white-space: normal;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-text .create-project-welcome {
  margin-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-welcome .learn-more-link {
  display: inline;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .combo {
  display: inline-block;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr td {
  padding-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr td label {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc-container:first-child {
  margin-bottom: 8px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .icon,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc {
  position: inherit;
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .icon.icon-tfs-tcm-failed-small {
  position: absolute;
  top: 3px;
  right: 2px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form textarea {
  resize: none;
  height: 40px;
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr > td:first-child {
  padding-right: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr > td.project-name-container {
  position: relative;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form input#create-project-name {
  height: 20px;
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc-container input {
  background: none;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form input#create-project-name.validation-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .required-field {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin-left: 5px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .message-area-control {
  margin-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .message-area-control .close-action {
  display: none;
}

.home-view .responsive-grid .account-home-view-new-project-panel td > .message-area-control {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .button {
  padding: 10px;
  text-align: center;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button {
  background-color: #147a7c;
  color: rgba( 234, 234, 234 ,  1 );
  color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin: 0;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button:hover,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button:focus {
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled:hover,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled:focus {
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  color: rgba( 234, 234, 234 ,  1 );
  color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  cursor: default;
}

.home-view .responsive-grid .account-home-view-new-project-panel div.clearfix {
  clear: both;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-create-progress {
  float: right;
  margin: 0px 10px 0 0;
  background: url("../../_content/progress-spinner.gif");
  height: 36px;
  width: 36px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .back-icon {
  margin: 0px 10px 0 0;
  background: url("../../_content/icon-back-purple-halo.png");
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-error-container .project-create-progress {
  position: absolute;
  top: 270px;
  left: 210px;
  margin: 0;
  float: none;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-resource-subtitle {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  float: right;
  margin-bottom: 8px;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-title {
  font-size: 1.3em;
  float: left;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage {
  float: right;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage span {
  font-size: 1.3em;
  float: right;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage .grid-cell-item-resource-unit {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  clear: both;
  font-size: 1em;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel span.grid-cell-item-resource-blocked {
  float: left;
  width: 17px;
  height: 15px;
  margin-top: 1px;
}

.home-view .responsive-grid .account-home-view-account-trial-panel .account-start-trial-icon-bg {
  background-color: #68217a;
}

.home-view .responsive-grid .account-home-view-announcement-control .grid-list .grid-cell-bgfill {
  width: 100%;
  margin-left: 4px;
  background-color: transparent !important;
}

.home-view .responsive-grid .account-home-view-announcement-control .announcement-background {
  background-repeat: no-repeat;
}

.home-view .responsive-grid .account-home-view-announcement-control .export-expiration-tile-subtitle {
  margin-left: 120px;
}

.home-view .responsive-grid .account-home-view-announcement-control .open-platform-tile-subtitle {
  margin-right: 165px;
}

.home-view .responsive-grid .account-home-view-announcement-control .power-bi-tile-subtitle {
  margin-right: 120px;
}

.home-view .responsive-grid .account-home-view-announcement-control .els-vso-integration-tile-subtitle {
  margin-right: 150px;
}

.home-view .responsive-grid .account-home-view-announcement-control .rmo-announcement-tile-subtitle {
  margin-right: 150px;
}

.welcome-view h3 {
  font-weight: normal;
  font-size: 18px;
}

.welcome-view > .welcome-projects .new-team-project.colored {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.welcome-view > .welcome-projects .new-team-project-git.colored {
  background-color: #f05133;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.welcome-view > .welcome-projects .strong-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin-top: 10px;
}

.welcome-view .welcome-pcw-buttons {
  margin-top: 10px;
}

.welcome-view .welcome-pcw-buttons .new-team-project {
  margin-left: 0;
}

.welcome-start {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 350px;
}

.welcome-start .section {
  display: inline-block;
  vertical-align: top;
}

.welcome-start .section > .item {
  margin-bottom: 12px;
  min-height: 60px;
}

.welcome-start .section > .item > .info {
  display: inline-block;
  vertical-align: top;
  width: 240px;
}

.welcome-start .section > .item > .info > .description {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.welcome-start .section > .item > .info > div {
  word-wrap: break-word;
}

.icon-large {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 16px;
}

.icon-home-add {
  background: url("../../_content/home-icons.png") no-repeat 0 0 !important;
}

.icon-home-settings {
  background: url("../../_content/home-icons.png") no-repeat -48px 0 !important;
}

.icon-home-gallery {
  background: url("../../_content/home-icons.png") no-repeat -96px 0 !important;
}

.icon-home-feedback {
  background: url("../../_content/home-icons.png") no-repeat -144px 0 !important;
}

.icon-home-help {
  background: url("../../_content/home-icons.png") no-repeat -192px 0 !important;
}

.icon-home-tutorial {
  background: url("../../_content/home-icons.png") no-repeat -336px 0 !important;
}

.icon-home-invite-codes {
  background: url("../../_content/home-icons.png") no-repeat -288px 0 !important;
}

.icon-home-git-logo {
  background: url("../../_content/git-scm-logo.png") no-repeat 0 0 !important;
}

.browse-all-teams {
  margin-left: 0;
}

.welcome-projects {
  width: 450px;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

.grid-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  padding-left: 2px;
}

.grid-list > li {
  white-space: nowrap;
  overflow: hidden;
}

.grid-list > li > a {
  text-decoration: none;
}

.grid-list > li .text {
  display: inline-block;
  font-weight: bold;
  font-size: 10pt;
  line-height: 32px;
  vertical-align: middle;
  max-width: 360px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid-list > li:hover .text {
  text-decoration: underline;
}

.grid-list > li .icon-close {
  height: 16px;
  width: 16px;
  display: none;
  vertical-align: top;
  margin-top: 3px;
  cursor: pointer;
}

.grid-list > li:hover .icon-close {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

.grid-list > li a:focus .icon-close {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

.grid-list > li .icon-close:focus {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

/***** End Global styles *****/
/***** Begin Controls *****/
/*VerticalBreadCrumb Control Styles*/
.vertical-bread-crumb li {
  clear: both;
  outline: none;
}

.vertical-bread-crumb li > a {
  outline: none;
  text-decoration: none;
}

.vertical-bread-crumb ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 10px;
}

.vertical-bread-crumb > ul {
  padding-left: 0px !important;
}

.vertical-bread-crumb li div.node-content {
  white-space: nowrap;
  height: 2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  position: relative;
}

.vertical-bread-crumb li .icon.bread-crumb {
  margin: 0px 2px 0px 0px;
  float: left;
  height: 100%;
  background: url("../../_content/tfs-icons.png") no-repeat -1392px 50% !important;
}

.vertical-bread-crumb li.up span.icon.bread-crumb {
  background: url("../../_content/tfs-icons.png") no-repeat -304px 50% !important;
}

.vertical-bread-crumb li.corner span.icon.bread-crumb {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px 50% !important;
}

.vertical-bread-crumb li.selected > div.node-content {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  border:  1px solid;
  border-color: rgba( 51, 51, 51 ,  1 );
  border-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.vertical-bread-crumb li.selected a {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}

.vertical-bread-crumb .focus li.selected div.node-content {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vertical-bread-crumb li div.node-context-menu {
  width: 16px;
  margin-left: 4px;
  background: none !important;
  margin: 1px;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.vertical-bread-crumb li.selected div.node-context-menu.icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.focus div.node-context-menu.icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.context-menu-active div.node-context-menu {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.focus div.node-content {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vertical-bread-crumb li.selected.focus div.node-content {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vertical-bread-crumb a.node-link:focus div.node-content {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.grid-cell .tfs-tags {
  /* remove text-indent from grid-cell (originally 2px)*/
  text-indent: 0px;
  line-height: normal;
  margin-bottom: 0px;
}

.grid-cell .tags-items-container {
  overflow: visible;
  /* overflow hidden causes clipping of tag borders inside grid rows. */
}

.grid-cell .tags-items-container ul > li {
  margin-right: 1px;
}

div.tfs-tags {
  margin-bottom: 6px;
  line-height: 24px;
}

div.tags-label-container {
  display: block;
  float: left;
  padding-left: 4px;
  padding-right: 10px;
  font-size: 11px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

div.tags-items-container {
  overflow: hidden;
}

.tags-items-container ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.tags-items-container ul > li {
  display: inline-block;
  margin-right: 5px;
  padding: 0px;
  outline: none;
}

.tag-item-delete-experience {
  white-space: nowrap;
  overflow: hidden;
}

.tag-box {
  padding: 2px 6px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.tag-delete {
  padding: 2px 3px;
  font-size: 12px;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.tag-delete .icon {
  vertical-align: top;
  margin-top: 4px;
}

.grid-row.invalid-workitem-row .tag-box {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.tag-item:hover .tag-box-selectable,
.tag-item:hover .tag-box-selectable .bowtie-math-plus-light,
.tag-box-selectable.pressed {
  cursor: pointer;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.tags-input {
  overflow: hidden;
  width: 150px;
  margin: 0px;
  outline: none;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.tags-input::-ms-clear {
  display: none;
}

.tags-filter-dropdown-input {
  z-index: 9000 !important;
  /* set important to override jquery inline z-index style */
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.tags-add-button {
  white-space: nowrap;
  overflow: hidden;
}

.tags-add-button .tag-box-selectable,
.tags-add-button .tag-box-selectable .bowtie-math-plus-light {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

/* Tag Filter Control */
.tfs-tags-filter {
  overflow: auto;
  width: 100%;
  line-height: 35px;
  height: 42px;
}

.tfs-tags-filter .tfs-tags {
  line-height: inherit;
}

.tfs-tags.tag-filter-available-tags {
  text-align: right;
  white-space: nowrap;
}

.tfs-tags.tag-filter-applied-tags {
  margin-right: 50px;
  display: block;
  float: left;
}

.tfs-tags-filter .tag-item-count {
  padding-left: 5px;
  font-size: 10px;
}

.tfs-tags-filter .tag-filter-control-label {
  display: block;
  float: left;
  padding-left: 4px;
  padding-right: 10px;
  font-size: 11px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.tfs-tags-filter .tag-filter-control-show-all {
  margin-right: 5px;
  list-style: none;
  outline: none;
}

.tfs-tags-filter .tag-filter-control-show-all-container {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  float: left;
}

.tags-autocomplete-menu {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  max-height: 139px;
  /* show only five elements in the autocomplete, then show scroll */
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  padding: inherit;
  z-index: 9000 !important;
  /* set important to override jquery inline z-index style */
  max-width: 296px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.tags-autocomplete-menu .ui-menu-item a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tags-autocomplete-menu .menu-item-header {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  padding-left: 5px;
  font-size: 12px;
}

.tags-autocomplete-menu .tag-suggestions-separator {
  float: left;
  width: 100%;
  clear: left;
  border: 0px;
}

.tags-autocomplete-menu .tag-suggestions-separator .separator {
  height: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-top: 1px solid transparent;
  cursor: default;
}

.tags-autocomplete-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: 0;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.tag-container {
  outline: none;
  padding-top: 2px;
  padding-bottom: 2px;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

.tag-delete,
.tag-container-selectable {
  cursor: pointer;
}

.tag-box {
  cursor: default;
}

.tag-delete:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.tag-item:focus .tag-box-selectable,
.tag-item:focus .tag-box-selectable .bowtie-math-plus-light,
.tag-item:focus .tag-box-delete-experience,
.tag-box-delete-experience:focus {
  cursor: pointer;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.tag-item:focus .tag-box-selectable:hover,
.tag-item:focus .tag-delete:hover,
.tag-delete:focus:hover {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

/** Accessibility content container class for SDK Charts*/
.hidden-accessible-chart-text-container {
  /*  This class is intended for visual concealment of accessible html table of related chart content, while retaining visibility in screen reader.
        See the following page for suggestions.
        https://webaim.org/techniques/css/invisiblecontent/
    */
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/** Highcharts Modern Pie-Center Style*/
.pie-chart-center-value {
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}

/** Highcharts layout Engine doesn't honor cases of long labels with no spaces. */
.limited-label-chart .highcharts-legend-item > span {
  white-space: pre;
  max-width: 72px;
}

/** High Contrast styles for Common SDK charts*/
.highcharts-tooltip .header-block {
  margin-bottom: 3px;
}

.highcharts-tooltip .category-text {
  vertical-align: middle;
  margin-left: 5px;
}

.highcharts-tooltip .category-color {
  vertical-align: middle;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.highcharts-tooltip .tooltip-color {
  shape-rendering: crispEdges;
  stroke-opacity: 0;
  stroke-width: 1px;
}

/* By default, Chart content text can not be selectable.*/
.chart-instance.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.chart-instance {
  padding-left: 5px;
  padding-right: 5px;
}

.chart-hosts-list > .chart-hosts-list-items {
  display: block;
  margin: 15px;
}

.chart-hosts-list > .message-block {
  width: auto;
  margin: 20px;
  display: block;
}

.chart-hosts-list > .message-block.invalid {
  padding: 10px;
  font-size: 16px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.chart-hosts-list > .message-block.collapsed {
  display: none;
}

.chart-empty-dataset {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chart-empty-dataset .message-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  padding-top: 25px;
  line-height: 26px;
  text-align: center;
}

.chart-empty-dataset .message-body {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  line-height: 26px;
  margin-bottom: 7px;
  text-align: center;
}

.chart-host .message-block.collapsed {
  display: none;
}

.chart-host .message-block {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chart-hosts-list {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  /* Chart hosts list contains chart elements.
    This was a precursor to the dashboards role of containment of widgets. */
}

.chart-hosts-list .chart-container {
  /* used float left for L->R placement of chart controls.  */
  float: left;
  position: relative;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.chart-hosts-list .message-block .message-icon {
  vertical-align: middle;
}

.chart-hosts-list .message-block .message-text {
  display: inline;
  vertical-align: middle;
}

/* The Status container normally hosts large icons. Small icons need to align to the status text.*/
.chart-instance .status .icon {
  margin-top: -2px;
  margin-right: 5px;
}

.chart-edit-body .chart-container,
.chart-hosts-list .chart-container {
  /** Apply high contrast-only borders to the charts in context of legacy editor and list (not in widget). */
}

.chart-configuration-dialog-container {
  overflow: visible;
}

.chart-configuration-dialog-container .ui-dialog-titlebar {
  overflow: hidden;
}

.chart-configuration-dialog-container .chart-configuration-dialog {
  overflow: hidden;
}

.chart-configuration-dialog .chart-container {
  margin-left: 10px;
  margin-top: 10px;
}

/** Charts Page Size and Margin for each chart-host on the Charts Page (Not in Editor, or Widget)*/
.chart-hosts-list .chart-container.chart-host {
  margin: 5px;
  width: 312px;
}

.chart-host > .chart-host-header > .chart-host-title {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  max-height: 26px;
  padding-right: 32px;
  padding-bottom: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* chart-host-title is an H2, but requires local override of style for alignment with Chart/Widget presentation, over defaults.*/
  margin: 0;
  font-weight: normal;
}

.chart-hosts-list-items .chart-host > .chart-host-header > .chart-host-title {
  padding-top: 3px;
  padding-left: 10px;
}

.chart-hosts-list-items .chart-host > .chart-host-header {
  float: none;
  height: 26px;
  max-height: 26px;
}

.chart-host > .chart-host-header > .menu-bar {
  float: right;
}

.chart-host > .chart-host-header > .ellipsis-menubar {
  float: none;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: transparent;
  padding: 0;
}

.chart-host > .chart-host-header .menu-bar .menu-item.hover > span.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.chart-host > .chart-host-header .menu-bar .menu-item.hover > span.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.chart-template-list-container {
  width: 200px;
  display: inline-block;
  vertical-align: top;
}

.chart-template-list-container .chart-template-list-label {
  padding-bottom: 6px;
}

/** Chart Configuration Dialog Styling (Legacy Scenario)*/
.chart-template-list {
  width: 200px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  display: inline-block;
  vertical-align: top;
}

.chart-template-list a {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 38px;
  line-height: 30px;
  position: relative;
  padding: 4px;
  padding-left: 10px;
  display: inline-block;
  text-decoration: none;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.chart-template-list a .title {
  padding-left: 8px;
  padding-top: 3px;
}

.chart-template-list a.selected {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  padding-top: 4px;
  padding-bottom: 4px;
}

.chart-template-list a .icon {
  top: 10px;
}

/* End of LW Chart Widget Config Blade styles */
.chart-configuration-dialog .chart-dialog-body {
  display: inline-block;
}

.chart-configuration-dialog .tfs-service-status-notification.message-area-control {
  /* Override Service Notification layout for use in the dialog. */
  width: 100%;
  margin-left: 0px;
  margin-bottom: 16px;
}

.chart-title-editor.combo {
  width: 200px;
}

.chart-configuration-dialog .chart-edit-body {
  padding-left: 20px;
  display: inline-block;
  vertical-align: top;
  max-width: 220px;
}

.chart-configuration-block {
  width: 200px;
  display: inline-block;
  padding-bottom: 10px;
}

.chart-configuration-tip {
  margin-left: 2px;
  position: absolute;
  cursor: pointer;
  font-family: 'Bowtie';
  font-size: 14px;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  margin: 2px 0 0 8px;
  position: relative;
  float: right;
}

.chart-configuration-dialog .chart-configuration-block .chart-configuration-label-row {
  /*Style only on legacy Chart: Explicitly provide padding under label row. Bowtie styles need to be consolidated to apply consistently for both Config and Dialog.*/
  padding-bottom: 6px;
}

/* Suppress all standard yellow highlight styling when the control is not in an valid state(empty).
   Any selected state is valid. */
.chart-configuration-editor .chart-configuration-block .combo.invalid,
.chart-configuration-editor .chart-configuration-block .combo.invalid div.wrap,
.chart-configuration-editor .chart-configuration-block .combo.invalid div.wrap input,
.chart-configuration-editor .chart-configuration-measure-property .combo.invalid,
.chart-configuration-editor .chart-configuration-measure-property .combo.invalid div.wrap,
.chart-configuration-editor .chart-configuration-measure-property .combo.invalid div.wrap input {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.chart-configuration-block .combo:invalid {
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.chart-configuration-block ::placeholder,
.chart-configuration-block .chart-configuration-combo-watermark input {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.chart-configuration-block .chart-configuration-label-row-error {
  padding-left: 2px;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.chart-configuration-block .chart-configuration-label-row {
  min-width: 36px;
}

.chart-configuration-block .chart-configuration-label-row .chart-configuration-label-cell {
  display: inline-block;
}

.chart-configuration-block .chart-configuration-input-row {
  display: inline-block;
  float: left;
}

.chart-configuration-block .chart-configuration-order-property {
  float: left;
}

.chart-configuration-block .chart-configuration-order-property.compact {
  width: 100px;
}

.chart-configuration-block .chart-configuration-order-direction {
  margin-left: 10px;
  width: 89px;
  float: left;
}

.chart-configuration-block .chart-configuration-measure-aggregation.compact {
  width: 60px;
  float: left;
}

.chart-configuration-block .chart-configuration-measure-of {
  margin-left: 6px;
  float: left;
  width: 16px;
  padding-top: 3px;
}

.chart-configuration-block .chart-configuration-measure-property {
  margin-left: 6px;
  width: 112px;
  float: left;
}

.chart-configuration-block .collapse {
  display: none;
  visibility: collapse;
  height: 0px;
  margin: 0px;
}

/*Legacy Direct manipulation Color Picker CSS */
.color-popup-body {
  z-index: 4000;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  width: 180px;
  height: 92px;
  position: fixed;
  outline: none;
  box-shadow: rgba( 218, 218, 218 ,  1 ) 0 0 5px;
  box-shadow: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 0 0 5px;
  border-radius: 2px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.color-popup-body * {
  outline: none;
}

.color-picker-patch {
  height: 20px;
  width: 20px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

.color-picker-patch-selected {
  border:  1px solid;
  border-color: rgba( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: rgba(0, 90, 158, 1) solid 1px;
  outline: var(--communication-foreground,rgba(0, 90, 158, 1)) solid 1px;
  height: 20px;
  width: 20px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

.chart-configuration-dialog.chartpin .chart-container {
  padding-left: 20px;
  display: inline-block;
  position: relative;
}

.ui-dialog.chart-configuration-dialog-container .chart-configuration-dialog.chartpin {
  overflow: auto;
}

.ui-dialog.chart-configuration-dialog-container .chart-configuration-dialog.chartpin .chart-empty-dataset {
  transform: none;
  top: 0;
  left: 0;
}

/*
 *  Styles specific to the drag/drop iteractions.
 */
.ui-draggable, .tile-zone-team-favorites > .tile {
  /*  
     *  Disable touch actions such as panning (scrolling) and zooming as these gestures will prevent the element from
     *  getting events needed to perform the drag.
     */
  -ms-touch-action: none;
}

.ui-sortable-helper a {
  /*
     * Set the cursor to a default when dragging an element that contains a hyperlink.
     */
  cursor: default;
}

.productbacklog-grid-results > .ui-draggable {
  /*
     * For the backlogs, the draggable objects in the grids should scroll if originally touch-dragged in the vertical direction or
     * be dragged if originally touch-dragged in the horizontal direction.
     */
  touch-action: pan-y pinch-zoom;
}

.taskboard .ui-draggable {
  /*
     * For the taskboard, block touch actions on all draggable elements. This allows jquery draggable libarary to process the event. 
     */
  touch-action: none;
}

.agile-board .ui-draggable {
  /*
     * For agile board, block touch actions on all draggable elements. This allows jquery draggable libarary to process the event.
     */
  touch-action: none;
}

/**************/
/* Jumpstart  */
/**************/
.jumpstart {
  width: 1000px !important;
  height: 600px !important;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100% !important;
  max-height: 100% !important;
}

.jumpstart-content-column {
  float: left;
  width: 49%;
  overflow: hidden;
}

.jumpstart-content-column + .jumpstart-content-column {
  float: right;
}

.jumpstart-image-container {
  height: 284px;
  overflow: hidden;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 20px 0;
}

.jumpstart-image-container img {
  width: 100%;
}

.jumpstart-button-container {
  text-align: center;
  margin-top: 10px;
}

.jumpstart-column-content {
  margin-bottom: 25px;
}

/************************************/
/* Send a smile on the global navbar*/
/************************************/
.top-level-menu-v2 .menu-item[command="send-a-smile"] {
  overflow: visible;
}

/* fill out clickable area */
.top-level-menu-v2 .menu-item[command="send-a-smile"] .nav-feedback-icon-wrappper {
  margin: 0 -5px;
  padding: 0 5px;
}

/* Keep the icon in line with other menu items */
.top-level-menu-v2 .menu-item[command="send-a-smile"] .icon {
  height: 18px;
  margin-right: 4px;
}

.top-level-menu-v2 .menu-item[command="send-a-smile"] .quickstart.bubble.shown {
  margin-top: -14px;
  /* 
     * fix for bubble positioning on smaller bubbles  
     * task to make quickstart bubble more flexible:
     * https://mseng.visualstudio.com/DefaultCollection/VSOnline/Acquisition/_workitems?id=524598
     */
  left: -111px !important;
}

.top-level-menu-v2 .menu-item[command="send-a-smile"] .quickstart.bubble.shown {
  -webkit-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  -moz-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
}

.ellipsis-menubar.menu-bar > .menu-item {
  border: 1px solid transparent;
}

.ellipsis-menubar.menu-bar > .menu-item.hover,
.ellipsis-menubar.menu-bar > .menu-item.focus {
  outline: none;
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.ellipsis-menubar.menu-bar > .menu-item.icon-only.hover,
.ellipsis-menubar.menu-bar > .menu-item.icon-only.focus {
  background-color: transparent;
  border-color: transparent;
}

.ellipsis-menubar.menu-bar > .menu-item.hover > span {
  text-decoration: none;
}

.ellipsis-menubar.menu-bar > .menu-item > ul {
  display: none;
}

.ellipsis-menubar.menu-bar.no-height {
  height: 0;
}

.ellipsis-menubar.menu-bar.no-height > li.menu-item {
  height: 0;
  padding: 0;
  border: none;
  outline: none;
}

.message-form table {
  width: 100%;
}

.message-form .label {
  width: 50px;
  white-space: nowrap;
  padding-right: 10px;
  vertical-align: top;
  line-height: 20px;
}

.message-form input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
}

.message-form input.disabled {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

/*
 * The input in a dropdown/combo control, e.g. IdentityPicker,
 * only needs the border for the outer input.
 */
.send-mail-dialog .message-form .search-input-wrapper .search-input {
  border: 0;
}

.bowtie-style.send-mail-dialog .message-form .search-input-wrapper .search-input {
  height: inherit;
}

.message-form .dropdown-input-text {
  border: 0;
}

.bowtie-style.send-mail-dialog .message-form.new-form .dropdown-input-text {
  border: 0 !important;
  /* Override new bowtie style for input to avoid double border */
  height: 24px !important;
  /* Override new bowtie style for input since this input has a wrapper */
  background-color: transparent;
  font-size: 100%;
  line-height: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.bowtie-style.send-mail-dialog .message-form.new-form .dropdown-input-inputarea {
  height: 24px;
}

.message-form .body-container {
  padding: 10px 0 10px 0;
}

.bowtie-style.send-mail-dialog textarea {
  height: 130px;
  resize: none;
  overflow: auto;
}

.bowtie-style.send-mail-dialog .email-read-only-body {
  max-height: 180px;
}

.bowtie-style.send-mail-dialog .email-read-only-body a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.bowtie-style.send-mail-dialog .email-read-only-body table th {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
}

.bowtie-style.send-mail-dialog .email-read-only-body table td {
  max-width: 50px;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
}

.bowtie-style.send-mail-dialog .email-new-note-label {
  display: inline !important;
  /* Override bowtie style for Note label since we want it in the same line */
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input.email-input-to-focused,
.bowtie-style.send-mail-dialog .message-form.new-form .identity-input.email-input-to-focused:hover {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input {
  width: 600px;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to.email-input-to-focused,
.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to.email-input-to-focused:hover {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-style.send-mail-dialog textarea:focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-style.send-mail-dialog .message-form.new-form .select-tester-identity-picker {
  overflow-y: auto;
  max-height: 52px;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-subject {
  height: 28px !important;
  /* Override input height from bowtie style, too high in our scenario */
}

.bowtie-style.send-mail-dialog .email-note-container {
  margin: 24px 0 0 0;
}

.send-mail-dialog .messagearea-container {
  margin-bottom: 2px;
}

.send-mail-dialog .email-editable-body {
  margin-top: 5px;
  width: 100%;
  height: 136px;
  overflow: auto;
  background-color: inherit;
  resize: none;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.send-mail-dialog .email-read-only-body {
  max-height: 208px;
  overflow: auto;
}

.send-mail-dialog .email-read-only-content {
  margin-top: 5px;
}

.send-mail-dialog .email-read-only-body > div {
  position: relative;
}

.send-mail-dialog .email-read-only-body .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.send-mail-dialog .message-form.new-form .email-input-to {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-picker-input {
  border: none !important;
  /* Override the bowtie-style to avoid double border */
  width: 100%;
  height: 24px !important;
  /* This is a input inside a wrapper, too height in our scenario */
}

.send-mail-dialog .message-form.new-form .select-tester-identity-picker {
  max-height: 52px;
  overflow-y: visible;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-subject-row input {
  padding-left: 8px;
}

.send-mail-dialog .message-form.new-form .email-subject-row input {
  line-height: 18px;
  outline: 0;
  padding-left: 2px;
  background-color: inherit;
}

.send-mail-dialog .message-form.new-form .label {
  margin-top: 4px;
}

.send-mail-dialog .message-form.new-form > table {
  table-layout: fixed;
}

.send-mail-dialog .email-read-only-body table td,
.send-mail-dialog .email-read-only-body table th {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.send-mail-dialog .message-form.new-form .email-note-label {
  display: inline-block;
}

.send-mail-dialog .message-form.new-form .email-read-only-label {
  padding-top: 4px;
}

.send-mail-dialog .message-form.new-form .email-characters-count {
  float: right;
}

.send-mail-dialog .message-form.new-form .email-characters-count.email-count-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.ui-dialog .send-mail-dialog.mail-work-items {
  overflow: hidden;
}

.ui-dialog .send-mail-dialog.mail-work-items th {
  text-align: left;
}

@media screen and (max-height: 900px) {
  .send-mail-dialog.bowtie-style.mail-work-items {
    height: 424px !important;
    /* Override inline style from dialog */
  }
  .send-mail-dialog.bowtie-style.mail-work-items textarea {
    height: 70px;
  }
  .send-mail-dialog.bowtie-style.mail-work-items .email-read-only-body {
    max-height: 105px;
  }
  .send-mail-dialog.bowtie-style.mail-work-items .message-form.new-form .email-input-subject {
    height: 22px !important;
    font-size: 11px;
  }
  .send-mail-dialog.bowtie-style.mail-work-items .message-form.new-form .dropdown-input-text,
  .send-mail-dialog.bowtie-style.mail-work-items .message-form.new-form .dropdown-input-inputarea {
    height: 18px !important;
  }
}

.identity-view-control {
  position: relative;
  height: 20px;
}

.identity-view-control > img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.identity-view-control.no-image > span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-view-control > span {
  position: absolute;
  top: 2px;
  right: 0;
  left: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.mru-identity-picker {
  position: relative;
  width: 100%;
  height: 20px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
}

.mru-identity-picker > .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: block;
}

.mru-identity-picker.drop > .wrap {
  right: 20px;
}

.mru-identity-picker.drop > .drop {
  position: absolute;
  right: 0;
  height: 100%;
  width: 20px;
  cursor: pointer;
  overflow: hidden;
}

.mru-identity-picker > .drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1550px 50% !important;
}

.mru-identity-picker > .wrap > .text-wrapper {
  border: none;
  outline: none;
  position: absolute;
  right: 0;
  left: 0;
}

.mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input {
  border: none;
  outline: none;
  padding-left: 2px;
  width: 100%;
  height: 100%;
}

.mru-identity-picker > .wrap.resolved > .text-wrapper {
  left: 20px;
}

.mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input::-ms-clear {
  display: none;
}

.mru-identity-picker > .wrap > .img-container {
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0px 2px;
  float: left;
}

.mru-identity-picker > .wrap > .img-container.loading {
  background: url("../../_content/User.svg") no-repeat;
  background-size: 18px 18px;
}

.mru-identity-picker > .wrap > .img-container > img {
  max-width: 18px;
  height: 18px;
  width: auto;
  vertical-align: top;
  font-size: 0;
  /* this is to fix firefox behavior to show alt text while image is loading. This fix hides the alt text */
}

.mru-identity-picker > .wrap > .focus-receiver {
  width: 0;
  height: 0;
}

.mru-identity-picker.readonly input.disabled {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.identity-picker-list-view {
  position: fixed;
  left: -50000px;
  top: -50000px;
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  z-index: 2000;
}

.identity-picker-list-view > ul.items {
  overflow: auto;
  max-height: 240px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.identity-picker-list-view > ul.items > li {
  cursor: pointer;
  position: relative;
  height: 40px;
}

.identity-picker-list-view > ul.items > li > .icon.icon-delete-small {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
  /* hide the delete initially. only show on item hover */
}

.identity-picker-list-view > ul.items > li.mru-item.hover > .icon.icon-delete-small,
.identity-picker-list-view > ul.items > li.mru-item.selected > .icon.icon-delete-small {
  display: block;
}

.identity-picker-list-view > ul.items > li.non-mru-item > .icon.icon-delete-small,
.identity-picker-list-view > ul.items > li > .item-image-container.hidden {
  display: none;
}

.identity-picker-list-view > ul.items > li.selected,
.identity-picker-list-view > ul.items > li.selected.hover,
.identity-picker-list-view .search.selected,
.identity-picker-list-view .search.selected.hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.identity-picker-list-view .search, .identity-picker-list-view .no-result {
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  padding: 8px;
  background-color: rgba(0, 0, 0, .08);
  background-color: var(--border-subtle-color,rgba(0, 0, 0, .08));
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 40px;
}

.identity-picker-list-view .search-tfs-noresult {
  font-size: 12px;
  padding: 2px;
}

.identity-picker-list-view .no-result {
  cursor: default;
}

.identity-picker-list-view .search.search-error {
  padding: 0;
  font-size: 12px;
}

.identity-picker-list-view .search.search-error > .message-area-control {
  height: 40px;
  background-color: rgba(0, 0, 0, .08);
  background-color: var(--border-subtle-color,rgba(0, 0, 0, .08));
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-icon {
  display: inline;
  float: none;
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-icon .icon {
  vertical-align: middle;
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-header {
  display: inline;
}

.identity-picker-list-view .search-result-status {
  text-align: center;
  padding: 2px;
}

.identity-picker-list-view .search > .bowtie-icon {
  margin-left: 5px;
}

.identity-picker-list-view > ul.items > li.hover,
.identity-picker-list-view .search.hover {
  background-color: rgba(0, 0, 0, .08);
  background-color: var(--border-subtle-color,rgba(0, 0, 0, .08));
}

.identity-picker-list-view > ul.items > li > div.item-image-container {
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
  width: 32px;
  height: 32px;
  text-align: center;
}

.identity-picker-list-view > ul.items > li > div.item-image-container.loading {
  background: url("../../_content/User.svg") no-repeat;
  background-size: 32px 32px;
}

.identity-picker-list-view > ul.items > li > div.item-image-container > img {
  vertical-align: top;
  width: auto;
  height: 32px;
  max-width: 32px;
  font-size: 0;
  /* this is to fix firefox behavior to show alt text while image is loading. This fix hides the alt text */
}

.identity-picker-list-view > ul.items > li > div {
  display: inline-block;
}

.identity-picker-list-view > ul.items > li div.item-text-container {
  position: absolute;
  top: 0px;
  right: 25px;
  bottom: 0px;
  left: 45px;
}

.identity-picker-list-view > ul.items > li div.title {
  font-size: 15px;
  height: auto;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-picker-list-view > ul.items > li div.subtitle {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.mru-identity-picker.invalid,
.mru-identity-picker.invalid > .wrap > .text-wrapper > .mru-identity-picker-input,
.mru-identity-picker.invalid .wrap {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.multi-mru-identity-picker {
  min-width: 400px;
  position: relative;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 300px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection {
  background-color: lightblue;
  padding: 0px 3px;
  margin: 1px 2px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.picker-item {
  width: 200px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.picker-item > .mru-identity-picker {
  height: 18px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection > .icon.icon-delete {
  cursor: pointer;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection > .item-text {
  display: inline;
}

.multi-mru-identity-picker .mru-identity-picker {
  border: none;
  outline: none;
}

.multi-mru-identity-picker .mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input {
  border: none;
  width: 200px;
  outline: none;
}

.multi-mru-identity-picker > .multi-mru-list-container {
  position: absolute;
  right: 0;
  left: 0;
}

.multi-mru-identity-picker > .multi-mru-list-container > .identity-picker-list-view {
  top: 0;
}

.bowtie-style .mru-identity-picker.drop > .drop {
  font-family: "Bowtie";
  font-size: 14px;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: transparent !important;
  top: 25%;
}

.bowtie-style .mru-identity-picker.drop > .drop::before {
  content: "\E9C9";
}

.bowtie-style .mru-identity-picker > .wrap > .img-container {
  width: 32px;
  height: 32px;
  margin: 0;
}

.bowtie-style .mru-identity-picker > .wrap > .img-container > img {
  max-width: 32px;
  height: 32px;
}

.bowtie-style .mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input {
  margin-top: 6px;
  padding: 0 8px 0 8px;
}

.bowtie-style .mru-identity-picker > .wrap.resolved > .text-wrapper > .mru-identity-picker-input {
  margin-left: 15px;
}

/* Test Steps And Parameters Control*/
.automation-info {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 3px 0px 3px 0px;
  min-height: 20px;
}

.icon-editor-font-teststep {
  border: 0px;
}

.test-steps-list {
  height: 100%;
}

.test-steps-list .grid-row {
  position: relative;
}

.shared-test-step {
  font-weight: bold;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.test-steps-control-header {
  font-weight: bold;
}

.test-steps-parameters {
  margin-top: 15px;
}

.test-parameter-list .grid-header {
  text-transform: none;
}

.test-steps-multiline {
  overflow-y: auto;
  white-space: normal;
  padding: 0px;
  word-wrap: break-word;
}

.test-steps-multiline p {
  margin: 0px;
}

.testmanagement-suite-rename {
  position: absolute;
}

.test-steps-lastrow {
  font-style: italic;
}

.test-steps-list .grid-canvas {
  -moz-user-select: text;
}

.test-step-invalid.grid-cell {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.mozilla-text-selection-blocker {
  -moz-user-select: none;
}

.drag-not-droppable-icon {
  height: 16px;
  width: 16px;
  position: absolute;
  display: none;
}

.test-steps-control .menu-item input {
  background-repeat: no-repeat;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1672px -8px !important;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1704px -8px !important;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1736px -8px !important;
}

.test-steps-control .menu-bar input.insert-parameter-button {
  background: url("../../_content/tfs-icons.png") no-repeat -5896px -8px !important;
}

.icon-test-step-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1672px -8px !important;
}

.icon-test-step-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1704px -8px !important;
}

.icon-test-step-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1736px -8px !important;
}

.insert-parameter-button {
  background: url("../../_content/tfs-icons.png") no-repeat -5896px -8px !important;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command,
.test-steps-control .menu-bar .menu-item.insert-parameter-command {
  padding: 0px;
  margin: 0px;
}

.test-steps-control .menu-bar .menu-item.disabled .insert-parameter-button {
  cursor: default;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.test-steps-control .menu-bar .insert-parameter-button {
  cursor: pointer;
  padding: 10px;
  border: none;
  background-color: transparent;
}

.test-steps-control .grid-row-current .grid-cell div,
.test-steps-control .grid-row-current,
.test-steps-control .grid-row-selected {
  outline: none;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command .icon,
.test-steps-control .menu-bar .menu-item.insert-parameter-command .icon {
  height: 31px;
  width: 36px;
  padding: 0px;
  cursor: pointer;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command.hover input.icon,
.test-steps-control .menu-bar .menu-item.insert-parameter-command.hover input.icon {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.test-steps-control .grid-header .grid-header-column {
  text-transform: none;
}

.test-steps-control .attachment-column-text {
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.test-steps-control .attachment-delete-icon {
  cursor: pointer;
  margin-left: 2px;
}

.test-steps-control .test-parameter-list .parameter-delete-icon {
  position: absolute;
  top: 4px;
  right: 0px;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 2px;
}

.test-steps-control .attachment-content {
  table-layout: fixed;
}

.test-parameter-list .grid-header-column {
  text-transform: none;
  border: none;
}

.test-parameter-list .grid-header-column .title.editable-param-name {
  outline: none;
  outline-offset: 0px;
  margin: 0px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  width: 100%;
  padding-right: 2px;
  border: solid 1px;
}

.test-parameter-list .grid-header-column .title {
  padding-right: 23px;
  top: 0px;
  bottom: 0px;
}

.test-parameter-list .grid-header-column div.title .parameter-delete-icon {
  display: none;
}

.test-parameter-list .grid-header-column div.title:hover .parameter-delete-icon {
  display: block;
}

.test-parameter-list .grid-header-column .title.editable-param-name.parameter-name-invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.test-steps-control .test-parameter-list .grid-canvas input.parameter-grid-cell {
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 2px;
  padding: 4px;
  text-overflow: ellipsis;
}

.test-steps-control .test-parameter-list .grid-canvas .grid-row {
  position: relative;
}

.test-steps-control .test-steps-list .grid-row p {
  text-indent: 0px !important;
}

.test-steps-control .toolbar {
  margin: 0px;
  float: left !important;
  width: 100% !important;
}

.shared-parameter-search-box {
  width: 100%;
}

.shared-parameter-search-box input {
  width: 100%;
  padding-right: 20px;
  padding-left: 5px;
  height: 25px;
  outline: none;
  border:  2px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.shared-parameter-search-box .bowtie-edit-remove {
  position: absolute;
  top: 5px;
  right: 20px;
  color: black;
  cursor: pointer;
  display: none;
  margin-right: 4px;
}

.shared-parameter-search-box .bowtie-search {
  position: absolute;
  right: 5px;
  top: 5px;
}

.shared-parameter-search-box .icon-drop {
  visibility: hidden;
}

.shared-parameter-search-results-grid {
  position: absolute;
  top: 64px;
  bottom: 50px;
  left: 8px;
  right: 0px;
}

.shared-parameter.test-parameter-list.grid.has-header .grid-canvas {
  top: 3.9em;
}

.test-steps-control .shared-parameter.test-parameter-list .parameter-delete-icon {
  top: 24px;
}

.shared-parameter.test-parameter-list .grid-header {
  height: 3.9em;
}

.shared-parameter.test-parameter-list .grid-header-column .title {
  height: 2.1em;
  padding-top: 4px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-parameter.test-parameter-list .grid-header-column .drop.combo > .drop {
  margin-right: 3px;
}

.shared-parameter.test-parameter-list .grid-header-column .title.editable-param-name {
  padding-top: 0px;
}

.shared-param-hyperlinks-container a {
  margin-right: 5px;
  max-width: 160px;
}

.shared-param-hyperlinks-container .separator {
  width: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 1em;
  border-left: 1px solid transparent;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 4px;
  display: inline-block;
}

.shared-param-hyperlinks-container.disable-links a {
  pointer-events: none;
}

.shared-param-hyperlinks-container .shared-param-paramnames,
.shared-param-hyperlinks-container a {
  height: 18px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-param-hyperlinks-container .shared-param-paramnames {
  max-width: 350px;
}

.create-test-artifact-value-cell {
  width: 100%;
}

.create-test-artifact-title-cell {
  min-width: 50px;
}

.simple-query-editor {
  position: relative;
  height: 100%;
  width: 100%;
}

.simple-query-editor .link-types label {
  display: inline;
}

.simple-query-editor-status {
  padding-top: 5px;
  padding-left: 10px;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  font-size: 14px;
  float: left;
}

.simple-query-editor-status.invalid {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.simple-query-editor .suite-name-input-label {
  margin-top: 0px;
  margin-right: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.simple-query-editor {
  position: relative;
  height: 100%;
  width: 100%;
}

.simple-query-editor .suite-name-input-table {
  margin-left: 20px;
}

.test-artifact-name-input, .simple-query-editor .suite-name-input {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  outline: none;
  padding: 2px;
  width: 100%;
}

.test-artifact-name-input.invalid, .simple-query-editor suite-name-input.invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-style: italic;
}

.parameter-collapsible-section .tfs-collapsible-header {
  margin-left: 0px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* End Test Steps And Parameters Control*/
.rendered-markdown body,
.rendered-markdown html {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 100%;
  font-size: 13px;
  line-height: 20px;
}

.rendered-markdown body {
  position: relative;
  padding-top: 50px;
}

.rendered-markdown h1,
.rendered-markdown h2,
.rendered-markdown h3,
.rendered-markdown h4,
.rendered-markdown h5,
.rendered-markdown h6 {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  font-weight: 400;
}

.rendered-markdown h1 {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.rendered-markdown h2 {
  font-size: 18px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-weight: 600;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  margin-bottom: 10px;
  margin-top: 20px;
}

.rendered-markdown h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.rendered-markdown h4 {
  font-size: 14px;
  margin-bottom: 10px;
}

.rendered-markdown h5 {
  font-size: 12px;
  margin-bottom: 10px;
}

.rendered-markdown h6 {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 10px;
}

.rendered-markdown.metaitem {
  font-size: 12px;
  padding-top: 15px;
}

.rendered-markdown.metavalue {
  font-size: 12px;
  padding-left: 4px;
}

.rendered-markdown.metavalue > img {
  height: 32px;
  width: 32px;
  margin-bottom: 3px;
  padding-left: 1px;
}

.rendered-markdown li.metavaluelink {
  list-style-type: disc;
  list-style-position: inside;
}

.rendered-markdown li.metavalue > a {
  border: none;
  padding: 0px;
  display: inline;
}

.rendered-markdown li.metavalue > a:hover {
  background-color: inherit;
  text-decoration: underline;
}

.rendered-markdown code,
.rendered-markdown kbd,
.rendered-markdown pre,
.rendered-markdown samp {
  font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
}

.rendered-markdown code {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 90%;
  line-height: 2;
  white-space: nowrap;
}

.rendered-markdown pre {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  display: block;
  padding: 6px;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
}

.rendered-markdown pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  line-height: 1.428571429;
  border: none;
}

.rendered-markdown.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.rendered-markdown table {
  border-collapse: collapse;
}

.rendered-markdown table {
  width: auto;
}

.rendered-markdown table,
.rendered-markdown th,
.rendered-markdown td {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 4px;
}

.rendered-markdown th {
  font-weight: bold;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

/* PopupMenu CSS */
.popup-menu-icon-area {
  width: 35px;
  height: 100%;
}

/* Notifications CSS */
.notification-icon-area {
  width: 35px;
  height: 100%;
}

.notification-icon-area-with-text {
  width: auto;
  padding-left: 25px !important;
}

.notification-icon-area-image {
  position: absolute;
  right: 5px;
  top: 9px;
  cursor: pointer;
}

.notification-icon-area-text {
  text-decoration: none !important;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  cursor: pointer;
}

.notification-area-popup {
  max-width: none;
  padding: 0px !important;
  top: 31px !important;
  width: 380px;
}

.notification-area-popup-shown {
  display: block !important;
}

.notification-no-new-messages {
  display: block;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.notification-grid {
  position: relative;
  border-bottom: 5px solid rgba(0, 120, 212, 1);
  border-bottom: 5px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.notification-grid .big-status-progress {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.notification-grid .grid-canvas {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.notification-grid .grid-row {
  width: 100% !important;
}

.notification-grid-cell {
  white-space: normal;
  height: 100%;
  padding-top: 5px;
}

.notification-grid-cell-table {
  height: 100%;
}

.notification-grid-cell-image-container {
  padding-left: 5px;
  padding-right: 10px;
  vertical-align: top;
}

.notification-grid-cell-image {
  height: 26px;
  width: 26px;
}

.notification-grid-cell-vertical-divider {
  width: 5px;
  height: 100%;
  display: block;
}

.notification-grid-cell-data {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5;
}

.notification-grid-cell-data-message {
  position: absolute;
  top: 5px;
  height: 60px;
  overflow: hidden;
}

.notification-grid-cell-data-timestamp {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  position: absolute;
  bottom: 5px;
}

.notification-grid-cell-lower-seperator {
  height: 10px;
  padding-top: 5px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
}

.notification-work-item-background {
  background-color: #009ccc;
}

.notification-work-item-icon {
  background: url("../../_content/service-icons.png") no-repeat -234px -26px !important;
}

.notification-work-item-icon {
  display: block;
  background-color: #009ccc !important;
}

.notification-pull-request-background {
  background-color: #68217a;
}

.notification-pull-request-icon {
  background: url("../../_content/service-icons.png") no-repeat -182px -26px !important;
}

.notification-pull-request-icon {
  display: block;
  background-color: #68217a !important;
}

.notification-team-room-background {
  background-color: #f2700f;
}

.notification-team-room-icon {
  background: url("../../_content/service-icons.png") no-repeat -78px -26px !important;
}

.notification-team-room-icon {
  display: block;
  background-color: #f2700f !important;
}

.sidebar-search .search-input-wrapper {
  position: relative;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  height: 24px;
  margin: 10px 2px 0 16px;
}

.sidebar-search .search-input-container {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 20px;
  bottom: 0;
}

.sidebar-search .search-input-container .input {
  outline: none;
  border: 0;
  width: 100%;
  height: 100%;
}

.sidebar-search .button {
  position: absolute;
  top: 0.3em;
  right: 2px;
  cursor: pointer;
  margin-right: 2px;
}

.tile-zone {
  float: left;
  margin: 0;
  padding: 0;
  width: 640px;
}

.tile-zone-home {
  margin-top: 20px;
}

.tile-zone-header {
  margin-top: 20px;
  clear: both;
}

.tiles-container {
  width: 640px;
}

.tile {
  position: relative;
  float: left;
  font-size: 12px;
  width: 152px;
  height: 152px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 4px;
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  border: none;
  overflow: hidden;
}

.tile-info-message {
  float: right;
  line-height: 16px;
  padding-top: 6px;
}

.tile.double {
  width: 312px;
}

.tile.double-square {
  width: 312px;
  height: 312px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.tile .menu.sub-menu > .menu-item {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tile .menu.sub-menu > .menu-item.disabled {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.tile > .loading {
  margin-top: 2.5em;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.tile.error {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 5px;
}

.tile.error .ellipsis-menubar.menu-bar {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.tile.lightweight-chart-tile.error,
.tile.lightweight-chart-tile.error > a,
.tile.lightweight-chart-tile.error.chartHover {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tile.error a {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
}

.tile.error p {
  margin-top: 10px;
  white-space: normal;
}

.tile > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.tile > a:hover {
  text-decoration: none;
}

.tile .header {
  position: absolute;
  top: 7px;
  right: 8px;
  left: 8px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.tile .content {
  position: absolute;
  top: 20px;
  right: 8px;
  left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  font-size: 72px;
}

.tile.double .content {
  position: absolute;
  top: auto;
  right: 4px;
  bottom: 42px;
  left: 4px;
  font-size: 12px;
}

.tile.lightweight-chart-tile.chartHover {
  background-color: transparent;
}

.tile .footer {
  position: absolute;
  right: 8px;
  bottom: 20px;
  left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
}

.tile .ellipsis-menubar {
  padding: 0;
  float: right;
  margin: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
}

.tile .status-indicator.center > .status table {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  white-space: normal;
}

.tile.lightweight-chart-tile {
  cursor: pointer;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 1px;
}

.tile .chart-instance.chartpin {
  cursor: pointer;
  position: absolute;
  top: 27px;
}

.pivot-chart.chart-instance.chartpin {
  z-index: 2;
  /*Fix for Chrome where z-index of menu on pivot table is not honored.*/
}

/*Responsive Grid Control Styles*/
.responsive-grid {
  width: 1280px;
  margin: 0;
}

.grid-item-hidden {
  display: none;
}

.responsive-grid .section1 {
  width: 640px;
  float: left;
  margin: 0;
}

.responsive-grid .section2 {
  width: 320px;
  float: left;
  margin: 0;
}

.responsive-grid .section3 {
  width: 320px;
  float: left;
  margin: 0;
}

.responsive-grid .grid-cell {
  display: inline-block;
}

.responsive-grid .grid-cell .grid-list {
  padding-left: 0;
  margin-bottom: 0;
}

.responsive-grid .grid-list .icon.close-icon {
  position: absolute;
  top: 12px;
  right: 5px;
  cursor: pointer;
}

.responsive-grid .grid-list .icon.close-icon:before {
  left: 3px;
  top: -2px;
}

.responsive-grid .grid-cell .icon.icon-info-white {
  position: absolute;
  top: 12px;
  right: 5px;
}

.responsive-grid .grid-cell .grid-cell-title {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  font-size: 18px;
  padding-bottom: 5px;
  padding-right: 3px;
  margin-bottom: 4px;
  margin-left: 4px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.responsive-grid .grid-cell .grid-cell-title .cell-title {
  float: left;
}

.responsive-grid .grid-list .grid-cell-title .actionlink {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
  float: right;
}

.responsive-grid .grid-cell .grid-cell-item-subTitle {
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-top: 1px;
  display: block;
}

.responsive-grid .grid-cell .grid-cell-item:nth-of-type(2) {
  padding-top: 0;
}

.responsive-grid .grid-cell .grid-cell-item {
  padding: 0;
  margin-left: 4px;
  padding-top: 5px;
}

.responsive-grid .grid-cell .no-item-message {
  white-space: normal;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 4px;
}

.responsive-grid .grid-cell .grid-cell-item .icon-container {
  height: 30px;
  width: 30px;
  margin-top: 6px;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .icon-container .icon {
  margin: 7px;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-text {
  margin-left: 8px;
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-title {
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  max-width: 230px;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}

.responsive-grid .grid-cell .grid-cell-item .simple-list-item-text {
  margin-left: 0;
  vertical-align: top;
  font-size: 12px;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .simple-list-item-text .grid-cell-item-title {
  font-weight: normal;
  font-size: 12px;
}

.responsive-grid .grid-cell .grid-cell-item.simplelist {
  padding-top: 2px;
}

.responsive-grid .grid-cell .grid-cell-item.simplelist:nth-of-type(2) {
  padding-top: 0;
}

.responsive-grid .grid-cell .context-button-container {
  display: inline-block;
  margin-left: 4px;
}

.responsive-grid .grid-cell .padding-after-header {
  padding-bottom: 10px;
}

.responsive-grid .grid-cell .context-button:link {
  margin-right: 15px;
  text-decoration: none;
}

.responsive-grid .grid-cell .context-button:hover {
  text-decoration: underline;
}

.responsive-grid .grid-cell .hgrid-table .hgrid-cell-item {
  padding: 0;
  vertical-align: top;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill {
  white-space: normal;
  width: 152px;
  height: 115px;
  margin-right: 8px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill > a {
  padding: 8px;
  padding-top: 5px;
  width: 100%;
  height: 100%;
  display: block;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.DefaultTileClass {
  background-color: #68217a;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.code {
  background-color: #68217a;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.test {
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.build {
  background-color: #748189;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.work {
  background-color: #009ccc;
}

.responsive-grid .grid-cell .hgrid-cell-item .grid-cell-item-title {
  font-size: 14px;
  font-weight: normal;
}

.responsive-grid .grid-cell .hgrid-cell-item .grid-cell-item-subTitle {
  font-size: 12px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  line-height: 16px;
  margin-top: 5px;
}

.responsive-grid .grid-cell .hgrid-cell-item .icon {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.responsive-grid .grid-cell .hgrid-cell-item a:hover {
  text-decoration: none;
}

.responsive-grid .sprint-capacity-summary-control .progress-text {
  font-size: 16px;
}

@media only screen and (min-width: 0px) and (max-width: 999px) {
  .responsive-grid {
    width: 640px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1320px) {
  .responsive-grid {
    width: 960px;
  }
  .responsive-grid .section3 {
    width: auto;
    max-width: 960px;
    float: none;
  }
}

/* Used for displaying iframes that fill their container*/
.iframe-control iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  border: none;
  overflow: hidden;
}

/**
  * Used for displaying related artifacts
  */
.ra-control {
  min-width: 300px;
  clear: both;
}

.ra-headers {
  float: left;
  padding-right: 10px;
}

/* Override original padding */
.ra-control .artifact-work-item-summary {
  padding-top: 0px;
}

.ra-row {
  line-height: 20px;
  height: 25px;
}

.ra-expand-no-icon {
  padding-left: 16px;
}

.ra-contents .ra-row:hover:not(.ra-summary) > div {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

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

.ra-right {
  float: right;
  width: 150px;
}

.ra-remove-button {
  width: 21px;
  float: right;
  padding-right: 5px;
  cursor: pointer;
  visibility: hidden;
}

.ra-remove-button .icon {
  opacity: 0.5;
}

.ra-remove-button:hover .icon {
  opacity: 1;
}

.ra-row:hover .ra-remove-button {
  visibility: visible;
}

/* Formatting */
.ra-content .ra-title {
  padding-left: 4px;
  padding-right: 4px;
}

.ra-group-expand, .ra-group-collapse, .ra-group-header {
  cursor: pointer;
}

.ra-id {
  color: grey;
  padding-left: 7px;
}

.ra-title a {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.ra-row:hover .ra-title a {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.ra-state {
  color: grey;
  margin-left: 4px;
  width: 112px;
}

.ra-state-icon {
  background-size: 100%;
}

.ra-collapse {
  display: none;
}

.ra-icon-placeholder {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.ra-show-more-container {
  display: inline-block;
}

.ra-show-more {
  display: inline-block;
  cursor: pointer;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  padding-right: 5px;
}

.ra-shown-count {
  display: inline-block;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.ra-not-shown-count {
  overflow: hidden;
  display: inline-block;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  padding-top: 6px;
  text-overflow: ellipsis;
}

.ra-show-more:hover {
  text-decoration: underline;
}

/* Related Artifacts List Control */
.ra-item {
  padding: 4px 0;
  position: relative;
}

.ra-item-wrapper {
  /* Reserve space for delete button */
  margin-right: 20px;
}

.ra-item:not(:last-child) {
  margin-bottom: 2px;
}

.ra-item:hover,
.ra-item-focus {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

/* Clear any floating children */
.ra-item:after {
  content: "";
  display: table;
  clear: both;
}

/** Delete button */
.ra-item-delete {
  cursor: pointer;
  /* Match padding ra-item */
  position: absolute;
  top: 8px;
  right: 8px;
}

/* Show delete button(s) only on hover/focus */
.ra-item-delete span {
  display: none;
  font-size: 14px;
}

/* Show delete button on item hover or focus */
.ra-item:hover span.bowtie-icon.bowtie-navigate-close,
.ra-item-focus span.bowtie-icon.bowtie-navigate-close {
  display: inline-block;
}

/* Highlight icon in red on button hover */
.ra-item-delete:hover span.bowtie-icon.bowtie-navigate-close,
.ra-item-delete a:focus span.bowtie-icon.bowtie-navigate-close {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.ra-item:hover .ra-primary-data a,
.ra-item-focus .ra-primary-data a,
.ra-item:hover .ra-primary-data,
.ra-item-focus .ra-primary-data {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.ra-item-wrapper .title {
  color: black;
}

.ra-item-wrapper .detail {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

/* Default Artifact Renderer*/
/* Artifact icon */
.ra-primary-icon {
  float: left;
  width: 20px;
  height: 16px;
  padding-left: 1px;
}

.ra-primary-icon .icon {
  vertical-align: baseline;
}

.ra-artifact-data {
  margin-left: 20px;
}

.ra-primary-data {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
}

.ra-primary-data .ra-user-icon {
  padding-right: 4px;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

.ra-primary-data .ra-user-icon > img {
  width: 16px;
  height: 16px;
}

.ra-primary-data-id {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  padding-right: 3px;
  display: inline;
  vertical-align: top;
}

.ra-primary-data a,
.ra-primary-data a:visited {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  vertical-align: top;
}

.ra-additional-data {
  overflow: hidden;
}

.ra-additional-data-item {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: top;
  height: 16px;
}

.ra-additional-data-item .ra-text {
  display: inline;
  vertical-align: top;
}

.ra-additional-data-item .icon {
  margin-bottom: 2px;
  margin-right: 2px;
}

.ra-action {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ra-color-bar {
  width: 6px;
  height: 16px;
  vertical-align: text-bottom;
}

.ra-primary-icon .ra-color-bar {
  display: block;
  margin: 0 auto;
}

.ra-additional-data .ra-color-bar {
  display: inline-block;
  vertical-align: text-top;
}

.ra-color-circle {
  width: 8px;
  height: 8px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.ra-primary-icon .ra-color-circle {
  display: block;
  margin: 4px auto 0 auto;
}

.ra-additional-data .ra-color-circle {
  display: inline-block;
  margin: 5px 5px auto auto;
  float: left;
}

/* End Default Artifact Renderer*/
.ra-progress-spinner {
  margin: auto;
  background: url("../../_content/progress-spinner.gif");
  height: 36px;
  width: 36px;
}

/* Error container */
.ra-error-container {
  display: inline-block;
  padding-bottom: 5px;
}

.ra-error-text {
  display: inline-block;
  vertical-align: middle;
}

.ra-error-icon {
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
}

.ra-hidden {
  display: none;
}

.ui-dialog.bowtie-dialog .ui-dialog-content.move-item-dialog,
.ui-dialog.bowtie-dialog .ui-dialog-content.change-type-dialog {
  overflow-y: auto;
  overflow-x: hidden;
}

.move-item-dialog .destination-project {
  margin-top: 0px;
}

.change-type-dialog .type-selector {
  margin-top: 0px;
}

.move-item-dialog .message-area-control, .change-type-dialog .message-area-control {
  margin-bottom: 8px;
}

.move-item-dialog .bowtie-navigate-external, .change-type-dialog .bowtie-navigate-external {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.move-item-dialog input::-ms-clear, .change-type-dialog input::-ms-clear {
  display: none;
}

/** Automatically converted from ColorPicker.css **/
.color-picker-palette {
  display: inline-block;
  /*Give the palette the size of its content*/
  background-color: white;
  box-shadow: rgba( 218, 218, 218 ,  1 ) 0 0 5px;
  box-shadow: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 0 0 5px;
  border-radius: 2px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 2px;
  list-style: none;
  /*Remove default bullet to all list item of this list*/
  cursor: pointer;
  margin: 0;
  /*Require to be close to the combo when openned*/
  position: fixed;
  /*This is required to be able to use the offset of the document to position the color picker palette*/
  z-index: 100;
  outline: none;
  /*By specs*/
}

/*
    We are floating, thus not having any body. We need to specify after the floating container a way
    to get back it's whole horizontal and vertical space. This is a way to do it.
*/
.color-picker-palette:after {
  content: "";
  display: table;
  clear: both;
}

.color-picker-palette-single-color {
  float: left;
  height: 20px;
  width: 20px;
  /*This need to be synchronized with ColorPaletteView constants*/
  margin: 1px;
  /*This need to be synchronized with ColorPaletteView constants*/
}

.color-picker-palette-single-color:hover {
  transform: scale(1.2);
}

/*
    Stop the floating to go on next line
*/
.color-picker-palette-single-color-last {
  clear: left;
}

/*
    Border between selected that is available only when not hover
*/
.color-picker-palette-single-color-selected {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

/**
    Hide the border when hovering. Since we are using scaling up, the border wasn't pretty.
*/
.color-picker-palette-single-color-selected-inner:hover,
.color-picker-palette-single-color.color-picker-palette-single-color-selected:hover {
  border: none;
}

.color-picker-palette-single-color-selected-inner {
  height: 18px;
  /*2 pixel less than .color-picker-palette-single-color */
  width: 18px;
  /*2 pixel less than .color-picker-palette-single-color */
  border: 1px solid white;
}

.color-picker-palette-single-color-border {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

/**
    We do not set the width and height in the CSS because we want it to be
    customizable in the TypeScript control
*/
.color-picker-combo {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  cursor: pointer;
}

.disabled .color-picker-combo {
  cursor: default;
}

/*The arrow down to open the combo*/
.color-picker-combo .bowtie-chevron-down-light {
  height: 100%;
  width: 30px;
  margin-top: 0;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  float: right;
}

.disabled .color-picker-combo .bowtie-triangle-down {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.disabled .color-picker-combo .bowtie-triangle-down::before {
  opacity: 0.5;
}

/* Tab Strip Control */
.tabstrip-control {
  width: 100%;
}

/* Tab Strip Control - Tab Collection Container */
.tabstrip-control-container {
  height: 100%;
  position: relative;
}

.tabstrip-control-container.vertical .tabstrip-collection-container {
  display: inline;
  float: left;
  overflow: hidden;
  width: 155px;
}

.tabstrip-control-container.vertical .tabstrip-collection .tabstrip.active {
  border-right-color: rgba( 255, 255, 255 ,  1 );
  border-right-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.tabstrip-collection {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/* Tab Strip Control - horizontal align */
.horizontal .tabstrip-content-container {
  overflow-y: auto;
}

.tabstrip-control-container.horizontal .tabstrip-collection-container {
  display: block;
  float: none;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}

.tabstrip-control-container.horizontal .tabstrip-collection-container .tabstrip {
  float: none;
  width: 127px;
  display: inline-block;
  margin: 0px;
  vertical-align: top;
  /* Need this to address weird spacing issue with inline-block: http://stackoverflow.com/questions/20845649/weird-space-after-inline-block-not-between */
}

.tabstrip-control-container.horizontal .tabstrip-collection .tabstrip {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.tabstrip-control-container.horizontal .tabstrip-collection .tabstrip.active {
  border-bottom-color: rgba( 255, 255, 255 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.tabstrip-control-container.horizontal .tabstrip-content-container {
  width: 100%;
  margin: 0px;
  margin-top: -1px;
}

/* Common Config Arrow Scrollbar */
.tabstrip-control-container.vertical .tabstrip-collection-container .arrow-scroll-button.vertical {
  height: 15px;
  width: 155px;
}

/* Tab Strip Control - Tab Collection Container Menu item */
.menu-item .tabstrip-menu-item {
  padding: 4px !important;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.tabstrip-collection .tabstrip {
  cursor: default;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  display: block;
  margin-bottom: 5px;
  list-style-type: none;
  min-height: 40px;
  width: 100%;
  /* use 100% so the tabs width will change when parent has a scrollbar */
}

.tabstrip-collection .tabstrip:last-of-type {
  margin-bottom: 0px;
}

.tabstrip-collection .tabstrip.active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-right:  2px solid;
  border-right-color: rgba( 248, 248, 248 ,  1 );
  border-right-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.tabstrip-collection .icon-ellipsis {
  visibility: hidden;
}

.tabstrip-collection .tabstrip .header {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  padding-top: 12px;
  padding-left: 5px;
  padding-bottom: 12px;
  margin: 0px;
  float: left;
  white-space: nowrap;
  font-weight: normal;
  /* Begin disable user selection */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -ms-user-select: none;
  /* IE 10+ */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -moz-user-select: none;
  /* Firefox all */
  -o-user-select: none;
  user-select: none;
  /* Likely future */
  /* End disable user selection*/
}

.tabstrip-collection .tabstrip.active .header {
  font-weight: bold;
}

.tabstrip-control-container.horizontal .tabstrip-collection .tabstrip .header {
  width: 87px;
}

.tabstrip-control-container.vertical .tabstrip-collection .tabstrip .header {
  width: 110px;
}

/* Tab Strip Control - sortable */
.tabstrip-collection.ui-sortable .tabstrip {
  cursor: pointer;
}

.tabstrip-collection.ui-sortable.disabled .tabstrip {
  cursor: default;
}

.tabstrip-sortable-helper {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border:  1px solid;
  border-color: rgba( 0, 90, 158 ,  1 ) !important;
  border-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 ) !important;
}

.tabstrip-collection.ui-sortable:not(.disabled) .tabstrip:hover {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.tabstrip-collection.ui-sortable .tabstrip .icon-ellipsis {
  float: right;
  visibility: hidden;
  display: inline;
  height: 13px;
  width: 21px;
}

.tabstrip-collection.ui-sortable .tabstrip.active .icon-ellipsis {
  visibility: visible;
  color: rgba( 222, 236, 249 ,  1 );
  color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.tabstrip-collection.ui-sortable.disabled .tabstrip:not(.active) .icon-ellipsis {
  visibility: hidden;
}

.tabstrip-collection.ui-sortable:not(.disabled) .tabstrip:hover .icon-ellipsis {
  visibility: visible;
}

.tabstrip-collection.ui-sortable .tabstrip .header-gripper {
  float: left;
  margin-left: 3px;
  margin-top: 3px;
  visibility: hidden;
}

.tabstrip-collection.ui-sortable .tabstrip.active .header-gripper:hover {
  opacity: 1.0;
}

.tabstrip-collection.ui-sortable .tabstrip .header-gripper {
  width: 12px;
  height: 33px;
  background: url("../../_content/icon-gripperDefault.png") no-repeat 0 0 !important;
}

.tabstrip-collection.ui-sortable .tabstrip .header-gripper:hover {
  width: 12px;
  height: 33px;
  background: url("../../_content/icon-gripperHover.png") no-repeat 0 0 !important;
}

.tabstrip-collection.ui-sortable .tabstrip.active .header-gripper {
  width: 12px;
  height: 33px;
  opacity: 0.5;
  background: url("../../_content/icon-gripperHover.png") no-repeat 0 0 !important;
}

.tabstrip-collection.ui-sortable:not(.disabled) .tabstrip:hover .header-gripper {
  visibility: visible;
}

.tabstrip-collection.ui-sortable .tabstrip.active .header-gripper {
  visibility: visible;
}

.tabstrip-collection.ui-sortable.disable .tabstrip.active .header-gripper {
  visibility: hidden;
}

.tabstrip-content-container {
  width: calc(100% - 154px);
  height: 250px;
  margin-left: 154px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 0 20px 30px 20px;
}

.tabstrip-error-icon {
  float: right !important;
  margin-bottom: 9px !important;
  margin-right: 6px !important;
}

/* Arrow Scrollbar */
.arrow-scroll-button {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  user-select: none;
  position: absolute;
  cursor: pointer;
}

.arrow-scroll-button:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.arrow-scroll-button.pressed {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.arrow-scroll-button.vertical {
  height: 15px;
  line-height: 15px;
  /* set to height to keep characters from expanding the height - only happens in Firefox */
  width: 160px;
}

.arrow-scroll-button.prev.vertical {
  top: 0px;
  /* position arrow on the top */
}

.arrow-scroll-button.next.vertical {
  bottom: 0px;
  /* position arrow on the bottom */
}

/* Place the arrow icon on top of the scroll button area */
.arrow-scroll-button.prev.vertical::before {
  content: "\25b2";
  /* arrow up */
  padding-left: 75px;
  position: absolute;
  top: -2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.arrow-scroll-button.next.vertical::before {
  content: "\25bc";
  /* arrow down */
  padding-left: 75px;
  position: absolute;
  top: -2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.arrow-scroll-button.horizontal {
  height: 42px;
  width: 18px;
}

.arrow-scroll-button.prev.horizontal {
  top: 0px;
  /* position arrow on the top left */
  left: 0px;
}

.arrow-scroll-button.next.horizontal {
  top: 0px;
  /* position arrow on the top right */
  right: 0px;
  padding-left: 0px;
}

.arrow-scroll-button.prev.horizontal::before {
  content: "\25c0";
  /* arrow left */
  padding-left: 0px;
  position: absolute;
  top: 28%;
  left: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.arrow-scroll-button.next.horizontal::before {
  content: "\25b6";
  /* arrow right */
  padding-left: 0px;
  position: absolute;
  top: 28%;
  left: 0px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.workitem-state-circle {
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  margin-top: 5px;
  margin-right: 5px;
  float: left;
  width: 8px !important;
  height: 8px !important;
  transition: background-color linear .2s;
}

.workitem-state-value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% - 13px);
}

.popup-container {
  border: 1px solid black;
  background-color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  cursor: pointer;
}

.popup-hidden {
  display: none;
}

.add-path-dialog .source-explorer-tree {
  overflow: auto;
  height: 325px;
}

.configuration-dialog .ui-dialog-titlebar {
  margin: 0px;
}

.ui-dialog.configuration-dialog .ui-dialog-content {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

.configuration-dialog .ui-dialog-buttonpane {
  margin: 0px;
}

.configuration-dialog .cardfields-settings-tabstrip .core-fields-checkbox input[type='checkbox'] {
  height: auto;
}

.tab-collection {
  height: 100%;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.tab-collection .bowtie-status-error {
  float: left;
  font-size: 10px;
  margin-right: 2px;
}

.tab-collection .bowtie-status-warning {
  float: left;
}

.tab-collection .tab-collection-container {
  height: 100%;
  position: relative;
  clear: both;
}

.tab-collection .message-area {
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  width: 100%;
}

.tab-collection .control-message-area {
  padding: 3px 0px 0px 0px;
}

.tab-collection .error-message {
  font: normal 12px Segoe UI;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.tab-collection .warning-message {
  font: normal 12px Segoe UI;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  padding-left: 18px;
}

.tab-collection .info-message {
  font: normal 12px Segoe UI;
}

.tab-collection .tabs-titles-container {
  border-right:  1px solid;
  border-right-color: rgba( 234, 234, 234 ,  1 );
  border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  float: left;
  height: 100%;
  overflow: hidden;
  padding: 0px 0px 20px 0px;
}

.tab-collection .tabs-titles {
  list-style-type: none;
  padding: 0px;
  margin-top: 10px;
  width: 160px;
  margin: 0px;
}

.tab-collection .tabs-titles li {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  list-style-type: none;
  padding-left: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tab-collection .tabs-titles li.tab-title {
  cursor: pointer;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  box-shadow: inset -3px 0 0 0 rgba( 234, 234, 234 ,  1 );
  box-shadow: inset -3px 0 0 0 rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 31px;
  line-height: 200%;
}

.tab-collection .tabs-titles li.tab-title:hover {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.tab-collection .tabs-titles li.tab-title:focus {
  border: 1px solid;
}

.tab-collection .tabs-titles li.current {
  font-weight: bolder;
  box-shadow: inset -3px 0 0 0 rgba( 16, 110, 190 ,  1 );
  box-shadow: inset -3px 0 0 0 rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.tab-collection .tabs-titles li.group-title {
  padding-top: 20px;
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  font-size: 16px;
  padding-bottom: 6px;
  white-space: nowrap;
}

.tab-collection .tabs-titles li.invalid {
  /*border-left: 2px solid red;*/
}

.tab-collection .tabs-titles li.isDirty .tab-title-text {
  font-weight: bolder;
}

.tab-collection .tabs-titles li.isDirty .tab-title-text::after {
  content: " *";
}

.tab-collection .tabs-titles li.isSaving {
  /*border-left: 2px solid gray;*/
}

.tab-collection .tabs-titles li.tab-title .tab-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 15px;
}

.tab-collection .tabs-contents-container {
  height: 100%;
  padding: 0px;
  margin: 0px;
  padding: 0px 24px 20px 0px;
}

.tab-collection .tab-content-container {
  padding: 0px;
  margin: 0px;
  display: none;
  height: 100%;
  overflow: hidden;
}

.tab-collection .tab-content {
  padding: 0px;
  margin: 0px;
  height: 100%;
  position: relative;
}

.tab-collection .tab-content-main {
  padding: 0px;
}

.tab-collection .tab-content-apply-panel {
  background-color: accent3-light;
  padding: 2px 20px 2px 20px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 28px;
  display: none;
}

.tab-collection .tab-content-apply-btn {
  background-color: accent3-light;
  border-radius: 5px;
  width: 150px;
  padding: 2px 20px 2px 20px;
  text-align: center;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  float: right;
  cursor: pointer;
}

.tab-collection .tab-control-overlay {
  opacity: 0.8;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.tab-collection .tabs-titles li.tab-title .bowtie-status-error {
  float: right;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 4px;
}

.tab-collection .settings-message-area {
  min-height: 22px;
  padding: 5px 0 5px 18px;
}

.tab-collection .settings-message-area .error-message {
  font: normal 12px Segoe UI;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  margin-right: 10px;
  margin-left: 20px;
}

.hidden-field-control {
  display: none;
}

/***** End Controls *****/
/* Used for displaying iframes that fill their container*/
.discussion-thread {
  position: relative;
}

.discussion-thread .comment-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 6px;
  z-index: 100;
}

.discussion-thread,
.discussion-thread .discussion-comment .edit-area {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 15px;
  white-space: pre-wrap;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.discussion-thread .comments-container {
  position: relative;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  top: 5px;
  padding-left: 2px;
  padding-right: 5px;
}

.discussion-thread:hover .comments-container {
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread.selected-thread .comments-container {
  border-left-color: rgba(150, 175, 200, 0.5);
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread .discussion-comment-separator {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.discussion-thread .discussion-comment {
  position: relative;
  margin-top: 5px;
  margin-bottom: 4px;
}

.discussion-thread .discussion-comment .thread-expander {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: none;
  cursor: pointer;
}

.discussion-thread.expanded .discussion-comment .thread-expander,
.discussion-thread.collapsed .discussion-comment .thread-expander {
  display: block;
}

.discussion-thread.expanded .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px 50% !important;
}

.discussion-thread.collapsed .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px 50% !important;
}

.discussion-thread.collapsed .discussion-comment.non-root-comment {
  display: none;
}

.discussion-thread.collapsed .discussion-comment-separator {
  display: none;
}

.discussion-thread .discussion-comment .picture-column {
  position: absolute;
  top: 0;
  left: 15px;
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment.non-root-comment {
  margin-left: 20px;
}

.discussion-thread .discussion-comment .picture-column .identity-picture {
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment .comment-column {
  margin-left: 52px;
}

.discussion-thread .discussion-comment .comment-container {
  position: relative;
  margin-right: 84px;
}

.discussion-thread .discussion-comment .comment-actions {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}

.discussion-thread .discussion-comment:hover .comment-actions,
.discussion-thread .discussion-comment.selected-comment .comment-actions,
.discussion-thread .discussion-comment .comment-actions .discussion-comment-feedback {
  visibility: visible;
}

.discussion-thread .discussion-comment .discussion-status-menu,
.discussion-thread .discussion-comment .discussion-create-work-item-menu {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: bottom;
}

.discussion-thread .discussion-comment .dropdown-action .menu-bar {
  display: inline;
}

.discussion-thread .discussion-comment .edit-area {
  width: 100%;
  padding: 1px 3px;
  border: 1px solid transparent;
  resize: none;
  overflow: hidden;
  outline: none;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.discussion-thread .discussion-comment .edit-area.mirror {
  position: absolute;
  height: 0px;
  left: -999999px;
}

.discussion-thread .discussion-comment.editable .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable .edit-area:focus {
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.discussion-thread .discussion-comment.editable.is-dirty .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable.is-dirty .edit-area {
  border-color: rgba(150, 175, 200, 0.5);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.discussion-thread .discussion-comment-status {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  /*setting line height to 16px to accommodate 16x16px drop icon*/
  line-height: 16px;
}

.discussion-thread .discussion-comment .disabled-link {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: text;
}

.discussion-thread .discussion-comment .disabled-link:hover {
  text-decoration: none;
}

.discussion-thread .discussion-comment .discussion-action.view-mode,
.discussion-thread .discussion-comment.is-dirty .discussion-action.edit-mode {
  display: inline;
}

.discussion-thread .discussion-comment.is-dirty .discussion-action.view-mode,
.discussion-thread .discussion-comment .discussion-action.edit-mode {
  display: none;
}

.discussion-thread .discussion-comment .discussion-action.reply-comment-action {
  display: none;
}

.discussion-thread .discussion-comment.is-leaf .discussion-action.reply-comment-action {
  display: inline;
}

.discussion-thread .status-action {
  float: right;
  max-width: 100%;
}

.discussion-thread .dropdown-action .menu-bar > .menu-item.focus {
  outline: none;
}

.discussion-thread .dropdown-action .menu-bar .menu {
  min-width: 1px;
}

.discussion-thread A {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: none;
  cursor: pointer;
}

.discussion-thread A:hover {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: underline;
}

.discussion-thread A:visited {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.discussion-thread A:active {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.discussion-thread .discussion-action:before {
  content: ' - ';
}

.discussion-thread .comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.add-comment-background-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -912px 50% !important;
}

.discussion-thread .menu-item .delete-comment-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -14px !important;
}

.discussion-thread .menu-item > .icon.comment-work-item-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.code-analysis-warning-icon {
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.code-analysis-resolved-icon {
  background: url("../../_content/checkmark-green.png") no-repeat 0 0 !important;
}

/***** Begin Areas *****/
/** Automatically converted from Admin.css **/
.dataContainer {
  margin: 0px;
  width: 100%;
}

.boxstyle {
  border-style: solid;
  margin-left: 10px;
  margin-right: 5px;
  width: 60px;
  height: 40px;
  font-size: 1.2em;
  border-color: gray;
}

.subscriberText {
  font-size: 1.2em;
  font-weight: bold;
  color: gray;
  margin-top: 10px;
}

.buildText {
  width: 100px;
  padding-right: 10px;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
}

.buildfield {
  margin-top: 15px;
}

.enable_billing {
  cursor: pointer;
  padding: 0px 5px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  min-width: 110px;
  line-height: 18px;
  display: inline;
}

.billingCycleText {
  padding: 0px 5px;
  display: inline-block;
}

.buildDiv {
  font-size: 1em;
  width: 100px;
  height: 40px !important;
  border-style: solid;
  border-width: 3px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
  padding-top: 5px;
  border-color: gray;
}

.buttonstyle {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  display: inline-block;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 15px;
  font-weight: normal;
  padding: 6px 24px;
  text-decoration: none;
}

.serviceName {
  height: 24px;
  padding-left: 5px;
}

.subscriberText-1 {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.subscriberText-2 {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-left: 5px;
}

.subscriberText-asterix {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.error-message-accountRename {
  display: inline;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.error-message-div {
  display: block;
  margin-left: 115px;
  margin-right: 10px;
}

.settings-advance-control-container {
  display: inline;
  padding-top: 15px;
}

.warning-understand {
  margin-bottom: 50px;
}

.rename-warning-list {
  display: block;
  margin: 10px 7px 10px 7px;
  padding-bottom: 10px;
}

.message-warning {
  display: block;
}

.accountUrl-text {
  padding-right: 10px;
  padding-left: 7px;
}

.rename-checkbox {
  padding-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.modal-dialog .rename-checkbox-text {
  display: inline;
}

.rename-warning-header-div {
  height: 48px;
  display: inline;
  border-bottom: 1px solid silver;
  font-size: 1em;
}

.rename-warning-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.rename-warning-tbl-img {
  padding: 4px 3px 0px 3px;
}

.rename-warning-tbl-txt {
  padding-left: 10px;
}

.description-rename {
  padding: 6px 5px 1px 1px;
  display: inline;
}

.settings-advance-control-header {
  font-size: 1em;
  margin-left: 20px;
  margin-top: 25px;
  margin-right: 10px;
}

.divider {
  margin: 10px 7px 2px 10px;
  border-bottom: 1px solid silver;
}

.rename-error-message-icon {
  padding-left: 16px;
  background: url("../../_content/tfs-icons.png") no-repeat -4240px 50% !important;
}

.rename-err-footer-img {
  display: inline-block;
  float: left;
  width: 22px;
  height: 40px;
}

.display-Advance-Url {
  float: left;
  margin-left: 2px;
  min-width: 100px;
  margin-top: 10px;
}

.display-Advance {
  float: left;
  margin-left: 10px;
  width: 100px;
  margin-top: 10px;
}

.display-Advance-changename {
  float: left;
  margin-left: 10px;
  width: 75px;
  margin-top: 10px;
}

.display-Advance-label {
  float: left;
  margin-left: 20px;
  width: 90px;
  margin-top: 10px;
}

.display-Advance-change {
  text-decoration: underline;
}

a.admin-disabled-link {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

a.admin-disabled-link:hover {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  text-decoration: none;
}

#identityInfo {
  line-height: 18px;
  height: 100%;
  width: 100%;
}

.account-section-control {
  clear: both;
  padding-bottom: 30px;
}

.account-section-control .secondary-guidance {
  margin-left: 0;
}

.settings-control-column-width {
  width: 350px;
  -webkit-user-select: none;
}

.settings-control-column-width .settings-privacy-url {
  width: inherit;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.message-area-container {
  margin: 10px;
}

.account-settings-table {
  margin-left: 20px;
  margin-top: 20px;
}

.account-settings-table td {
  padding-bottom: 12px;
}

.account-settings-table td:first-child {
  padding-right: 10px;
}

.account-settings-container {
  margin-left: 0px;
  margin-top: 0px;
}

.account-section-control .header span,
.groups-section-header .main-header {
  font-weight: bold;
  text-transform: uppercase;
}

.group-info-errors {
  margin-top: 10px;
}

.group-info-error-message {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.group-info-input {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  width: 100%;
  background-color: transparent;
  overflow: hidden;
  resize: none;
}

.group-info-buttons {
  margin-top: 10px;
}

.inline-input-wrapper {
  border: 1px solid transparent;
  padding: 4px;
  margin-left: -5px;
}

.inline-input-wrapper:hover,
.inline-input-wrapper.focused {
  border-color: rgba(0, 0, 0, .55);
  border-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.inline-input-wrapper.invalid {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.groups-section-header {
  margin-bottom: 10px;
}

.manage-group-image {
  display: block;
  float: left;
  margin-right: 20px;
  vertical-align: top;
}

.manage-group-image img {
  display: block;
  margin-bottom: 10px;
  width: 95px;
  height: 95px;
}

.manage-group-data {
  display: block;
  overflow: hidden;
}

.group-actions {
  display: inline-block;
  margin-left: 20px;
  border-left: solid 1px;
  padding-left: 5px;
  font-size: 12px;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.group-actions .menu-item.hover {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.group-actions:hover {
  cursor: pointer;
}

.add-account-users td:first-child {
  white-space: nowrap;
}

.add-account-users .header span {
  font-weight: bold;
  text-transform: uppercase;
}

/* CHANGE DOMAIN URL */
.newdomain-disabled-link {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.newdomain-warning-header-div {
  height: 48px;
  display: inline;
  border-bottom: 1px solid silver;
  font-size: 1em;
}

.newdomain-warning-tbl-img {
  padding: 4px 3px 0px 3px;
}

.newdomain-warning-tbl-txt {
  padding-left: 10px;
}

.newdomain-warning-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.newdomain-warning-header {
  padding: 6px 5px 1px 1px;
  display: inline;
}

.newdomain-checkbox {
  padding-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.newdomain-warning-list-header {
  display: block;
  margin: 10px 7px 10px 7px;
}

.newdomain-warning-list-boldheader {
  display: block;
  margin: 10px 7px 10px 7px;
  font-weight: bold;
}

.newdomain-warning-list-item {
  display: block;
  margin: 10px 7px 10px 7px;
  padding-bottom: 10px;
}

.newdomain-warning-list-item input, .newdomain-warning-list-item label {
  vertical-align: middle;
}

.modal-dialog .newdomain-checkbox-text {
  display: inline;
  margin-left: 5px;
}

.newdomain-error-message-div {
  display: block;
  margin-right: 10px;
}

.newdomain-error-message-icon {
  padding-left: 16px;
  background: url("../../_content/tfs-icons.png") no-repeat -4240px 50% !important;
}

.newdomain-err-footer-img {
  display: inline-block;
  float: left;
  width: 22px;
  height: 40px;
}

.newdomain-error-message-text {
  display: inline;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

/* ACCOUNT USERS AND SECURITY */
.identity-list-section {
  height: 100%;
}

.identity-list-section .toolbar {
  padding-left: 0;
  margin-bottom: 5px;
  border-top: none;
  margin-left: 0px;
}

.identity-list-section #manage-identities-create-group-container {
  height: 32px;
  margin: 5px 5px 5px 0px;
}

.manage-identities-error-view {
  margin: 20px;
  font-size: 14px;
}

.manage-identities-view .identity-list-section {
  margin-left: 10px;
}

.licenses-view .rightPane {
  overflow-y: auto;
}

.licenses-view .rightPane .right-hub-content {
  overflow-y: auto;
}

.security-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-container .security-view {
  margin-left: 10px;
}

.security-view .leftPane .hub-pivot-content {
  top: 0;
}

.security-view .rightPane .hub-pivot {
  padding-left: 20px;
}

.security-view .rightPane .hub-pivot-content {
  top: 38px;
}

.security-view .hub-splitter.splitter.horizontal > .leftPane,
.manage-identities-view .hub-splitter.splitter.horizontal > .leftPane {
  width: 335px;
}

.security-view .hub-splitter.splitter.horizontal > .rightPane,
.manage-identities-view .hub-splitter.splitter.horizontal > .rightPane {
  left: 335px;
}

.security-view .hub-splitter.splitter.horizontal > .handleBar,
.manage-identities-view .hub-splitter.splitter.horizontal > .handleBar {
  left: 335px;
}

.manage-identities-view.hub-view.explorer .right-hub-content {
  top: 70px;
}

.manage-identities-view.hub-view.explorer .right-hub-content.has-banner {
  top: 100px;
}

.manage-identities-view.hub-view.explorer .hub-progress {
  top: 60px;
  right: 100px;
}

.manage-identities-view.hub-view.explorer .hub-progress.has-banner {
  top: 90px;
}

.manage-identities-view .hub-content {
  top: 15px;
}

.manage-identities-view .left-hub-content {
  top: 0px;
  right: 0;
}

.manage-identities-view .message-area-control.visible ~ .hub-content {
  top: 54px;
}

.manage-identities-view .message-area-control.visible ~ .visible ~ .hub-content {
  top: 93px;
}

.manage-identities-view .left-hub-content .hub-pivot {
  top: 5px;
}

.manage-identities-view .hub-pivot-content {
  top: 39px;
}

.manage-identities-view.team-view .hub-pivot-content {
  top: 0;
}

.manage-identities-view .left-hub-content .hub-pivot-content {
  left: 0;
}

.manage-identities-view .right-hub-content .hub-pivot-content {
  top: 34px;
}

.manage-identities-view .identity-search-control {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.manage-identities-view .hub-title {
  height: 100px;
  margin: 0;
}

.manage-identities-view .hub-title .label {
  position: absolute;
  top: 0;
  left: 20px;
  right: 110px;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 15px;
}

.manage-identities-view .hub-title .label .title-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.manage-identities-view .hub-title .image {
  position: absolute;
  top: 10px;
  right: 10px;
}

.security-view .leftPane .hub-pivot {
  left: 0;
}

.main-identity-grid.grid {
  border: 0px;
}

.empty-cell {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.membership-control-header {
  margin-bottom: 5px;
}

.membership-control-header .message-area-control {
  max-width: 500px;
  margin-bottom: 6px;
}

#identityInfo .message-area-control {
  margin-left: 10px;
}

.membership-control-header .pivot-filter {
  margin-right: 6px;
}

.membership-control-header .identity-search-control {
  margin-top: 5px;
}

.actions-control.toolbar {
  height: auto;
}

.identity-details-section {
  height: 100%;
  position: relative;
  width: 100%;
}

.identity-details-section .manage-membership-grid {
  border: 0;
}

.identity-details-section .manage-membership-grid .grid-header-canvas {
  padding-left: 10px !important;
}

.identity-details-section .manage-membership-grid .grid-canvas {
  margin-left: 10px;
}

.dialog-errors {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.dialog-errors li {
  padding-bottom: 5px;
}

.dialog-errors li:last-child {
  padding-bottom: 0;
}

.membership-control-actions.toolbar {
  vertical-align: top;
  height: auto;
  /* We set the height as auto for a bug in chrome which makes the add member dialog box not appear when clicked on the menu item */
}

.membership-control-actions.toolbar .menu-bar {
  float: left;
}

.manage-membership-notifications {
  padding: 2px;
}

.manage-membership-action-cell {
  visibility: hidden;
}

.manage-membership-action-cell button {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-align: initial;
  border-radius: 0;
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.manage-membership-action-cell button:hover {
  text-decoration: underline;
}

.manage-membership-action-cell button:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.grid-row-current .manage-membership-action-cell {
  visibility: visible;
}

.grid-row:hover .manage-membership-action-cell {
  visibility: visible;
}

.removed-identity {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.removed-identity.grid-row-selected {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.add-identity-dialog .main-description {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-weight: bold;
  padding: 4px;
  text-transform: uppercase;
}

.add-identity-dialog .table-section {
  float: left;
  margin-left: 10px;
}

.add-identity-dialog .main-table td {
  min-height: 20px;
  vertical-align: top;
}

.add-identity-dialog .main-table td:first-child {
  padding-right: 16px;
}

.add-identity-dialog .section {
  clear: both;
  padding-top: 10px;
}

.add-identity-dialog .header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

.add-identity-dialog .description {
  margin: 0 0 15px 0;
  line-height: 20px;
}

.add-identity-dialog .browse-context {
  height: 100%;
}

.add-identity-dialog .message-area-control.upsell-message {
  border-color: transparent;
  margin-bottom: 10px;
}

.add-identity-dialog .main-table td.ip-dialog-search-container {
  width: 450px;
  overflow-y: auto;
  border: 2px #d3e4f4 solid;
  max-height: 196px;
  display: block;
}

.identity-list-section .identity-search-box .ip-groups-search-container {
  width: 310px;
  border: 2px #d3e4f4 solid;
  height: 30px;
  display: block;
}

.permission-changed-background {
  font-weight: bold;
}

.permission-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.identity-grid-search {
  width: 260px;
  display: inline-block;
}

input.submit-button {
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  font-size: 12px;
  padding: 4px 12px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}

input.submit-button:hover {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

/* ACE/Permissions Control */
.ace-control {
  white-space: nowrap;
}

.ace-control .permissions-table {
  display: table;
}

.ace-control .permissions-table .tbody {
  display: table-row-group;
}

.ace-control .permissions-table .tr {
  display: table-row;
}

.ace-control .permissions-table .td {
  padding: 4px 1px;
  display: table-cell;
}

.ace-control .permissions-table .td.permissionNameColumn {
  padding-right: 15px;
}

.ace-control .permissions-table .td.permissionValueColumn {
  text-align: center;
  width: 60px;
  cursor: pointer;
}

.ace-control .permissions-table .td.traceColumn {
  padding-right: 10px;
}

.ace-control .permissions-table .td.hide {
  visibility: hidden;
}

.ace-control .permissions-table .tr.style_ShadeBackground {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/* accountSection Actions Control */
.account-section-actions {
  clear: both;
  padding-top: 8px;
  padding-bottom: 8px;
}

.account-section-actions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.account-section-actions ul li {
  display: inline;
  padding: 0 6px 0 6px;
  border-left: 1px solid rgba(0, 0, 0, .55);
  border-left: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.account-section-actions ul li:first-child {
  border: none;
  padding-left: 0px;
}

.team-links-section {
  margin-top: 15px;
}

.team-links-section li {
  margin-bottom: 5px;
}

/* Used for general exceptions where we don't know what the error text will be,
   and the error text may not be actionable or easy to understand.

   Examples:
      "Timeout connecting to server",
      "Object reference not set to an instance of an object.",
      "Your network connection is unavailable. Please reconnect and try again.",
      "Ajax request failed with status: Forbidden." (if server returns a HttpStatusCode.Forbidden),
 */
.admin-exception-message {
  font-family: monospace;
}

.permission-header {
  white-space: nowrap;
}

.permission-header .header {
  font-weight: bold;
  text-transform: uppercase;
}

.permission-actions {
  padding-top: 5px;
  padding-bottom: 10px;
}

.permission-actions .btn-close {
  display: none;
}

.no-chrome .permission-actions {
  text-align: right;
}

.no-chrome .permission-actions .btn-close {
  display: block;
}

.permission-info {
  height: 100%;
  margin-left: 20px;
  overflow: auto;
}

.permission-info .description {
  white-space: pre-wrap;
  padding-top: 10px;
}

.no-permission-info {
  height: 100%;
  width: 100%;
}

.no-permission-info td {
  vertical-align: bottom;
  text-align: right;
  padding: 0px;
}

.permission-content {
  padding-top: 10px;
}

.ace-control .permissions-table .td {
  padding: 4px 0px;
}

.ace-control .permissions-table .td.permission-name-column {
  padding-right: 15px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.ace-control .permissions-table .td.permission-value-column {
  cursor: pointer;
  padding: 0 5px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  min-width: 110px;
}

.ace-control .permissions-table .td.permission-value-column.hovered {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.ace-control .permissions-table .td.permission-data {
  width: 0;
}

.ace-control .permissions-table .tr.permission-not-editable .permission-value-column {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: auto;
}

.ace-control .permissions-table .trace-permission-column {
  padding-left: 10px;
}

.ace-control .permissions-table .td.traceColumn {
  padding-right: 10px;
}

.ace-control .permissions-table .tr:hover {
  background-color: transparent;
}

.ace-control .permissions-table .system-permission-policy-column {
  padding-left: 10px;
}

.tr.permission-row .trace-permission-action {
  opacity: 0;
}

.tr.permission-row .trace-permission-action:focus {
  opacity: 1;
}

.tr.permission-row:hover .trace-permission-action {
  opacity: 1;
}

.tr.permission-row-current .trace-permission-action {
  opacity: 1;
}

.tr.permission-row .trace-permission-action span {
  outline: 0;
}

.vss-focus-visible .tr.permission-row .trace-permission-action span:focus {
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tr.permission-row .system-permission-policy-link {
  visibility: hidden;
}

.tr.permission-row:hover .system-permission-policy-link {
  visibility: visible;
}

.tr.permission-row-current .system-permission-policy-link {
  visibility: visible;
}

.tr.permission-row .system-permission-policy-link span {
  outline: 0;
}

.vss-focus-visible .tr.permission-row .system-permission-policy-link span:focus {
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.permissions-inherit-deny {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

/* TRACE PERMISSIONS */
.trace-permission-page .info-section {
  margin-bottom: 20px;
}

.trace-permission-page .info-section .header {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-size: 36px;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: lighter;
}

.trace-permission-page .info-section .description {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  padding: 4px 4px 4px;
}

.trace-permission-page .info-section .key {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-right: 10px;
}

.trace-permission-page .info-section .effective-value {
  text-transform: capitalize;
}

.trace-permission-page .info-section table,
.trace-permission-page .info-section .form-inline {
  margin-left: 4px;
}

.trace-permission-page .groups-section .secondary-guidance {
  margin-bottom: 15px;
}

.trace-permission-page .groups-section .bullet {
  padding-left: 16px;
  background: url("../../_content/tfs-icons.png") no-repeat -2864px -16px !important;
}

.trace-permission-page .groups-section .key-subtitle {
  padding-left: 15px;
}

.trace-permission-page .groups-section .value {
  padding-left: 15px;
}

.trace-permission-page .groups-section .current {
  color: rgba( 43, 136, 216 ,  1 );
  color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.trace-permission-page td {
  padding-bottom: 8px;
}

.trace-permission-page table {
  clear: both;
}

.trace-permission-page .account-section-control {
  padding-left: 4px;
}

.trace-permission-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin-left: 10px;
}

.permission-button {
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
}

.permission-button button,
.permission-button button.ui-state-default,
.permission-button button.ui-button {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 30px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  cursor: pointer;
  outline: 0;
  padding: 2px 12px 2px 12px;
}

.permission-button button:hover:not(.ms-Button):not(.bolt-button), .permission-button button:focus:not(.ms-Button):not(.bolt-button) {
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.permission-button button[disabled]:not(.ms-ContextualMenu-link), .permission-button button[disabled]:hover:not(.ms-ContextualMenu-link), .permission-button button[disabled]:focus:not(.ms-ContextualMenu-link) {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.permission-button button[disabled]:not(.ms-ContextualMenu-link).ms-Checkbox, .permission-button button[disabled]:hover:not(.ms-ContextualMenu-link).ms-Checkbox, .permission-button button[disabled]:focus:not(.ms-ContextualMenu-link).ms-Checkbox {
  border: none;
}

.permission-link-buttons {
  margin-top: 20px;
}

/* GETTING STARTED PAGES */
.creating-collection-text {
  margin-bottom: 10px;
}

/* PROPERTIES CONTROL */
.properties-list tr td:first-child {
  font-weight: bold;
  padding-right: 20px;
}

.admin-dialog .create-team-area-label {
  display: inline;
}

.team-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

/* ==============================================================*/
/* Styles specific to Create/Edit/Delete/Security Area/Iteration dialogs
/* ==============================================================*/
.request-user-info-control > div:first-child {
  white-space: nowrap;
  width: auto;
  padding-top: 0px;
}

.request-user-info-control > div {
  padding: 5px 0;
}

/* ==============================================================*/
.admin-area-iterations .grid-gutter-icon.icon-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px 50% !important;
}

.admin-area-iterations .grid-gutter-icon.icon-new-document {
  background: url("../../_content/tfs-icons.png") no-repeat -2768px 50% !important;
}

.admin-iterations-container {
  margin-bottom: 10px;
  margin-right: 10px;
  width: 350px;
}

/* This is the class applied to the filter that we render ourselves on the Areas/Iterations dialog */
.admin-iterations-filter {
  float: right;
  font-size: 12px;
  display: inline-block;
}

/* ==============================================================*/
/*team iterations styles*/
/* ==============================================================*/
.admin-areas-iterations-control .message-area.admin-areas-iterations {
  margin-left: 20px;
  margin-right: 20px;
}

.admin-areas-iterations.toolbar {
  width: auto;
  padding-left: 0;
  margin-top: 10px;
}

.admin-areas-iterations-header {
  padding-top: 5px;
  padding-bottom: 5px;
}

.admin-area-iteration-description {
  padding: 5px 0 10px 20px;
}

.admin-area-iteration-learn-more bowtie-navigate-external {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.grid-row-current .admin-area-iterations-link {
  visibility: visible;
}

.guidance-text {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 470px;
}

.guidance-text.secondary-guidance {
  clear: both;
  margin-left: 7px;
}

.guidance-text.admin-areas-iterations {
  clear: both;
  padding: 0;
  padding-left: 18px;
}

.message-area.admin-areas-iterations {
  width: auto;
  margin: 0;
  margin-top: 5px;
  float: none;
}

.admin-areas-iterations-grid {
  clear: left;
  /* Message area uses left float so need to clear float */
  height: 600px;
  /* This should always be changed by the javascript when the grid is rendered */
}

/* ==============================================================*/
/* styles for the Team Workitem */
/* ==============================================================*/
.team-field .field-value {
  width: 200px;
}

.team-field .label-cell {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.team-field .row-delete-cell {
  width: 22px;
}

.team-field .control-cell {
  padding: 4px 6px 0 0;
}

.team-field .row-delete {
  cursor: pointer;
}

.team-field .controls-layout {
  margin-bottom: 20px;
  border-spacing: 0px;
  border-collapse: collapse;
  border-width: 0;
}

.team-field .controls-container {
  padding-bottom: 4px;
  border-spacing: 0px;
  border-collapse: collapse;
  border-width: 0;
}

.team-field .field-name {
  font-weight: bold;
}

.field-config-controls .icon-add {
  margin: 0 4px 0 0;
}

/*** Feature Enablement Dialog ***/
.feature-enablement-dialog > .ui-dialog-content {
  padding: 20px 40px 20px 40px;
}

.feature-enablement-dialog td.incorrectly-configured-feature {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.feature-enablement-dialog table.featureList {
  margin-left: 1em;
}

.feature-enablement-dialog table.featureList td:first-child {
  padding-right: 3em;
}

.feature-enablement-dialog .templateName {
  font-weight: bold;
}

.deleted .feature-enablement-dialog div.issues {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 110px;
  max-height: 110px;
  overflow: auto;
}

.feature-enablement-dialog textarea {
  width: 100%;
  height: 110px;
  max-height: 110px;
  resize: none;
}

.feature-enablement-dialog p {
  margin-top: 1.75em;
}

.feature-enablement-info {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  padding: 8px;
}

/* ==============================================================*/
/* styles for the Account AAD Status */
/* ==============================================================*/
.settings-AccountAad-control-container {
  display: inline;
}

.settings-AccountAad-control {
  clear: both;
  margin-top: 50px;
}

.settings-AccountAad-control-header {
  font-size: 1em;
  margin-left: 20px;
  margin-top: 25px;
  margin-right: 10px;
  padding-top: 15px;
}

.display-companion {
  margin-left: 10px;
  margin-top: 10px;
}

.display-AccountAad-label-AadAccount {
  clear: both;
  float: left;
  margin-left: 20px;
  width: 600px;
  margin-top: 10px;
}

/* ==============================================================*/
/* styles for the Account trial */
/* ==============================================================*/
.settings-companion-control-container {
  display: inline;
}

.settings-companion-control {
  clear: both;
  margin-top: 50px;
}

.settings-companion-control-header {
  font-size: 1em;
  margin-left: 20px;
  margin-top: 25px;
  margin-right: 10px;
  padding-top: 15px;
}

.display-companion {
  margin-left: 10px;
  margin-top: 10px;
}

.display-companion-label {
  clear: both;
  float: left;
  margin-left: 20px;
  width: 400px;
  margin-top: 10px;
}

.display-companion-Upgrade-license {
  clear: both;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}

.trial-error-message-icon {
  padding-left: 16px;
  background: url("../../_content/tfs-icons.png") no-repeat -4240px 50% !important;
}

.trial-err-footer-img {
  display: inline-block;
  float: left;
  width: 22px;
  height: 40px;
}

.trial-error-message-img {
  vertical-align: bottom;
}

.error-message-account-trial {
  display: inline;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.error-message-div-trial {
  display: block;
  margin-left: 0;
  margin-top: 15px;
  margin-right: 10px;
}

.display-companion-start-trial {
  margin-top: 10px;
  float: left;
}

.display-companion-label-starttrial {
  clear: both;
  float: left;
  margin-left: 20px;
  width: 360px;
  margin-top: 10px;
}

.detail-feature-trial {
  margin-top: 20px;
}

.description-frature-trial-once {
  font-weight: bold;
}

/* ==============================================================*/
/* Team Settings
/* ==============================================================*/
.team-settings .backlog-level {
  padding-right: 6px;
  position: relative;
  bottom: 1px;
}

.team-settings-control {
  padding: 0px 10px 10px 5px;
  height: auto;
  width: auto;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.team-settings-control .main-header {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 16px;
  padding-top: 15px;
}

.team-settings-control .main-description {
  padding-top: 5px;
}

.team-settings-control .section-header {
  font-weight: 500;
  padding-top: 10px;
}

.team-settings-control .sections-area-container {
  overflow-y: auto;
}

.team-settings-control .teamsettings-radiolist,
.team-settings-control .teamsettings-checkbox {
  margin-bottom: 20px;
  padding-top: 10px;
}

.team-settings-control .teamsettings-radiolist input,
.team-settings-control .teamsettings-checkbox input {
  vertical-align: -2px;
}

.team-settings-control .teamsettings-radiolist label,
.team-settings-control .teamsettings-checkbox label {
  color: rgba( 51, 51, 51 ,  1 ) !important;
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 ) !important;
  display: inline-block;
  margin-bottom: 0;
}

.team-settings-control .teamsettings-radiolist {
  padding-left: 9px;
}

.team-settings-control .teamsettings-radiolist .bugs-behavior-info {
  vertical-align: top;
  margin-left: 4px;
  margin-top: 2px;
}

.team-settings-control .section-checkbox-description {
  padding-top: 0px;
  margin-left: 21px;
}

.team-setting-capitalize {
  text-transform: capitalize;
}

.team-setting-inline-div {
  display: inline;
}

.team-setting {
  padding-top: 10px;
}

.team-settings-control .settings-warning {
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
}

.image-styling-bugs-behavior-team-setting {
  padding-left: 28px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.team-settings-control .error-message {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.team-settings-control .message-area-control .message-header {
  padding-left: 20px;
}

.team-settings-control .message-area-control.warning-message {
  border: none;
  background: none;
  padding: 3px 0px 10px 0px;
  font-size: 14px;
}

.team-settings-control .error-message-icon {
  vertical-align: -2px;
}

.team-settings-control .icon-warning {
  height: 16px;
  width: 16px;
  float: left;
}

.team-settings-control .error-message-icon {
  height: 13px;
  width: 13px;
  margin-top: 2px;
  margin-right: 5px;
  float: left;
  background: url("../../_content/icon-error-small.png") no-repeat 0 0 !important;
}

.team-settings-control .common-message-area {
  padding-top: 5px;
}

.team-settings-control .common-message-area .bowtie-status-error {
  float: left;
  font-size: 10px;
  margin-right: 2px;
}

.team-settings-control .common-message-area .error-message {
  font: normal 12px Segoe UI;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.team-settings-control .info-message {
  font: normal 12px Segoe UI;
}

.team-settings .checkbox-list {
  overflow: hidden !important;
}

.team-overview-control .fill-content {
  top: 10px;
}

.team-overview-control .right-hub-content .admin-overview {
  margin-left: 0px;
}

.export-collection-view {
  width: 800px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}

.export-note-top {
  margin-top: 8px;
}

.export-collection-view .hub-pivot {
  height: 0px;
}

.export-collection-table {
  border-style: solid;
  border-width: 1px;
  margin-top: 25px;
  width: 800px;
}

.export-start {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.export-succeeded {
  background: rgba( 223, 246, 221 ,  1 );
  background: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.export-succeeded td {
  background: rgba( 223, 246, 221 ,  1 );
  background: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.export-failed {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.export-failed td {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.export-collection-table td {
  padding: 12px;
  border-style: solid;
  border-width: 1px;
}

.export-action-header {
  font-weight: bold;
  font-size: 14px;
}

.export-action-detail {
  margin-top: 6px;
  margin-left: 3px;
}

.export-action-button {
  min-width: 75px;
}

.export-action-button-container {
  text-align: center;
}

.export-subway-progress td {
  padding: 0px;
  border-style: none;
  border-width: 0px;
}

.export-in-progress {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.export-error-container {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-style: solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  display: block;
  padding: 5px;
  border-width: 1px;
  margin-top: 12px;
}

.error-message-accountDelete {
  display: inline;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.delete-warning-list {
  display: block;
  margin: 10px 7px 10px 7px;
  padding-bottom: 10px;
}

.delete-checkbox {
  padding-top: 0px;
  display: inline-flexbox;
  margin-left: 0px;
  padding-left: 0px;
}

.delete-checkbox-text {
  padding-left: 5px;
  display: inline-flexbox;
}

.delete-warning-header-div {
  height: 48px;
  display: inline;
  font-size: 1em;
}

.delete-warning-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.delete-warning-tbl-img {
  padding: 0px 3px 4px 3px;
  width: 35px;
}

.delete-warning-tbl-txt {
  padding-left: 10px;
}

.description-delete {
  padding: 6px 5px 1px 1px;
  display: block;
}

.description-delete-p1 {
  padding: 0px 5px 8px 1px;
  display: block;
}

.description-delete-p2 {
  padding: 6px 5px 15px 1px;
  display: block;
}

.description-delete-p3 {
  padding: 6px 5px 15px 1px;
  display: block;
}

.delete-account-dialog {
  height: 88%;
}

.delete-error-message-div {
  display: block;
  margin-right: 10px;
}

.delete-warning-warningtext {
  margin-top: 12px;
}

.delete-error-message-icon {
  padding-left: 16px;
  background: url("../../_content/tfs-icons.png") no-repeat -4240px 50% !important;
}

.delete-err-footer-img {
  display: inline-block;
  float: left;
  width: 22px;
}

.delete-account-combo {
  width: 330px;
  margin-top: 4px;
}

.deleteHeaderdivider {
  margin-top: 2px;
  margin-bottom: 2px;
  border-bottom: 1px solid silver;
}

.whyDeleteAccountTextboxinvisible {
  margin-top: 0px;
  width: 100%;
  overflow: hidden;
  resize: none;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.description-delete-custom-reason {
  margin-top: 15px;
}

.deleteaccountUrl-text {
  padding-right: 10px;
}

.settings-azuresub-container {
  clear: both;
  margin-top: 60px;
}

.settings-azuresub-text {
  float: left;
  margin-left: 20px;
  clear: left;
  margin-top: 10px;
}

.settings-azuresub-content {
  float: left;
  margin-left: 25px;
  margin-top: 10px;
}

.settings-azuresub-link {
  float: left;
  margin-left: 25px;
  margin-top: 10px;
}

.settings-azuresub-header {
  font-size: 1em;
  margin-left: 20px;
  margin-top: 25px;
  margin-right: 10px;
}

.settings-application-credentials-control,
.settings-pp-control {
  clear: both;
  margin-top: 60px;
}

.settings-application-credentials-header,
.settings-pp-header {
  font-size: 1em;
  margin-left: 20px;
  margin-top: 25px;
  margin-right: 10px;
}

.settings-auth-container {
  clear: both;
}

.settings-auth-label {
  float: left;
  margin-left: 20px;
  width: 250px;
  margin-top: 10px;
}

.settings-auth-link {
  float: left;
  margin-top: 10px;
  margin-left: 50px;
}

.settings-auth-button {
  float: left;
  margin-left: 2px;
  margin-top: 10px;
  width: 40px;
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid transparent;
}

.settings-auth-button-dirty {
  font-weight: bold;
}

.settings-auth-button:hover {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.settings-new-owner {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.settings-change-owner {
  margin-left: 10px;
}

.busy-cursor {
  cursor: progress;
}

.busy-cursor .grid div {
  cursor: progress;
}

/* SSH Keys of User Profile */
.keys-body .key-name {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.keys-body .key-fingerprint {
  padding: 0px 15px;
}

.keys-body .key-remove, .action {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  cursor: pointer;
}

.keys-description .learn-more {
  margin-left: 5px;
}

.keys-body {
  padding: 10px 0px;
}

.add-key-table td {
  vertical-align: top;
}

.add-key-table .keys-description-text, .add-key-table .keys-value-text {
  width: 470px;
  margin: 0px 10px;
}

.add-key-table .keys-value-text {
  height: 200px;
}

.hide-form {
  margin-top: 5px;
}

.resources-left-pane-toolbar.toolbar .menu.sub-menu > .menu-item {
  padding: 8px;
}

.resources-left-pane-toolbar.toolbar .menu-bar > .menu-item {
  width: 100%;
}

.resources-left-pane-toolbar.toolbar .menu.sub-menu {
  height: 350px;
  width: 230px;
}

.resources-left-pane-toolbar.toolbar .menu.sub-menu > .menu-item {
  padding: 8px;
}

.resources-left-pane-toolbar.toolbar .menu-bar > .menu-item {
  width: 100%;
}

.resources-left-pane-toolbar.toolbar .menu.sub-menu {
  height: 350px;
  width: 230px;
}

.resources-left-pane-toolbar.toolbar .menu-bar .new-service-endpoint-title .text {
  padding-right: 3px;
}

.azure-endpoint-blue {
  color: #1ebdf0 !important;
}

.manage-security-message-area {
  margin: 10px;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/** Automatically converted from ControlPanel.css **/
.form-key {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  white-space: nowrap;
}

.form-inline {
  display: table;
}

.form-inline .form-pair {
  display: table-row;
}

.form-inline .form-key {
  display: table-cell;
  vertical-align: top;
  padding: 6px 16px 6px 0;
}

.form-inline .form-value {
  display: table-cell;
  padding-top: 6px;
}

.form-inline .form-value.team-admins-list {
  vertical-align: top;
  padding-top: 3px;
}

.admin-overview .form-key {
  padding-top: 15px;
}

.admin-overview .form-value {
  padding-top: 5px;
  white-space: normal;
}

.control-panel-hub-view .hub-title {
  text-transform: none;
}

.control-panel-hub-view .control-panel-hub-header {
  padding: 15px;
}

.control-panel-hub-view .control-panel-hub-header .header {
  font-weight: bold;
  text-transform: uppercase;
}

.control-panel-container {
  height: 100%;
}

.control-panel-list-view {
  height: 100%;
}

.control-panel-list-view .sidebar-search {
  overflow: auto;
}

.control-panel-list-view .tree-view .folder > .node-link > .node-content {
  font-weight: normal;
}

.control-panel-list-view .tree-view > ul.tree-children li.selected > a > div.node-content {
  font-weight: bold;
}

/* 
    WIT team specifies display:table to hack an issue with popup zindex.
    That hack causes problems on IE9 with splitter if there is scrollbar on the left or right pane.
    The side effect is when you scroll down say left pane and then hover the handle bar, left
    pane scrolls back to top automatically. This will at least mitigate the issue
    on jump list control
*/
.ui-dialog .control-panel-list-view > .splitter.horizontal {
  display: block !important;
}

.control-panel-list-view .empty-node > .node-link {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: default;
}

.control-panel-view-right-pane {
  height: 100%;
  padding: 20px;
}

.control-panel-view-right-pane .browse-info {
  margin-bottom: 30px;
  overflow-y: auto;
  max-height: 300px;
}

.browse-info .form-inline {
  font-size: 14px;
}

.control-panel-view-right-pane .browse-info .form-value {
  white-space: pre-line;
}

.browse-tasks-header {
  font-weight: bold;
  margin-bottom: 10px;
}

.browse-tasks {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.browse-tasks li {
  margin-bottom: 5px;
}

.account-section-control .identity-picture,
.browse-info .identity-picture {
  margin-bottom: 15px;
}

.control-panel-search-wrapper .sidebar-search {
  padding-left: 1px;
  padding-bottom: 10px;
}

.new-navigation-toggle-button {
  float: right;
}

.new-navigation-toggle-button .turn-off-icon {
  margin-right: 5px;
}

/** Automatically converted from Common.css **/
.Admin .header-handle {
  background-color: rgba( 0, 0, 0 ,  1 );
  background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.Admin .header-search {
  display: none;
}

.Admin .wit-checkbox-fieldset {
  width: 100%;
}

/** Automatically converted from Dialogs.css **/
.ui-dialog .admin-dialog .main-container {
  margin: 10px;
}

.ui-dialog .admin-dialog .hub-content {
  top: 0;
  left: 0;
}

.ui-dialog .admin-dialog .message-area-control.visible ~ .hub-content {
  top: 39px;
}

.ui-dialog .admin-dialog .message-area-control.visible ~ .visible ~ .hub-content {
  top: 78px;
}

.ui-dialog .admin-dialog .content-section {
  top: 0;
  bottom: 0;
}

.ui-dialog .admin-dialog .splitter.horizontal > .rightPane {
  z-index: 0;
}

.user-profile-table {
  width: 100%;
}

.user-profile-table tr {
  height: 27px;
}

.user-profile-table td {
  padding: 2px;
}

.user-profile-table td.min-column-width {
  white-space: nowrap;
  width: 1%;
}

.user-profile-table td:first-child {
  padding-right: 10px;
}

.user-profile-table .settings-combo {
  padding: 2px;
}

.user-profile-table .combo {
  height: 20px;
}

.user-profile-table .user-profile-hint {
  height: 20px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  visibility: hidden;
  padding: 3px;
  font-size: 10px;
}

.user-profile-table .active .combo,
.user-profile-table .hover .combo {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.user-profile-table .active .user-profile-hint,
.user-profile-table .hover .user-profile-hint {
  visibility: visible;
}

.properties-section {
  margin-top: 6px;
}

.properties-section li {
  padding: 3px 0px;
}

.properties-section table td {
  padding: 3px 0px;
}

.properties-section table td:first-child {
  white-space: nowrap;
  padding-right: 16px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.properties-section table.fit {
  width: 100%;
}

.properties-section tr.pending {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.properties-section td.pending {
  text-align: right;
}

.properties-section td.pending > span.icon {
  margin-left: 5px;
}

.custom-text-input {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-left: -2px;
  width: 100%;
  text-overflow: ellipsis;
}

.custom-text-input:focus {
  outline: none;
  text-overflow: clip;
}

.identity-header {
  overflow: auto;
  line-height: 20px;
  padding-bottom: 10px;
}

.identity-header .identity-picture {
  height: 64px;
  width: 64px;
  margin-right: 10px;
  float: left;
}

.identity-header-name {
  margin: 5px 0;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-dialog label.add-user {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
}

.properties-section table .custom-text-input-cell {
  padding: 0;
}

.user-profile-change-picture-link {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.user-profile-header {
  font-weight: bold;
  margin: 10px 2px 4px 0;
  text-transform: uppercase;
}

.ssh-fingerprint-msg {
  font-size: 12px;
  margin-bottom: 10px;
}

.ssh-fingerprint {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.user-profile-body.ul {
  list-style-type: square;
}

.user-profile-properties tr {
  height: 26px;
}

.credentials-enable-link {
  margin: 10px 2px 4px 0;
}

.credentials-body {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin: 0 0 10px 0;
}

.credentials-username-text {
  margin: 2px 2px 2px 0;
}

.dialog-header {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  font-weight: lighter;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  text-transform: capitalize;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

.ui-tabs .manage-group-tabs {
  font-size: 16px;
  background-color: transparent;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: lighter;
  margin-bottom: 20px;
}

.ui-tabs .manage-group-tabs li.ui-tabs-active {
  font-weight: normal;
}

.ui-tabs .manage-group-tabs li a {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.ui-tabs .manage-group-tabs li a:hover {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.ui-tabs .manage-group-tabs li.ui-tabs-active a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.ui-tabs-nav.ui-tabs-user-profile {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06));
}

.ui-tabs-nav.ui-tabs-user-profile li a {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.ui-tabs-nav.ui-tabs-user-profile li:hover {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.ui-tabs-nav.ui-tabs-user-profile li a:hover {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.ui-tabs-nav.ui-tabs-user-profile li.ui-tabs-active a {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.admin-dialog .manage-group-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-top: 0;
}

.team-members-container {
  height: 100%;
  width: 100%;
}

.team-members-container .toolbar {
  margin-left: 0px;
}

.admin-header {
  margin-bottom: 10px;
}

.admin-header a {
  margin-left: 15px;
}

.team-warning-section .header {
  margin-bottom: 10px;
}

.team-warning-section .content {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  border:  1px solid;
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  padding: 0px 5px 5px 5px;
}

.team-warning-section li {
  margin-top: 5px;
}

.user-profile-basic-auth-disabled-on-account-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  border:  1px solid;
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  padding: 0px 5px 5px 5px;
}

.admin-project-rename-dialog .project-name {
  width: 100%;
}

.admin-project-rename-dialog > div {
  padding: 5px 10px 5px 0px;
}

td.error-description {
  padding: 5px;
}

td.error-description .icon {
  margin-left: 8px;
}

td.error-description-linenumber {
  padding-right: 10px;
  text-align: center;
  width: 100px;
}

th.error-description-header {
  text-align: left;
  padding: 5px;
  font-weight: 400;
  color: #666;
}

tr.error-description-row-header {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  vertical-align: top;
}

tr.error-description-row {
  vertical-align: top;
}

tr.error-description-row:hover, tr.error-description-row[aria-selected="true"] {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.ui-dialog .process-modal-dialog {
  position: relative;
}

.ui-dialog .process-modal-dialog .flex-box-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ui-dialog .process-modal-dialog .file-input-control-container .files-drop-target {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ui-dialog .process-modal-dialog .file-input-options-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}

.ui-dialog .process-modal-dialog .import-process-page.process-error-page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ui-dialog .process-modal-dialog .import-process-page.process-error-page .copy-to-clipboard {
  align-self: flex-end;
  margin-top: 10px;
}

.ui-dialog .process-modal-dialog .import-process-page.process-error-page .update-process-checkbox {
  padding-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  vertical-align: top;
}

.ui-dialog .process-modal-dialog .import-process-page .getting-started-header {
  margin-bottom: 12px;
}

.ui-dialog .process-modal-dialog .import-process-page .import-success-congrats {
  font-size: 18px;
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  margin-top: 25px;
  margin-bottom: 20px;
}

.ui-dialog .process-modal-dialog .import-process-page .main-page-info {
  margin: 15px 0;
}

.ui-dialog .process-modal-dialog .import-process-page .main-page-info.import-process-learn-link .dialog-learn-more-link {
  margin-left: 1px;
}

.ui-dialog .process-modal-dialog .import-process-page .render-page-info {
  font-size: 14px;
  margin-bottom: 40px;
}

.ui-dialog .process-modal-dialog .import-process-page .next-step-info {
  font-size: 14px;
  margin-bottom: 5px;
}

.ui-dialog .process-modal-dialog .import-process-page .error-page-info {
  border: 1px solid lightgray;
  overflow: auto;
  flex-grow: 1;
  padding: 1px;
}

.ui-dialog .process-modal-dialog .import-process-page .confirm-page-info {
  margin-top: 5px;
}

.ui-dialog .process-modal-dialog .import-process-page .error-description-info {
  margin-bottom: 5px;
}

.ui-dialog .process-modal-dialog .import-process-page .import-process-warning {
  margin-bottom: 5px;
}

.ui-dialog .process-modal-dialog .import-process-page .import-process-warning .import-process-warning-info {
  padding: 6px 5px 1px 1px;
  display: inline;
}

.ui-dialog .process-modal-dialog .import-process-page .import-process-warning .import-process-warning-img {
  padding: 4px 3px 0px 3px;
}

.ui-dialog .process-modal-dialog .import-process-page .label {
  margin-top: 30px;
}

.upload-progress-info {
  margin-top: 20px;
  margin-bottom: 20px;
}

.upload-progress-section {
  font-size: 13px;
  margin-bottom: 15px;
}

.update-progress-section {
  font-size: 13px;
  margin-bottom: 15px;
}

.update-progress-description {
  margin-top: 30px;
}

.import-process-textbox {
  width: 323px;
  margin: 1px;
}

.import-process-textbox:focus {
  outline: 1px solid black;
}

.import-process-uploadlabel {
  margin-bottom: 10px;
}

div.create-done-box .import-process-success {
  margin-bottom: 15px;
}

.import-process-confirmation {
  font-size: 13px;
  margin: 20px;
}

.create-inherited-process-content {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.inherited-process-dialog {
  margin: 0 10px;
}

.inherited-process-dialog .process-name-block {
  margin-left: 25px !important;
}

.inherited-process-dialog .parent-process-box {
  margin: 0 0 5px 5px;
}

.inherited-process-dialog .error-message {
  color: red;
}

.inherited-process-dialog .errored-field {
  border-color: red;
}

.inherited-process-dialog > .create-inherited-input-section {
  background: url("../../_content/inherited-pic.png") 4px 4px no-repeat;
  margin-top: 25px;
  padding: 5px 15px 0px 0;
}

.admin-dialog-pad-sides .available-projects {
  display: inline-block;
  width: 55%;
}

.admin-dialog-pad-sides .migration-buttons {
  width: 24px;
  margin-left: auto;
  margin-right: auto;
}

.admin-dialog-pad-sides .migration-buttons-wrapper {
  width: 18%;
  vertical-align: top;
  display: inline-block;
}

.admin-dialog-pad-sides .selected-projects {
  display: inline-block;
  width: 44%;
}

.admin-dialog-pad-sides .project-migration-content {
  margin-bottom: 15px;
  margin-top: 5px;
}

.admin-dialog-pad-sides .available-project-list {
  padding: 5px;
  width: 80%;
  display: inline-block;
  overflow-y: auto;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 300px;
}

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

.admin-dialog-pad-sides .selected-project-list {
  padding: 5px;
  width: 100%;
  display: inline-block;
  overflow-y: auto;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 300px;
}

/* We don't want to use the bowtie styling on these buttons */
#right-button.project-button, #left-button.project-button {
  width: 24px;
  height: 24px;
  padding: 1px;
  margin-bottom: 1px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  cursor: pointer;
  border-radius: 2px;
  outline: 0;
  min-height: 24px;
  min-width: 24px;
}

#right-button.project-button:hover, #right-button.project-button:focus, #left-button.project-button:hover, #left-button.project-button:focus {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  -moz-box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
  box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
}

#right-button.project-button[disabled], #right-button.project-button[disabled]:hover, #right-button.project-button[disabled]:focus, #left-button.project-button[disabled], #left-button.project-button[disabled]:hover, #left-button.project-button[disabled]:focus {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.delete-confirm {
  display: block;
  margin: 10px 7px;
}

.destroy-textbox-text {
  display: block;
  padding-bottom: 5px;
  width: 100%;
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.destroy-confirmation-match {
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.dialog-add-user-helper-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
  margin-top: 6px;
}

.admin-dialog-pad-sides > .project-migration-content > .red {
  color: red;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-inherited > .select-child-input-section {
  margin-top: 18px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system > .select-child-input-section {
  margin-top: 27px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system > .select-child-input-section > .current-process-name {
  margin-left: 20px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-inherited {
  padding: 25px 25px 0 50px;
  background: url("../../_content/inherited-pic.png") 25px 26px no-repeat;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system {
  padding: 25px 25px 50px 50px;
  background: url("../../_content/system-pic.png") 25px 26px no-repeat;
}

.admin-dialog-pad-sides .width100 {
  width: 100%;
}

.admin-dialog-pad-sides .margin3, .inherited-process-dialog .margin3 {
  margin: 3px;
}

.inherited-process-dialog .name-field-wrapper {
  margin: 15px 0 0 28px !important;
}

.ui-dialog.child-process-creation-dialog:not(.ui-dialog-legacy) .ui-dialog-content,
.ui-dialog.migrate-project-dialog:not(.ui-dialog-legacy) .ui-dialog-content,
.ui-dialog.select-migrate-target-dialog:not(.ui-dialog-legacy) .ui-dialog-content {
  overflow: visible;
}

.admin-dialog-pad-sides > .select-target-content > .select-child-input-section > .select-child {
  margin-left: 16px;
  width: 95%;
}

.admin-dialog-pad-sides #project-selector {
  padding-left: 24px;
}

.admin-dialog-pad-sides > .help-box, .inherited-process-dialog > .help-box {
  position: absolute;
  bottom: -60px;
  margin-right: 33px;
}

.external-admin-dialog ~ .ui-dialog-buttonpane button[id='ok'] {
  visibility: hidden;
}

#admin-process-sucess-dialog > .inherited-process-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 24px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  margin-top: 0px;
  margin-bottom: 10px;
}

#admin-process-sucess-dialog > .dialog-description {
  /*margin-left: 15px;*/
  margin-right: 15px;
  font-size: 14px;
  margin-bottom: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#admin-process-sucess-dialog .dialog-next-step {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#admin-process-sucess-dialog .dialog-next-step a {
  white-space: normal;
}

#admin-process-sucess-dialog ol {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

#admin-process-sucess-dialog oi li {
  padding: 10px 0;
}

.admin-dialog-pad-sides {
  padding-left: 15px;
  padding-right: 15px;
  overflow-y: hidden;
}

.admin-dialog-pad-bottom {
  padding-bottom: 15px;
}

.ui-dialog .ui-dialog-content.errorMessage-dialog {
  margin: 20px;
}

.radio-container {
  margin-left: 10px;
  margin-right: 10px;
}

.radio-input {
  float: left;
}

.radio-description {
  margin-left: 30px;
}

.radio-description label {
  margin-top: 0;
}

.radio-row {
  margin-bottom: 15px;
}

.left-column {
  margin-right: 5px;
  float: left;
}

input[type=checkbox].left-column {
  margin-left: 0;
}

.admin-dialog-warning-icon {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.admin-dialog-warning-text {
  padding-top: 7px;
  margin-left: 5px;
  display: inline-block;
}

hr.admin-dialog-warning {
  margin-top: 19px;
  clear: left;
}

.ui-dialog-warning-header {
  height: 48px;
  display: block;
  border-bottom: 1px solid silver;
  font-size: 1em;
}

.ui-dialog-warning-header.confirm-warning {
  display: flex;
}

.ui-dialog-warning-header.confirm-warning .ui-dialog-warning-icon {
  flex-shrink: 0;
}

.ui-dialog-warning-header.confirm-warning .destroy-description {
  margin-left: 10px;
}

.ui-dialog-warning-header-identity {
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid silver;
}

.ui-dialog-warning-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.ui-dialog-warning-body {
  display: block;
  margin: 10px 7px 10px 7px;
  padding-bottom: 10px;
}

.admin-work-item-form-dialog .help-box {
  position: absolute;
  bottom: -60px;
}

.ui-dialog:not(.ui-dialog-legacy) .admin-work-item-form-dialog.ui-dialog-content {
  overflow: visible;
}

.admin-work-item-form-dialog .dialog-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

.admin-work-item-form-dialog .section-header {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 15px;
}

.admin-work-item-form-dialog .section-header-newlayout {
  padding-bottom: 15px;
}

.admin-work-item-form-dialog .learn-more-header {
  padding-left: 5px;
}

.dialog.modal-dialog .add-service-endpoint-ui-contribution-view .external-content-host {
  height: 99%;
}

.add-service-endpoint-ui-contribution-view {
  height: 75%;
}

.ui-dialog.delete-azurerm-endpoint-confirmation-dialog .dialog.modal-dialog.confirmation-dialog {
  height: auto !important;
}

.admin-disable-new-feature-dialog .reason-input {
  height: 100px;
  resize: none;
}

/** Automatically converted from GettingStarted.css **/
.getting-started-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 24px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  margin-top: 0px;
  margin-bottom: 10px;
}

.getting-started-lighttext {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.getting-started-tinytext {
  font-size: 10px;
}

.getting-started {
  margin-top: 40px;
}

.getting-started table {
  margin-left: 20px;
}

.getting-started td:first-child {
  padding-right: 20px;
  width: 560px;
}

.getting-started td {
  vertical-align: top;
}

.getting-started-vertical-small {
  margin-top: 10px;
  margin-bottom: 10px;
}

.social-invitation-code span.getting-started-lighttext {
  margin-left: 4px;
}

.getting-started-description {
  max-width: 1280px;
  margin-bottom: 10px;
}

.getting-started-links li {
  padding-bottom: 5px;
}

.invitation-code-header {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.invitation-code-name {
  font-weight: bold;
}

.invitation-code-uses {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.progress-container {
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  width: auto;
  height: 15px;
  margin-top: 5px;
}

.progress-container div.completed {
  height: 13px;
  float: left;
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.progress-container div.remaining {
  height: 13px;
  float: left;
}

/** Automatically converted from Identity.css **/
#members-list .resolved-member {
  display: inline-block;
  padding: 1px 2px;
  margin: 2px 3px 2px 0;
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

#members-list .resolved-member:hover {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

#members-list .remove-action {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.identity-picker-main {
  min-height: 20px;
  position: relative;
}

.identity-input-wrapper {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
}

.identity-input {
  width: 360px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 1px;
}

.identity-input ::-ms-clear,
.search-input-wrapper ::-ms-clear {
  display: none;
}

.parent-group-identity .identity-input {
  width: 387px !important;
}

.identity-input.invalid {
  border-color: rgba( 249, 235, 235 ,  1 );
  border-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.identity-input-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin: 0;
  clear: both;
  white-space: pre-wrap;
}

.identity-browse-search {
  width: 260px;
}

.identity-browse-search-wrapper {
  padding: 10px 0;
}

.actions-section {
  display: inline-block;
  line-height: 20px;
  white-space: nowrap;
}

.actions-section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.actions-section ul li {
  display: inline !important;
  /*Fix for bug 1196786 - Jquery is causing the identity control's buttons to appear as display:list-item.  Fixing JQuery was too risky*/
  padding: 0 6px;
  border-left: 1px solid rgba(0, 0, 0, .55);
  border-left: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.actions-section ul li.invisible {
  display: none !important;
}

.add-identities-actions-section ul li:first-child {
  border: none;
  padding-left: 0px;
}

.change-owner-action {
  padding-left: 10px;
}

.identity-picker-control {
  position: relative;
}

.browse-identities-popup {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border: 1px solid gray;
  padding: 10px;
  position: absolute;
  z-index: 1001;
  height: 300px;
  width: 500px;
}

.browse-identities-popup-close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.browse-identities-content {
  height: 100%;
}

.identity-info-message {
  margin: 10px;
}

.identity-grid .grid-row {
  line-height: 20px;
  height: 30px;
}

.identity-cell .identity-image {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  position: absolute;
  border: 0;
}

.identity-cell .identity-name {
  margin-left: 28px;
  white-space: pre;
}

.identity-search-box {
  padding-bottom: 10px;
}

.identity-cell.default-team {
  font-weight: bold;
}

.team-view .identity-search-box {
  padding-bottom: 22px;
}

.cursor-hover-card:hover {
  cursor: pointer;
}

.identity-search-control {
  height: 24px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  padding: 2px 1px 0px 2px;
  margin-right: 10px;
}

.identity-search-control .search-input-wrapper {
  width: 100%;
  float: left;
  margin-right: -20px;
  padding-right: 20px;
}

.identity-search-control .search-input-wrapper label.hidden {
  display: none;
}

.search-input {
  border: 0;
  margin: 0;
  outline: none;
  width: 100%;
}

#identityInfo .display-permissions-error-pane {
  margin-left: 0px;
}

.cancel-button {
  overflow: hidden;
  height: 18px;
  width: 18px;
  cursor: pointer;
  float: right;
  margin-right: 1px;
  border: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -1295px 50% !important;
}

.search-button {
  overflow: hidden;
  height: 18px;
  width: 18px;
  cursor: pointer;
  float: right;
  margin-right: 1px;
  border: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -3631px 50% !important;
}

.go-button {
  overflow: hidden;
  height: 18px;
  width: 18px;
  cursor: pointer;
  float: right;
  margin-right: 1px;
  border: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -2895px 50% !important;
}

.go-button {
  cursor: pointer;
  margin-bottom: -3px;
  float: right;
  margin: 1px;
}

/** Automatically converted from Image.css **/
.update-profile-image-control div.uploadSection {
  padding: 15px;
}

.update-profile-image-control table td {
  vertical-align: top;
}

.image-upload-div {
  position: relative;
}

.image-upload-div .image-upload-wait {
  position: absolute;
  left: 30px;
  top: 30px;
  display: none;
}

.image-upload-div.loading .image-upload-wait {
  display: block;
}

.image-upload-div.loading .identity-picture {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.update-profile-image-control .profile-image-cell {
  text-align: center;
}

.update-profile-image-control .image-input-div {
  margin-left: 20px;
}

.update-profile-image-control #idImage {
  display: none;
}

.update-profile-image-control .legal {
  font-size: 10px;
}

.update-profile-image-control div.actions {
  position: absolute;
  bottom: 0;
}

.account-section-control .identity-picture {
  float: right;
  margin: 10px 0 0 10px;
}

/** Automatically converted from Overview.css **/
.overview-control {
  height: 100%;
}

.overview-control > .fixed-header {
  padding-top: 20px;
  width: 800px;
}

.overview-grid-header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 20px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  white-space: nowrap;
  padding-top: 30px;
}

.collection-overview-note {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  padding: 10px;
  margin-bottom: 10px;
}

.team-admins #members-list .resolved-member {
  display: block;
  border: none;
}

.team-admins #members-list .resolved-member:hover {
  border: none;
}

.admin-overview .pivot-filter {
  float: none;
  position: absolute;
  right: 2px;
  top: 10px;
}

.overview-profile {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  min-width: 125px;
  max-width: 250px;
  padding-right: 10px;
  margin-left: -6px;
  padding-left: 6px;
  overflow: auto;
}

.overview-detail {
  position: absolute;
  left: 320px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  vertical-align: top;
  height: 100%;
}

.overview-detail-no-left-pane {
  position: static;
  left: 0px;
}

.vss-Hub.admin-hub .collection-overview .overview-profile, .bolt-page.admin-hub .collection-overview .overview-profile {
  display: none;
}

.vss-Hub.admin-hub .collection-overview .overview-detail, .bolt-page.admin-hub .collection-overview .overview-detail {
  left: 0;
}

.admin-project-overview-pivot .overview-profile {
  max-width: 800px;
}

.team-overview-detail {
  position: absolute;
  left: 15px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  vertical-align: top;
  height: 100%;
}

button.overview-button {
  margin-top: 5px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-right: 10px;
}

button.overview-button:hover, button.overview-button:focus {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  -moz-box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
  box-shadow: 1px 1px 1px rgba(160, 160, 160, 0.2);
}

.overview-detail .toolbar {
  margin-left: 0px;
}

/* TODO : A better solution is needed here than making specific rules for this specific toolbar */
.overview-detail.content > .fixed-header > .toolbar {
  margin-top: 10px;
}

.overview-detail.content > .fixed-header {
  margin-bottom: 10px;
}

.overview-detail .actions-control span {
  vertical-align: middle;
}

.overview-detail .header {
  padding-left: 4px;
}

.admin-overview {
  height: 100%;
  padding-top: 8px;
  margin-left: 16px;
}

.admin-overview > .project-overview {
  padding-top: 0px;
}

.admin-overview .header {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.admin-overview .header .account-collection {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.admin-overview .header .profile-name {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.admin-overview .header .membership-control .display-name {
  font-weight: bold;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.collection-overview {
  height: 100%;
}

.collection-management {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  padding: 8px;
  font-size: 10px;
}

.overview {
  position: relative;
}

.collection-overview .overview {
  padding-top: 10px;
}

.project-overview {
  height: 100%;
  padding-top: 10px;
}

.project-overview .profile-picture .ms-Persona-initials {
  border-radius: 0;
}

.process-content-overview-header {
  padding-top: 20px;
}

.team-overview {
  height: 100%;
  padding-top: 10px;
}

.overview-grid-wrapper {
  height: 100%;
}

.actions-control li:first-child {
  padding-left: 4px;
}

.overview-grid-wrapper .overview-grid-name,
.overview-grid-wrapper .identity-grid-display-name {
  font-weight: bold;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.profile-picture {
  margin-top: 15px;
}

.project-info-control .group-description-input {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

/** Automatically converted from Project.css **/
.create-project-page .progress-container {
  height: 25px;
}

.create-project-page .progress-container div.completed {
  height: 23px;
  border: 1px solid transparent;
}

.create-project-page .progress-container div.remaining {
  height: 23px;
}

.create-project-page .getting-started-header {
  margin-bottom: 20px;
}

.create-project-page .info-message {
  margin-bottom: 5px;
}

#project-name {
  width: 100%;
}

#project-description {
  overflow: hidden;
  width: 100%;
  height: 165px;
}

.multiple-providers #project-description {
  height: 65px;
}

.create-project-info td:first-child {
  padding-right: 20px;
  width: 1%;
  white-space: nowrap;
}

.create-project-info td {
  padding-top: 20px;
  width: 99%;
}

div.create-warning-box, div.update-warning-box {
  border:  1px solid;
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  padding: 5px;
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

div.create-error-box, div.update-error-box {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  padding: 5px;
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

div.create-done-box, div.update-done-box {
  border:  1px solid;
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  padding: 5px;
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.admin-error-message {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

#create-project-content {
  margin-top: 20px;
}

.create-project-progress, .update-project-progress {
  margin-top: 20px;
  margin-bottom: 20px;
}

.confirm-dialog-container .message-area-control {
  margin-bottom: 10px;
}

.confirm-dialog-container .destroy-info .update-project-text,
.confirm-dialog-container .destroy-info .update-confirm,
.confirm-dialog-container .destroy-info .destroy-wit-text {
  display: block;
  margin: 10px 7px 10px 7px;
  padding-bottom: 10px;
}

.confirm-dialog-container .destroy-info div.update-confirm span {
  margin-left: 2px;
}

.modal-dialog .confirm-dialog-container .update-confirmation-checkbox {
  padding-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.modal-dialog .confirmation-checkbox-text {
  display: inline;
}

.destroy-description {
  padding: 6px 5px 1px 1px;
  display: inline;
}

.project-info-control .group-name-input {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.project-info-control .process-template-table {
  width: 100%;
}

.project-info-control .process-template-table .popup-menu-trigger {
  height: 30px;
  width: 30px;
  padding-top: 10px;
}

.project-info-control .process-template-table .popup-menu-trigger:hover {
  background-color: rgba( 102, 102, 102 ,  1 );
  background-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.change-process-link {
  padding-top: 5px;
}

.create-project-info .getting-started-vertical-small {
  max-height: 100px;
  overflow: hidden;
}

.newproject-message-area {
  margin-bottom: 10px;
}

/** Automatically converted from Licenses.css **/
.licenses-info, .display-license-control {
  height: 100%;
}

.licenses-info {
  padding-left: 20px;
}

.license-info {
  padding-bottom: 20px;
}

.license-info .features-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.licenses-view .hub-title {
  padding-left: 16px;
  margin: 0;
}

.licenses-view .hub-pivot-content {
  padding-left: 0px;
  left: 16px;
  top: 39px;
}

.licenses-view .hub-pivot {
  left: 16px;
}

.licenses-view .licenses-list-control.grid {
  border: 0;
}

.admin-license-toolbar.toolbar {
  margin-left: 0px;
  border-top: none;
  height: auto;
}

.licenses-info .membership-control-actions.toolbar {
  margin-left: 0px;
}

.licenses-info .access-level-message {
  margin-top: 5px;
}

/** Automatically converted from Email.css **/
.email-confirmation-header {
  font-size: 24px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  margin-bottom: 15px;
}

.email-confirmation-subheader {
  margin-bottom: 10px;
}

.email-confirmation-address {
  font-weight: bold;
}

.email-confirmation-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

/** Automatically converted from Services.css **/
.services-view .left-hub-content {
  overflow: auto;
}

#service-rename {
  margin-left: 5px;
  width: 20px;
  height: 20px;
}

.rename-service-dialog-input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .08);
  border: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  padding: 2px;
}

.service-name {
  display: inline-block;
  font-size: 1.17em;
  font-weight: bold;
}

.connected-service-details,
.chef-connected-service-details,
.generic-connected-service-details,
.github-connected-service-details,
.bitbucket-connected-service-details,
.svn-connected-service-details,
.ssh-connected-service-details,
.docker-connected-service-details,
.kubernetes-connected-service-details,
.custom-connected-service-details {
  padding: 10px;
  margin: 10px;
}

.connected-service-details ul,
.chef-connected-service-details ul,
.generic-connected-service-details ul,
.github-connected-service-details ul,
.bitbucket-connected-service-details ul,
.svn-connected-service-details ul,
.ssh-connected-service-details ul,
.docker-connected-service-details ul,
.kubernetes-connected-service-details ul,
.custom-connected-service-details ul {
  list-style-type: none;
}

.connected-service-details .group .header,
.chef-connected-service-details .group .header,
.generic-connected-service-details .group .header,
.github-connected-service-details .group .header,
.bitbucket-connected-service-details .group .header,
.svn-connected-service-details .group .header,
.ssh-connected-service-details .group .header,
.docker-connected-service-details .group .header,
.kubernetes-connected-service-details .group .header,
.custom-connected-service-details .group .header {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.services_dialog td:first-child {
  padding-right: 20px;
  width: 1%;
  white-space: nowrap;
}

.services_dialog td {
  padding-top: 20px;
  width: 99%;
  vertical-align: top;
}

.services_dialog td label {
  display: table-cell;
}

.services_dialog .textbox {
  width: 100%;
}

.services_dialog .pick-list {
  width: 100%;
}

.services_dialog .auth-kind {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}

.services_dialog .error-messages-div {
  padding: 5px;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.connectionId {
  visibility: hidden;
}

.add_generic_connections_dialog .error-messages-div {
  padding: 5px;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.auth-scheme-container {
  float: left;
}

.modal-dialog .auth-scheme-container label {
  margin-top: 0;
  margin-right: 20px;
}

.auth-scheme-input {
  float: left;
}

.endpoint-hidden-column {
  display: none;
}

.help-link {
  font-weight: bold;
}

.help-link,
.help-markdown {
  text-align: left;
  white-space: normal;
}

.services-view > .hub-content {
  top: 0px;
}

.services-view .message-area-control.visible ~ .hub-content {
  top: 34px;
}

.resources-left-pane-toolbar {
  margin: 0 0 0 0px;
}

.endpoint-admin-identity-image {
  display: inline-block;
}

.endpoint-admin-identity-image .identity-image {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}

.resources-content {
  height: 100%;
}

.resources-content .resources-left-pane {
  width: inherit;
}

.resources-content .resources-left-pane .resources-view {
  margin-top: 5px;
  top: 80px;
  bottom: 0px;
  overflow: auto;
  position: absolute;
  width: inherit;
}

.resources-content .resources-left-pane .resources-view .tree-view .tree-children div.node-content {
  height: 30px;
}

.resources-right-pane > .navigation-view-tab {
  margin-top: 40px;
}

.custom-endpoint-dialog {
  padding-bottom: 40px;
}

.ms-DetailsList.endpoint-execution-history-list {
  overflow: hidden;
}

.ms-DetailsList.endpoint-execution-history-list .ms-DetailsHeader-cell {
  font-size: 14px;
}

.ms-DetailsList.endpoint-execution-history-list .ms-List {
  height: 740px;
  width: calc(100% - 20px);
  overflow-x: hidden;
}

.warning-info-message-container {
  display: inline-block;
  padding: 3px;
  margin-left: 10px;
}

.warning-info-message-container .warning-info-message {
  padding: 2px;
}

.warning-info-message-container .warning-info-warning-icon {
  padding: 2px;
}

.roles .roles-tab-container .grid-container {
  position: relative;
  top: 0px;
}

.service-endpoint-admin-hosts-view li:focus {
  outline-offset: -1px;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy {
  padding-left: 20px;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .pipeline-policies-header {
  font-weight: bold;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .pipeline-definitions-list-header {
  font-weight: bold;
  margin-top: 15px;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .pipeline-definition-link {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .pipeline-definition-link:hover {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .dtc-info-button {
  margin-top: 5px;
  display: inline-block;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .all-pipeline-access {
  margin-top: 5px;
}

.service-endpoint-admin-hosts-view .hub-pivot-content .policy .action-button-section {
  margin-top: 10px;
}

.share-endpoint-badge {
  font-size: 18px;
  background-color: rgba( 218, 218, 218 ,  1 );
  background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 5px;
  margin-left: 10px;
}

/** Automatically converted from Extensions.css **/
.upload-plugin-dialog label {
  margin-top: 10px;
  display: inline;
}

.upload-plugin-dialog .private {
  margin-top: 20px;
  display: inline;
}

.upload-plugin-dialog .file {
  width: 100%;
}

.upload-plugin-dialog .progress {
  margin: 10px 0 10px 0;
  font-size: 16px;
}

.upload-plugin-dialog .progress > .text {
  margin-left: 5px;
}

.extension-template {
  display: none;
}

.extensions-view {
  margin: 10px;
}

.extensions-view > .extensions-info-message {
  margin-bottom: 15px;
}

.extensions-view > .extension-list {
  margin-top: 25px;
  width: 900px;
}

.extensions-view > .extension-list .collapsible-header {
  font-size: 18px;
}

.extensions-view .extensions {
  list-style-type: none;
  padding: 0;
}

.extensions-view .extensions > li {
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.extensions-view .extensions > li.disabled {
  color: rgba( 199, 224, 244 ,  1 );
  color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.extensions-view .extensions > li.highlight {
  border:  1px solid;
  border-color: rgba( 51, 51, 51 ,  1 );
  border-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.extensions-view .extension-cell {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}

.extensions-view .extensions .extension-icon {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 10px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.extensions-view .extensions .extension-no-icon {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 10px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.extensions-view .extensions .main-cell {
  width: 500px;
}

.extensions-view .extensions .main-cell > .name {
  font-size: 14px;
  font-weight: bold;
}

.extensions-view .extensions .main-cell > .actions {
  margin: 1em 0 1em 0;
}

.extensions-view .extensions .main-cell > .actions > a {
  margin-right: 1em;
}

.extensions-view .extensions .label-cell {
  width: 60px;
}

/** Automatically converted from Apps.css **/
.upload-app-dialog label {
  margin-top: 10px;
}

.upload-app-dialog .private {
  margin-top: 20px;
  display: inline;
}

.upload-app-dialog .file {
  width: 100%;
}

.upload-app-dialog .progress {
  margin: 10px 0 10px 0;
  font-size: 16px;
}

.upload-app-dialog .progress > .text {
  margin-left: 5px;
}

.app-template {
  display: none;
}

.apps-view > .app-list {
  margin-top: 25px;
  width: 900px;
}

.apps-view > .app-list .collapsible-header {
  font-size: 18px;
}

.apps-view .apps {
  list-style-type: none;
  padding: 0;
  margin: 6px 0px;
}

.apps-view .apps > li {
  border: 1px solid transparent;
  margin-bottom: 2em;
}

.apps-view .apps > li div.description {
  margin-top: 0.5em;
}

.apps-view .apps > li:not(.disabled) .vendor {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.apps-view .apps > li.disabled {
  color: rgba( 199, 224, 244 ,  1 );
  color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.apps-view .apps > li.highlight {
  border:  1px solid;
  border-color: rgba( 51, 51, 51 ,  1 );
  border-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.apps-view .app-cell {
  display: table-cell;
  padding: 3px;
  vertical-align: top;
}

.apps-view .apps .app-icon {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 10px;
}

.apps-view .apps .app-no-icon {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 10px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.apps-view .apps .main-cell {
  width: 500px;
}

.apps-view .apps .main-cell > .name {
  font-size: 14px;
  font-weight: bold;
}

.apps-view .apps .main-cell > .actions {
  margin-top: .5em;
}

.apps-view .apps .main-cell > .actions > a {
  margin-right: 1em;
}

.apps-view .apps .label-cell {
  width: 60px;
}

.apps-view .hub-splitter.splitter.horizontal > .leftPane {
  width: 66%;
}

.apps-view .hub-splitter.splitter.horizontal > .rightPane {
  left: 66%;
}

.apps-view .hub-splitter.splitter.horizontal > .handleBar {
  left: 66%;
}

.app-help {
  margin-top: 10px;
}

.app-help span {
  font-weight: bold;
}

.apps-view .message-host {
  margin-left: 10px;
  margin-right: 10px;
}

.work-item-dialog-container #ae-group-column input[type=radio] {
  margin-top: 30px;
}

.work-item-panel-container {
  padding: 20px 0 20px 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  overflow: auto;
}

.work-item-panel-container input[type=radio] + span {
  color: black;
}

.work-item-panel-container input[type=radio]:disabled + span {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.work-item-panel-container fieldset:first-of-type {
  margin-top: 8px;
}

.work-item-panel-container .message-area-control {
  margin-right: 26px;
}

.wit-overview-panel fieldset {
  width: 410px;
}

.wit-backlogs-panel span.backlog-name {
  border-left: 6px solid black;
  padding-left: 5px;
}

#wit-backlogs-name label {
  margin-bottom: 12px;
}

.state-edit-dialog.no-suggested-states, .state-edit-dialog.group-title {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.input-text-box.grouped > .drop {
  right: 5px !important;
}

.state-edit-dialog-group-title,
.state-edit-dialog-no-suggested-states {
  cursor: default;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.state-edit-dialog-container .disabled .color-picker-control,
.state-edit-dialog-container .input-text-box.no-edit.text {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.state-edit-dialog-container .state-color-control.workitem-state-color-cell {
  width: 100px;
  height: 25px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.state-edit-dialog-container.bowtie .virtualizing-list-view .items > li {
  line-height: 18px;
}

.state-color-picker-no-color {
  width: 100%;
  cursor: default;
  float: left;
  margin-top: 1px;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.state-color-picker-no-color .color-picker-palette-single-color {
  width: 18px;
  height: 18px;
  margin-left: 2px;
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  float: left;
  cursor: pointer;
}

.state-color-picker-no-color .state-color-picker-no-color-text {
  margin-top: 3px;
  margin-left: 4px;
  float: left;
}

.state-color-picker-no-color .color-picker-palette-single-color-selected-inner,
.state-color-picker-no-color .color-picker-palette-single-color-selected-inner:hover {
  border: none;
}

.state-color-picker-no-color.color-picker-palette-single-color-selected, .state-color-picker-no-color.color-picker-palette-single-color-selected:hover {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

/*view related*/
/*status related*/
/** Automatically converted from ListView.css **/
.build-pane-filter {
  display: none;
}

.deployed-build-list .empty-deployed-builds {
  margin: 10px;
  margin-left: 20px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.deployed-build-list .grid-row {
  height: 84px;
  padding: 10px;
}

.deployed-build-list .grid-row .requested-by-image {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  float: left;
  margin-right: 10px;
  height: 60px;
  width: 60px;
}

.deployed-build-list .grid-row img {
  height: 100%;
  width: 100%;
}

.deployed-build-list .build-name {
  font-size: 14px;
  font-weight: bold;
}

.deployed-build-list .changeset-name,
.deployed-build-list .build-description {
  font-size: 14px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.deployed-build-list .build-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 28px;
  margin-bottom: 4px;
}

.deployed-build-list .changeset-name {
  display: inline;
  margin-left: 4px;
}

.deployed-build-list {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: inline-block;
  vertical-align: middle;
  padding: 6px 4px 4px 0;
}

.deployed-build-list .successful-build-icon,
.deployed-build-list .failed-build-icon,
.deployed-build-list .partially-successful-build-icon,
.deployed-build-list .stopped-build-icon {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 60px;
  left: 60px;
  margin-top: -3px;
  margin-left: -3px;
}

.deployed-build-list .successful-build-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px 50% !important;
}

.deployed-build-list .failed-build-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -4240px 50% !important;
}

.deployed-build-list .partially-successful-build-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -4336px 50% !important;
}

.deployed-build-list .stopped-build-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px 50% !important;
}

.deployed-build-list .delete-build-action {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url("../../_content/build-icons.png") no-repeat -24px 50% !important;
}

.deployed-build-list .retain-build-action.locked {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: url("../../_content/build-icons.png") no-repeat -120px 50% !important;
}

.deployed-build-list .retain-build-action.unlocked {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: url("../../_content/build-icons.png") no-repeat -216px 50% !important;
}

.deployed-build-list .retain-build-action.locked:hover {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: url("../../_content/build-icons.png") no-repeat -72px 50% !important;
}

.deployed-build-list .retain-build-action.unlocked:hover {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: url("../../_content/build-icons.png") no-repeat -168px 50% !important;
}

.deployed-build-list .deployed-build-toolbar {
  display: inline-block;
}

.deployed-build-list .delete-build-action,
.deployed-build-list .retain-build-action,
.deployed-build-list .deployed-build-toolbar {
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -webkit-transition: opacity .1s linear;
}

.deployed-build-list .grid-row:hover .delete-build-action,
.deployed-build-list .grid-row-current .delete-build-action,
.deployed-build-list .grid-row:hover .retain-build-action,
.deployed-build-list .grid-row-current .retain-build-action,
.deployed-build-list .grid-row:hover .deployed-build-toolbar,
.deployed-build-list .grid-row-current .deployed-build-toolbar {
  filter: alpha(opacity=100);
  opacity: 1;
}

.build-view-right-pane .status-indicator {
  margin: 5px 5px 0 5px;
}

.build-view-right-pane .status-indicator.inline {
  display: block;
}

.build-view-right-pane .request {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-list-histogram {
  position: absolute !important;
  top: 10px;
  right: 10px;
  width: 140px;
  height: 45px;
  z-index: 2;
}

.build-list-icon {
  padding: 1px !important;
  text-indent: 0;
}

/** Automatically converted from DetailView.css **/
.build-detail-view .text a {
  margin: 0 5px 0 5px;
}

.build-detail-view .status.icon {
  margin-right: 10px;
}

.build-detail-view table {
  width: 100%;
}

.build-detail-view .header {
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  height: 60px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  box-shadow: 0px 1px 2px rgba(160, 160, 160, 0.2);
}

.build-detail-view .header table {
  margin-top: 5px;
}

.build-detail-view .overview {
  font-size: 16px;
}

.build-detail-view .overview .reason, .build-detail-view .overview .duration {
  white-space: nowrap;
}

.build-detail-view .content {
  position: absolute;
  left: 20px;
  top: 70px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.build-detail-view .logmenu {
  position: absolute;
  left: 20px;
  top: 0px;
}

.build-detail-view .logcontent {
  position: absolute;
  top: 30px;
  left: 20px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.build-detail-view .BuildLinkDisabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

build-detail-view .content .summary-section {
  display: none;
  margin-bottom: 20px;
}

/*#region Definitions view styles - summary tab */
.build-definition-view-content .bowtie-status-run {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-definitions-view-content .bowtie-status-run {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-definition-view-content .bowtie-build-queue {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-definitions-view-content .bowtie-build-queue {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

/*#endregion */
.build-detail-view .content .summary-header {
  font-size: 18px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  margin: 5px 0 10px 0;
}

.build-detail-view .header .bld-histogram {
  width: 1%;
}

.build-detail-view .header .duration {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-detail-view pre {
  margin: 0;
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  white-space: pre-wrap;
}

.build-detail-view .log .info {
  margin: 2px;
  word-wrap: break-word;
  word-break: break-all;
}

.build-detail-view .log .property {
  margin: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-detail-view .log .property-value {
  margin: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-detail-view .summary .sub-header {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 5px 5px 20px;
}

.build-detail-view .summary .sub-content {
  margin: 1px 2px 1px 30px;
}

.build-detail-view .summary .warning {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 5px;
  margin: 5px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.build-detail-view .error {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 5px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.build-detail-view .summary .message {
  margin: 1px 2px 1px 20px;
}

.build-detail-view .summary .collapsible {
  margin: 1px 2px 1px 6px;
}

.build-detail-view .summary .disabled-link {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-detail-view .summary .new-workitem .title {
  margin: 0 0 0 5px;
}

.build-detail-view .associated-cs .changeset {
  margin-bottom: 10px;
}

.build-detail-view .associated-cs .comment {
  margin: 5px 0 0 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.build-detail-view .associated-cs .title {
  margin: 0 0 0 5px;
}

.build-detail-view .associated-wi .workitem {
  margin-bottom: 10px;
}

.build-detail-view .associated-wi .summary {
  margin: 5px 0 0 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-detail-view .associated-wi .title {
  margin: 0 0 0 5px;
}

.full-screen-mode .full-screen-mode-summary-tab-extension.buildvnext-details-header,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-title,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-pivot,
.full-screen-mode .full-screen-mode-summary-tab-extension.pageProgressIndicator {
  display: none !important;
}

.full-screen-mode .full-screen-mode-summary-tab-extension.buildvnext-view-right-pane-content,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-content,
.full-screen-mode .full-screen-mode-summary-tab-extension.right-hub-content {
  top: 0 !important;
}

/** Automatically converted from Diagnostics.css **/
.BuildDiagnostics .BuildNode {
  margin-top: 0.1em;
  padding: 0;
}

.BuildDiagnostics .BuildNode .BuildNode {
  margin-left: 10px;
}

.BuildDiagnostics .BuildName, .BuildDiagnostics .BuildDuration, .BuildDiagnostics .BuildLogLink {
  font-size: 1.2em;
}

.BuildDiagnostics .BuildHeader {
  overflow: auto;
  border-top:  1px solid;
  border-top-color: rgba( 218, 218, 218 ,  1 );
  border-top-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.BuildDiagnostics .BuildHeader .BuildName {
  float: left;
}

.BuildDiagnostics .BuildHeader .BuildDuration {
  float: right;
  padding-right: 1em;
}

.BuildDiagnostics .BuildProperties {
  font-size: 1.2em;
  margin-left: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.BuildDiagnostics .BuildMessage, .BuildDiagnostics .BuildWarning, .BuildDiagnostics .BuildError {
  font-size: 1.2em;
  margin: 0;
  word-wrap: break-word;
  width: 95%;
}

.BuildDiagnostics .BuildSelected {
  border-style: dashed;
  border-width: thin;
  padding: 2px;
  margin-left: -2px;
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.BuildDiagnostics .BuildLinkDisabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.BuildDiagnostics .BuildIcon {
  width: 20px;
  height: 20px;
}

.BuildDiagnostics .dim {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.BuildDiagnostics dl {
  margin: 0;
  padding-top: 0.2em;
}

.BuildDiagnostics dl dt {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-top: 0.1em;
  padding-top: 0;
  padding-bottom: 0;
}

.BuildDiagnostics dl dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: -2.0em;
}

.BuildDiagnostics ul li {
  list-style-type: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin: 0;
  padding: 0;
}

.BuildDiagnostics .BuildNode {
  font-size: 10px;
}

.BuildDiagnostics .BuildHide .BuildName {
  cursor: pointer;
}

.BuildDiagnostics .BuildShow .BuildName {
  cursor: pointer;
}

.BuildDiagnostics .BuildHide .ExpandCollapseIcon {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  Width: 16px;
}

.BuildDiagnostics .BuildShow .ExpandCollapseIcon {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  Width: 16px;
}

.BuildDiagnostics .BuildProperties {
  display: none;
}

.BuildDiagnostics .BuildShow ~ div.BuildProperties {
  display: block;
}

.BuildDiagnostics .Failure {
  font-size: 1.2em;
  margin: 0;
  word-wrap: break-word;
  width: 95%;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.BuildDiagnostics .BuildHide .ExpandCollapseIcon {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.BuildDiagnostics .BuildShow .ExpandCollapseIcon {
  background: url("../../_content/tfs-icons.png") no-repeat -3760px 50% !important;
}

/** Automatically converted from SideBar.css **/
.build-definition-explorer {
  min-width: 220px;
}

.build-definition-explorer > .left-toolbar {
  margin-left: 1.3em;
  border-top: 1px solid transparent;
}

.build-definition-explorer > .left-toolbar > ul {
  margin: 0px;
}

.build-definition-explorer .build-container-node > .node-link > .node-content {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: bold;
}

.build-definition-explorer .build-favorite-empty-node .node-content {
  height: 100% !important;
}

.build-definition-explorer .build-favorite-empty-node > .node-link {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  text-decoration: none;
  cursor: default;
}

.build-definition-explorer .build-favorite-node .node-content {
  height: auto !important;
}

.build-definition-explorer .build-favorite-node .definition-name {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 60px;
  /* build histogram is 50px wide + 5px margin */
}

.build-definition-explorer .build-favorite-node .ago {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 60px;
  /* build histogram is 50px wide + 5px margin */
}

.build-definition-explorer .build-favorite-node .histogram {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.build-definition-explorer .build-definition-node .fav-icon {
  position: absolute;
  top: 4px;
  right: 2px;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer;
}

.build-definition-list .node-content .icon-pin {
  position: absolute;
  top: 4px;
  right: 6px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.build-definition-explorer .build-definition-node .build-definition-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.build-definition-explorer .build-definition-node .build-definition-name {
  padding-right: 22px;
}

.build-definition-explorer > .build-definition-list-container {
  position: absolute;
  top: 6em;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.build-definition-explorer > .build-definition-list-container:hover {
  overflow: auto;
}

.build-definition-explorer .build-definition-list .icon {
  margin-right: 4px !important;
  float: left;
}

/** Automatically converted from QueueBuildDialog.css **/
.queue-build input[type='text'] {
  width: 100%;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.queue-build table {
  width: 100%;
}

.queue-build select {
  width: 100%;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.queue-build .shelveset-picker-container {
  display: none;
  vertical-align: bottom;
}

.queue-build .check-in-container {
  display: none;
}

.queue-build label.check-in {
  display: inline;
}

.queue-build td.boolean-option input[type="checkbox"] {
  vertical-align: middle;
}

.queue-build td.boolean-option label {
  display: inline;
  vertical-align: middle;
}

.queue-build-messagebar {
  background-color: #fff4ce;
  color: #333333;
  min-height: 40px;
  padding: 12px;
  vertical-align: middle;
}

/** Automatically converted from QualitiesDialog.css **/
.build-quality-view {
  width: 100%;
}

.build-quality-button {
  vertical-align: top;
  width: 1%;
}

.build-quality-button button {
  height: 22px;
  margin: 2px 0 0 2px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.build-quality-view input {
  margin: 0;
  padding: 1px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
  height: 1.7em;
}

.build-qualities-list {
  height: 250px;
  overflow: auto;
}

.build-qualities-list select {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
  height: 100%;
}

.definition-histogram .bar.default {
  background-color: #748189;
}

.definition-histogram .bar.canceled {
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.definition-histogram .bar.canceled:hover {
  cursor: pointer;
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.definition-histogram .bar.canceled.selected {
  background-color: rgba(0, 0, 0, .9);
  background-color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.definition-histogram .bar.succeeded {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.definition-histogram .bar.succeeded:hover {
  cursor: pointer;
  background-color: #66cc66;
}

.definition-histogram .bar.succeeded.selected {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.definition-histogram .bar.failed {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.definition-histogram .bar.failed:hover {
  cursor: pointer;
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.definition-histogram .bar.failed.selected {
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.definition-histogram .bar.partiallysucceeded {
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram .bar.partiallysucceeded:hover {
  cursor: pointer;
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram .bar.partiallysucceeded.selected {
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram > .bar.inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -217px -142px !important;
}

.definition-histogram > .bar.inprogress.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -97px -142px !important;
}

.definition-histogram > .bar.stopped {
  background: url("../../_content/build-histogram-bars.png") no-repeat -217px -142px !important;
}

.definition-histogram > .bar.stopped.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -97px -142px !important;
}

.definition-histogram > .bar.duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -277px -142px !important;
}

.definition-histogram > .bar.duration.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -307px -142px !important;
}

.definition-histogram > .bar.duration.hover {
  cursor: pointer;
  background: url("../../_content/build-histogram-bars.png") no-repeat -307px -142px !important;
}

/** Automatically converted from BuildDefinitionTile.css **/
.build-definition-tile {
  background-color: #748189;
}

.build-definition-tile .ellipsis-menubar.menu-bar {
  background-color: #748189;
}

.build-definition-tile .summary {
  display: inline;
}

/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
.icon-add-missing-members {
  background: url("../../_content/tfs-icons.png") no-repeat -16px -16px !important;
}

.icon-add-small {
  background: url("../../_content/tfs-icons.png") no-repeat -48px -16px !important;
}

.icon-add-thin {
  background: url("../../_content/tfs-icons.png") no-repeat -80px -16px !important;
}

.icon-add-user {
  background: url("../../_content/tfs-icons.png") no-repeat -112px -16px !important;
}

.icon-add-white {
  background: url("../../_content/tfs-icons.png") no-repeat -144px -16px !important;
}

.icon-add {
  background: url("../../_content/tfs-icons.png") no-repeat -176px -16px !important;
}

.icon-admin {
  background: url("../../_content/tfs-icons.png") no-repeat -208px -16px !important;
}

.icon-arrow-down {
  background: url("../../_content/tfs-icons.png") no-repeat -240px -16px !important;
}

.icon-arrow-forward {
  background: url("../../_content/tfs-icons.png") no-repeat -272px -16px !important;
}

.icon-arrow-up {
  background: url("../../_content/tfs-icons.png") no-repeat -304px -16px !important;
}

.icon-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -336px -16px !important;
}

.icon-audio-off {
  background: url("../../_content/tfs-icons.png") no-repeat -368px -16px !important;
}

.icon-audio-on {
  background: url("../../_content/tfs-icons.png") no-repeat -400px -16px !important;
}

.icon-back-query-results {
  background: url("../../_content/tfs-icons.png") no-repeat -432px -16px !important;
}

.icon-branch-locked {
  background: url("../../_content/tfs-icons.png") no-repeat -464px -16px !important;
}

.icon-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -496px -16px !important;
}

.icon-calendar {
  background: url("../../_content/tfs-icons.png") no-repeat -528px -16px !important;
}

.icon-charts-area {
  background: url("../../_content/tfs-icons.png") no-repeat -560px -16px !important;
}

.icon-charts-bar {
  background: url("../../_content/tfs-icons.png") no-repeat -592px -16px !important;
}

.icon-charts-column {
  background: url("../../_content/tfs-icons.png") no-repeat -624px -16px !important;
}

.icon-charts-line {
  background: url("../../_content/tfs-icons.png") no-repeat -656px -16px !important;
}

.icon-charts-pie {
  background: url("../../_content/tfs-icons.png") no-repeat -688px -16px !important;
}

.icon-charts-pivotchart {
  background: url("../../_content/tfs-icons.png") no-repeat -720px -16px !important;
}

.icon-charts-pivottable {
  background: url("../../_content/tfs-icons.png") no-repeat -752px -16px !important;
}

.icon-chat-mention-white {
  background: url("../../_content/tfs-icons.png") no-repeat -784px -16px !important;
}

.icon-chat-mention {
  background: url("../../_content/tfs-icons.png") no-repeat -816px -16px !important;
}

.icon-check {
  background: url("../../_content/tfs-icons.png") no-repeat -848px -16px !important;
}

.icon-close {
  background: url("../../_content/tfs-icons.png") no-repeat -880px -16px !important;
}

.icon-comment-add {
  background: url("../../_content/tfs-icons.png") no-repeat -912px -16px !important;
}

.icon-comment-next {
  background: url("../../_content/tfs-icons.png") no-repeat -944px -16px !important;
}

.icon-comment-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -976px -16px !important;
}

.icon-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -1008px -16px !important;
}

.icon-commented-file {
  background: url("../../_content/tfs-icons.png") no-repeat -1040px -16px !important;
}

.icon-compare {
  background: url("../../_content/tfs-icons.png") no-repeat -1072px -16px !important;
}

.icon-copy-text {
  background: url("../../_content/tfs-icons.png") no-repeat -1104px -16px !important;
}

.icon-dashboard-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1136px -16px !important;
}

.icon-delete-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px -16px !important;
}

.icon-delete-user {
  background: url("../../_content/tfs-icons.png") no-repeat -1232px -16px !important;
}

.icon-delete-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1264px -16px !important;
}

.icon-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -16px !important;
}

.icon-discussion-adornment {
  background: url("../../_content/tfs-icons.png") no-repeat -1328px -16px !important;
}

.icon-document {
  background: url("../../_content/tfs-icons.png") no-repeat -1360px -16px !important;
}

.icon-dot {
  background: url("../../_content/tfs-icons.png") no-repeat -1392px -16px !important;
}

.icon-down-gray {
  background: url("../../_content/tfs-icons.png") no-repeat -1424px -16px !important;
}

.icon-down {
  background: url("../../_content/tfs-icons.png") no-repeat -1456px -16px !important;
}

.icon-drop-left {
  background: url("../../_content/tfs-icons.png") no-repeat -1488px -16px !important;
}

.icon-drop-right {
  background: url("../../_content/tfs-icons.png") no-repeat -1520px -16px !important;
}

.icon-drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px -16px !important;
}

.icon-edit-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1616px -16px !important;
}

.icon-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -1648px -16px !important;
}

.icon-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1680px -16px !important;
}

.icon-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1712px -16px !important;
}

.icon-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1744px -16px !important;
}

.icon-editor-indent {
  background: url("../../_content/tfs-icons.png") no-repeat -1776px -16px !important;
}

.icon-editor-list-bullet {
  background: url("../../_content/tfs-icons.png") no-repeat -1808px -16px !important;
}

.icon-editor-list-number {
  background: url("../../_content/tfs-icons.png") no-repeat -1840px -16px !important;
}

.icon-editor-outdent {
  background: url("../../_content/tfs-icons.png") no-repeat -1872px -16px !important;
}

.icon-editor-picture {
  background: url("../../_content/tfs-icons.png") no-repeat -1904px -16px !important;
}

.icon-ellipsis-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1936px -16px !important;
}

.icon-ellipsis {
  background: url("../../_content/tfs-icons.png") no-repeat -1968px -16px !important;
}

.icon-empty {
  background: url("../../_content/tfs-icons.png") no-repeat -2000px -16px !important;
}

.icon-enter-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2032px -16px !important;
}

.icon-envelope {
  background: url("../../_content/tfs-icons.png") no-repeat -2064px -16px !important;
}

.icon-error-exclamation {
  background: url("../../_content/tfs-icons.png") no-repeat -2096px -16px !important;
}

.icon-exit-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2128px -16px !important;
}

.icon-export {
  background: url("../../_content/tfs-icons.png") no-repeat -2160px -16px !important;
}

.icon-favorite-in {
  background: url("../../_content/tfs-icons.png") no-repeat -2192px -16px !important;
}

.icon-favorite-out {
  background: url("../../_content/tfs-icons.png") no-repeat -2224px -16px !important;
}

.icon-filter {
  background: url("../../_content/tfs-icons.png") no-repeat -2256px -16px !important;
}

.icon-folder-open {
  background: url("../../_content/tfs-icons.png") no-repeat -2288px -16px !important;
}

.icon-folder-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2320px -16px !important;
}

.icon-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2352px -16px !important;
}

.icon-font-color {
  background: url("../../_content/tfs-icons.png") no-repeat -2384px -16px !important;
}

.icon-form-group-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -2416px -16px !important;
}

.icon-form-group-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -2448px -16px !important;
}

.icon-git-logo {
  background: url("../../_content/tfs-icons.png") no-repeat -2480px -16px !important;
}

.icon-header-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2512px -16px !important;
}

.icon-header-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -2544px -16px !important;
}

.icon-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2576px -16px !important;
}

.icon-history {
  background: url("../../_content/tfs-icons.png") no-repeat -2608px -16px !important;
}

.icon-home {
  background: url("../../_content/tfs-icons.png") no-repeat -2640px -16px !important;
}

.icon-info-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2672px -16px !important;
}

.icon-info {
  background: url("../../_content/tfs-icons.png") no-repeat -2704px -16px !important;
}

.icon-invalid-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2736px -16px !important;
}

.icon-new-document {
  background: url("../../_content/tfs-icons.png") no-repeat -2768px -16px !important;
}

.icon-new-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2800px -16px !important;
}

.icon-new {
  background: url("../../_content/tfs-icons.png") no-repeat -2832px -16px !important;
}

.icon-next-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -2864px -16px !important;
}

.icon-next {
  background: url("../../_content/tfs-icons.png") no-repeat -2896px -16px !important;
}

.icon-notifications {
  background: url("../../_content/tfs-icons.png") no-repeat -2928px -16px !important;
}

.icon-open-visualstudio {
  background: url("../../_content/tfs-icons.png") no-repeat -2960px -16px !important;
}

.icon-open-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2992px -16px !important;
}

.icon-open {
  background: url("../../_content/tfs-icons.png") no-repeat -3024px -16px !important;
}

.icon-pause {
  background: url("../../_content/tfs-icons.png") no-repeat -3056px -16px !important;
}

.icon-people {
  background: url("../../_content/tfs-icons.png") no-repeat -3088px -16px !important;
}

.icon-pin {
  background: url("../../_content/tfs-icons.png") no-repeat -3120px -16px !important;
}

.icon-play {
  background: url("../../_content/tfs-icons.png") no-repeat -3152px -16px !important;
}

.icon-prev-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3184px -16px !important;
}

.icon-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -3216px -16px !important;
}

.icon-process-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -3248px -16px !important;
}

.icon-process-custom {
  background: url("../../_content/tfs-icons.png") no-repeat -3280px -16px !important;
}

.icon-process-system {
  background: url("../../_content/tfs-icons.png") no-repeat -3312px -16px !important;
}

.icon-project-white {
  background: url("../../_content/tfs-icons.png") no-repeat -3344px -16px !important;
}

.icon-queue-build {
  background: url("../../_content/tfs-icons.png") no-repeat -3376px -16px !important;
}

.icon-refresh {
  background: url("../../_content/tfs-icons.png") no-repeat -3408px -16px !important;
}

.icon-rename {
  background: url("../../_content/tfs-icons.png") no-repeat -3440px -16px !important;
}

.icon-restricted-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3472px -16px !important;
}

.icon-save-all {
  background: url("../../_content/tfs-icons.png") no-repeat -3504px -16px !important;
}

.icon-save-as {
  background: url("../../_content/tfs-icons.png") no-repeat -3536px -16px !important;
}

.icon-save-close {
  background: url("../../_content/tfs-icons.png") no-repeat -3568px -16px !important;
}

.icon-save {
  background: url("../../_content/tfs-icons.png") no-repeat -3600px -16px !important;
}

.icon-search {
  background: url("../../_content/tfs-icons.png") no-repeat -3632px -16px !important;
}

.icon-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -3664px -16px !important;
}

.icon-social-facebook {
  background: url("../../_content/tfs-icons.png") no-repeat -3696px -16px !important;
}

.icon-social-twitter {
  background: url("../../_content/tfs-icons.png") no-repeat -3728px -16px !important;
}

.icon-sort-asc-1 {
  background: url("../../_content/tfs-icons.png") no-repeat -3760px -16px !important;
}

.icon-sort-asc {
  background: url("../../_content/tfs-icons.png") no-repeat -3792px -16px !important;
}

.icon-sort-desc {
  background: url("../../_content/tfs-icons.png") no-repeat -3824px -16px !important;
}

.icon-sort {
  background: url("../../_content/tfs-icons.png") no-repeat -3856px -16px !important;
}

.icon-submodule-external {
  background: url("../../_content/tfs-icons.png") no-repeat -3888px -16px !important;
}

.icon-submodule {
  background: url("../../_content/tfs-icons.png") no-repeat -3920px -16px !important;
}

.icon-tfs-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -3952px -16px !important;
}

.icon-tfs-build-reason-batchedci {
  background: url("../../_content/tfs-icons.png") no-repeat -3984px -16px !important;
}

.icon-tfs-build-reason-checkinshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-tfs-build-reason-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4048px -16px !important;
}

.icon-tfs-build-reason-schedule {
  background: url("../../_content/tfs-icons.png") no-repeat -4080px -16px !important;
}

.icon-tfs-build-reason-scheduleforced {
  background: url("../../_content/tfs-icons.png") no-repeat -4112px -16px !important;
}

.icon-tfs-build-reason-validateshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4144px -16px !important;
}

.icon-tfs-build-retain-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4176px -16px !important;
}

.icon-tfs-build-status-canceled {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -4240px -16px !important;
}

.icon-tfs-build-status-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4272px -16px !important;
}

.icon-tfs-build-status-inprogress {
  background: url("../../_content/tfs-icons.png") no-repeat -4304px -16px !important;
}

.icon-tfs-build-status-partiallysucceeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4336px -16px !important;
}

.icon-tfs-build-status-postponed {
  background: url("../../_content/tfs-icons.png") no-repeat -4368px -16px !important;
}

.icon-tfs-build-status-queued {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-status-stopped {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build {
  background: url("../../_content/tfs-icons.png") no-repeat -4496px -16px !important;
}

.icon-tfs-changelist {
  background: url("../../_content/tfs-icons.png") no-repeat -4528px -16px !important;
}

.icon-tfs-clause-group {
  background: url("../../_content/tfs-icons.png") no-repeat -4560px -16px !important;
}

.icon-tfs-clause-ungroup {
  background: url("../../_content/tfs-icons.png") no-repeat -4592px -16px !important;
}

.icon-tfs-home-newitem {
  background: url("../../_content/tfs-icons.png") no-repeat -4624px -16px !important;
}

.icon-tfs-left-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -4656px -16px !important;
}

.icon-tfs-left {
  background: url("../../_content/tfs-icons.png") no-repeat -4688px -16px !important;
}

.icon-tfs-link-add {
  background: url("../../_content/tfs-icons.png") no-repeat -4720px -16px !important;
}

.icon-tfs-link-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -4752px -16px !important;
}

.icon-tfs-link {
  background: url("../../_content/tfs-icons.png") no-repeat -4784px -16px !important;
}

.icon-tfs-microsoft-requirementcategory {
  background: url("../../_content/tfs-icons.png") no-repeat -4816px -16px !important;
}

.icon-tfs-play-small {
  background: url("../../_content/tfs-icons.png") no-repeat -4848px -16px !important;
}

.icon-tfs-process-guidance {
  background: url("../../_content/tfs-icons.png") no-repeat -4880px -16px !important;
}

.icon-tfs-project-portal {
  background: url("../../_content/tfs-icons.png") no-repeat -4912px -16px !important;
}

.icon-tfs-query-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px -16px !important;
}

.icon-tfs-query-flat {
  background: url("../../_content/tfs-icons.png") no-repeat -4976px -16px !important;
}

.icon-tfs-query-new {
  background: url("../../_content/tfs-icons.png") no-repeat -5008px -16px !important;
}

.icon-tfs-query-onehop {
  background: url("../../_content/tfs-icons.png") no-repeat -5040px -16px !important;
}

.icon-tfs-query-run {
  background: url("../../_content/tfs-icons.png") no-repeat -5072px -16px !important;
}

.icon-tfs-query-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -5104px -16px !important;
}

.icon-tfs-release-draft {
  background: url("../../_content/tfs-icons.png") no-repeat -5136px -16px !important;
}

.icon-tfs-release-notstarted {
  background: url("../../_content/tfs-icons.png") no-repeat -5168px -16px !important;
}

.icon-tfs-reports {
  background: url("../../_content/tfs-icons.png") no-repeat -5200px -16px !important;
}

.icon-tfs-requirement {
  background: url("../../_content/tfs-icons.png") no-repeat -5232px -16px !important;
}

.icon-tfs-right-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -5264px -16px !important;
}

.icon-tfs-right {
  background: url("../../_content/tfs-icons.png") no-repeat -5296px -16px !important;
}

.icon-tfs-task {
  background: url("../../_content/tfs-icons.png") no-repeat -5328px -16px !important;
}

.icon-tfs-tcm-active-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5360px -16px !important;
}

.icon-tfs-tcm-active-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5392px -16px !important;
}

.icon-tfs-tcm-add-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -5424px -16px !important;
}

.icon-tfs-tcm-associated-pane-toggle {
  background: url("../../_content/tfs-icons.png") no-repeat -5456px -16px !important;
}

.icon-tfs-tcm-attach-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5488px -16px !important;
}

.icon-tfs-tcm-block-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5520px -16px !important;
}

.icon-tfs-tcm-blocked-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5552px -16px !important;
}

.icon-tfs-tcm-bug-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5584px -16px !important;
}

.icon-tfs-tcm-create-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5616px -16px !important;
}

.icon-tfs-tcm-down-blue {
  background: url("../../_content/tfs-icons.png") no-repeat -5648px -16px !important;
}

.icon-tfs-tcm-down-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5680px -16px !important;
}

.icon-tfs-tcm-drop-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5712px -16px !important;
}

.icon-tfs-tcm-edit-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5744px -16px !important;
}

.icon-tfs-tcm-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -5776px -16px !important;
}

.icon-tfs-tcm-export-html {
  background: url("../../_content/tfs-icons.png") no-repeat -5808px -16px !important;
}

.icon-tfs-tcm-fail-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -5840px -16px !important;
}

.icon-tfs-tcm-failed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5872px -16px !important;
}

.icon-tfs-tcm-insert-parameter {
  background: url("../../_content/tfs-icons.png") no-repeat -5904px -16px !important;
}

.icon-tfs-tcm-insert-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5936px -16px !important;
}

.icon-tfs-tcm-insert-step-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5968px -16px !important;
}

.icon-tfs-tcm-insert-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6000px -16px !important;
}

.icon-tfs-tcm-mtm {
  background: url("../../_content/tfs-icons.png") no-repeat -6032px -16px !important;
}

.icon-tfs-tcm-not-applicable-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6064px -16px !important;
}

.icon-tfs-tcm-not-applicable {
  background: url("../../_content/tfs-icons.png") no-repeat -6096px -16px !important;
}

.icon-tfs-tcm-open-in-new-tab {
  background: url("../../_content/tfs-icons.png") no-repeat -6128px -16px !important;
}

.icon-tfs-tcm-pass-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -6160px -16px !important;
}

.icon-tfs-tcm-passed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6192px -16px !important;
}

.icon-tfs-tcm-pause-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6224px -16px !important;
}

.icon-tfs-tcm-query-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6256px -16px !important;
}

.icon-tfs-tcm-requirement-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6288px -16px !important;
}

.icon-tfs-tcm-reset-active {
  background: url("../../_content/tfs-icons.png") no-repeat -6320px -16px !important;
}

.icon-tfs-tcm-resume-test {
  background: url("../../_content/tfs-icons.png") no-repeat -6352px -16px !important;
}

.icon-tfs-tcm-save-close-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6384px -16px !important;
}

.icon-tfs-tcm-save-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6416px -16px !important;
}

.icon-tfs-tcm-shared-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6448px -16px !important;
}

.icon-tfs-tcm-static-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6480px -16px !important;
}

.icon-tfs-tcm-test-no-outcome {
  background: url("../../_content/tfs-icons.png") no-repeat -6512px -16px !important;
}

.icon-tfs-tcm-test-plan {
  background: url("../../_content/tfs-icons.png") no-repeat -6544px -16px !important;
}

.icon-tfs-tcm-tra-create-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -6576px -16px !important;
}

.icon-tfs-tcm-tra-needs-investigation {
  background: url("../../_content/tfs-icons.png") no-repeat -6608px -16px !important;
}

.icon-tfs-tcm-tra-result-aborted {
  background: url("../../_content/tfs-icons.png") no-repeat -6640px -16px !important;
}

.icon-tfs-tcm-tra-result-error {
  background: url("../../_content/tfs-icons.png") no-repeat -6672px -16px !important;
}

.icon-tfs-tcm-tra-result-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -6704px -16px !important;
}

.icon-tfs-tcm-tra-result-in-progress {
  background: url("../../_content/tfs-icons.png") no-repeat -6736px -16px !important;
}

.icon-tfs-tcm-tra-result-not-executed {
  background: url("../../_content/tfs-icons.png") no-repeat -6768px -16px !important;
}

.icon-tfs-tcm-tra-result-passed {
  background: url("../../_content/tfs-icons.png") no-repeat -6800px -16px !important;
}

.icon-tfs-tcm-tra-result-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -6832px -16px !important;
}

.icon-tfs-tcm-tra-run-unspecified {
  background: url("../../_content/tfs-icons.png") no-repeat -6864px -16px !important;
}

.icon-tfs-tcm-tra-update-analysis {
  background: url("../../_content/tfs-icons.png") no-repeat -6896px -16px !important;
}

.icon-tfs-tcm-tra-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -6928px -16px !important;
}

.icon-tfs-tcm-up-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6960px -16px !important;
}

.icon-tfs-vc-new-pullrequest {
  background: url("../../_content/tfs-icons.png") no-repeat -6992px -16px !important;
}

.icon-tfs-vc-pullrequests-abandoned {
  background: url("../../_content/tfs-icons.png") no-repeat -7024px -16px !important;
}

.icon-tfs-vc-pullrequests-code-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -7056px -16px !important;
}

.icon-tfs-vc-pullrequests-merge {
  background: url("../../_content/tfs-icons.png") no-repeat -7088px -16px !important;
}

.icon-tfs-vc-pullrequests-merged-status-indicator {
  background: url("../../_content/tfs-icons.png") no-repeat -7120px -16px !important;
}

.icon-tfs-vc-pullrequests-ref-update {
  background: url("../../_content/tfs-icons.png") no-repeat -7152px -16px !important;
}

.icon-tfs-vc-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -7184px -16px !important;
}

.icon-tfs-vc-status-processing {
  background: url("../../_content/tfs-icons.png") no-repeat -7216px -16px !important;
}

.icon-tfs-vc-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -7248px -16px !important;
}

.icon-tfs-vc-status-waiting-response-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7280px -16px !important;
}

.icon-tfs-vc-status-waiting-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7312px -16px !important;
}

.icon-tfs-vc-status-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -7344px -16px !important;
}

.icon-tfs-work-item-copy {
  background: url("../../_content/tfs-icons.png") no-repeat -7376px -16px !important;
}

.icon-tfs-work-item-new-linked {
  background: url("../../_content/tfs-icons.png") no-repeat -7408px -16px !important;
}

.icon-tfs-work-item {
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.icon-tick {
  background: url("../../_content/tfs-icons.png") no-repeat -7472px -16px !important;
}

.icon-toggle-button-horizontal-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7504px -16px !important;
}

.icon-toggle-button-horizontal-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7536px -16px !important;
}

.icon-tree-collapse-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7568px -16px !important;
}

.icon-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px -16px !important;
}

.icon-tree-corner {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px -16px !important;
}

.icon-tree-expand-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7664px -16px !important;
}

.icon-tree-expand-one-level {
  background: url("../../_content/tfs-icons.png") no-repeat -7696px -16px !important;
}

.icon-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px -16px !important;
}

.icon-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px -16px !important;
}

.icon-trial-white {
  background: url("../../_content/tfs-icons.png") no-repeat -7792px -16px !important;
}

.icon-undo {
  background: url("../../_content/tfs-icons.png") no-repeat -7824px -16px !important;
}

.icon-unpin {
  background: url("../../_content/tfs-icons.png") no-repeat -7856px -16px !important;
}

.icon-up {
  background: url("../../_content/tfs-icons.png") no-repeat -7888px -16px !important;
}

.icon-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -7920px -16px !important;
}

.icon-wide-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7952px -16px !important;
}

.icon-wide-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7984px -16px !important;
}

.icon-window {
  background: url("../../_content/tfs-icons.png") no-repeat -8016px -16px !important;
}

.icon-wit-attachments {
  background: url("../../_content/tfs-icons.png") no-repeat -8048px -16px !important;
}

.icon-wit-classicview {
  background: url("../../_content/tfs-icons.png") no-repeat -8080px -16px !important;
}

.icon-wit-history {
  background: url("../../_content/tfs-icons.png") no-repeat -8112px -16px !important;
}

.icon-close-white {
  background: url("../../_content/tfs-icons2.png") no-repeat -16px -16px !important;
}

.icon-customize-process {
  background: url("../../_content/tfs-icons2.png") no-repeat -48px -16px !important;
}

.icon-inherited-form {
  background: url("../../_content/tfs-icons2.png") no-repeat -80px -16px !important;
}

.icon-reload {
  background: url("../../_content/tfs-icons2.png") no-repeat -112px -16px !important;
}

.icon-restore {
  background: url("../../_content/tfs-icons2.png") no-repeat -144px -16px !important;
}

.icon-xt {
  background: url("../../_content/tfs-icons2.png") no-repeat -176px -16px !important;
}

.icon-product-logo {
  background: url("../../_content/product-logo.png") no-repeat 0px 0px !important;
}

.icon-avatar {
  background: url("../../_content/icon-avatar.png") no-repeat 0px 0px !important;
}

.icon-code-analysis-resolved-small {
  background: url("../../_content/icon-code-analysis-resolved-small.png") no-repeat 0px 0px !important;
}

.icon-close-small {
  background: url("../../_content/icon-close-small.png") no-repeat 0px 0px !important;
}

.icon-close-small-white {
  background: url("../../_content/icon-close-small-white.png") no-repeat 0px 0px !important;
}

.icon-comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.icon-date-small {
  background: url("../../_content/icon-date-small.png") no-repeat 0px 0px !important;
}

.icon-delete-small {
  background: url("../../_content/icon-delete-small.png") no-repeat 0px 0px !important;
}

.icon-service-profile {
  background: url("../../_content/icon-service-profile.png") no-repeat 0px 0px !important;
}

.icon-wiki-external-link {
  background: url("../../_content/icon-wiki-external-link.png") no-repeat 0px 0px !important;
}

.icon-checkmark-green {
  background: url("../../_content/icon-checkmark-green.png") no-repeat 0px 0px !important;
}

.icon-download-package {
  background: url("../../_content/icon-download-package.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-succeeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-failed-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -30px 0px !important;
}

.icon-build-histogram-partiallysucceeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -60px 0px !important;
}

.icon-build-histogram-inprogress-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -90px 0px !important;
}

.icon-build-histogram-succeeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -120px 0px !important;
}

.icon-build-histogram-failed {
  background: url("../../_content/build-histogram-bars.png") no-repeat -150px 0px !important;
}

.icon-build-histogram-partiallysucceeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -180px 0px !important;
}

.icon-build-histogram-inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -210px 0px !important;
}

.icon-build-histogram-default {
  background: url("../../_content/build-histogram-bars.png") no-repeat -240px 0px !important;
}

.icon-build-histogram-duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -270px 0px !important;
}

.icon-build-histogram-duration-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -300px 0px !important;
}

.icon-header-browse-all {
  background: url("../../_content/header-icons.png") no-repeat -16px -16px !important;
}

.icon-header-browse-all-hover {
  background: url("../../_content/header-icons.png") no-repeat -48px -16px !important;
}

.icon-header-down-arrow {
  background: url("../../_content/header-icons.png") no-repeat -96px -16px !important;
}

.icon-header-down-arrow-hover {
  background: url("../../_content/header-icons.png") no-repeat -128px -16px !important;
}

.icon-header-search {
  background: url("../../_content/header-icons.png") no-repeat -256px -16px !important;
}

.icon-header-search-arrow {
  background: url("../../_content/header-icons.png") no-repeat -288px -16px !important;
}

.icon-header-projects {
  background: url("../../_content/header-icons.png") no-repeat -320px 0px !important;
}

.icon-header-projects-hover {
  background: url("../../_content/header-icons.png") no-repeat -448px 0px !important;
}

.icon-header-projects-init {
  background: url("../../_content/header-icons.png") no-repeat -520px 0px !important;
}

.icon-header-community-help {
  background: url("../../_content/header-icons.png") no-repeat -600px 0px !important;
}

.icon-header-community-help-hover {
  background: url("../../_content/header-icons.png") no-repeat -700px 0px !important;
}

.icon-header-blue-search {
  background: url("../../_content/header-icons.png") no-repeat -812px -16px !important;
}

.icon-header-white-search {
  background: url("../../_content/header-icons.png") no-repeat -852px -16px !important;
}

.icon-header-blue-bg-search {
  background: url("../../_content/header-icons.png") no-repeat -888px -16px !important;
}

.icon-navigate-external-link {
  background: url("../../_content/icon-navigate-external-link.png") no-repeat 0px 0px !important;
}

.icon-tfs-build-status-completed {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build-status-retry {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-reason-individualci {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-nav-header-feedback {
  background: url("../../_content/vss-themed-default.png") no-repeat -16px -16px !important;
}

.icon-nav-header-help {
  background: url("../../_content/vss-themed-default.png") no-repeat -48px -16px !important;
}

.icon-nav-header-settings {
  background: url("../../_content/vss-themed-default.png") no-repeat -80px -16px !important;
}

.icon-azure-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -16px -16px !important;
}

.icon-chef-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -48px -16px !important;
}

.icon-generic-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -80px -16px !important;
}

.icon-git-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -112px -16px !important;
}

.icon-ssh-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -144px -16px !important;
}

.icon-svn-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -176px -16px !important;
}

.icon-tfs-build-delete {
  background: url("../../_content/build-icons.png") no-repeat -24px -24px !important;
}

.icon-tfs-build-locked-blue {
  background: url("../../_content/build-icons.png") no-repeat -72px -24px !important;
}

.icon-tfs-build-locked {
  background: url("../../_content/build-icons.png") no-repeat -120px -24px !important;
}

.icon-tfs-build-unlocked-blue {
  background: url("../../_content/build-icons.png") no-repeat -168px -24px !important;
}

.icon-tfs-build-unlocked {
  background: url("../../_content/build-icons.png") no-repeat -216px -24px !important;
}

.icon-config-chart-area {
  background: url("../../_content/chart-icons.png") no-repeat -26px -26px !important;
}

.icon-config-chart-bar {
  background: url("../../_content/chart-icons.png") no-repeat -78px -26px !important;
}

.icon-config-chart-column {
  background: url("../../_content/chart-icons.png") no-repeat -130px -26px !important;
}

.icon-config-chart-line {
  background: url("../../_content/chart-icons.png") no-repeat -182px -26px !important;
}

.icon-config-chart-pie {
  background: url("../../_content/chart-icons.png") no-repeat -234px -26px !important;
}

.icon-config-chart-pivot {
  background: url("../../_content/chart-icons.png") no-repeat -286px -26px !important;
}

.icon-config-chart-stacked-area {
  background: url("../../_content/chart-icons.png") no-repeat -338px -26px !important;
}

.icon-config-chart-stacked-bar {
  background: url("../../_content/chart-icons.png") no-repeat -390px -26px !important;
}

.icon-config-chart-stacked-column {
  background: url("../../_content/chart-icons.png") no-repeat -442px -26px !important;
}

.icon-emoji-alien {
  background: url("../../_content/emoji-icons.png") no-repeat -19px -19px !important;
}

.icon-emoji-angel {
  background: url("../../_content/emoji-icons.png") no-repeat -57px -19px !important;
}

.icon-emoji-angry {
  background: url("../../_content/emoji-icons.png") no-repeat -95px -19px !important;
}

.icon-emoji-beer {
  background: url("../../_content/emoji-icons.png") no-repeat -133px -19px !important;
}

.icon-emoji-blush {
  background: url("../../_content/emoji-icons.png") no-repeat -171px -19px !important;
}

.icon-emoji-bomb {
  background: url("../../_content/emoji-icons.png") no-repeat -209px -19px !important;
}

.icon-emoji-brokenheart {
  background: url("../../_content/emoji-icons.png") no-repeat -247px -19px !important;
}

.icon-emoji-bug {
  background: url("../../_content/emoji-icons.png") no-repeat -285px -19px !important;
}

.icon-emoji-cake {
  background: url("../../_content/emoji-icons.png") no-repeat -323px -19px !important;
}

.icon-emoji-check {
  background: url("../../_content/emoji-icons.png") no-repeat -361px -19px !important;
}

.icon-emoji-coffee {
  background: url("../../_content/emoji-icons.png") no-repeat -399px -19px !important;
}

.icon-emoji-confused {
  background: url("../../_content/emoji-icons.png") no-repeat -437px -19px !important;
}

.icon-emoji-cool {
  background: url("../../_content/emoji-icons.png") no-repeat -475px -19px !important;
}

.icon-emoji-crying {
  background: url("../../_content/emoji-icons.png") no-repeat -513px -19px !important;
}

.icon-emoji-drink {
  background: url("../../_content/emoji-icons.png") no-repeat -551px -19px !important;
}

.icon-emoji-fire {
  background: url("../../_content/emoji-icons.png") no-repeat -589px -19px !important;
}

.icon-emoji-flower {
  background: url("../../_content/emoji-icons.png") no-repeat -627px -19px !important;
}

.icon-emoji-game {
  background: url("../../_content/emoji-icons.png") no-repeat -665px -19px !important;
}

.icon-emoji-gift {
  background: url("../../_content/emoji-icons.png") no-repeat -703px -19px !important;
}

.icon-emoji-heart {
  background: url("../../_content/emoji-icons.png") no-repeat -741px -19px !important;
}

.icon-emoji-idea {
  background: url("../../_content/emoji-icons.png") no-repeat -779px -19px !important;
}

.icon-emoji-info {
  background: url("../../_content/emoji-icons.png") no-repeat -817px -19px !important;
}

.icon-emoji-laugh {
  background: url("../../_content/emoji-icons.png") no-repeat -855px -19px !important;
}

.icon-emoji-mail {
  background: url("../../_content/emoji-icons.png") no-repeat -893px -19px !important;
}

.icon-emoji-music {
  background: url("../../_content/emoji-icons.png") no-repeat -931px -19px !important;
}

.icon-emoji-no {
  background: url("../../_content/emoji-icons.png") no-repeat -969px -19px !important;
}

.icon-emoji-phone {
  background: url("../../_content/emoji-icons.png") no-repeat -1007px -19px !important;
}

.icon-emoji-pizza {
  background: url("../../_content/emoji-icons.png") no-repeat -1045px -19px !important;
}

.icon-emoji-plainsmile {
  background: url("../../_content/emoji-icons.png") no-repeat -1083px -19px !important;
}

.icon-emoji-plane {
  background: url("../../_content/emoji-icons.png") no-repeat -1121px -19px !important;
}

.icon-emoji-question {
  background: url("../../_content/emoji-icons.png") no-repeat -1159px -19px !important;
}

.icon-emoji-sad {
  background: url("../../_content/emoji-icons.png") no-repeat -1197px -19px !important;
}

.icon-emoji-smile {
  background: url("../../_content/emoji-icons.png") no-repeat -1235px -19px !important;
}

.icon-emoji-star {
  background: url("../../_content/emoji-icons.png") no-repeat -1273px -19px !important;
}

.icon-emoji-surprised {
  background: url("../../_content/emoji-icons.png") no-repeat -1311px -19px !important;
}

.icon-emoji-sweating {
  background: url("../../_content/emoji-icons.png") no-repeat -1349px -19px !important;
}

.icon-emoji-time {
  background: url("../../_content/emoji-icons.png") no-repeat -1387px -19px !important;
}

.icon-emoji-tongue {
  background: url("../../_content/emoji-icons.png") no-repeat -1425px -19px !important;
}

.icon-emoji-warning {
  background: url("../../_content/emoji-icons.png") no-repeat -1463px -19px !important;
}

.icon-emoji-wink {
  background: url("../../_content/emoji-icons.png") no-repeat -1501px -19px !important;
}

.icon-emoji-yes {
  background: url("../../_content/emoji-icons.png") no-repeat -1539px -19px !important;
}

.icon-mywork-branch-light {
  background: url("../../_content/mywork-icons.png") no-repeat -16px -16px !important;
}

.icon-mywork-repo-git {
  background: url("../../_content/mywork-icons.png") no-repeat -48px -16px !important;
}

.icon-mywork-git {
  background: url("../../_content/mywork-large-icons.png") no-repeat -20px -20px !important;
}

.icon-mywork-project-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -60px -20px !important;
}

.icon-mywork-project {
  background: url("../../_content/mywork-large-icons.png") no-repeat -100px -20px !important;
}

.icon-mywork-team-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -140px -20px !important;
}

.icon-mywork-team {
  background: url("../../_content/mywork-large-icons.png") no-repeat -180px -20px !important;
}

.icon-mywork-tfvc {
  background: url("../../_content/mywork-large-icons.png") no-repeat -220px -20px !important;
}

.icon-service-build {
  background: url("../../_content/service-icons.png") no-repeat -26px -26px !important;
}

.icon-service-chat {
  background: url("../../_content/service-icons.png") no-repeat -78px -26px !important;
}

.icon-service-checkin {
  background: url("../../_content/service-icons.png") no-repeat -130px -26px !important;
}

.icon-service-codeReview {
  background: url("../../_content/service-icons.png") no-repeat -182px -26px !important;
}

.icon-service-workItems {
  background: url("../../_content/service-icons.png") no-repeat -234px -26px !important;
}

.icon-tfs-vc-pullrequests-code-comment-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -32px -32px !important;
}

.icon-tfs-vc-pullrequests-merge-attempt-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -96px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-codeanalysis-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -160px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -224px -32px !important;
}

.icon-tfs-vc-pullrequests-status-update-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -288px -32px !important;
}

.icon-visual-studio-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -352px -32px !important;
}

.icon-tfs-vc-commit {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -16px -16px !important;
}

.icon-tfs-vc-pullrequest {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -48px -16px !important;
}

.icon-vc-raw-source {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -80px -16px !important;
}

.icon-vc-console {
  background: url("../../_content/console.png") no-repeat 0px 0px !important;
}

.icon-vc-comment-arrow-left-white {
  background: url("../../_content/comment-arrow-left-white.png") no-repeat 0px 0px !important;
}

.icon-vc-download-white {
  background: url("../../_content/download-white.png") no-repeat 0px 0px !important;
}

.icon-vc-eclipse {
  background: url("../../_content/eclipse.png") no-repeat 0px 0px !important;
}

.icon-vc-xcode {
  background: url("../../_content/xcode.png") no-repeat 0px 0px !important;
}

.icon-vc-androidstudio {
  background: url("../../_content/androidstudio.png") no-repeat 0px 0px !important;
}

.icon-vc-intellij {
  background: url("../../_content/intellij.png") no-repeat 0px 0px !important;
}

.icon-vc-command-prompt {
  background: url("../../_content/command-prompt.png") no-repeat 0px 0px !important;
}

/** Automatically converted from CommonControls.css **/
/*Show expand-collapse icons when hovering with animation.*/
.vc-hoverable .icon-visible-on-hover {
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.vc-hoverable:hover .icon-visible-on-hover {
  opacity: 1;
}

/*Don't show visible borders on VC tree rows. Use pre-formatted text to preserve whitespace*/
.tree-view.vc-tree > ul.tree-children li.focus > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.hover > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.context-menu-active > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.selected > a > div.node-content,
.tree-view.vc-tree.focus > ul.tree-children li.selected > a > div.node-content,
.tree-view.vc-tree.focus > ul.tree-children li.focus > a > div.node-content,
.tree-view.vc-tree li.tree-drag-tile > a > div.node-content,
.tree-view.vc-tree .tree-children div.node-content {
  white-space: pre;
}

/** Automatically converted from PageTitleBranchSelector.css **/
.vc-page-title-area .vc-branch-selector .selected-item-text {
  max-width: 200px;
  text-overflow: ellipsis;
}

.vc-page-title-area .vc-branch-selector.summary-tab .selected-item-text {
  max-width: 400px;
}

.vc-page-title-area .vc-branch-selector .filtered-list-popup .filtered-list-control .filtered-list {
  width: 300px;
}

.vc-page-title .vc-split-title-container {
  margin-top: -3px;
}

.vc-page-title .vc-split-title-left {
  max-width: 200px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.vc-page-title .vc-split-title-separator {
  vertical-align: middle;
}

.vc-page-title .vc-split-title-right {
  max-width: 400px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

/** Automatically converted from CommonViews.css **/
.vc-path-tile {
  background-color: #68217a;
}

.vc-path-tile .ellipsis-menubar.menu-bar {
  background-color: #68217a;
}

.vc-history-tab .vc-changes-list-filter {
  padding-left: 20px;
  padding-right: 5px;
}

.vc-page-title-area {
  position: relative;
  height: 40px;
  margin-top: -7px;
}

.vc-page-title-area .search-box {
  float: right;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 180px;
  margin-right: 15px;
  position: relative;
}

.vc-page-title-area .search-box .searchbox-label {
  display: none;
}

.vc-page-title-area .search-box .search-text {
  padding: 0 22px 0 8px;
  height: 32px;
  padding: 0 46px 0 8px;
}

.vc-page-title-area .search-box .search-text::-ms-clear {
  display: none;
}

.vc-page-title-area .search-box input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-page-title-area .search-box input:focus, .vc-page-title-area .search-box input.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-page-title-area .search-box input:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.vc-page-title-area .search-box .bowtie-search {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 4px 0px;
}

.vc-page-title-area .search-box .bowtie-edit-remove {
  position: absolute;
  cursor: pointer;
  right: 22px;
  top: 8px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  display: none;
  margin-right: 4px;
  padding: 4px 0px;
}

.vc-page-title-area .search-box.noDrop .icon-drop {
  display: none;
}

.versioncontrol-changes-content-header {
  width: 100%;
  flex-shrink: 0;
  display: inline-block;
}

.versioncontrol-changes-filter-container {
  float: right;
  white-space: nowrap;
  width: calc(100% - 250px);
  margin-right: 10px;
}

.versioncontrol-changes-search-box {
  float: right;
  padding-left: 16px;
  padding-right: 5px;
  white-space: nowrap;
}

.versioncontrol-changes-search-box .search-box {
  float: right;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 180px;
  margin-right: 15px;
  position: relative;
}

.versioncontrol-changes-search-box .search-box .searchbox-label {
  display: none;
}

.versioncontrol-changes-search-box .search-box .search-text {
  padding: 0 22px 0 8px;
  height: 32px;
  padding: 0 46px 0 8px;
}

.versioncontrol-changes-search-box .search-box .search-text::-ms-clear {
  display: none;
}

.versioncontrol-changes-search-box .search-box input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.versioncontrol-changes-search-box .search-box input:focus, .versioncontrol-changes-search-box .search-box input.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.versioncontrol-changes-search-box .search-box input:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.versioncontrol-changes-search-box .search-box .bowtie-search {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 4px 0px;
}

.versioncontrol-changes-search-box .search-box .bowtie-edit-remove {
  position: absolute;
  cursor: pointer;
  right: 22px;
  top: 8px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  display: none;
  margin-right: 4px;
  padding: 4px 0px;
}

.versioncontrol-changes-search-box .search-box.noDrop .icon-drop {
  display: none;
}

.vc-history-search-box .search-box {
  float: right;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 180px;
  margin-right: 15px;
  position: relative;
}

.vc-history-search-box .search-box .searchbox-label {
  display: none;
}

.vc-history-search-box .search-box .search-text {
  padding: 0 22px 0 8px;
  height: 32px;
  padding: 0 46px 0 8px;
}

.vc-history-search-box .search-box .search-text::-ms-clear {
  display: none;
}

.vc-history-search-box .search-box input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-history-search-box .search-box input:focus, .vc-history-search-box .search-box input.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-history-search-box .search-box input:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.vc-history-search-box .search-box .bowtie-search {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 4px 0px;
}

.vc-history-search-box .search-box .bowtie-edit-remove {
  position: absolute;
  cursor: pointer;
  right: 22px;
  top: 8px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  display: none;
  margin-right: 4px;
  padding: 4px 0px;
}

.vc-history-search-box .search-box.noDrop .icon-drop {
  display: none;
}

.vc-hub-repositories-selector .filtered-list,
.vc-page-title-area .filtered-list {
  font-family: "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: normal;
}

.vc-page-title-container {
  position: absolute;
  top: 0;
  right: 250;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  height: 40px;
}

.git-repositories-view .vc-page-title-container,
.versioncontrol-changes-history-view .vc-page-title-container {
  right: 0px;
  overflow: visible;
}

.full-screen-mode .vc-page-title-container {
  /* Padding for full screen icons */
  right: 45px;
}

.full-screen-mode .git-repositories-view .vc-page-title-container {
  /* Padding for git full screen icons */
  right: 90px;
}

.vc-page-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  max-width: 100%;
  margin-right: 10px;
}

.vc-page-title.dirty-file:after {
  content: " * ";
}

/* This holds space to the left of the Hubs until the actual repository selector is rendered,
    so its padding and width must be set to match (it contains the current repository name, but it's transparent). */
.vc-hub-repositories-placeholder {
  float: left;
  padding-right: 76px;
  max-width: 366px;
  overflow: hidden;
  opacity: 0;
}

/* This reserves space to the left of the hubs in the newer Dev15 VSTS navigation bar until the actual repository selector is rendered,
    so its padding and width must be set to match (it contains the current repository name, but it's transparent). */
.vsts-header .vc-hub-repositories-placeholder {
  float: none;
  padding: 10px 30px 10px 30px;
  max-width: 350px;
}

/* vc-hub-repositories-selector is used with the older pre-Dev15 hubs navigation header */
.vc-hub-repositories-selector {
  float: left;
  display: inline-block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-hub-repositories-selector:after {
  content: "|";
  vertical-align: middle;
  padding-right: 20px;
}

.vc-hub-repositories-selector .filtered-list-dropdown-menu {
  display: inline-block;
  margin-right: 8px;
  padding: 0 5px 4px 0px;
}

.vc-hub-repositories-selector .selected-item-text {
  max-width: 300px;
  white-space: pre;
}

.vc-branches-container {
  display: none;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-status-container {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-top: 3px;
}

.vc-status-container img.build-badge,
.vc-status-tooltip-clickable {
  cursor: pointer;
}

.vc-status-container .create-definition {
  width: 100px;
  height: 27px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: -4px;
}

.vc-status-container .create-definition:hover {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.vc-status-container .status-main {
  font-weight: 600;
}

.status-rich-content-tooltip .status-tooltip-primary,
.status-tooltip-status-container .status-tooltip-individual-primary {
  font-weight: 600;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.status-rich-content-tooltip .status-tooltip-secondary,
.status-tooltip-status-container .status-tooltip-individual-secondary {
  font-size: 14px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.status-rich-content-tooltip a.status-link {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.status-tooltip-statuses-container {
  text-align: left;
  margin-top: 10px;
}

.status-tooltip-status-container {
  margin-top: 10px;
  position: relative;
}

.status-tooltip-status-container .status-tooltip-individual-icon {
  position: absolute;
  top: 10px;
  left: 0px;
}

.status-tooltip-status-container .status-tooltip-individual-primary,
.status-tooltip-status-container .status-tooltip-individual-secondary {
  margin-left: 25px;
}

.rich-content-tooltip.status-rich-content-tooltip .popup-content-container {
  padding: 15px;
}

.rich-content-tooltip.status-rich-content-tooltip {
  width: auto;
}

.vc-status-success {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.bowtie-icon.vc-status-pending {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.vc-status-failure {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.vc-status-error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.git-repositories-view .vc-branches-container {
  display: inline-block;
}

.vc-branches-container .filtered-list-dropdown-menu {
  display: inline-block;
}

.vc-branches-container .filtered-list-dropdown-menu:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.vc-branches-container .filtered-list-dropdown-menu .selected-item-text {
  max-width: 400px;
}

.vc-branches-container .filtered-list-popup .filtered-list-control .filtered-list {
  min-width: 300px;
  max-width: 700px;
}

.full-screen-mode .vc-page-title-area .vc-branches-container {
  display: none;
}

.full-screen-mode .hub-view.explorer.versioncontrol-explorer-view .right-hub-content,
.full-screen-mode .hub-view.explorer.versioncontrol-change-list-view .right-hub-content {
  top: 5px;
}

.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot > .views,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot > .views {
  display: none;
}

.full-screen-mode .versioncontrol-change-list-view .left-hub-content .hub-pivot > .views {
  display: block !important;
}

.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot > .filters,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot > .filters {
  z-index: 200;
}

.full-screen-mode .vc-page-title-area {
  z-index: 100;
}

.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot.hidden ~ .hub-pivot-content,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot.hidden ~ .hub-pivot-content {
  top: 34px;
}

.hub-title .right-hub-error-container {
  /* The tooltip */
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  display: block;
  padding-left: 10px;
  text-align: left;
  z-index: 910;
  position: relative;
  max-width: 420px;
  font-size: 14px;
  white-space: pre-wrap;
}

.hub-title .right-hub-error-container:before {
  /* The pointer border of the tooltip */
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  top: -13px;
  z-index: 915;
}

.hub-title .right-hub-error-container:after {
  /* The pointer of the tooltip */
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 251, 242, 236 ,  1 );
  border-bottom-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  top: -12px;
  z-index: 915;
}

.hub-title .right-hub-error-container .bowtie-icon {
  /*Close button of the tooltip*/
  float: right;
  font-size: 11px;
  padding: 2px;
}

.hub-title .right-hub-error-container .content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.vc-history-filters-aligned {
  float: right;
}

.vc-history-graph-toggle {
  display: inline-block;
  vertical-align: top;
}

.vc-history-pivot-filters {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-left: 20px;
  margin-right: 10px;
}

.vc-history-tab-filters {
  display: inline-block;
}

.vc-view-pivot-filters.toolbar {
  display: inline-block;
  border-top: none;
  border-bottom: none;
  margin-right: 0;
  float: right;
}

/* Need to reduce the vertical padding on the pivot filters toolbar to allow it to fit correctly on the page */
.vc-view-pivot-filters.toolbar .menu-bar > .menu-item {
  padding: 7px 10px;
}

.vc-view-pivot-filters.toolbar .menu-bar > .menu-item.menu-item-separator {
  padding: 1px;
}

/* Allow the vc-view-pivot-filters to use all available space by removing the 8px top margin
   that is usually applied to pivot filter sections 
*/
.versioncontrol-change-list-view .hub-pivot > .filters {
  top: 5px;
  width: calc(100% - 250px);
}

.versioncontrol-change-list-view .hub-pivot-content {
  top: 40px;
}

.versioncontrol-explorer-view .hub-pivot > .filters {
  top: 5px;
  width: calc(100% - 250px);
}

.versioncontrol-explorer-view .hub-pivot-content {
  top: 40px;
}

/* Empty content information */
.version-control-item-right-pane .navigation-view-tab.info-tab,
.versioncontrol-branches-view .navigation-view-tab.info-tab,
.versioncontrol-changes-history-content > .information-section {
  padding-left: 20px;
  padding-top: 10px;
}

.info-tab .information-title {
  font-size: 16px;
  margin-left: 10px;
  padding-bottom: 5px;
  margin-top: 16px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.info-tab .information-summary {
  margin-top: 10px;
}

/* Information Area Controls are grey for this page */
.info-tab .information-content {
  border: none;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  white-space: normal;
}

.info-tab .information-header .information-caption {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  font-size: 14px;
}

.information-content-image {
  margin-left: 16px;
}

.info-tab hr {
  border-width: 1px;
  border-style: solid;
  color: rgba( 218, 218, 218 ,  1 );
  color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  margin-left: 4px;
}

.info-tab .text-copy-box {
  margin-left: 10px;
  margin-top: 16px;
  width: 500px;
  padding: 5px 10px;
}

.info-tab .code-content {
  margin-top: 5px;
  margin-bottom: 5px;
}

.init-repo-container, .open-with-vs-control {
  margin: 10px;
}

.info-tab .information-area-control .information-content .detail-content {
  padding-top: 4px;
  padding-bottom: 4px;
}

.open-with-vs {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 20px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=text], .vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-top: 0px;
  width: 100%;
}

.vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox::-ms-clear {
  display: none;
}

.vc-create-branch-dialog-fix .vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox-container .bowtie-triangle-down,
.vc-create-branch-dialog-fix .vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox-container .bowtie-chevron-down-light {
  cursor: pointer;
  position: absolute;
  right: 10px;
  padding-top: 9px;
}

.vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox-container .bowtie-triangle-down:focus {
  outline: none;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.in-progress-container-small {
  background-image: url("../../_content/big-progress.gif");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px !important;
}

.vc-repository-not-found .hub-title {
  margin-left: 20px;
  font-weight: 400;
}

.vc-repository-not-found .hub-content {
  font-size: 14px;
}

.vc-transparent-icon {
  opacity: 0.0;
  margin-right: 8px;
}

/** Automatically converted from Icons.css **/
.vc-pullrequest-discussion-system-status-indicator .bowtie-tfvc-merge {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.vc-pullrequest-discussion-system-status-indicator .bowtie-tfvc-merge {
  width: 16px;
  display: inline-block;
}

.menu-bar > .menu-item.hover > span.icon {
  text-decoration: none;
}

/***** End Areas *****/
/***** Begin SkypeTeamTabs styles *****/
body.tab-main {
  background-color: transparent;
}

body.tab-main .tab-content {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  width: 536px;
  height: 100%;
}

.contrast {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.contrast label {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.contrast a, .contrast a:hover, .contrast a:visited {
  color: #ffff01;
}

.contrast .ms-ChoiceFieldGroup .ms-ChoiceField-field:hover .ms-Label {
  color: rgba( 244, 244, 244 ,  1 );
  color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.dark {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.dark label {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.dark a, .dark a:hover, .dark a:visited {
  color: #a6a7dc;
}

.dark .ms-ChoiceFieldGroup .ms-ChoiceField-field:hover .ms-Label {
  color: rgba( 244, 244, 244 ,  1 );
  color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.feature-tab-config-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.feature-tab-config-view .error-message-feature-tab {
  flex: 0 0;
}

.feature-tab-config-view .configuration-view {
  display: flex;
  flex-grow: 1;
  min-height: 0;
}

.feature-tab-config-view .configuration-view .left-pane {
  width: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid rgba(0, 120, 212, 1);
  border-right: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.feature-tab-config-view .configuration-view .right-pane {
  width: 366px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.feature-tab-config-view .account-text {
  flex: 0 0;
  height: 22px;
  padding-bottom: 6px;
}

.feature-tab-config-view .feature-info-view {
  display: inline-block;
}

.feature-tab-config-view .feature-info-view .feature-info-image {
  margin-top: 4px;
  display: inline-block;
  width: 80px;
  vertical-align: top;
}

.feature-tab-config-view .feature-info-view .feature-info-description {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
}

.skype-team-tab-setting .error-message-banner {
  margin-bottom: 8px;
}

.skype-team-tab-setting .error-message-banner .message-area-control.error-message {
  padding: 5px;
  background-color: #29384f;
  color: #fff;
}

.skype-team-tab-setting .error-message-banner .message-area-control.closeable .close-action {
  line-height: 12px;
}

/***** End SkypeTeamTabs styles *****/
/***** End Site styles *****/