/*icons.tt file is auto generated by image sprite generator during build*/
/************* AUTO-GENERATED FILE, DO NOT HAND EDIT *************/
/*** Icon strips are generated one after the other based on files checked in the source tree ***/
/*** First line of each icon-block is path to the image file, eg. icons["icon-open"]     = ContentPath("icons.png"); ***/
/*** Second line is co-ordinates of the icon within the image file, eg. iconCoordinates["icon-open"]     = new []{16, 0, 16, 16}; ***/
/*** Third/Last line is defining the icon style, eg. iconStyles["icon-open"]     = Icon("icon-open"); ***/







/************* AUTO-GENERATED FILE, DO NOT HAND EDIT *************/
/*** Icon strips are generated one after the other based on files checked in the source tree ***/
/*** First line of each icon-block is path to the image file, eg. icons["icon-open"]     = ContentPath("icons.png"); ***/
/*** Second line is co-ordinates of the icon within the image file, eg. iconCoordinates["icon-open"]     = new []{16, 0, 16, 16}; ***/
/*** Third/Last line is defining the icon style, eg. iconStyles["icon-open"]     = Icon("icon-open"); ***/







/****** Begin RM ICON DEFINITIONS*****/

.icon-rm-artifacts {}
.icon-rm-artifacts:before {position:relative; content:url('../../_content/rm-deploy-icons.png'); left:-26px; top:-26px;}
.icon-rm-commits {}
.icon-rm-commits:before {position:relative; content:url('../../_content/rm-deploy-icons.png'); left:-78px; top:-26px;}
.icon-rm-user {}
.icon-rm-user:before {position:relative; content:url('../../_content/rm-deploy-icons.png'); left:-130px; top:-26px;}
.icon-rm-workitems {}
.icon-rm-workitems:before {position:relative; content:url('../../_content/rm-deploy-icons.png'); left:-182px; top:-26px;}
.icon-rm-approval-reassign {}
.icon-rm-approval-reassign:before {position:relative; content:url('../../_content/rm-icons.png'); left:-16px; top:-16px;}
.icon-rm-approvereject {}
.icon-rm-approvereject:before {position:relative; content:url('../../_content/rm-icons.png'); left:-48px; top:-16px;}
.icon-rm-blue-check {}
.icon-rm-blue-check:before {position:relative; content:url('../../_content/rm-icons.png'); left:-80px; top:-16px;}
.icon-rm-checkbox-list {}
.icon-rm-checkbox-list:before {position:relative; content:url('../../_content/rm-icons.png'); left:-112px; top:-16px;}
.icon-rm-deferred-approval {}
.icon-rm-deferred-approval:before {position:relative; content:url('../../_content/rm-icons.png'); left:-144px; top:-16px;}
.icon-rm-deployment-conditions {}
.icon-rm-deployment-conditions:before {position:relative; content:url('../../_content/rm-icons.png'); left:-176px; top:-16px;}
.icon-rm-diff-sidebyside {}
.icon-rm-diff-sidebyside:before {position:relative; content:url('../../_content/rm-icons.png'); left:-208px; top:-16px;}
.icon-rm-dot-extra-large {}
.icon-rm-dot-extra-large:before {position:relative; content:url('../../_content/rm-icons.png'); left:-240px; top:-16px;}
.icon-rm-environment-cancel {}
.icon-rm-environment-cancel:before {position:relative; content:url('../../_content/rm-icons.png'); left:-272px; top:-16px;}
.icon-rm-environment-deploy {}
.icon-rm-environment-deploy:before {position:relative; content:url('../../_content/rm-icons.png'); left:-304px; top:-16px;}
.icon-rm-environment-redeploy {}
.icon-rm-environment-redeploy:before {position:relative; content:url('../../_content/rm-icons.png'); left:-336px; top:-16px;}
.icon-rm-environment {}
.icon-rm-environment:before {position:relative; content:url('../../_content/rm-icons.png'); left:-368px; top:-16px;}
.icon-rm-export {}
.icon-rm-export:before {position:relative; content:url('../../_content/rm-icons.png'); left:-400px; top:-16px;}
.icon-rm-import {}
.icon-rm-import:before {position:relative; content:url('../../_content/rm-icons.png'); left:-432px; top:-16px;}
.icon-rm-pendingapproval {}
.icon-rm-pendingapproval:before {position:relative; content:url('../../_content/rm-icons.png'); left:-464px; top:-16px;}
.icon-rm-server-settings {}
.icon-rm-server-settings:before {position:relative; content:url('../../_content/rm-icons.png'); left:-496px; top:-16px;}
.icon-rm-status-abandoned {}
.icon-rm-status-abandoned:before {position:relative; content:url('../../_content/rm-icons.png'); left:-528px; top:-16px;}
.icon-rm-status-inprogress {}
.icon-rm-status-inprogress:before {position:relative; content:url('../../_content/rm-icons.png'); left:-560px; top:-16px;}
.icon-rm-status-notstarted {}
.icon-rm-status-notstarted:before {position:relative; content:url('../../_content/rm-icons.png'); left:-592px; top:-16px;}
.icon-rm-status-skipped {}
.icon-rm-status-skipped:before {position:relative; content:url('../../_content/rm-icons.png'); left:-624px; top:-16px;}
.icon-rm-trigger-automated {}
.icon-rm-trigger-automated:before {position:relative; content:url('../../_content/rm-icons.png'); left:-656px; top:-16px;}
.icon-rm-trigger-manual {}
.icon-rm-trigger-manual:before {position:relative; content:url('../../_content/rm-icons.png'); left:-688px; top:-16px;}
.icon-rm-variable-property {}
.icon-rm-variable-property:before {position:relative; content:url('../../_content/rm-icons.png'); left:-720px; top:-16px;}
.icon-rm-viewapproval {}
.icon-rm-viewapproval:before {position:relative; content:url('../../_content/rm-icons.png'); left:-752px; top:-16px;}
.icon-rm-viewlog {}
.icon-rm-viewlog:before {position:relative; content:url('../../_content/rm-icons.png'); left:-784px; top:-16px;}


.icon-jenkins-logo {}
.icon-jenkins-logo:before {position:relative; content:url('../../_content/rm-artifact-icons.png'); left:-37px; top:-48px;}


/***** End RM ICON DEFINITIONS******/

/****** Begin ReleaseManagement Area*****/

.acceptance-criteria-control 
{
    overflow: auto;
    max-height:400px;
    position:relative;
}

.acceptance-criteria-control .single-criteria-container
{
    overflow: hidden;
}

.acceptance-criteria-control .criteria-section-summary-view {
    width: 100%;
    padding-right: 20px;
    display: inline-block;
    margin-top: 3px;
}

.acceptance-criteria-control .criteria-control-no-wrap 
{
    white-space: nowrap;
}

.acceptance-criteria-control .criteria-item-number 
{
    font-weight: bold;
}

.acceptance-criteria-control .acceptance-criteria-item
{
    list-style-type: none;
}

.acceptance-criteria-control .criteria-section-item-swimlane
{
    vertical-align: top;
    margin-top:3px;
    position: absolute;
}

.acceptance-criteria-control .criteria-section-item-info
{
    width: 100%;
    display: inline-block;
    padding-left: 20px;
}

.acceptance-criteria-control .add-criteria-item-link
{
    cursor: pointer;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.acceptance-criteria-control .bowtie-math-plus
{
    margin-right: 4px;
    vertical-align: middle;
}

.acceptance-criteria-control .criteria-align-with-label
{
    margin-top: 6px;
}

.acceptance-criteria-control .inline-display-block
{
    display: inline-block;
}

.acceptance-criteria-control .acceptance-criteria-title-input 
{
    width: 50%;
    outline:none;
}

.acceptance-criteria-control .acceptance-criteria-state-combo
{
    width: 100%;
    position: relative;
    display: block;
}

.acceptance-criteria-control .acceptance-criteria-assigned-to-combo
{
    width: 100%;
    position: relative;
    display: block;   
}

.acceptance-criteria-control .acceptance-criteria-button 
{
    cursor: pointer;
}

.acceptance-criteria-control .attachment-container
{
    margin-top: 8px;
    margin-bottom: 4px;
    overflow: hidden;
    padding-right: 20px;
    width: 100%;
}

.acceptance-criteria-control .inline-attachment-blocks
{
    float: left;
}

.acceptance-criteria-control .attachment-buttons
{
    margin-left: 4px;
    padding-right: 2px;
}

.acceptance-criteria-control .attachment-list-separator
{
    margin-left:20px;
    margin-right:16px;
    float:left;
}

.acceptance-criteria-control .attachment-list
{
    overflow: hidden;
}

.acceptance-criteria-control .add-attachment-action
{
    vertical-align: middle;
    margin-right: 8px;
}

.acceptance-criteria-control .criteria-title-control
{
    width: 50%;
    display: inline-block;
    margin-top: 3px;
}

.acceptance-criteria-control .criteria-state-control 
{
    width: 20%;
    display: inline-block;
    padding-left: 6px;
}

.acceptance-criteria-control .criteria-assigned-to-control
{
    width: 30%;    
    display: inline-block;
    padding-left: 6px;
}

.acceptance-criteria-control .criteria-collapsible-content 
{
    width: 100%;
    padding-right: 20px;
}

.acceptance-criteria-control .criteria-delete-button
{
    position: absolute;
    margin-top: 8px;
    right: 0;
}

.acceptance-criteria-control .criteria-control-bar
{
    width: 100%;
    padding-right: 20px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 20px;
}


.acceptance-criteria-control .collapsed-comment-editor 
{
    margin-top: 8px;
    margin-right: 8px;
    vertical-align: top;
    position: absolute;
}

.acceptance-criteria-control .criteria-field-label 
{
    margin-left: 6px;
    display: inline-block;
    margin-top: 3px;
}

.acceptance-criteria-control .attachment-control-left-padding 
{
    padding-left: 25px;
}

.acceptance-criteria-control .add-criteria-container
{
    margin-top: 8px;
}

.acceptance-criteria-control .criteria-load-status-container 
{
    height: 300px;
}



.rm-popup-content-control {
    display: none;
}

.rm-rich-content-tooltip {
    position: fixed;
    width: 400px;
    pointer-events: none;
    word-wrap: break-word;
}


.rm-rich-content-tooltip.auto-width {
    width: auto;
    max-width: 500px;
}

.rm-rich-content-tooltip .popup-content-container {
    color: #000000;
    background-color: #ffffff;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 11px 0;
    /* Reset some styles so that we can be placed as a child of a menu item */
    white-space: normal;
    user-select: text;
    font-size: 12px; /* font size M */
    speak: normal;
}

.rm-rich-content-tooltip .popup-content-container.mouse {
    margin-top: 25px;
}


.rm-rich-content-tooltip .popup-content-container .popup-tag {
    position: fixed;
}

.rm-rich-content-tooltip .popup-content-container .popup-tag::before {
    position: absolute;
    pointer-events: none;
    content: " ";
    background-color: #ffffff;
    left: 6px;
    top: 5px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.rm-rich-content-tooltip .popup-content-container .popup-tag.flipped::before {
    border-left: 0;
    border-top: 0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}


.rm-popup-approval-list,
.rm-popup-mi-list
{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.rm-app-mi-item-container
{
    position: relative;
    padding-bottom:20px;
}

.rm-popup-content-item
{
    position: relative;
}

.rm-popup-content-item-separator
{
    height: 1px;
    background-color: #cccccc;
}

.rm-popup-content-item-separator-history
{
    height: 1px;
    background-color: #cccccc;
    width: 400px !important;
    margin-left: -20px;
}

.rm-popup-content .ui-button.rm-popup-titlebar-close
{
    position: absolute;
    right: 0px;
    top: 12px;
    z-index: 99;
    border: 0 !important;
    padding: 0px 2px !important;
}

.rm-popup-content .ui-button.rm-popup-titlebar-close:focus,
.rm-popup-content .ui-button.rm-popup-titlebar-close:hover
{
    border: 1px solid #007acc !important;
}


.rm-app-mi-ctrl-span-tbl,
.rm-app-mi-ctrl-content,
.rm-app-mi-ctrl-top-panel
{
    width: 100%;
    height: auto;
}

.rm-app-mi-ctrl-top-panel
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.rm-approval-control-heading-history,
.rm-app-mi-ctrl-heading
{
    height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rm-approval-control-reassign-override
{   
    float: right;
}

.rm-approval-control-description-history,
.rm-app-mi-ctrl-desc
{
    width: 260px;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reassign-history-container-content-row-time
{
    position: relative;
    color: #808080;
}

.rm-approval-control-time-history,
.rm-app-mi-ctrl-time
{   
    color: #808080;    
    width: 76px;
}

.rm-approval-control-reassign-comment,
.rm-app-mi-ctrl-cmnt-span,
.rm-app-mi-ctrl-cmnt
{
    width: 100%;
    resize: none;
}

.rm-approval-control-select-approver-panel
{
    position: relative;
    width:100%;
    padding-top:10px;
}

.rm-mi-control-inst-label
{
    position: relative;
    margin-top: 10px;
}

.rm-mi-control-inst-box
{
    position: relative;
}

.rm-mi-control-inst {
    height: 100px;
    width: 100%;
    resize: none;
}

.rm-app-mi-ctrl-cmnt-box,
.rm-approval-control-reassign-comment-box-panel
{
    position: relative;
    margin-top: 10px;
}

.reassign-history-container-content-row-comment,
.rm-app-mi-ctrl-cmnt-data
{
    position: relative;
    padding-top:10px;
}

.rm-app-mi-ctrl-span-td-outer-col
{
    padding: 1px;
}

.rm-app-mi-ctrl-span-cmnt-td
{
    vertical-align: top;
    display:block;
    padding:0px
}

.reassign-history-container-content-row-comment-span,
.rm-app-mi-ctrl-cmnt-span
{
    word-break:break-word;
    word-wrap:break-word;
    padding: 5px;
    display: block;
    border-style: solid;
    border-width: thin;
    border-color: #cccccc;
    color: #808080;
}

.rm-approval-control-reassign-button,
.rm-approval-control-approve-button,
.rm-mi-ctrl-resume-bt
{
    margin-top: 10px;
    margin-right:20px;
    height: 30px;
    width: 120px;
    bottom: 10px;
}

.rm-approval-control-reassign-approver-control 
{
    border: 1px solid #A9A9A9;
    width: 100%;
}

.rm-approval-control-reassign-approver-control .identity-picker-resolved:focus
{
    outline: 1px dashed transparent
}

.rm-approval-control-reassign-cancel-button,
.rm-app-mi-ctrl-rej-bt
{
    margin-top: 10px;
    margin-left: 10px;
    height: 30px;
    width: 120px;
    right: 20px;
    bottom: 10px;
}

.rm-approval-control-reassign-button-panel,
.rm-app-mi-ctrl-bt-panel
{
    padding-top: 10px;
    float: right;
}

.rm-approval-control-reassign-button-panel button:focus,
.rm-app-mi-ctrl-bt-panel button:focus,
.rm-approval-control-reassign-button-panel button:hover:not([disabled]),
.rm-app-mi-ctrl-bt-panel button:hover:not([disabled]) {
    outline: 1px solid #007acc
}

.rm-app-mi-ctrl-bt-panel-clear{
    clear:right;
}

.reassign-history-container .reassign-history-container-header
{
    color:#007acc;
    padding-top: 10px;
    cursor: pointer;
    padding-left: 15px;
}

.reassign-history-container .reassign-history-container-content
{
    background-color:#F1F1F1;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    margin-bottom:-30px;
}

.rm-approval-control-top-panel-image-and-details-container-history
{
    width: 100%;
    padding-bottom: 5px;
}

.rm-app-mi-ctrl-top-panel-img-dtls
{
    height: 64px;
    width: 100%;
    padding-bottom: 5px;
}

.rm-app-mi-ctrl-top-panel-dtls
{
    height: 64px;
    width: calc(100% - 80px);
    display: inline-block;
}

.environment-selection-drop-down-menu {
    width: 95%;
    margin-bottom: 5px;
}

.dropdown-checkbox dt a {
    background: #ffffff;
    display: block;
    padding-top: 0px;
    padding-left: 8px;
    line-height: 20px;
    overflow: hidden;
    border: 0;
    width: 150px;
    height: 20px
}

.environments-list-dropdown-container {
    width: 274px;
}

.env-dep-cond-sel-list-tbl #environments-list {
    width: 120px;
}

.reassign-history-window {
    padding-top: 20px;
}

.rm-approval-control-top-panel-user-image-container-history,
.rm-app-mi-ctrl-user-imge
{
    width: 80px;
    float: left;
}

.rm-app-mi-ctrl-msg-area.message-area-control.error-message
{
    margin: 10px 0;
}

.rm-app-mi-ctrl-msg-area.message-area-control.warning-message
{
    margin: 10px 0 5px 0;
}

.app-warning-msg.message-area-control.error-message
{
    white-space: normal;
    margin-bottom: 10px;
}

.rm-app-mi-identity-pic
{
    height: 64px;
    width: 64px;
}

.rm-approval-deferred 
{
    margin-top: 5px;
    margin-bottom: 2px;
}

.rm-approval-deferred-date-container 
{
    width: 120px;
    padding-left: 20px;
    float: left;
}

.rm-approval-deferred-time-container 
{
    width: 110px;
    float: left;
    margin-left: 10px;
}

.rm-approval-deferred-text
{
    margin-bottom: 2px;
    float: left;
    width: 133px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.rm-approval-control-checkbox 
{
    float: left;
    margin-left: 0px;
    margin-right: 4px;
}

.rm-approval-deferred-timezone
{
    font-style: italic;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    margin-left: 18px;
    white-space: nowrap;
}

.rm-approval-popup.rm-rich-content-tooltip
{
    width: 480px;
    pointer-events: auto;
}

.rm-mi-popup.rm-rich-content-tooltip {
    pointer-events: auto;
}

.rm-app-common-ctrl-desc-heading 
{
    left: 5px;
    overflow: hidden;
    position: relative;
    right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (-ms-high-contrast: active) {
    .all-mapp-mi, .select-mapp-mi {
        border-style: solid !important;
        border-width: 1px !important;
        padding: 1px 4px !important;
    }
}

.hub-progress-additional-style
{
    position: relative;
}

.releases-explorer-view .releasepipeline-initialpage
{
    position : absolute;
    left : 50%;
    top : 50%;
    font-size: 18px;
}

.releases-explorer-view .releases-grid 
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    top: 44px;
    border-bottom: 0 !important;
}

.graphic-rm-container 
{
    margin-top : 10px;
    margin-left : 10px;
    margin-bottom : 10px;
    margin-right : 10px;
    float :left;
    width : 190px;
    height : 190px;
    background-image : url('../../_content/icon-rm-desaturated-lighter.png')
}

.rm-qs-hub-main-suggestion-text
{
    padding-top : 20px;
    text-align : justify;
}

.rm-qs-hub .c-rd-text
{
    margin-top : 10px;
    text-align : justify;
}

.rm-qs-hub .action-continer
{
    display: inline-block;
    margin-top: 5px;
}

.rm-qs-hub .action-continer .helper-text {
    padding-top: 10px;
    margin-left: 35px;
    text-align: justify;
    display: inline-block;
}

.rm-qs-hub .action-continer .helper-text.tell-me-more-link{
    vertical-align: 7px;
}

.rm-qs-getting-started-icon 
{
    padding-top : 10px;
    margin-right: 5px;
}

.rm-qs-getting-started-text 
{
    font-family : Segoe UI;
    float: right;
}
.helper-text.bowtie-icon.bowtie-status-help-outline.rm-qs-getting-started-icon::before {
    vertical-align: -7px;
}

.rm-qs-hub .action-continer .new-definition-button-container
{
    display: inline-block;
    padding-top : 10px;
}

.bowtie-icon.bowtie-math-plus-light.rd-add-icon-enabled 
{
    color : #FFFFFF;
    padding-right : 5px;
    vertical-align: top;
}

.rd-add-icon-disabled 
{
    color : #9C9C9C;
    padding-right : 5px;    
}

.rm-qs-hub-right-content
{
    position : absolute;
    left : 0px;
    width : 500px;
    padding-left : 22px;
    font-weight : normal;
    display : inline-block;
    margin-top : 15px;
    font-size : 14px;
    margin-bottom : 12px;
    margin-left : 190px
}

.releases-explorer-view .toolbar .menu-item.focus,
.release-summary-view .toolbar .menu-item.focus
{
     border: 1px dashed #000 !important;font-weight:bold !important;;
}


.releases-explorer-view input[type=text],
.releases-explorer-view textArea
{
    border: 1px solid #e6e6e6;
}

.releases-explorer-view textArea 
{
    resize: none;
}

.releases-explorer-view .rightPane .hub-pivot .filters 
{
    position: absolute;
    right: 10px;
    font-size : 12px;
    float: right;
    height: 34px;
    padding-top: 6px;
}

.releases-explorer-view .rightPane .hub-pivot .filters .configuration-filter
{
    position: absolute;
    right: 25px;
    z-index: 20000;
}

.releases-summary-view .hub-pivot-toolbar 
{
    margin : 0px 0px 0px 20px;
}

.stages-section
{
    overflow: hidden;
}

.stage-list > li
{
    position: relative;
    float: left;
    list-style-type: none;
    display: list-item;
    padding: 4px;
    overflow: hidden;
}

.stages-section ul.stage-list
{
    overflow: hidden;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.stage-placeholder
{
    margin: 4px 28px 22px 4px;
    border: 1px dashed;
    visibility: visible;
    height: 121px;
    width: 146px;
    white-space: nowrap;
}

.stage-arrow
{
    margin: 55px 0px 0px 133px;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.releasepipeline-remove
{
    display: none;
}

.stage-tile-container
{
    display: inline-block;
    vertical-align: top;
    width: 170px;
    height: 139px;
}

.stage-tile
{
    float: left;
    padding: 6px;
    border: 1px solid;
    border-color: #ffffff;
    outline: none;
    width: 146px;
    height: 121px;
    background-color: #f2f2f2;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
}

.stage-name-container
{
    margin: 5px 0px 0px 5px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;  
}

.stage-tile-focus
{
    border-color: #fcefa1;
}

.stage-state
{
    vertical-align: middle;
    margin-left: 3px;
}

.stage-contextmenu
{
    vertical-align: top;
}

.stage-contextmenu-border
{
    border: 1px solid #cccccc;
}

.release-build-content
{
    width: 100%;
    margin-top: 1px;
}

.add-build-button 
{
    height: 24px;
    margin-left: 0px;
    margin-top: 2px;
}

.release-build-cell
{
    width: 50%;
    vertical-align: top;
}

.text-selection-blocker 
{    
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;  
}

.release-build-grid 
{
    height: 100%;
    width: 100%;
    position: absolute;
}

.release-build-grid .grid-header-column .icon
{
    margin: 4px 0 0 4px;
}

.release-build-grid .grid-gutter-menu 
{
    width : 20px;
    margin: 0 0px;
    margin-top: 4px;
    cursor : pointer;
}

.stage-tile-border
{
    border-style: solid;
    position: absolute;
    display: inline-block;
    height: 110px;
    width: 175px;
    border-width: 0px 0px 0px 6px;
    top: 0;
    left: 0;
}

.stage-tile-border-selected
{
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

.stage-criteria-text
{
    margin: 0px 0px 2px 5px;
    font-size: 13px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}

.release-title-column-header
{
    text-indent: 20px;
}

.build-approved-cell span
{
    padding-left: 2px;
}

.build-selection-contents
{
    height: inherit;
    overflow: hidden;
}

.build-selection-contents table
{
    width: 100%;
}

.build-selection-contents label
{
    margin-top: 0px;
}

.build-selection-contents table tr td:first-child
{
    width: 90px;
}

.build-selection-grid
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 53px;
    width: auto;
    height: auto;
    top: 90px;
    border-bottom: 0;
}

.build-selection-grid .grid-header-column .icon 
{
    margin: 4px 0 0 4px;
}

.build-selection-filters
{
    float: right;
}

.release-summary-title
{
    font-size: 24px;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 12px;
    padding-bottom: 5px;
    color: #000000;
}

.release-summary-title-text
{
    display: inline-block;
}




.summary-panel-header
{
    font-size: 24px;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    border-bottom: 1px solid #cccccc;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 11px;
}

.linked-work-items-header
{
    padding-top: 12px;
    padding-left: 15px;
}

.releasenotes-content
{
    padding-right: 12px;
    overflow: hidden;
    word-wrap: break-word;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;

}

.releasenotes-restricted 
{
    max-height:300px;
}

.releasenotes-viewmore 
{
    float: right;
    padding-right: 12px;
}

.releasenotes-content p
{
    margin: 0px;
}

.release-summary-grey-message 
{
    color: #808080;
}

.summary-left-pane
{
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    left: 0px;
    width: 730px;
}

.summary-right-pane 
{
    left: 720px;
    position: absolute;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    right: 0;
    min-height: 85%;
}

.linked-work-item-tiles
{
    padding-left: 0px;
    margin-top: 2px;
    margin-bottom: 10px;
    list-style-type: none;
}

.linked-work-item-tiles li
{
    margin-left: 0px;
    margin-right: 5px;
}

.approved-build-list
{
    padding-left: 0px;
    list-style-type: disc;
    display: inline-block;
}

.approved-build-list li
{
    list-style: none;
    float: left;
    position: relative;
    display: list-item;
    margin-right: 10px;
}

.approved-build-list span 
{
    float: left;
    padding-right: 2px;
    padding-top: 2px;
}

.build-details-link
{
    float: left;
    padding-top: 2px;
}

.approved-build-drop-icon
{
    margin-bottom:7px;
    margin-left: 5px;
}

.linked-work-items-tiles-container
{
    display: inline-block;
}

.stage-grid-tree-text,
.single-release-environment-text-in-grid-cell 
{
    font-size: 12px;
    font-weight: bold;
}

.stateIcon 
{
    margin-right: 5px;
}

.acceptance-criteria-grid-view .grid-header-column:hover 
{
    background-color: #ffffff;
}

.acceptance-criteria-header-container 
{
    margin-top: 2px;
}

.acceptance-criteria-header-text
{
    display: inline-block;
}

.acceptance-criteria-filter-container
{
    display: inline-block;
    float: right;
    margin-top: 10px;
    font-size: 12px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.save-release-template td:first-child 
{
    padding-right: 20px;
    width: 1%;
    white-space: nowrap;
}

.save-release-template td
{
    padding-top: 7px;
    width: 99%;
}

.save-template-title
{
    width: 100%;
}

.save-template-description
{
    overflow: hidden;
    width: 100%;
    height: 65px;
}

.create-from-release-templates-container 
{
    height: 100%;
}

.manage-release-templates-container 
{
    height: 80%;
}

.manage-templates-toolbar 
{
    margin-left: 0px;
}

.multiple-providers .save-template-description
{
    height: 65px;
}

.buildselection-warning 
{
    padding: 10px 10px 0 10px;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}

.build-definition-selector-container 
{
    border: 1px solid #cccccc;
    padding: 1px;
}

.build-definition-selector-container .dropdown-popup 
{
    z-index: 10;
}

.no-approved-builds
{
    margin-top: 10px;
    color: #808080;;
}

.state-status-color-bar:after
{
    clear: both;
    visibility: hidden;
    height: 0px;
    content: ".";
    display: block;
}

.state-status-color-bar div
{
    float: left;
    height: 15px;
    text-align: right;
    color: #ffffff;
    min-width: 15px;
}

.state-status-count
{
    margin-right: 4px;
}


/* TODO - Move this to a separte file.*/

div.release-definition-explorer > div.release-definition-tree {
    position: absolute;
    top: 6em;
    bottom: 0;
    left: 1.3em;
    right: 0;
    overflow: auto;
}

div.release-definition-explorer > div.release-definition-tree .grid-cell {
    cursor: pointer;
    margin-left: 12px;
}

div.release-definition-explorer > div.release-definition-tree .rd-tree-grid-header{
    font-weight: bold;
}

li.release-definition-node {
    margin-left: 16px !important;
}

div.release-grid-message-area.visible~div.releases-grid-container .right-pane-main-content {
    padding-bottom: 30px;
}

div.release-definition-explorer > div.release-definition-toolbar {
    margin-left: 1.3em;
    border-top: 1px solid transparent;
}

div.right-pane-main-content
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

div.right-pane-main-content > div.rm-analysis-tab-content {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* ideally herometrics card should expose a css to be added by the caller in the options */
div.right-pane-main-content > div.rm-analysis-tab-content .testresults-analytics-report-view-herometrics-area {
    margin-left: 20px;
    margin-right: 20px;
}

div.release-environment-artifacts-notification-container~.splitter.horizontal.environment-splitter {
    top: 35px;
}

div.release-environment-artifacts-notification-container.hidden~.splitter.horizontal.environment-splitter {
    top: 0;
}

div.create-release-container-message-area-build.visible + .buildvnext-view-right-pane{
    top: 25px; /* padding when message is visible */
}

div.create-release-container-message-area-build.visible + .hub-pivot-content {
    top: 74px; /* 38px for toolbar and 34 for message + rest for padding, when message is visible */
}

div.create-release-container-message-area-build {
    left:5px;
    top:4px;
    width:99%;
}

div.release-grid-content {
    position: absolute;
    top: 44px;
    bottom:0;
    left:0;
    right:0;
    padding-bottom: 40px;
    height: 100%;
}

span.icon-release-grid-state,
span.icon-release-grid-reason,
span.icon-single-release-log-grid-status,
div.icon-single-release-log-grid-detail
{
    margin-right: 5px;
    vertical-align: bottom;
}

span.icon-release-grid-reason.bowtie-status-waiting {
    cursor: auto;
}

.icon-task-inprogress
{
    opacity: 0.5;
    cursor: auto!important;
}


.bowtie-status-run.rm-bowtie-status-run {
    color: #007acc;
}

.bowtie-status-waiting.rm-bowtie-status-waiting {
    color: #656565;
}

.bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill {
    color: #656565;
}

.releases-explorer-view .bowtie-log,
.releases-explorer-view .bowtie-user-pending,
.releases-explorer-view .bowtie-user,
.releases-explorer-view .bowtie-status-waiting,
.icon-rm-approvereject {
    cursor: pointer;
}

.releases-explorer-view .bowtie-user-pending,
.releases-explorer-view .bowtie-status-waiting {
    color: #6D6D6D;
}

.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-user-pending,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-status-waiting,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill {
    color: #ffffff;
}

.releases-explorer-view .bowtie-status-waiting,
.releases-explorer-view .bowtie-user-pending,
.releases-explorer-view .icon-rm-approvereject,
.releases-explorer-view .bowtie-build-queue,
.releases-explorer-view .bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill {
    margin-right: 3px;
}

.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-status-waiting,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-user-pending,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .icon-rm-approvereject,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-build-queue,
.releases-explorer-view .releases-explorer-rightPane .environment-tile .bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill {
    font-size: 10px;
    line-height: 11px;
    width: 10px;
}

.releases-explorer-view .releases-explorer-rightPane .environment-tile .rm-all-releases-post-approval-mi-icon {
    margin-left: 8px;
    display: inline;
    vertical-align: baseline;
}

.right-pane-main-content > .releasemanagement-releases-grid,
.right-pane-main-content > .releasemanagement-single-release-logs-grid,
.right-pane-main-content > .releasemanagement-release-artifacts-grid
{
    height: 100%;
    margin-left: 10px;
}

.right-pane-main-content > .releasemanagement-releases-grid > .grid-canvas > .grid-row > .grid-cell a:not(.ms-Button) {
    color: #005a9e;
}

div.hub-title-release-definition {
    float: left;
}

.release-definition-link
{
    cursor: pointer;
    color: #007acc;
    text-decoration: none;
}

.release-definition-link:hover
{
    color: #007acc;
    text-decoration: underline;
}

.show-release-aproval-popup-approve
{
    padding-left: 5px;
}

.show-release-aproval-popup-separator
{
    padding-left: 5px;
    padding-right: 5px;
    color: #cccccc;
}

.hub-title-pipe,
.hub-title-pipe-edit-preview
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.releases-explorer-view a.hub-title-release-definition-edit,
.releases-explorer-view a.hub-title-release-definition-edit-preview,
.releases-explorer-view .hub-title > .hub-title-clickable-link {
    color: #005a9e;
    max-width: 35%;
}

.release-editor-message-area,
.environment-summary-message-area,
.release-definition-message-area,
.appr-mes-area
{
    margin: 0px 10px 0px 10px;
}

.release-grid-message-area
{
    margin: 0px 10px 0px 10px;
    z-index: 5;
}

.release-grid-message-area .message-header,
.release-editor-message-area .message-header,
.release-definition-message-area .message-header,
.appr-mes-area .message-header
{
    display: -ms-flexbox;   /* IE10 older versions*/ 
    display: -webkit-flex;
    display: flex; /*flex works in latest firefox, ie10 and chrome. Use of display: -moz-box; is showing empty box in firefox*/
    overflow: hidden;
    line-height: 19px; /*height of message header should be greater than its text's height (17px) for the focus indicator to show up properly in firefox*/
}

div.no-release-definition-guidance
{
    display: none;
}

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

.releases-explorer-view .hub-title {
    display: -ms-flexbox;   /* IE10 0 Tweener*/
    display: -webkit-flex;
    display: flex; /*flex works in latest firefox, ie10 and chrome. Use of display: -moz-box; is showing empty box in firefox*/
}

.hub-title > .info-text
 {
    float: left;
    padding-left: 2px;
    padding-right: 1px;
    max-width: 45%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hub-title > .caption
 {
    float: left;
    padding-left: 2px;
    padding-right: 1px;
}

.release-fadeout {
    opacity: 0.5;
}

.trisplit-hub-center-view-content {
    width: auto;
    position: absolute;
    top: 67px;;
    bottom: 0;
    left: 0;
    right: 0;
}


.horizontal-separator {
    height: 5px;
    margin: 0px 10px 0px 10px;
    left: 0;
    right: 0;
    background-color: #F1F1F1;
}

.security-host {
    position: relative;
}

.rm-content-section {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.ui-dialog .titlebar-no-margin {
    margin-bottom: 0px;
}

.rm-rightPane {
    min-width: 830px;
}

.rm-comment-dialog {
    font-size: 15px;
    padding-bottom: 3px;
}

.releases-grid-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.release-editor-tabs-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.release-summary-section-separator.env-view-adjust {
    margin-top: 3px; /* Release summary environments section we have column filter, column filter override the horizontal line, so to show the line we have to do this */
}

.deploy-release-to-environment-artifacts-separator,
.horizontal-title-separator,
.environment-execution-policies-header-separator,
.release-revision-diffview-separator,
.release-summary-section-separator,
.rm-cd-trigger .title-separator,
.environment-summary-section-separator {
    border-width: 0;
    border-bottom: 1px solid #ccc;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
}

.TaskAgent-jobs-console__item__name,
.deployment-machines-view__item__name {
    border-bottom: solid 1px #CCC;
    color: #000;
    display: block;
    font-weight: bold;
    overflow: hidden;
    padding: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-rel-automated-deployment-grid-table td,
.create-release-artifacts-grid-table td,
.release-workitemschanges-combo-table-td
{
    padding: 5px;
    text-align: left;
    margin: 0;
    overflow: hidden;
    width: 25%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rm-common-view-right-pane 
{
    bottom: 0;
    left: 0;
    right: 0;
    top: 0px;
    position: absolute;
    margin-top: 5px;
    overflow: auto;
}

.create-new-artifact-container table,
.search-and-add-artifacts-container table
{
    border: none;
    width: 100%;
    height: auto;
}

.create-new-artifact-container .value-field,
.search-and-add-artifacts-container .value-field
{
    width: 100%;
}

.create-new-artifact-container .key-field,
.search-and-add-artifacts-container .key-field
{
    vertical-align: middle;

}

.search-and-add-artifacts-container .search-button-table-element {
    vertical-align: top;
}

.create-new-artifact-container label,
.search-and-add-artifacts-container label
{
    width: 100px;
}

.create-new-artifact-container td,
.search-and-add-artifacts-container td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.search-and-add-artifacts-container .search-artifact-button {
    margin-left: 10px;
}

.search-and-add-artifacts-container .artifact-search-result-container {
    position: absolute;
    top: 183px;
    bottom: 53px;
    left: 15px;
    right: 5px;
}

.search-and-add-artifacts-container .search-result-info-text {
    width: 100%;
    margin: 15px 0 3px 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
}

.artifact-search-grid-row-disabled {
    color: #6D6D6D;
}

.search-and-add-artifacts-container .artifact-search-result-no-artifacts {
    position: absolute;
    top: 230px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-style: italic;
    color: #6D6D6D;
}
    
.artifact-type-editor {
    margin-top: 10px;
}

.artifact-type-editor table {
    border: none;
    width: 100%;
    height: auto;
}

.artifact-type-editor .value-field {
    width: 100%;
}

.artifact-type-editor .key-field {
    vertical-align: top;
}

.artifact-type-editor label {
    width: 150px;
}

.artifact-type-editor .more-artifact-message {
    display: inline-block;
}

.artifact-type-editor td.key-field,
.artifact-type-editor td.value-field {
    padding-bottom: 10px;
}

.artifact-type-editor input[type=text],
.artifact-type-editor input[type=password],
.artifact-type-editor textArea
{
    border: 1px solid #e6e6e6;
    width: 100%;
}

.artifact-type-editor textArea 
{
    resize: none;
    min-height: 60px;
}
.artifact-type-editor .create-artifact-defination-header{
    margin: 15px 0 3px 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
    color: #6D6D6D;
}

.artifact-type-editor .releasemanagement-new-artifacts-definition-grid{
    margin-top: 5px;
}

.artifact-type-editor .releasemanagement-new-artifacts-definition-grid th {
    color: #CCC;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 10px;
    font-weight: normal;
}

.artifact-type-editor .releasemanagement-new-artifacts-definition-grid input[type=text] {
    width: 98%;
    padding: 3px;
}

.artifact-type-editor .add-new-artifacts-definition{
    margin-top: 10px;
    margin-left: 20px;
}

.artifact-type-editor .add-new-artifacts-definition span {
    margin-right: 5px;
}

.artifact-type-editor .add-new-artifacts-definition .icon {
    vertical-align: top;
}

.artifact-type-editor .releasemanagement-new-artifacts-definition-grid input.invalid {
    background-color: #ffc;
}

.build-artifacts-message {
    margin-top: 30px;
    width: 100%;
}

.artifact-type-editor .source-alias .key-field {
    width: 2%;
}

.artifact-type-editor .source-alias .value-field {
    padding-left: 3px;
}

.artifact-type-editor .source-alias .label-icon {
    width: 150px;
}

.artifact-type-editor .source-alias .souce-alias-text {
    vertical-align: middle;
    width: 132px;
}

.artifact-default-version-type {    
    margin-left: -70px;
    margin-top: -12px;
    text-align: center;
}

.artifact-type-editor .source-alias .info-tooltip,
.artifact-type-editor td.info-tooltip {
    padding: 0px;
}

.artifact-default-version-type-invalid {
    float: left;
    margin-left: -60px;
    margin-top: -12px;
}


.icon.folder
{
    overflow:hidden;
}
.icon.folder:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-2352px; top:-16px;
}

.icon.file
{
    overflow:hidden;
}
.icon.file:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1360px; top:-16px;
}


.browse-artifact-tree > ul.tree-children li.expanded > div.node-content > .tree-icon
{
    overflow:hidden;
}
.browse-artifact-tree > ul.tree-children li.expanded > div.node-content > .tree-icon:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-7728px; top:-16px;
}

.browse-artifact-tree > ul.tree-children li.collapsed > div.node-content > .tree-icon
{
    overflow:hidden;
}
.browse-artifact-tree > ul.tree-children li.collapsed > div.node-content > .tree-icon:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-7600px; top:-16px;
}


.browse-artifact-tree > ul.tree-children li > div.node-content > .browse-artifact-definition-node
{
    overflow:hidden;
}
.browse-artifact-tree > ul.tree-children li > div.node-content > .browse-artifact-definition-node:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-7760px; top:-16px;
}


.browse-artifact-tree .node-content {
    height: 24px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
}

.browse-artifact-tree .node-content .icon {
    float: left;
}

.browse-artifact-tree .node-content .node-icon {
    margin-right: 4px;
}

.browse-artifact-tree li.browse-artifact-node {
    clear: both;
}

.browse-artifact-tree li.browse-artifact-node > ul.tree-children {
    margin-left: 16px;
}

.browse-artifact-tree .node-link label{
    color: #6D6D6D;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.browse-artifact-tree .node-link label {
    padding-right: 20px;
}

.browse-artifact-tree .node-section label {
    font-weight: bold;
    color: #000000;
}

.browse-artifact-tree .node-link label.browse-artifact-node-label {
    margin-top: 0px; 
    height: 17px;
}

ul.tree-children {
    padding-left: 0px;
    list-style-type: none;
}

.browse-artifact-tree .node-link {
    
}

.browse-artifact-node.hover > div.node-content {
    background-color: #F2F7FD;
    border: 1px solid #B8D6FB;
}

.browse-artifact-node.selected > div.node-content {
    background-color: #e6f3fb;
    border: 1px solid #B8D6FB;
}

.artifact-picker-message-area {
    margin: 10px;
}

.artifact-picker-fileshare-message {
    width: 100%;
    overflow: hidden;
}

.artifact-picker-fileshare-downloadurl {
    width: 420px;
    height: 25px;
    margin: 2px;
    padding: 2px;
    float: left;
    margin-top: 5px;
}

.artifact-picker-copy-icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 5px;
}

.selected-artifact-details-container {
    border-top-color: #dddddd;
    border-top-width: 2px;
    border-top-style: solid;
    margin-bottom: 20px;
    padding: 0 10px 20px 10px;
}

.selected-artifact-details {
    width: 510px;
    margin: 5px;
    margin-left: 5px;
    color: #6D6D6D;
    min-height: 1px;
    margin-bottom: 15px;
}

.selected-artifact-details .more-artifact-message {
    display: inline-block;
    color: #6D6D6D;
}

.selected-artifact-path-textbox {
    width: 450px;
    padding: 5px;
    margin: 5px;
    height: 25px;
    position: absolute;
    bottom: 55px;
    float: left;
    left: 65px;
    margin-bottom: 15px;
    margin-left: 10px;
    border: solid 1px;
    background-color: transparent;
}

.selected-artifact-path-textbox-label {
    float: left;
    height: 30px;
    padding: 6px;
    position: absolute;
    bottom: 55px;
    margin-bottom: 13px;
    color: #6D6D6D;
}

.browse-artifact-tree-container {
    margin-top: -10px;
}

.browse-artifact-no-linked-artifacts {
    top: 125px;
    left: 30px;
    position: absolute;
    margin: 10px;
    padding: 10px;
}

.release-basic-input-container
{
    position: relative;
    width: 100%;
}

.release-basic-input-table
{
    border: none;
    width: 100%;
    height: auto;
}

.release-description-textarea
{
    width: 100%;
    resize: none;
    border: 1px solid #e6e6e6;
}

.release-input-label
{
    width: 120px;
    vertical-align: top;
}

.create-release-container-message-area
{
    z-index: 90;
    margin-bottom: 5px; 
}

.new-release-created-message-prefix
{
    float: left;
}

.new-release-created-message-release-name
{
    max-width: 35%;    
    margin-left: 5px;
    margin-right: 5px;
}

.new-release-created-message-release-name:hover, .new-release-created-message-release-name:focus
{
    text-decoration: underline;
}

.new-release-created-message-suffix {
    float: left;
}

.create-release-view td 
{
    padding-bottom: 20px;
}

.create-release-view
{
    max-height: 375px;
}

.horizontal-line.splitter.horizontal.create-release-view-splitter
{
    height: 1px;
    background-color: #DDDADA;
    margin-bottom: 10px;
    width: auto;
    margin-right: 20px;
    display: block !important;
}

.create-release-artifacts-section-name
{
    width: 100px;
    vertical-align: top;
    font-size: 13px;
    font-family: 'Segoe UI Semibold';
    padding-bottom: 5px;
}

.create-release-artifacts-grid-table
{
    width: 100%;
    table-layout: fixed;
}

.create-rel-automated-deployment-grid-table
{
    width: 100%;
    table-layout: fixed;
}

.create-rel-automated-deployment-grid-table tr
{
    border-bottom: 0;
    height: 30px;
}

.create-rel-automated-deployment-grid-table thead .deploymentTrigger-header {
    padding-left: 10px;
    width: 14%;
}

.create-rel-automated-deployment-grid-table th,
.create-release-artifacts-grid-table th
{
    padding: 0 5px 5px 5px;
    text-align: left;
    vertical-align: top;
    width: 10%;
    font-weight: normal;
    color: #666666;
}

.create-rel-automated-deployment-grid-table th {
    padding-top: 10px;
}

.create-rel-automated-deployment-grid-table td.environment-name
{
    width: 30%;
}

.create-rel-automated-deployment-grid-table td.deployment-trigger
{
    width: 60%;
}

.create-release-artifacts-grid-table.linked-artifact-table td
{
    width: 43%;
}

.create-release-artifacts-grid-table tr
{
    border-bottom: 0;
    height: 30px;
}

.release-artifact-source-versions .invalid-indicator {
    border: 1px solid #FF0000;
}

.release-artifact-source-versions .combo.release-artifact-versions-combo input[type="text"]:focus {
    outline: 1px outset #007acc
}

.create-release-artifacts-grid-table thead .version-header {
    padding-left: 10px;
    width: 14%;
}

.create-release-artifacts-grid-table.linked-artifact-table td.release-artifact-source-versions {
   width: 14%;
}

.create-release-artifacts-grid-table th.version-header .helpMarkDown {
    color: #222222;
}

.create-release-artifacts-grid-table th.version-header .helpMarkDown .taskeditor-help-tooltip {
    margin-top: -50px !important;
}

.create-release-artifacts-grid-table thead td
{
    padding-left: 3px;
}

.create-release-artifacts-grid-table td select
{
    border-width: 1px;
    padding: 1px;
    width: 100%;
}

.create-release-artifacts-grid-table td input {
    padding: 1px;
    width: 100%;
}

.create-release-artifacts-table
{
    width: 100%;
    table-layout: fixed;
}

.create-release-automated-deployment-table
{
    width: 100%;
    table-layout: fixed;
}

.creater-release-environments-section-name
{
    width: 100px;
    vertical-align: top;
    font-family: 'Segoe UI Semibold';
    font-size: 13px;
    padding-bottom: 5px;
}

.create-release-unmodifiable-version-field
{
    color: #BCBCBC;
    padding-left: 5px;
}

.grid-cell.release-artifact-source-versions > .combo {
  bottom: 2px;
  border: 1px solid #F2F7FD;
}

.artifact-source-version-input-box {
    width: calc(100% - 16px);
    height: 20px;
    margin-top: -5px;
    border: none;
    padding: 3px;
}

.create-release-view .release-definition-selection {
    height: 40px;
}

.create-release-view .release-definition-selection > * {
    display: inline-block;
}

.release-definition-selection > .select-definition-label {
    width: 100px;
}

.select-release-definition-container > .select-release-definition {
    width: 200px;
}

.create-release-view .release-project-selection {
    height: 40px;
}

.create-release-view .release-project-selection > * {
    display: inline-block;
}

.release-project-selection > .select-project-label {
    width: 100px;
}

.select-release-project-container > .select-release-project {
    width: 200px;
}

.release-artifact-source-versions .text-input-box {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
}

.create-release-automated-deployments-section-name, .create-release-manual-deployments-section-name {
    width: 200px;
    vertical-align: top;
    font-size: 13px;
    font-family: 'Segoe UI Semibold';
    padding-bottom: 5px;
}

.create-release-deployments-message {
    padding-left: 5px;
    color: #6D6D6D;
}

.automated-deployments-missing-warning {
    background-color: #ffffbb;
    color: #6D6D6D;
    padding-left: 5px;
}

.dialog.modal-dialog.create-new-release{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.select-release-definition-container{
    padding-left: 18px;
}

.select-release-project-container{
    padding-left: 18px;
}

.env-art-editor-button {
    padding: 10px;
    margin: 0px 2.5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-sizing: border-box;
    max-width: 250px;
    display: inline-block;
}

.env-art-editor-button.add-artifact-source {
    margin-top: -10px;
    margin-left: -25px;
}

.env-artifact-source {
    position: relative;
}

.env-con-separator {
    border-bottom: 1px solid #F1F1F1;
}

.env-branch-name-col {
   width: 67px;
   padding-left: 10px;
}

.env-branch-help-col {
    width: 20px;
}

.env-branchhelpMarkDown {
    vertical-align: middle;
}

.env-taghelpMarkDown {
    vertical-align: middle;
}

.env-tag-list {
  margin-top: 15px;
}

.env-tag-label-col {
  width: 60px;
  padding-left: 10px;
}

.env-tag-help-col {
    width:20px;
}

.env-art-con {
 table-layout: auto
}

.env-art-table {
   margin-left: -5px;
}

.env-art-table .environment-artifact-container {
    margin-top: 5px;
}

.deploy-con-release-artifact .env-art-table {
   margin-bottom: -10px;
}

.deploy-con-success-artifact .env-art-table {
   margin-top: -10px;
}

.env-partial-succeeded-checkbox {
   padding-bottom: 10px;
}

.env-art-row {
   padding-bottom: 10px;
   margin-bottom: -5px;
}

.env-art-table .branchhelpMarkDown .icon-info-white {
   padding-top: 22px;
}

.environment-deployment-conditions-selection-trigger-description {
   width: 150px;
   padding-right: 5px;
   margin-bottom: 12px;
   color: #767676;
}

.env-dep-con-selection-trigger-description-artifact {
   width: 90px;
   padding-right: 5px;
   margin-bottom: 12px;
   color: #767676;
}

.env-dep-con-selection-trigger-description-artifact .invalid {
    background-color: #ffc;
}


.env-art-table {
   border-collapse: collapse;
   border-spacing: 5px;
}

.env-artifact-selection-container {
    width: 100%;
}

.env-art-con-branch-name {
    margin-left: 5px;
}

.environment-definition-tile-content {
    height: 90px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    min-width: 150px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.environment-definition-tile-content.invalid-indicator {
    border: 1px solid #FF0000;
}

.environment-definition-tile-name-content {
    margin-left: 8px;
    margin-right: 8px;
    border-top: 8px solid transparent;
}

.environment-empty {
    background-color: #ffc;
}

.environment-invalid-name {
    background-color: #ffc;
}

.environment-definition-tile-name {
    width: 80%;
    display: none;
}

.environment-definition-tile-name-label {
    width: 80%;
    height: 22px;
    margin: 1px;
    display: block;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000000;
}

.environment-definition-agent-pool-validation {
    color: #ffffff;
    top: 12px;
    display: block;
    position: absolute;
    right: 60px;
}

.environment-definition-appover-validation {
    color: #ffffff;
    top: 12px;
    display: block;
    position: absolute;
    right: 45px;
}

.environment-definition-tile-details-wrapper {
    padding: 10px;
    padding-left: 8px;
    width: 150px;
    position: absolute;
    bottom: 0;
}

.env-skip-predeploy-tooltip {
    position: relative;
    display: inline-block;
}

.environment-definition-tile-approval-count,
.environment-definition-tile-variable-count {
    float: left;
    padding-top: 1px;
    padding-right: 3px;
}

.environment-definition-tile-approval-icon,
.environment-definition-tile-automated-icon {
    float: left;
}

.environment-definition-tile-details-separator {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    color: #6D6D6D;
}

.environment-leftPane .grid.environment-grid.environment-definition-grid {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 15px;
    right: 15px;
}

.environment-definition-grid .grid-cell {
    height: 94px;
}

.environment-definition-grid .grid-row-current .environment-definition-tile-content,
.environment-definition-grid .environment-definition-tile-content:hover {
    border: 1px solid #1BA1E2;
    background-color: #e6f3fb;
}

.environment-definition-grid .grid-row-current .environment-definition-tile-content .environment-definition-tile-name-label.environment-name-hover-style {
    background: #ffffff;
    color: #333333;
}

.environment-definition-grid .grid-row.upper-drop-guide {
    border-top-color: #007acc;
}

.environment-definition-grid .grid-row.lower-drop-guide {
    border-bottom-color: #007acc;
}
.environment-definition-options {
    top: 12px;
    position: absolute;
    right: 20px;
    display: block;
    cursor:pointer;
}

.environment-definition-options:hover {
    background-color: #D4E5F5;
}

.environment-definition-grid .grid-canvas .grid-row.grid-row-current.grid-row-selected,
.environment-definition-grid .grid-canvas .grid-row.grid-row-current.grid-row-selected-blur,
.environment-definition-grid .grid-canvas .grid-row.grid-row-current.grid-row-selected-blur:hover,
.environment-definition-grid .grid-canvas .grid-row.grid-row-hover {
    border: none;
    background-color: transparent;
}

.environment-definition-options-button-image{
    height: 16px;
    width:16px;
    text-align: center;
    display: block;
    border: none;
    margin-left: 7px;
}

.popup-menu-options {
    display: block;
}

.assign-approver-dialog-table, .environment-owner-table {
    position: relative;
    width: 100%;
    margin-top: 0;
    table-layout: fixed;
}

.approvers-text-table {
    margin-top: 10px;
    margin-bottom: 15px;
}

.approvers-text-table .help.bowtie-status-info-outline {
    margin-right: 3px;
}

.approvers-text-table .taskeditor-help-tooltip .content {
    padding: 5px;
}

.approvers-options-labelcolumn {
    width: 45%;
    padding-bottom: 5px;
}

.pre-deployment-skip-approval-checkbox-cell {
  padding-top: 15px;
  padding-bottom: 10px;
}
.assign-approver-dialog-content {
    position: relative;
}

.pre-deployment-approver-combobox .post-deployment-approver-combobox .environment-owner-combobox {
    width: 100%;
}

.approvers-heading-header, .environment-heading-header {
    margin-top: 0;
    margin-bottom: 6px;
}

.approvers-options-heading-header {
    margin-top: 10px;
    margin-bottom: 6px;
}

.environment-execution-policies-heading-label {
    padding-top: 10px;
    padding-bottom: 5px;
}

.approvers-heading-label, .environment-heading-label, .environment-deployment-conditions-heading-label {
    padding-bottom: 5px;
}

.post-deployment-checkbox-parent-container, .pre-deployment-checkbox-parent-container {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.releasecreatorcanbeapprover-checkbox-parent-container, .deployment-approvers-emailnotification-checkbox-parent-container, .pre-deployment-skip-approval-checkbox-parent-container, .enforceIdentityRevalidation-checkbox-parent-container {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pre-deployment-skip-approval-checkbox-parent-container {
    padding-left: 6px;
}

.pre-deployment-skip-approval-checkbox-label {
    padding-left: 5px;  
}

.pre-deployment-skip-approval-checkbox-parent-container input[type=checkbox],
.deployment-approvers-emailnotification-checkbox-parent-container input[type=checkbox],
.releasecreatorcanbeapprover-checkbox-parent-container input[type=checkbox],
.enforceIdentityRevalidation-checkbox-parent-container input[type=checkbox] {
    margin-left: 0px;
}

.modal-dialog label {
    margin-top: 0;
}

.approval-dialog-cell {
    padding: 5px;
}

.pre-deployment-approver-combobox-cell, .post-deployment-approver-combobox-cell {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 20px;
}

.pre-deployment-approver-options-cell, .post-deployment-approver-options-cell {
    padding-bottom: 10px;
    padding-left: 19px;
}

.pre-deployment-approver-moreoptions-link, .post-deployment-approver-moreoptions-link {
    padding-left: 6px;
}

.pre-deployment-approver-feweroptions-link, .post-deployment-approver-feweroptions-link {
    padding-left: 6px;
    margin-top: 5px
}

.pre-deployment-checkbox-label-container, .post-deployment-checkbox-label-container {
    padding-left: 5px;
}

.releasecreatorcanbeapprover-label-container,
.enforceIdentityRevalidation-label-container,
.deployment-approvers-emailnotification-label-container {
    padding-left: 7px;
}

.approvers-timeout-label-container {
    padding-left: 1px;
}

.approvers-timeout-textbox-container {
    padding-left: 100px;
    padding-right: 3px;
}

.approvers-timeout-tooltip-container {
   margin-top: 3px;
}

.deployment-approvers-label.disabled {
    opacity: .5;
}

.disabledConcurrencyInput {
    opacity: 0.5;
    background: #eee;
    font-style: italic;
}

.environment-owner-cell, 
.environment-owner-combobox-cell, 
.environment-deployment-authorization-combobox-cell {
   padding-top: 5px;
}

.environment-owner-cell, 
.environment-owner-emailnotification-cell, 
.environment-deployment-authorization-cell {
    width: 222px;
}

.environment-owner-emailnotification-radiobutton-container{
  padding-left: 3px;
}

.email-to-env-owner, .email-to-rel-creator {
   display : inline-flex;
   padding-right: 25px;
}

.email-to-envowner-cell {
    padding-top: 10px;
    width: 10%;
}

.environment-owner-combobox-cell, 
.environment-deployment-authorization-combobox-cell {
   padding-bottom: 5px;
}

.environment-deployment-authentication-combobox {
    width: 100%;
}

.evironment-deployment-authentication-cell {
    padding-bottom: 5px;
}

.environment-owner-emailnotification-label, .environment-owner-emailnotification-radiobutton-container {
    padding-top: 5px;
    padding-bottom: 0px;
}

.environment-owner-emailnotification-radiobutton-always {
    margin-left: 1px;
}

.environment-owner-emailnotification-radiobutton-onlyonfailure,
.environment-owner-emailnotification-radiobutton-never {
    margin-left: 20px;
}

.email-to-rel-creator-label-container,
.email-to-env-owner-label-container,
.environment-owner-emailnotification-checkbox-label {
    padding-left: 5px;
}

.environment-owner-emailnotification-radiobutton-container {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.email-recipient-checkbox-label.invalid, .queues.invalid, .images.invalid {
    background-color: #ffc;
}

.task-button.add-environments .bowtie-triangle-down.keep-align {
    vertical-align: middle;
    padding-right: 6px;
}

.task-button.add-environments.hover:not(.disabled) {
    background-color: #dce6f4 !important;
}

.task-button.add-environments {
    width: 100%;
}

.add-environments.task-button .add-environment-dropdown-label {
    display: inline-block;
    width: 100px;
    padding-bottom: 5px;
    overflow: initial;
}

.task-button.add-task.hover:not(.disabled) {
    background-color: #dce6f4 !important;
}

.disabled-identity-picker .multi-mru-identity-picker-container {
    background: #eee;
}

.disabled-identity-picker .picker-item {
    visibility: hidden;
}

.environment-configure-queue-description {
    clear: both;
}

.environment-definition-edit-options .general-label {
    width: 110px;
}

.environment-definition-edit-options .general-value {
    width: 370px;
}

.environment-definition-edit-options-demands .readonly {
    color: #6D6D6D;
}

.environment-definition-edit-options-demands .remove-icon {
    width: 20px;
}

.environment-definition-edit-options-demands .demand-name {
    padding-left: 5px;
    width: 200px;
    color: #8c8c8c;
    text-transform: capitalize;
}

.environment-definition-edit-options-demands .demand-type {
    padding-left: 8px;
    width: 100px;
    color: #8c8c8c;
    text-transform: capitalize;
}

.environment-definition-edit-options-demands .demand-value {
    padding-left: 5px;
    width: 200px;
    color: #8c8c8c;
    text-transform: capitalize;
}

.environment-definition-edit-options-demands .demand-agents {
    padding-left: 5px;
    width: 300px;
    color: #8c8c8c;
}

.environment-definition-edit-options-demands .readonly-demand-name {
    padding-left: 5px;
}

.environment-definition-edit-options-demands .readonly-demand-type {
    padding-left: 8px;
}

.environment-definition-edit-options-demands .readonly-demand-value {
    padding-left: 5px;
}

.environment-definition-edit-options-demands .readonly-demand-agents {
    padding-left: 5px;
}

.release-summary-recent-activity-log-text {
    font-size: 12px;
    margin-left: 20px;
    margin-top: 5px;
    color: #000000;
    font-weight: normal;
}

.release-summary-recent-activity-log-duration-text {
    font-size: 11px;
    margin-left: 10px;
    color: #808080;
    font-weight: normal;
}

.release-summary-show-approve-dialog-hyperlink-text {
    font-size: 13px;
    margin-left: 10px;
    font-weight: normal;
}

.release-summary-navigate-to-tab-hyperlink-text {
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: normal;
}

.release-summary-recent-activity-table {
    width: 100%;
}

.release-summary-recent-activity-table td {
    padding: 2px;
    margin: 0;
}

.release-summary-recent-activity-table tr {
    height: 5px;
}

.release-summary-recent-activity-log-link tr {
    height: 40px;
}

.pre-deployment-approver-cell, .post-deployment-approver-cell{
        width: 160px;
}

.agentpool-no-select-style {
    color: #808080 !important;
}

.agentpool-select-style {
    color: #000000 !important;
}

.create-environment-definition-option-message-area {
    z-index: 90;
    margin-bottom: 5px;
    margin-right: 10px;
}

.add-demand-button {
    padding-bottom: 10px;
    padding-top: 5px;
}

.add-demand-button.disabled {
    opacity: 0.5;
}

.add-demand-text {
  padding-left: 15px;
  vertical-align: bottom;
}

a.add-demand-link {
    text-decoration: none;
}

.demands-header, .agentpool-header {
    margin-top: 0;
    margin-bottom: 0;
    height: 25px;
}

.agentpool-header-container {
    height: 25px;
}

.warning-header-icon.bowtie-icon.bowtie-triangle-down.show-drop-icon,
.warning-header-icon.bowtie-icon.bowtie-triangle-right.show-drop-icon,
.error-header-icon.bowtie-icon.bowtie-triangle-down.show-drop-icon,
.error-header-icon.bowtie-icon.bowtie-triangle-right.show-drop-icon {
    float: left;
    margin-top: 3px;
    display: block;
}

.warning-header-icon.bowtie-icon.bowtie-triangle-down,
.warning-header-icon.bowtie-icon.bowtie-triangle-right,
.error-header-icon.bowtie-icon.bowtie-triangle-down,
.error-header-icon.bowtie-icon.bowtie-triangle-right {
    display: none;
}

.run-options-table {
    display: block;
}

.agentpool-table-container {
    padding-right: 15px;
    padding-top: 10px;
}

.demands-table-container {
    padding-right: 15px;
}

.agent-deployment-inputs-group .deployment-queue-refresh, .agent-deployment-inputs-group .deployment-queue-manage {
    padding: 10px;
}

.demands-container {
    padding-top: 20px;
}

.demands-container .demands-header label {
    font-size: 13px;
}

.agentpool-container .configureQueues label {
    display: inline;
    float: left;
    margin-top: 0px;
    font-size: 13px;
}

.environment-definition-edit-options-grid-table .bowtie-navigate-refresh {
    align-self: center
}

.environment-definition-tile-task-count-details {
    margin: 8px 8px 0 8px;
}

.environment-definition-tile-task-count-details div{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:150px;
    display:inline-block;
}

.environment-execution-policies-options-table .concurrency-label-column,
.environment-execution-policies-options-table .queue-depth-label-column {
    margin-bottom: 5px;
}

.environment-deployment-conditions-table .deployment-conditions-radiobutton-in-release-view {
    float:left;
}

.environment-deployment-conditions-table .deployment-conditions-table-in-releases-view {
    margin-left: 25px;
}

.deployment-conditions-environment-labelcolumn {
    width: 95%;
    margin-bottom: 5px;
}

.environment-execution-policies-options-queue-depth {
    margin-bottom: 15px;
}

.environment-execution-policies-options-table .concurrency-radiobutton-column,
.environment-execution-policies-options-table .queue-depth-radiobutton-column,
.deployment-conditions-environment-radiobuttonlcolumn {
    width: 5%;
    margin-bottom: 5px;
}

.environment-execution-policies-options-table .concurrency-user-input-radio-button-column,
.deployment-conditions-environment-radiobuttonlcolumn {
    width: 5%;
}

.environment-execution-policies-options-table .concurrency-user-input-label-column {
    margin-bottom: 15px;
}

.environment-execution-policies-concurrency-description {
    clear: both;
    padding-bottom: 10px;
    margin-top: 0px;
    color: #767676;
}

.environment-deployment-conditions-table {
    display: block;
}
 
.environment-deployment-conditions-container {
    margin-bottom: 10px;
}

.environment-execution-policies-description,
.environment-deployment-conditions-description {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    color: #767676;
}

.environment-execution-policies-header {
    margin-top: 20px;
    margin-bottom: 0px;
    height: 25px;
}

.environment-deployment-conditions-header {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 25px;
}

.dropdown-checkbox {
    position: relative;
    margin-top: 1px;
    background: #ffffff;
    border: 1px solid #cccccc;
    z-index: 2000;
    -webkit-user-select: none;
    line-height: normal;
    height: 22px;
}

.dropdown-checkbox.custom-focus-outline, .dropdown-checkbox.invalid.custom-focus-outline {
   outline: 1px solid #007acc;
}

.dropdown-text {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
}

.dropdown-checkbox.invalid {
    border-color: #C00000;
}

.dropdown-text.invalid {
    color: #C00000;
}

.dropdown-icon {
    float: right;
    padding-top: 2px;
}

.dropdown-checkbox dd,
.dropdown-checkbox dt {
    margin: 0px;
    padding: 0px;
}

.dropdown-checkbox ul {
    margin: -1px 0 0 0;
}

.dropdown-checkbox dd {
    position: relative;
}

.dropdown-checkbox a,
.dropdown-checkbox a:visited {
    color: black;
    text-decoration: none;
    outline: none;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-checkbox dt a {
    background: #ffffff;
    display: block;
    padding-top: 0px;
    padding-left: 8px;
    line-height: 20px;
    overflow: hidden;
    border: 0;
    width: 272px;
    height: 20px
}

.dropdown-checkbox dd ul {
    background: #ffffff;
    border: 1px solid #cccccc;
    display: none;
    left: -1px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 21px;
    list-style: none;
    line-height: 20px;
    overflow: auto;
    cursor: pointer;
    min-width: 274px;
    white-space: nowrap;
}

.app-opt-title {
    margin-bottom: 5px;
    margin-left: 5px;
}

.env-exec-pol-conc-label {
    margin-left: 12px;
}

.concurrency-label-column table {
    margin-left: 5px;
}

.env-dep-cond-sel-list-tbl #environments-list {
    width: 180px;
}

.env-exe-pol-changed-content,
.schedule-conflicts-warning-content {
    font-size: 12px;
    font-weight: normal;
    background-color: #ffffbb;
    margin-top: 5px;
    height: 20px;
}

.environment-deployment-conditions-selection-trigger-description.invalid {
    background-color: #ffc;
}

.env-exe-pol-changed-tab,
.env-dep-schedule-warning-text-table {
    float: left;
}

.env-dep-schedule-warning-text-table .help.bowtie-status-info-outline {
    margin-right: 3px;
}

.env-exe-pol-changed-close-warning.bowtie-icon.bowtie-navigate-close,
.env-dep-schedule-close-warning.bowtie-icon.bowtie-navigate-close {
    cursor: pointer;
    float: right;
}

.rm-rich-content-tooltip.rich-content-tooltip {
    width: unset;
    max-width: 400px;
}

.env-dep-con-par-succ-tbl {
    margin-left: 25%;
    margin-top: -10px;
}

.agent-deployment-inputs-editor-view {
    width: 99%;
    height: 99%;
}

.bold-text {
    font-weight: bold;
}

.deployment-phasename-hyperlink {
    display: inline;
    float: right;
    margin-top: 15px;
}

.agent-deployment-inputs-displayname-group .deployment-phasename-edit-box {
    margin: 1px;
    padding-right: 10px;
    height: 22px;
    font-size: 14px;
    overflow: hidden;
}

.agent-deployment-inputs-displayname-group .deployment-phasename-edit.bowtie-edit-outline {
    padding-top: 3px;
}

.agent-deployment-inputs-group {
    margin-top: 20px;
}

.environment-definition-options-button-image:hover
{
    overflow:hidden;
}
.environment-definition-options-button-image:hover:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1968px; top:-16px;
}

.environment-definition-options-button-image
{
    overflow:hidden;
}
.environment-definition-options-button-image:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1968px; top:-16px;
}

.grid-row-current .environment-definition-options-button-image
{
    overflow:hidden;
}
.grid-row-current .environment-definition-options-button-image:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1968px; top:-16px;
}

.grid-row-current .environment-definition-options-button-image:hover
{
    overflow:hidden;
}
.grid-row-current .environment-definition-options-button-image:hover:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1968px; top:-16px;
}


.environments-editor-container > .splitter.horizontal.environment-splitter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    display: block;
}

.environments-editor-container > .splitter.horizontal.environment-splitter > .environment-leftPane 
{
    width: 200px;
}

.environments-editor-container > .splitter.horizontal.environment-splitter > .environment-handleBar,
.environments-editor-container > .splitter.horizontal.environment-splitter > .environment-rightPane 
{
    left: 200px;
}

.environments-editor-container .tasks-editor-content .splitter.horizontal.task-splitter > .task-leftPane 
{
    width: 35%;
}

.environments-editor-container .tasks-editor-content .splitter.horizontal > .task-handleBar,
.environments-editor-container .tasks-editor-content .splitter.horizontal > .task-rightPane
{
    left: 35%;
}

.releasemanagement-view-right-pane-content {
    position: absolute;
    bottom: 0px;
    top: 34px; /* pivot area hight is 34px */
    left: 0px;
    right: 0px;
}

.environments-editor-container > .splitter.horizontal.environment-splitter > .environment-leftPane .add-env-menu {
    margin: 0px 15px 0px 15px;
}

.releasemanagement-view-right-pane {
    top: 38px;
}

.releasemanagement-save-dialog {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 2px;
}

.releasemanagement-view-right-pane .error {
    margin-left: 10px;
    margin-right: 10px;
}

.releasemanagement-view-right-pane .tab-content-container {
    padding-left: 10px;
}

.releasemanagement-view-right-pane .grid {
    position: static;
}

.artifacts-grid .grid-canvas,
.artifacts-grid .grid-header,
.artifacts-search-and-add-menu
{
    margin-left: 20px;
}

.release-environment-artifacts-notification-container {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 20px;
}

.release-environment-artifacts-notification-container .release-environment-artifacts-notification {
    font-size: small;
    position: relative;
    padding-left: 2px;
}

.release-definition-edit-box
{
    border: 1px solid #e6e6e6;
}

.bold-text {
    font-weight: bold;
}

.release-definition-designer-view input[type=text],
.release-definition-designer-view textArea
{
    border: 1px solid #e6e6e6;
}

.release-definition-designer-view textArea 
{
    resize: none;
}

.releasemanagement-tabs.pivot-view li.dirty {
    font-style: italic;
}

.wizard-container.environment-templates-page-css .page-content {
    height: 472px !important;
}

.release-template-tabs.new-exp {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    z-index: 1;
    padding: 5px 5px 0px 5px;
}

.release-template-tabs.new-exp .bg-color-paint {
    border-width: 1px;
    border-style: solid none;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.release-template-tabs.new-exp .releasemanagement-tabs.new-exp {
    height: 22px;
    margin-left: 15px !important;
}

.release-template-tabs.new-exp .pivot-view.releasemanagement-tabs li a {
    padding-top: 5px;
    height: 24px;
}

.release-template-tabs.new-exp .releasemanagement-tabs.new-exp .selected {
    font-weight: bold;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    height: 24px;
}

.releasemanagement-tabs.pivot-view li.invalid a {
    color: #FF0000;
}

.env-set-section-head-splitter {
    height: 1px;
    background-color: #DDDADA;
    margin-bottom: 5px;
    width: auto;
    display: block !important;
}

.env-set-page-css .env-set-global {
    padding-left: 19px;
    padding-right: 21px;
}

.ui-dialog-title .env-set-help {
    padding-left: 8px;
    cursor: default !important;
    /*color: #6D6D6D;*/
}

.env-set-global .env-clone-setting-text.pad-min,
.env-set-global .pre-app-container .pad-min,
.env-set-global .agentpool-container.pad-min, 
.env-set-global .trig-container .pad-min,
.env-set-global .artifacts-container .pad-min {
    padding-left: 2px;
}

.env-set-global .artifacts-container {
    margin-bottom: 14px;
}

.env-set-global .artifacts-container .artifacts-description {
    margin-bottom: 5px;
}

.env-set-global .artifacts-container .artifacts tr td.border:first-child {
    border-left: 1px solid #cccccc;
}

.env-set-global .artifacts-container .artifact-block {
    width: 80px;
    padding: 12px 0px;
    height: 74px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.env-set-global .artifacts-container .artifact-block.selected {
    color: #ffffff;
    background: #007acc;
}

.env-set-global .artifacts-container .artifact-block:focus,
.env-set-global .artifacts-container .artifact-block:hover {
    background: #c5d6f1; 
    overflow: visible;
}

.icon-jenkins-logo.override {
    left: 20px !important;
    width: 40px !important;
    height: 50px !important;
    line-height: 50px !important;
    top: 0px !important;
}

.env-set-global .artifacts-container .artifacts td.no-pad {
    padding: 0px;
}

.env-set-global .artifacts-container .artifact-block .block-image {
    width: 32px;
    height: 32px;
    left: 24px;
    position: relative;
    font-size: 24px;
    line-height: 32px;
}

.env-set-global .artifacts-container .artifact-block .block-text {
    display: block;
    position: relative;
    margin: 0px auto;
    height: 18px;
    padding: 2px 2px 0px 2px;
    text-transform: capitalize;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.env-set-global .artifacts-container .artifact-block.selected:focus,
.env-set-global .artifacts-container .artifact-block.selected:hover {
    color: #ffffff;
    background: #0e639c;
}

.env-set-global .artifacts-container .arti-header,
.env-set-global .pre-app-container .pre-app-header {
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}

.env-set-global .trig-container .trig-header {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.env-set-global .pre-app-container .pre-app-des {
    padding-bottom: 8px;
}

.env-set-global .env-clone-setting-text {
    text-align: justify;
}

.env-set-global .trig-container {
    margin-bottom: 14px;
}
.env-set-global .env-clone-setting-text,
.env-set-global .env-new-setting-text {
    margin-bottom: 10px;
}

.env-set-global .pre-app-container .pre-app-spec-combo-cell {
    margin-left: 25px;
}

.env-set-global .pre-app-container .pre-app-auto-head,
.env-set-global .pre-app-container .pre-app-spec-head,
.env-set-global .artifacts-container .artifacts,
.env-set-global .artifacts-container .input-container {
    padding-bottom: 5px;
}

.env-set-global .artifacts-container .input-container .key-field {
    padding-bottom: 3px;
}

.env-set-global .trig-container .trig input[type=checkbox],
.env-set-global .artifacts-container .build-ci input[type=checkbox] {
    float: left;
}

.env-set-global .artifacts-container .build-ci,
.env-set-global .artifacts-container .input-container td.pad-it {
    padding-top: 5px;
}

.env-set-global .artifacts-container .input-container .value-field.fixed-size {
    width: 558px;
}

.env-set-global .pre-app-container .pre-app-auto-head label,
.env-set-global .pre-app-container .pre-app-spec-head label,
.env-set-global .trig-container .trig label,
.env-set-global .artifacts-container .build-ci label {
    vertical-align: top;
    display: inline !important;
}

.env-set-global .agentpool-container .agent-queue .queue-select-text {
    display: block;
}

.env-set-global .agentpool-container .agent-queue .queue-select-text .bowtie-navigate-external {
    margin-left: 2px;
    margin-top: 3px;
}

.env-set-global .agentpool-container .agent-queue .queue-select-text .queue-name {
    display: inline-block !important;
}

.env-set-global .agentpool-container .agent-queue .queues {
    width: 500px;
    margin-top: 4px;
}

.env-set-global .agentpool-container .agent-queue a.bowtie-navigate-refresh {
    text-decoration: none;
    color: #000000;
    margin-left: 5px;
}

.env-set-global .agentpool-container .agent-queue .bowtie-navigate-reload {
    margin-left: 5px;
    margin-bottom: 5px;
}

.env-set-global .agentpool-container .agent-queue .queues.invalid,
.env-set-global .pre-app-spec-combo-cell.invalid {
    background-color: #ffc;
}

.release-definition-edit-box.invalid {
    background-color: #ffc;
}

.release-definition-designer-view .hub-title .info-text.invalid{
    color: #C00000;
}

.release-definition-designer-view .hub-title .caption{
    color: #888;
}

.artifact-provider-grid-row {
    background: #EFEFEF;
}

.grid-cell.artifact-version-cell-non-editable {
    padding-left: 7px;
    width: 350px;
}

.hub-title-release-status-indicator {
    min-width: 110px;
    height: 25px;
    margin-left: 20px;
    border: 1px solid;
    color: #ffffff;
    float: left;
}

.hub-title-release-status-indicator-icon {
    width: 16px;
    height: 16px;
    margin: 3px;
    float: left;
}

.hub-title-release-status {
    font-size: medium;
}

.hub-title-release-draft {
    color: #999999;
}

.hub-title-release-inprogress {
    color: #007acc;
}

.hub-title-release-released {
    color: #107C10;
}

.hub-title-release-abandoned
{
    color: #999999;
}

.release-definition-edit-box::-webkit-input-placeholder {
    color: #CCC;
    font-style: italic;
}

.release-definition-edit-box::-moz-placeholder {
    color: #CCC;
    font-style: italic;
} 

.release-definition-edit-box:-ms-input-placeholder {
    color: #CCC;
    font-style: italic;
} 

.release-definition-edit-box input:-moz-placeholder {
    color: #CCC;
    font-style: italic;
}

.combo.release-artifact-versions-combo {
    float: left;
}

.artifacts-tab-notification{
    font-style: italic;
}

.artifacts-tab-notification-message {
    padding: 10px 10px 20px 12px;
}

.artifact-helper-message {
    font-weight:500;
    padding-left: 12px;
    padding-top: 20px;
}

.no-artifacts-display {
    margin-top: 10px;
    margin-left: 1px;
}

.release-definition-content .selected-artifacts-canvas
{
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    bottom: 0;
}

.selected-changes-canvas,
.selected-workitems-canvas
{
    margin-top: 10px;
}

.release-workitemchanges-combo-table
{
    width: 100%;
}

.release-workitemschanges-combo-table-td
{
    padding-right: 10px;
}

.release-workitemschanges .invalid-indicator {
     border: 1px solid #FF0000;
}

.release-workitemschanges.text-input-box {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
}

.grid-cell.release-workitemschanges > .combo {
  bottom: 2px;
  border: 1px solid #F2F7FD;
}

.workitemschanges-label
{
    padding-left: 5px;
    width: 1%;
    font-size: 13px;
}

.artifacts-tab-notification-message~.selected-artifacts-canvas .has-header.grid .artifacts-search-and-add-menu {
    top: 83px;
}

.release-definition-edit-box{
    display: none;
}

.release-definition-edit{
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 6px;
}

.release-definition-edit-box{
    margin-left: 7px;
    margin-top: -2px;
    font-size: 18px;
    font-weight: lighter;
    font-family: 'Segoe UI'
}

.release-definition-editor-rightPane .hub-title .caption.invalid{
    color: #FF0000;
    font-style: italic;
}

.rd-editor-tabs-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.releasenameformat-guidance-message {
    margin-left: 20px;
    color: #6D6D6D;
}

.releasenameformat-guidance-icon {
    float: left;    
}

.delete-releasedefinition-checkbox-container {
    display: inline-flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.delete-rd-info-icon {
    padding-left: 2px;
    padding-right: 2px;
}


.rel-sum-env-col-not-started-info {
 width: 16px;
}

.environment-tile-container
{
    height: 100%;
}

/*
    We should not put any margin on any of the elements inside environment-tile-container, because the VSS grid will assume there is an overflow and show a blank tootlip;
    In the scenario where a margin is needed outside the grid, add more classes and put margins on that
*/
.environment-tile
{
    height: 100%;
    width: 35px;
    margin-right: 5px;
    float: left;
    display: none;
}

.environment-tile > div
{
    display: inline-block;
    vertical-align: middle;
}

.environment-tile-color-bar
{
    width: 100%;
}

.env-tile-notstarted,
.env-tile-deferred
{
    background-color: #555555;
    border: 1px solid #555555;

}

.env-tile-successful
{
    background-color: #107C10;
    border: 1px solid #107C10;
}

.env-tile-rejected,
.env-tile-abandoned,
.env-tile-stopped
{
    background-color: #DA0A00;
    border: 1px solid #DA0A00;

}

.env-tile-inprogress
{
    background-color: #007acc;
    border: 1px solid #007acc;
}

.env-status.env-tile-alignment
{
    margin: 2px 1px;
    max-width: 47px;
}

.remaining-environments
{
    /*
        width = remaining-environments-count width (15px) + remaining-environments-show-more width (16px)
   */
    width: 31px;
    height: 27px;
    float: left;
    display: none;
}

.remaining-environments-count
{
    /*
        Setting the width = 15px so as to accomodate double digit count for environments
   */
    width: 15px;
    height: 27px;
    float: left;
    line-height: 20px;
}

.remaining-environments-show-more
{
     /*
        The width for the showAll icon is 16px, accordingly setting the width for its container
   */
    width: 16px;
    height: 27px;
    float: left;
}

.icon-rotate-showAll-environments
{
    transform: rotate(270deg);
}

.bowtie-icon.single-release-log-grid-title.bowtie-server-remote
{
    margin-right:4px;
}

.retry-log-header {
    font-weight: bold;
}

.env-tile-partiallysucceeded
{
    background-color: #F8A800;
    border: 1px solid #F8A800;
}

/* common file for widget and environment tile */
.environment-tile .bowtie-icon.environment-tile-color-bar,
.rdwidget-environment-tiles .rdwidget-environment-tile .env-status.bowtie-icon {
    font-size: 8px;
    line-height: 12px; /* Needed for bowtie-icon vertical alignment */ 
    color: #ffffff;
    padding-left: 3px;
    text-align: left;
}

.environment-tile-color-bar, 
.rdwidget-environment-tiles .rdwidget-environment-tile {
    height: 14px;
}


.releasemanagement-variables-grid {
    width: 80%;
    margin-bottom: 10px;
}

.releasemanagement-variables-grid td {
    padding: 2px;
    margin: 0;
    color: #666666;
    text-align: left;
    font-weight: bold;
}

.releasemanagement-variables-grid th {
    text-align: left;
}

.releasemanagement-variables-grid select {
    border: 1px solid #e6e6e6;
    padding: 1px;
    width: 100%;
}

.releasemanagement-variables-grid input[type='text']::-ms-clear {
    display: none;
}

.releasemanagement-variables-grid input {
    height: 25px !important;
}

.add-variable-button{
    margin-top: 4px;
}

.add-variable-button .bowtie-icon {
    color: #333333;
}

.releasemanagement-variables-grid td.variable-name {
    width: 35%;
}

.releasemanagement-variables-grid td.variable-value {
    width: 55%;
}

.variables-tab-content .description {
    padding-left: 2px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.variables-tab-content .description.disabled {
    padding-left: 2px;
}

.release-variables-tab-content {
    padding-left: 10px;
    padding-right:10px;
}

.releasemanagement-variables-grid input[type='text'].invalid-indicator,
.releasemanagement-variables-grid input[type='password'].invalid-indicator {
    border: 1px solid #FF0000;
}

.release-variables-grid .description {
    padding-bottom: 10px;
}

.release-variables-grid {
    padding-left: 12px;
}

.releasemanagement-variables-grid .release-variable-icon {
    cursor: pointer;
}

.environment-variables-grid {
    border: none;
    margin: 0;
    width: 100%;
}

.environment-variables-grid .grid-canvas {
    margin-left: 0px;
    margin-top: 44px;
}
.environment-variables-grid .grid-content-spacer {
    width: 100%;
    margin-left: 20px;
}

.environment-variables-grid .grid-row-current.grid-row-selected {
    border: none;
    background-color: inherit;
}

.environment-variables-grid .grid-cell-selected {
    border: 1px solid #ccc !important;
}

.environment-variables-grid-header {
    padding: 4px;
    color: #666666;
    text-align: left;
}

.environment-variables-grid .grid-header{
    margin-left: 20px;
    margin-top: 44px;
}

.environment-variables-grid .grid-header-column {
    margin-left: 0px;
}

.environment-variables-grid .grid-header-canvas {
    margin-left: 0px;
}

.environment-variables-grid .grid-header-column > .title {
    margin-left: 0px;
}

.environment-variables-grid .grid-row.grid-row-normal {
    margin-left: 20px;
}


.environment-variables-grid .grid-row-selected-blur {
    border: none;
    background-color: inherit;
}

.environment-variables-grid .grid-row-current {
    border: none !important;
}

.environment-variables-grid-var-name-cell {
    border-right: none !important;
    border-bottom: none !important;
    padding: 4px;
    margin: 0;
    color: #666666;
    text-align: left;
}

.environment-variable-cell-name-content > p.environment-variable-cell-name {    
    margin-bottom: 3px;
    margin-right: 2px;
    overflow: hidden; /*text-overflow: ellipsis in the '.environment-variable-cell-name-content > .environment-variable-cell-name' selector works only if overflow:hidden is set */
}

.environment-variable-cell-name-content > .environment-variable-cell-name {
    width: 100%;
    height: 21px;
    margin-left: 2px;
    margin-top: 3px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-overflow: ellipsis;
}

.environment-variable-cell-name-content > .environment-variable-cell-name-non-editable {
    background-color: #e6e6e6;
    color: #808080 !important;
}

.environment-variable-cell-name-content > .environment-variable-cell-name::-ms-clear {
    display: none;
}

.environment-variable-cell-name-content {
    width: 100%;
    padding-right: 10px;
}

.grid-cell.environment-variables-grid-cell-row {
    padding: 0px !important;
}

.environments-pivot-filter{
    float: right;
    height: 25px;
    font-size: 12px;
    padding-top: 10px;
    right: 5px;
    position: absolute;
    bottom: 10px;
    margin-right: 5px;
}

.environments-filter-combo-box {
    border: none !important;
}

.checklist-box-inside-wrap {
    width: 0px !important;
}

.environment-variables-descriptionRD, .environment-variables-descriptionRelease, .environment-variables-notdefined {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}


.release-summary-description {
}

.release-summary-artifacts {
}

.release-summary-section-header-left-div {
    display: inline-block;
}

.release-summary-section-header-right-div {
    display: inline-block;
    float: right;
}

.release-summary-environments-completion-time-div {
    margin-top: 2px;
}

.release-summary-environments-icon-div {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.release-summary-environments-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 20px;
    left: 5px;
    bottom: 12px;
}

.env-sum-col-filter-combo {
    border: none !important;
}

.issues-table,
.rel-sum-env-table {
    position: relative;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%;
    max-width: 700px;
}

.rel-sum-env-col-contribution-title {
    display: inline-block;
}

.rel-sum-env-col-contribution-progress {
    display: inline-block;
    padding-left: 5px;
}

.release-summary-issues {
    padding-bottom: 10px;
}

.release-summary-issues-table .error-header-text,
.release-summary-issues-table .warning-header-text,
.issues-table .error-header-text,
.issues-table .warning-header-text {
    font-size: 12px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    vertical-align: middle;
}

.release-summary-details-heading-text,
.release-summary-issues .issues-heading-text,
.release-summary-environments-heading-text,
.release-summary-testresults-heading-text,
.release-summary-workitems-heading-text,
.release-summary-commits-heading-text,
.release-summary-markdown-heading-text,
.release-summary-tags-heading-text {
    position: relative;
    font-size: 14px;
    font-family: Segoe UI SemiBold, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    color: #000000;
    margin-left: 5px;
    margin-bottom: 5px;
}

.dep-rel-to-env-heading .count-text.rb-count-col,
.deploy-release-to-environment-counts-text.rb-count-col,
.release-summary-workitems-heading-text.rb-count-col {
    color: #FF0000;
}

.release-summary-description,
.release-summary-view-container,
.release-summary-issues,
.release-summary-workitems,
.release-summary-markdowns {
    margin-top: 20px;
}

.rm-dep-dlg.input-error-tip {
    position: inherit;
}

.dep-rel-to-env-heading {
    display: inline-block;
}

.dep-rel-to-env-heading .head-text {
    font-size: 14px;
    top: 15px;
    font-family: Segoe UI SemiBold, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    color: #000000;
    margin-left: 5px;
    display: inline-block;
}

.no-artifacts-text {
    padding-left: 5px;
}

.deploy-release-popup.ui-dialog-content.ui-widget-content {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px;
}

.deploy-release-to-environment-content-leftpane-artifact {
    padding-top: 0px;
}

.deploy-release-to-environment-content-leftpane-workitems,
.deploy-release-to-environment-content-leftpane-commits,
.deploy-release-to-environment-content-leftpane-approvals,
.deploy-release-to-environment-content-leftpane-tasks {
    padding: 0px;
}

.deploy-release-to-environment-icons-counts {
    display: block;
    width: 39px;
    padding: 8px 0px 8px 5px; /* top right bottom left */
}

.deploy-release-to-environment-icons-counts:hover {
    cursor: pointer;
    background-color: #f2f7fd;
}

.deploy-release-to-environment-icons-counts-selected {
    background-color: #dcebfc;
    color: #000000;
    font-weight: bolder;
}

.deploy-release-to-environment-content-leftpane-anchor:hover {
    cursor: pointer;
}

.deploy-release-to-environment-counts-text {
    display: block;
    text-align: center;
    color: #000000;
    padding-right: 4px;
}

.deploy-release-to-environment-icon {
    width: 30px;
    height: 20px;
    color: #000000;
}

.deploy-release-to-environment-content-leftpane {
    position: fixed;
    width: 40px;
    min-width: 40px;
    vertical-align: top;
    border-right: 1px solid #e3e3e3;
}

.deploy-release-to-environment-content-rightpane-parent {
    left: 40px;
    right: 0px;
    position: absolute;
}

.deploy-release-to-environment-content-rightpane {
    padding-left: 1px;
    padding-right: 10px;
    vertical-align: top;
}

.deploy-release-to-environment-artifact-data,
.deploy-release-to-environment-artifact-details,
.deploy-release-to-environment-content-rightpane .coll-sec .tfs-collapsible-header {
    display: -webkit-box;
    display: -ms-inline-flexbox;
}

/* for high contrast mode purpose, but applies in normal mode also */
.deploy-release-to-environment-artifact-data label,
.deploy-release-to-environment-artifact-data span {
    padding-right: 4px;
}

.deploy-release-to-environment-content-rightpane .tfs-collapsible-content,
.deploy-release-to-environment-content-rightpane .tfs-collapsible-content {
    margin-top: 0px;
}

.deploy-release-to-environment-content-rightpane .tfs-collapsible-content {
    margin-top: 0px;
}

.release-commits-view {
    margin-top: 0px;
    overflow-x: hidden
}

.deploy-release-to-environment-comment {
    width: auto;
    display: block;
    min-height: 18px;
    height: auto;
    padding: 15px;
    padding-bottom: 0px;
    margin-left: 30px;
}

.deploy-comment {
    height: 71px !important;
    resize: none
}

.deploy-multiple-environments-comment {
    width: auto;
    display: block;
    min-height: 18px;
    height: auto;
    padding: 15px;
    padding-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
}

.choose-environments-label {
    position: absolute;
    top: 0px;
    bottom: 15px;
    left: 30px;
    right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.deploy-release-to-multiple-environments-content .release-environments-container {
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 20px;
}

.choose-environments-label-with-error {
    position: absolute;
    top: 40px;
    bottom: 15px;
    left: 30px;
    right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.deploy-release-to-multiple-environments-content .release-environments-container-with-error {
    position: absolute;
    top: 55px;
    bottom: 15px;
    left: 15px;
    right: 20px;
}

.deploy-release-to-multiple-environments-content .release-environments-list {
    width: 440px;
    position: absolute;
    top: 45px;
    bottom: 5px;
    left: 15px;
}

.bowtie-style .deployment-status-grid-cell {
    width: 25px;
}

.bowtie-style .release-environment-grid-cell {
    width: 380px;
}

.bowtie-style input[type=checkbox] {
    vertical-align: middle;
}

.bowtie-style .search-input-container .input:hover {
    outline: none;
    border: 0;
}

.bowtie-style .release-environment-label {
    padding-left: 10px;
}

.bowtie-style .release-environment-label-disabled {
    padding-left: 10px;
    color: #9c9c9c;
}

.bowtie-style .deploy-success {
    color: #107c10;
}

.bowtie-style .deploy-error {
    color: #C00000;
}

.bowtie-style .deploy-environment-error-content {
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-right: 25px;
    background-color: #FFF3F3;
}

.bowtie-style .error-icon-message-container {
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bowtie-style .deploy-error-icon {
    display: inline;
    padding-left: 10px;
    color: #C00000;
}

.bowtie-style .deploy-error-message {
    display: inline;
}

.redep-warn-head .warn-rel {
    margin-left: 5px;
}

.selected-workitems-canvas .rollback-rel,
.release-commits-view .rollback-rel,
.redep-warn-head .warn-rel {
    padding: 5px;
    border: 1px solid #D56B01;
    background-color: #ffffcc;
}

.selected-workitems-canvas .rollback-rel .bold-head,
.release-commits-view .rollback-rel .bold-head,
.redep-warn-head .bold-head {
    font-weight: bold;
}

.release-tasks-top-panel-image-and-details-container,
.release-approvers-top-panel-image-and-details-container {
    margin-top: 5px;
    padding-bottom: 5px;
    height: 40px;
}

.release-tasks-top-panel-details,
.release-approvers-top-panel-details {
    width: 100%;
}

.release-tasks-top-panel-user-image-container,
.release-approvers-top-panel-user-image-container {
    float: left;
}

.release-tasks-picture,
.release-approvers-picture {
    height: 40px;
    width: 40px;
}

.release-tasks-heading,
.release-approvers-heading {
    position: relative;
    left: 5px;
    height: 20px;
    right: 15px;
    margin-bottom: 0;
    margin-top: 0;
}

.queuereleaseonenvironment-margin-element {
    margin-top: 10px;
}

.release-commits-view-comparison-text {
    position: relative;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    color: #000000;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.release-changes-grid {
    position: relative;
}

.release-summary-environments-stage {
    font-weight: bold;
    color: #000000;
}

label.release-summary-environments-stage {
    width: 100%;
    display: block;
}

.release-summary-environments-status {
    color: #000000;
}

.release-summary-release-details-label {
    margin-left: 21px;
    color: #999999;
}

.release-summary-release-details {
    margin-left: 30px;
    color: #000000;
}

.issues-table td  {
    vertical-align: top;
}

.issues-table .error-icon-margin,
.issues-table .warning-icon-margin {
    margin-left: 20px;
}

.issues-table .error-icon,
.issues-table .warning-icon {
    float: right;
    display: inline-block;
}

.release-summary-details-section .artifact-icon {
    margin-bottom: 1px;
    width: 20px;
    height: 20px;
}

.work-item.summary-view {
    padding: 4px 4px 4px 0;
}

.wi-cell {
    vertical-align: middle;
    position: relative;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    cursor: default;
    padding: 4px;
    border: 0;
    height: 100%;
}

.work-item-type-color {
    width: 6px;
    height: 16px;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}

.release-work-item-type-icon {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 14px;
}

.work-item-id,
.work-item-title-and-state{
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.work-item-title-and-state{
    float: inherit;
}

.artifacts-goto-artifacts-tab,
.work-items-goto-workitems-tab {
    margin-top: 4px;
}

.release-summary-details-section .release-branch-icon {
    margin-bottom: 1px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: -2px;
}

.issues-table .no-error-header-text,
.release-summary-details-section .triggered-full-text,
.release-summary-details-section .description-value,
.release-summary-element-margin {
    margin-left: 5px;
}

.release-summary-details-section .triggered-full-text {
    width: 100%;
}

.release-summary-details-section .description-value {
    max-width: calc(100% - 50px);
    float: left;
}

.release-summary-details-section .description-value-blank {
    font-style: italic;
}

.queuereleaseonenvironment-element-margin {
    margin-left: 5px;
}

.artifacts-goto-artifacts-tab .artifacts-more-options-anchor:hover,
.work-items-goto-workitems-tab .work-items-more-options-anchor:hover,
.release-summary-details-section .artifact-source-text-anchor:hover,
.release-summary-details-section .artifact-version-text-anchor:hover,
.work-item.summary-view .work-item-id:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #007acc;
}

.issues-table .error-issue-text:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #DA0A00;
}

.release-summary-details-section .padding {
    padding: 4px 4px 4px 0;
}

.release-summary-details-section .description-edit-icon {
    margin-bottom: 1px;
    width: 20px;
    height: 20px;
}

.release-summary-environments-detail-make-link {
    cursor: pointer;
    color: #007acc;
    text-decoration: none;
}

.release-summary-environments-detail-make-link:hover {
    color: #007acc;
    text-decoration: underline;
}

.release-summary-environments-completiontime {
    color: #ABABAB;
}

.release-summary-task-section {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
}

.release-summary-environments-detail-div {
    top: 5px;
    left: 10px;
    height: 45px;
    margin-left: -15px;
}

.release-summary-environment-predeployment-approval {
    width: 16px;
    height: 16px;
    float: left;
}

.release-summary-environment-postdeployment-approval {
    width: 16px;
    height: 16px;
    float: left;
}

.release-summary-environments-tasks-div-container {
    background-color: transparent;
    float: left;
    position: relative;
    width: 100px;
    height: 16px;
    margin-left: 4px;
    margin-right: 4px;
}

.release-summary-environments-tasks-div-init {
    margin-top: 2px;
    width: 100px;
    height: 16px;
    background-color: #999999;
}

.release-summary-environments-tasks-div-complete {
    margin-top: 2px;
    width: 100px;
    height: 16px;
    background-color: #107C10;
}

.release-summary-tasks-label {
    color: #000000;
}

.release-summary-environments-tasks-unit-progress {
    left: 5px;
    width: 1px;
    height: 16px;
    background-color: #007acc;
    float: left;
}

.release-summary-environments-status-div {
    left: 10px;
    margin-top: 2px;
}

.release-summary-environments-tasks-column {
    position: relative;
    height: 15px;
    width: 20px;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    top: 2px;
}

.release-summary-environments-tasks-table {
    position: relative;
    border-collapse: separate;
    left: 5px;
    margin-left: 30px;
    overflow: hidden;
}

.release-summary-hyperlink-text {
    margin-left: 20px;
    font-weight: normal;
    color: #007acc;
}

.release-summary-testresults-table {
    table-layout: fixed;
    width: 98%;
    border-collapse: separate;
    border-spacing: 5px 0;
}

.release-summary-full-page {
    width: 100%;
    padding: 0 15px;
}

.environment-table-new-max-width-full-page {
    max-width: 100%;
}

.release-summary-workitems-list .work-item.summary-view,
.rel-sum-env-table div,
.release-summary-details-section .padding,
label.release-summary-environments-stage,
.issues-table .no-error-header-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rel-sum-env-table .stage-value {
    line-height: 19px; /*height of env-link div should be greater than its text's height for the focus indicator to show up properly in firefox*/
    padding-left: 1px;
}

.queuereleaseonenvironment-tasks-list .task-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rel-sum-env-table th,
.rel-sum-env-table td {
    padding-bottom: 3px;
}

.rel-sum-env-table .env-details > div {
    display: inline-block;
    vertical-align: middle;
}

.rel-sum-env-table .env-details {
    padding-right: 5px;
}

.sum-env-post-appr-icon.bowtie-status-waiting,
.sum-env-post-appr-icon.icon-rm-approvereject {
    margin-right: 0px !important;
}

.rel-sum-env-table th {
    color: #666666;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rel-sum-env-table th.release-summary-environments-column-actions {
    padding-left: 10px;
    width: 80px;
}

.rel-sum-env-table th.release-summary-environments-column-depStatus {
   width: 120px;
}

.rel-sum-env-col-started {
    width: 120px;
    padding-left: 15px;
}

.rel-sum-env-table .status-value {
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.rel-sum-env-table td.release-summary-env-table-cell .bowtie-user-pending,
.rel-sum-env-table td.release-summary-env-table-cell .bowtie-status-waiting,
.rel-sum-env-table td.release-summary-env-table-cell .bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill {
    color: #ffffff;
}

.rel-sum-env-table td.release-summary-env-table-cell .bowtie-user-pending,
.rel-sum-env-table td.release-summary-env-table-cell .bowtie-status-waiting,
.rel-sum-env-table td.release-summary-env-table-cell .bowtie-status-waiting-fill.rm-bowtie-status-waiting-fill,
.rel-sum-env-table td.release-summary-env-table-cell .bowtie-build-queue {
    line-height: 18px;
    font-size: 12px;
    height: 16px;
    width: 16px;
}

.rel-sum-env-table td.release-summary-env-table-cell .env-status-text {
    width: 100%;
    display: inline-block;
    font-size: 11px;
}

.rel-sum-env-table td.release-summary-env-table-cell .sum-env-icon-ph .env-status-text {
    width: calc(100% - 23px);
}

.rel-sum-env-table .started-value {
    padding-left: 15px;
}

.rel-sum-env-table .failed {
    background-color: #DA0A00;
}

.rel-sum-env-table .passed {
    background-color: #107C10;
}

.rel-sum-env-table .progress {
    background-color: #007acc;
}

.rel-sum-env-table .not-started {
    background-color: #555555;
}

.rel-sum-env-table .no-tests {
    color : #666666;
}

.release-summary-testresults-table td {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.release-summary-test-tab-anchor {
    margin-left: 5px;
    padding-left: 3px;
    margin-top: 5px;
}

.rel-sum-env-table tr,
.release-summary-testresults-table tr {
    height: 24px;
}

.release-summary-testresults-table th {
    height: 24px;
    color: #8C8C8C;
    text-align: left;
    padding-bottom: 3px;
    padding-right: 2px;
    font-weight: normal;
    margin-right: 2px;
}

.release-summary-testresults-table thead td {
    padding-left: 3px;
}

.release-summary-testresults-table-namecolumn {
    width: 30%;
    white-space: nowrap;
}

.release-summary-testresults-table-environmentcolumn {
    width: 30%;
    white-space: nowrap;
}

.release-summary-testresults-table-statuscolumn {
    width: 5%;
    white-space: nowrap;
}

.release-description-edit {
    padding: 4px;
    cursor: pointer;
}

.rel-sum-contribution-tab {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.rel-sum-contribution-sec {
    overflow-y: hidden;
    overflow-x: hidden;
}

.release-summary-workitems-list,
.release-summary-no-workitems,
.rel-summ-stakeholder-wit-msg {
    margin-top: 8px;
}

.work-item.summary-view .work-item-state {
    padding-left: 10px;
    color: #666666;
}

.work-item.summary-view .work-item-id {
    color: #666666;
}

.release-summary-markdowns-section {
    padding-bottom: 10px;
}

.release-summary-description-completion-no-visibility {
    display: none;
}

.release-summary-testresults-table-resultscolumn {
    width: 20%;
    white-space: nowrap;
}

.release-summary-testresults-table-durationcolumn {
    width: 20%;
    white-space: nowrap;
}

.release-summary-testresults {
    padding-bottom: 10px;
}

.release-summary-task-section-bar {
    margin-top: 5px;
}

.release-summary-side-arrow {
    margin-top: 22px;
}

.release-summary-two-columns {
    display: inline-block;
    vertical-align: top;
    min-width: 500px;
    padding: 0 5px 0 15px;
    width: 49.5%;
}

.release-environment-options:hover {
    background-color: #D4E5F5;
    cursor: pointer;
}

.icon-single-release-log-grid-details:hover {
    background-color: #D4E5F5;
    cursor: pointer;
}

.icon-single-release-log-grid-details > div {
    display: block;
    margin: auto;
}

.release-environment-options {
    display: block;
    width: 36px;
    margin-left: 10px;
    padding-left: 8px;
}

.release-environment-options-button-image {
    height: 16px;
    display: block;
    border: none;
}

.deploy-release-to-environment-data {
    margin-top: 0px;
    margin-bottom: 0px;
}

.deploy-release-to-environment-data label {
    display: inline;
}

.deploy-release-to-environment-artifacts-sourcebranch-data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
}

.deploy-release-to-environment-artifacts-data {
    margin-top: 5px;
}

.deploy-release-to-environment-data .release-summary-details-section .deploy-release-to-environment-artifact-data {
    white-space: normal;
}

.deploy-release-to-environment-data .release-summary-details-section .release-branch-icon {
    margin-left: 0px;
    height: 14px;
}

.error-issues,
.warning-issues {
    table-layout: fixed;
    width: 100%;
}

.error-issues td:first-child,
.warning-issues td:first-child {
    width: 33px;
}

.error-issues td,
.warning-issues td {
    padding-top: 5px;
}

.warning-issues .warning-issue-text,
.error-issues .error-issue-text {
    width: 100%;
    white-space: pre;
}

.rel-sum-env-table .partially-succeeded {
    background-color: #FF8000;
}


.edit-rel-desc-dialog {
    padding: 0px 24px 0px 24px;
}

.edit-rel-desc-dialog .desc-input {
    width: 100%;
    padding: 2px;
    overflow: auto;
    resize: none;
    border: 1px solid #e6e6e6;
}

.edit-rel-desc-dialog {
    padding: 0px 24px 0px 24px;
}

.edit-rel-desc-dialog .desc-input {
    width: 100%;
    padding: 2px;
    overflow: auto;
    resize: none;
    border: 1px solid #e6e6e6;
}

.release-description-edit:hover,
.release-description-edit:focus {
    background-color: #D4E5F5;
}


.create-releasedefinition-environment-configuration.ui-dialog-content.ui-widget-content {
    width: 100%;
    margin-right: 12px;
}

.create-releasedefinition-environment-configuration .environment-configuration-hub {
    padding: 0px;
    height: 35px;
}

.pivot-tab-modal-dialog-tabs.pivot-view li.dirty {
    font-style: italic;
}

.environment-definition-edit-options-grid-table {
    width: 100%;
}

.create-releasedefinition-environment-configuration .pivot-tab-modal-dialog-content {
    width: 100%;
    bottom: 60px;
    top: 74px;
    left: 0px;
    right: 0px;
}

.pivot-tab-modal-dialog-pane {
    padding-top: 20px;
}

.pivot-tab-modal-dialog .error {
    margin-left: 10px;
    margin-right: 10px;
}

.pivot-tab-modal-dialog-tabs li.selected {
    border-bottom: 4px solid #007acc;
}

.environment-definition-edit-options-grid-table .demand-name-input {
    width: 50%;
}

.environment-definition-edit-options-grid-table .demand-value-input {
    width: 20%;
}

.pivot-view.env-opt.pivot-tab-modal-dialog-tabs {
    margin-left: 0px;
}

.pivot-view li.invalid a {
    color: #FF0000;
}

.pivot-tab-modal-dialog-tabs li.selected.invalid {
    border-bottom: 4px solid #FF0000;
}

.create-releasedefinition-environment-configuration label.environment-execution-policies-heading-label,
.ui-dialog .create-releasedefinition-environment-configuration label {
    margin-top: 0px;
    display: inline
}

.create-releasedefinition-environment-configuration .helpMarkDown {
    vertical-align: middle;
}

.environment-definition-overview-content {
    height: 100px;
    width: 180px;
    float: left;
    background: #F1F1F1;
    border: 1px solid #FFFFFF;
}

.environment-definition-overview-content .environment-name {
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    margin-left: 7px;
    background-color: transparent;
    color: #ffffff;
    position: relative;
    top: 0;
    left: 0;
}

.environment-definition-overview-content .environment-definition-overview-inprogress .environment-name {
    z-index:2; /*This is to put this above the animation which has z-index = 1*/
}

.environment-name.text-wrap .env-name-click {
    color: #ffffff;
}

.environment-definition-overview-content > .environment-status {
    height: 25%;
    width: 100%;
}

.environment-definition-overview-content .environment-status-color-strip {
    width: 100%;
}

.environment-definition-overview-content .environment-in-progress-animation {
    position: relative;
}

.environment-definition-overview-content .release-environment-info {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.environment-definition-overview-content .icon-env-status-alignment-details {
    margin-top: 10px;
    margin-left: 6px;
}

.environment-definition-overview-content .release-name {
    margin-left: 4px;
    margin-top: 10px;
    width: 60%;
    display: block;
}

.environment-definition-overview-content a.release-name {
    color: #005a9e;
}

.environment-definition-overview-content .icon-approver-alignment-details {
    margin-top: 10px;
    margin-left: 15px;
}

.environment-definition-overview-content > .last-event-time {
    margin-left: 26px;
    color: #555555;
}

.environment-definition-overview-content .no-deployment-message {
    padding-top: 10px;
    margin-left: 7px;
    color: #555555; /* Fallback for older browsers */
}

.release-definition-overview-content {
    clear: left;
    padding-top: 15px;
}

.release-definition-overview-content > .release-definition-info {
    height: 100%;
    width: 180px;
    margin-right: 10px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
}

.release-definition-overview-content > .release-definition-info .release-definition-name {
    padding-top: 10px;
    margin-left: 6px;
}

.release-definition-overview-content > .release-definition-info .release-definition-options {
    padding: 3px 6px 0px 6px;
    margin: 10px 0px 0px 4px;
}

.release-definition-overview-content > .release-definition-info .release-definition-options:hover {
    cursor: pointer;
}

.release-definition-overview-content > .environment-definition-overview {
    height: 100%;
    margin-top: 5px;
}

.release-definition-overview-content > .environment-definition-overview .environment-definition-list-item {
    float: left;
    width: 200px;
}

.environment-definition-overview-notstarted
{
    background-color: #666666;
}

.environment-definition-overview-pending
{
    background-color: #666666;
}

.environment-definition-overview-successful
{
    background-color: #107C10;
}

.environment-definition-overview-rejected,
.env-def-over-failed
{
    background-color: #DA0A00;
}

.environment-definition-overview-inprogress
{
    background-color: #007acc;
}

.environment-definition-overview-deferred
{
    /*background-color: #007acc;*/
    background-color: #555555;
}

.environment-definition-overview-abandoned
{
    background-color: #DA0A00;
}

.environment-definition-overview-stopped
{
   background-color: #DA0A00;
}

.environment-definition-overview-inprogress > .environment-status-color-strip
{
    display: block;
    height: 100%;
    background-color: #007acc;
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, #007acc),
      color-stop(1, #007acc)
     );
    overflow: hidden;
}

.environment-definition-overview-inprogress > .environment-status-color-strip:after
{
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 
       -webkit-gradient(linear, 0 0, 100% 100%, 
          color-stop(.25, rgba(255, 255, 255, .3)), 
          color-stop(.25, transparent), color-stop(.5, transparent), 
          color-stop(.5, rgba(255, 255, 255, .3)), 
          color-stop(.75, rgba(255, 255, 255, .3)), 
          color-stop(.75, transparent), to(transparent)
       );
    background-image: 
        -moz-linear-gradient(
          -45deg, 
          rgba(255, 255, 255, .3) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .3) 50%, 
          rgba(255, 255, 255, .3) 75%, 
          transparent 75%, 
          transparent
       );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    overflow: hidden;
}

.animate > .environment-status-color-strip:after 
{
    display: none;
}

@-webkit-keyframes move 
{
    0% 
    {
        background-position: 0 0;
    }
    100% 
    {
        background-position: 50px 50px;
    }
}

.release-definition-overview-list {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 14px;
    right: 0;
    bottom: 0;
}

.environment-definition-overview-partiallysucceeded 
{
    background-color: #F8A800;
}

.environment-definition-overview-content .release-environment-info .bowtie-status-error{
    color: #F8A800;
}


.artifact-source-name-col {
   width: 165px;
   white-space: nowrap;
}

.branch-name-label-col {
   width: 67px;
   white-space: nowrap;
}

.tag-label-col {
  width: 63px;
  white-space: nowrap;
}

.trigger-tag-list {
  padding-top: 4px;
}

select.artifact-source-select {
    width: 200px;
    height: 28px;
}

select.artifact-source-select.invalid {
    background-color: #ffc;
}

.trigger-condition-content {
    margin-left: 25px;
}

.triggers-automated-deployments-missing-warning {
    background-color: #ffffbb;
    color: #6D6D6D;
    margin-right: 20px;
}

.rm-env-cond-tbl {
    width: 40%;
    margin-bottom: 20px;
}

.branchhelpMarkDown {
    vertical-align: middle;
}

.trigger-branch-control.invalid {
    background-color: #ffc;
}

.trigger-branch-control {
 border: 1px solid #cccccc
}

.branchtag-tooltip {
    position: relative;
    display: inline-block;
}

.branch-help-col {
    width: 20px;
}

.github-branches {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    height: 28px;
}

.tag-help-col {
    width:20px;
}

.rm-env-cond-tbl td {
    text-align: left;
    margin-left: 1px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.rm-env-cond-tbl td.env-name {
    width: 30%;
}

.rm-env-cond-tbl td.trigger-type {
    width: 60%;
}

.rm-env-cond-tbl td.editLink {
    margin-left: 10px;
    margin-top: 8px;
    cursor: pointer;
    display: block;
}

.rm-env-cond-tbl th {
    text-align: left;
    margin-left: 1px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    color : #666666;
    font-weight: normal;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: #F0F0F0;
}

.rm-env-cond-tbl th.env-name {
    width: 30%;
}

.rm-env-cond-tbl th.trigger-type {
    width: 60%;
}

.rm-env-cond-tbl tr {
    text-align: left;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: #F0F0F0;
}

.rm-env-cond-tbl tr:last-child {
    border-bottom: none;
}

.rm-cd-trigger {
    margin-left: 10px;
}

.rm-cd-trigger h3 {
    margin-top: 5px;
    margin-bottom: 2px;
    margin-left: 1px;
}

.rm-cd-trigger .titleDescription {
    margin-left: 1px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #6D6D6D;
}

.rm-cd-trigger .title-separator {
    margin-right: 10px;
}

.rm-cd-trigger .description {
    margin-left: 25px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #6D6D6D;
}

.rm-cd-trigger .artifact-guidance-message {
    margin-left: 20px;
    color: #6D6D6D;
}

.rm-cd-trigger .artifact-source-name {
    padding-right: 10px
}

.rm-cd-trigger .branch-name {
    padding-left: 5px
}

.rm-cd-trigger .tag-label {
    padding-left: 10px
}

.rm-cd-trigger .trigger-content {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25px;
}

.rm-cd-trigger .trigger-content > label.disable {
    opacity: .4;
}

.rm-cd-trigger .trigger-content > select.disable {
    opacity: .4;
}

.rm-cd-trigger .trigger-content > select {
   margin-top: 10px;
   width: 200px
}

.rm-cd-trigger .artifacts-warning-icon {
    float: left;    
}

.rm-cd-trigger .art-msg-container {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 25px;
}

.schedule-selection-container {
    width: 100%;
}

.trigger-editor-schedule {
    margin-top: 6px;
    display: flex;
}

.trigger-editor-schedule-time {
    margin-top: 6px;
    display: inline;
}

.trigger-editor-schedule-day-label {
    vertical-align:middle;
}

.trigger-editor-schedule-label-time {
    margin-right: 2px;
}

.trigger-editor-schedule-label-colon {
    margin-right: 2px;
    margin-left: 2px;
}

.trigger-editor-schedule-day-checkbox {
    vertical-align:middle;
    margin-right:10px;
}

.trigger-editor-schedule-day-label.invalid {
    background-color: #ffc;
}

.branch-dropdown .select-input-box {
    margin-left: 5px;
    width: 200px;
}

.trigger-editor-select-input-box {
    margin-left: 2px;
    margin-right: 2px;
}

.trigger-editor-trigger-type-container {
    border: 1px solid #cccccc;
    margin: 10px 0;
    padding: 5px;
    width: 1100px;
}

.trigger-editor-button {
    padding: 10px;
    margin: 0px 2.5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-sizing: border-box;
    max-width: 250px;
    display: inline-block;
}

.trigger-editor-button.add-artifact-source {
    margin-top: -10px;
    margin-left: -25px;
}

.trigger-editor-button.add-artifact-source.invalid {
    background-color: #ffc;
}

.trigger-editor-button.add-artifact-source:hover {
    background-color: #D4E5F5;
}

.trigger-editor-button.delete-artifact-source, 
.trigger-editor-button.delete-schedule {
    display: inline; 
    float: right;
    color: #9c9c9c;
    font-size: 12px;
}

.trigger-editor-button.delete-artifact-source:hover,
.trigger-editor-button.delete-schedule:hover {
    color: #AC0000;
}

.trigger-editor-artifact-content {
    margin-top: 6px;
    width: 100%;
    margin-bottom: 6px;
    table-layout: auto
}

.trigger-editor-artifact-content td {
    vertical-align: text-top;
}

td.trigger-tag-list-col {
   vertical-align: inherit;
}

.trigger-tag-list-col td {
    vertical-align: inherit;
    padding-top: 10px;
}

.delete-artifact-source-container {
    width: 35px;
}

.trigger-editor-button.add-schedule {
    margin-left: -25px;
}

.trigger-editor-button.add-schedule.invalid {
    background-color: #ffc;
}

.trigger-editor-button.add-schedule:hover {
    background-color: #D4E5F5;
}

.trigger-artifact-source {
    position: relative;
}

.trigger-schedule {
    position: relative;
}

.trigger-separator {
    border-bottom: 1px solid #F1F1F1;
}

.trigger-separator-schedule {
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 15px;
}

.rm-cd-trigger .trigger-heading {
    margin-top: 20px;
    margin-bottom: 2px;
    margin-left: 1px;
}

.trigger-editor-schedule-days {
    margin-top: 6px;
    display: flex;
    margin-bottom: 10px;
}

.github-branches-dropdown .input-text-box{
    padding: 5px;
    width: 150px;
    word-wrap: normal;
    vertical-align: middle;
    display: inline-block;
    height: 28px;
}

.releasemanagement-load-templates-dialog {
    height: 390px;
    overflow: auto;
}

.releasemanagement-load-templates-dialog.new-exp {
    height: 378px !important;
    overflow: auto;
}

.ui-dialog-titlebar + .release-template-tabs {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.template-empty-def-release-management {
    border-top: 1px solid #C00000;
    border-bottom: 1px solid #C00000;
}

.template-empty-def-release-management.new-exp {
    border-top: 0px !important;
    border-bottom: 0px !important;
    bottom: 0px;
}

.template-empty-def-release-management.new-exp .templates-list.new-exp {
    border-top: 1px solid #C00000;
    border-bottom: 1px solid #C00000;
}

.template-empty-def-release-management .templates-list-item {
    padding-left: 4px;
    height: 46px;
}

.template-empty-def-release-management.new-exp .templates-list-item {
    padding-left: 16px !important;
    min-height: 60px !important;
    padding-top: 8px;
}

.template-empty-def-release-management .templates-list-item-details {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    width: 75%;
}

.template-empty-def-release-management .templates-list-item .empty-icon {
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 4px;
    margin-top: 4px;
    background-color: #800080;
}

.ui-dialog-titlebar + .release-template-tabs .selected {
    font-weight: bold;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.templates-list {
    list-style-type: none;
    padding-left: 0px;
}

.templates-list.new-exp {
    margin: 0px 5px !important;
}

.releasemanagement-load-templates-dialog.new-exp .templates-list li:first-child {
    border-top: 1px solid #f2f2f2;
}

.releasemanagement-load-templates-dialog .templates-list-item {
    padding-top: 4px;
    padding-left: 4px;
    min-height: 66px;
}

.releasemanagement-load-templates-dialog.new-exp .templates-list {
    margin-top: 0px !important;
}

.releasemanagement-load-templates-dialog.new-exp .templates-list-item {
    padding: 4px 0px 0px 16px !important; /* top right bottom left */
    min-height: 66px;
    border-bottom: 1px solid #f2f2f2;
}

.templates-list-item .icon.empty,
.releasemanagement-load-templates-dialog .templates-list-item .icon {
    height: 32px !important;
    width: 32px !important;
}

.releasemanagement-load-templates-dialog .templates-list-item .empty-icon {
    float: left;
    margin-right: 4px;
    margin-top: 8px;
    background-color: #C0C0C0;
}

.templates-list-item {
    cursor: pointer;
}

.templates-list-item:focus,
.templates-list-item:hover {
    background-color: #F2F7FD;
}

.templates-list-item-selected {
    border: 1px solid #B8D6FB !important;
    background-color: #DCEBFC;
}

.releasemanagement-load-templates-dialog .templates-list-item-details {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    width: 75%;
}

.releasemanagement-dialog-item-title {
    font-weight: bold;
}

.templates-list-item-details .templates-list-item-description {
    max-width: 450px;
    text-align: justify;
    padding-top: 5px;
}

.releasemanagement-load-templates-dialog .templates-list-item-delete {
    display: inline-block;
    float: right;
    padding-right: 10px;
    vertical-align: middle;
    padding-top: 10px;
}

.releasemanagement-tab.save-environment-template-dialog {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 2px;
}

label.save-environment-template-dialog {
    margin-top: 6px;
}

div.secret-variable-note {
    margin-top: 6px;
    font-style: italic;
}


.rm-mail-sec-table {
    width: 100%;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
    margin-top: 10px;
}

.rm-mail-sec-title-row {
    width: 100%;
    background-color: #DEE8F2;
}

.rm-mail-sec-title-row td {
    padding-left: 5px;
    padding-bottom: 3px;
}
.rm-mail-include-sec-checkbox {
    width: 14px !important;
    height: 14px;
    float: left;
    margin-right: 0px !important;
    margin-top: 4px !important;
}

.rm-mail-sec-title {
    font-size: 12px;
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 20px;
}

.rm-mail-sec-included {
    font-size: 12px;
    color: #555555;
    margin-top: 2px;
}

.rm-mail-sec-not-included {
    font-size: 12px;
    color: #e51400;
    margin-top: 2px;
}

.rm-mail-sec-content {
    padding: 5px 2px 5px 2px;
}

.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
{
    width: 100%;
}

.message-form input.disabled
{
    cursor: default;
}

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

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

.ui-dialog.bowtie-dialog .ui-dialog-title
{
    font-size: 18px;
}

.ui-dialog .ui-dialog-content.send-mail-dialog {
    overflow:hidden;
}
.ui-dialog.bowtie-dialog {
    padding: 5px 15px 10px 15px;
}

.ui-dialog.bowtie-dialog button.ui-dialog-titlebar-close {
    top: -8px;
    right: -20px;
}

.ui-dialog.bowtie-dialog .send-mail-dialog textarea {
    height: 50px;
}

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

.ui-dialog.bowtie-dialog .send-mail-dialog .email-read-only-body table td {
    max-width: 50px;
}

.ui-dialog.bowtie-dialog .send-mail-dialog .email-new-note-label{
    display: inline;
}

.ui-dialog.bowtie-dialog .send-mail-dialog .email-input-to .identity-picker-search-box {
    overflow-x: hidden;
}

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

.ui-dialog.bowtie-dialog .send-mail-dialog .message-form.new-form .email-input-subject {
    height:28px;
}

.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;
}

.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%;
}

.send-mail-dialog .message-form.new-form .email-input-to {
    border: 1px solid #dedede;
}

.send-mail-dialog .message-form.new-form .identity-picker-input {
    border: none;
    width: 100%; 
}

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

.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;
}

.bowtie-style .form-section {
    width: 100%;
    margin: 10px 0 0 0;
}

.ui-dialog.bowtie-dialog .ui-dialog-titlebar {
    background-color: #ffffff;
    height: auto;
    margin: 5px;
}

.rm-sum-mail-dialog .message-form-container {
    margin: 5px;
}

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

.bowtie-style.send-mail-dialog.rm-sum-mail-dialog .email-note-container textarea{
    max-height: 70px;
}

.ui-dialog.bowtie-dialog .ui-dialog-content.rm-sum-mail-dialog {
    margin: 0px 5px;
}

.ui-dialog.bowtie-dialog .ui-dialog-buttonpane {
    padding: 0px;
    margin: 10px 10px 5px 10px;
}

.ui-dialog.bowtie-dialog .send-mail-dialog .email-read-only-body .rm-mail-sec-content table{
    width: auto;
}

.ui-dialog.bowtie-dialog .send-mail-dialog .email-read-only-body .rm-mail-sec-content table td{
    max-width: initial;
}

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

.sidebar-search .search-input-wrapper {
    position: relative;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    height: 24px;
    margin: 10px 10px 0 1.3em;
}

.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;
}

.rm-rich-content-tooltip.rich-content-tooltip {
    width: unset;
    max-width: 400px;
}

.rm-rich-content-tooltip.rich-content-tooltip .popup-content-container {
    -webkit-box-shadow: #dddddd 3px 3px 5px;
    -moz-box-shadow: #dddddd 3px 3px 5px;
    box-shadow: #dddddd 3px 3px 5px;
    white-space: pre-wrap;
}


.mru-identity-picker
{
    position: relative;
    width: 100%;
    height: 20px;
    border: 1px solid #e6e6e6;
    background: #ffffff;
}

.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
{
    overflow:hidden;
}
.mru-identity-picker > .drop:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1550px; top:-16px;
}


.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;
}

.identity-picker-list-view {
    position: fixed;
    left: -50000px;
    top: -50000px;
    background: #ffffff;
    border: 1px solid #cccccc;
    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 > .releases-explorer-view .bowtie-icon.bowtie-edit-delete
{
    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 > .releases-explorer-view .bowtie-icon.bowtie-edit-delete,
.identity-picker-list-view > ul.items > li.mru-item.selected > .releases-explorer-view .bowtie-icon.bowtie-edit-delete {
    display: block;
}

.identity-picker-list-view > ul.items > li.non-mru-item > .bowtie-icon.bowtie-edit-delete,
.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: #dce6f4;
    border: 1px solid #000 !important;font-weight:bold !important;
}

.identity-picker-list-view .search, .identity-picker-list-view .no-result
{
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    padding: 8px;
    background-color: #e6e6e6;
    border-top: 1px solid #E6E6E6;
    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: #e6e6e6;
    border: 1px solid #E6E6E6;
}

.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 > .icon
{
    margin: -2px 0 0 2px;
}

.identity-picker-list-view > ul.items > li.hover,
.identity-picker-list-view .search.hover
{
    background-color: #e6e6e6;
    border: 1px dashed #000 !important;font-weight:bold !important;
}

.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;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
}

.identity-picker-list-view > ul.items > li div.subtitle {
    color: #656565;
    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: #ffffcc;
}

.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 #e6e6e6;
}

.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: 3px 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 > .bowtie-icon.bowtie-edit-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: 0px;
left: 0px;
;
}

.multi-mru-identity-picker > .multi-mru-list-container > .identity-picker-list-view  {
    top: 0;
}

.histogram
{
    position: relative;
}

.histogram > .bar
{
    position: absolute;
}


.expand-tree-log-full {
    width: 100% !important;
}

.release-logs-switch {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;   
    overflow: auto;
}

.release-logs-switch-mg {
    height: 100%;
}

.right-pane-main-content > .release-logs-splitter > .release-logs-grid-container.leftPane {
    width: 390px;
}

.right-pane-main-content > .release-logs-splitter > .release-logs-handlebar.handleBar,
.right-pane-main-content > .release-logs-splitter > .release-logs-pane-container.rightPane {
    left: 390px;
}

.release-logs-header {
    height: 30px;
}

.release-logs-header-tasks {
    background-color: whitesmoke;
}

.text-name {
    padding-left: 5px;
}

.release-logs-header .release-logs-header-section {
    height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;    
}

.release-logs-header .left-content {
    padding-left: 10px;
    float: left;
}

.release-logs-header .right-content {
    padding-right: 10px;
    float: right;
}

.release-logs-header-section .agent-name {
    padding-left: 5px;
}

.release-logs-header-section .queue-name {
    padding-left: 5px;
}

.release-logs-header-section .start-date {
    padding-left: 5px;
    padding-right: 5px;
}

.release-logs-header-section .duration {
    padding-left: 5px;
}

.release-logs-grid-container .icon.icon-single-release-log-grid-details {
    text-indent: 0px;
}

.release-logs-grid-container .icon.icon-single-release-log-grid-details.status {
    color: #000000;
}

.release-logs-grid-container .icon.icon-single-release-log-grid-title.bowtie-server-remote {
    text-indent: 0px;
}

.release-logs-header .environment-summary-settings-heading-text {
    padding-left: 0px;
}

.release-logs-header .environment-summary-settings-heading-text.gate-summary-settings-heading-text {
    height: 80%;
}

.bowtie-status-error-logs-page {
    color: #F8A800;
}

.grid-cell .env-name-clickable {
    color: #007acc !important;
}


.rel-env-issues-view .issues-heading-text{
    color: #8C8C8C;
    font-size: 14px;
    padding-left: 5px;
}

/********************************** LiveLogs Styles *************************************/

.release-live-logs-container {
    min-width: 850px;
    height: 100%;
}

.release-live-logs-view {
    background-color: #012456;
    color: #EEEDF0;
    top: 11px;
    bottom: 5px;
    position: static;
    display: block;
    right: 5px;
    left: 5px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    overflow-y: auto;
    font-family: Consolas, Courier New, monospace;
    word-wrap: break-word;
    height: calc(100% - 30px);
}

.release-live-logs-line {
    white-space: pre;
}

.release-live-logs-line-error {
    background-color: black;
    color: red;
    font-size: 12px;
}

.release-live-logs-line-warning {
    color: yellow;
}

.release-live-logs-line-section {
    color: chartreuse;
}

.release-live-logs-line-command {
    color: aqua;
}

.release-live-logs-line-debug {
    color: gray;
}

.release-logs-splitter {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 10px;
    right: 0;
    width: auto;
    display: block !important;
}

.release-logs-splitter.splitter.horizontal {
    width: calc(100% - 10px); /* This is needed bacause of the left: 10px defined for release-logs-splitter */
}

.release-logs-grid-view {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 6px;
    right: 0;
}

/******************************* End of LiveLogs Styles *********************************/

/******************************* DownloadLogs Styles ************************************/

.release-downloaded-logs-view {
    position: absolute;
    top: 30px;
    bottom: 0px;
    border: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.release-legacy-logs-viewer{
    height: 100%;
}

.release-download-logs-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.download-log-viewer {
    overflow: hidden;
    position: absolute; /* To make this container element for holders, bars */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.download-log-viewer-data {
    line-height: 15px;
    white-space: nowrap;
    overflow: scroll; /* overflow auto doesn't always seem to work in IE */
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -20px; /* overflow hidden doesn't work as expected for IE, so make scrollbars off the screen to work for all browsers*/
    font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
    outline: 0; /* fix for chrome since we used tabindex to have keybindings*/
}

.download-log-viewer ol {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-bottom: 40px; /* IE thinks the scrollbar is also part of the div height and renders text below the scrollbar making it difficult to view */
}

.download-log-viewer ol li {
    color: #2b91af;
    counter-increment: numbers;
    display: block;
    margin-left: 3.5em;
}

.download-log-viewer ol li div pre {
    color: black;
    padding-left: 5px;
    font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
    position: relative;
    margin: 0px;

}

.download-log-viewer ol li div {
    overflow: hidden;
    display: inline-table;
    padding-right: 80px;
}

.download-log-viewer ol li .highlightMe {
    color: blueviolet;
    padding: 0px;
}

.download-log-viewer ol li .error {
    color: darkred;
    margin: 0px;
    font-size: 12px;
}

.download-log-viewer ol li .section {
    color: green;
}

.download-log-viewer ol li .warning {
    color: #ffbb00;
}

.download-log-viewer ol li .command {
    color: aqua;
}

.download-log-viewer ol li .debug {
    color: gray;
}
.download-log-viewer ol li:before {
    content: counter(numbers) " ";
    display: inline-block;
    text-align: right;
    width: 3em;
    padding-right: 0.5em;
    margin-left: -3.5em;
    background-color: whitesmoke;
}

.download-log-viewer ol li:first-child:before {
    padding-top:12px;
}

.download-log-viewer .error-log {
    color: #FF0000;
    font-size: 16px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;  
    padding-left:  10px;
}

.env-summary-and-approval-log {    
    padding-left: 10px;
    padding-top: 5px;
    font-family: "Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";       
}

.download-log-viewer .bar {
    -o-transition: linear;
    -moz-transition: linear;
    -ms-transition: linear;
    background: rgba(100, 100, 100, .3);
}

.download-log-viewer .bar:hover {
    -o-transition: linear;
    -moz-transition: linear;
    -ms-transition: linear;
    background: rgba(100, 100, 100, .6);
}

.download-log-viewer .vertical-holder {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 10px;
    -o-transition: linear;
    -moz-transition: linear;
    -ms-transition: linear;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #D8D7D7;
}

.download-log-viewer .vertical {
    top: 0px;
    right: 0px;
    height: 100px;
    position: absolute;
}

.download-log-viewer .horizontal {
    left: 0px;
    height: 16px;
    position: absolute;
    bottom: 0px;
}

.hideme {
    display: none;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.no-select-without-pointer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.machine-list-icon {
    padding: 1px !important;
    text-indent: 0;
    margin-left: 5px;
}

.machine-list-cell {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-indent: 0;
}

/***************************** End of DownloadLogs Styles *******************************/

/***************************** Deployment Machines Styles *******************************/


.deployment-machines-list-view-container {
    position: relative;
    overflow: auto;
    padding-left: 8px;
}

.deployment-machines-list-view-container .machine-list-cell a{
    color: #007acc !important;
}

/***************************** End of Deployment Machines Styles *******************************/

/******************************* Environment Selection Styles **********************************/
.env-summary-table {
    color: black;
}

.env-summary-table.phase-summary-table > table {
    width: 40%;
}

.env-summary-table > table {
    margin-left: 5px;
    width: 90%;
}

.env-summary-table th,
.env-summary-table td {
    padding-bottom: 3px;
    padding-right: 10px;
}

.env-summary-table .env-details > div {
    display: inline-block;
    vertical-align: middle;
}

.env-summary-table .env-label {
    color: #666666;
    font-size: 14px;
}

.env-summary-table .env-details {
    display: block;
    margin-right: 5px;
}

.env-summary-table .view-env-queue {
    padding-left: 5px;
}

.env-summary-table .helpMarkDown {
    vertical-align: baseline;
}

.env-summary-table th {
    color: #666666;
    text-align: left;
    font-weight: normal;
}

.env-summary-table th.release-summary-environments-column-actions {
    padding-left: 10px;
    width: 80px;
}

.env-summary-table .status-value {
    color: #ffffff;
    width: 155px;
    text-align: center;
    font-family: Segoe UI SemiBold, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.env-summary-table .failed {
    background-color: #DA0A00;
}

.env-summary-table .canceled {
    background-color: #555555;
}

.env-summary-table .passed {
    background-color: #107C10;
}

.env-summary-table .progress {
    background-color: #007acc;
}

.env-summary-table .not-started {
    background-color: #555555;
}

.env-summary-table .partially-succeeded {
    background-color: #FF8000;
}

.environment-selection-container {
    padding:0 5px 0 15px;
    position: relative;
    width: 100%;
}

.environment-selection-container.deployment-machines-view-container,
.environment-selection-container.deployment-machines-list-view-container {
    height: 95%;
}

.rm-mg-pipeline-queue-view-with-tile{
    width: 100%;
    height: 220px;
}

.rm-mg-pipeline-queue-view-without-tile{
    width: 100%;
    height: 25px;
}

.release-logs-header-container-text {
    margin-top: 20px;
}
/******************************* End of Environment Selection Styles ***************************/

/******************************* End of Gates Selection Styles ***************************/
.release-logs-gates-sampling-status {
    margin-top: 30px;
}

.release-logs-gates-sampling-status .r-logs-tab-gates-latest-header-section {
    display: inline-block;
}

.r-logs-tab-gates-status-info.bowtie-icon.bowtie-status-info-outline {
    margin-left: 5px;
    vertical-align: inherit;
}

.release-logs-gates-sampling-table .environment-tile.gate-show-status {
    display: block;
}

.release-logs-gates-sampling-table .env-label.gate-name-label {
    width: 30%;
}

.release-logs-gates-sampling-table {
    width: 60%;
}

.r-log-gate-samples-info-text {
    margin-left: 5px;
    margin-top: 15px;
}

.release-logs-gates-attempts-status {
    margin-left: 10px;
}

.release-logs-gates-attempts-logs {
    margin-left: 5px;
}

.gate-log-button-link {
    outline: 1px outset;
    margin: 0 3px;
    color: #007acc !important;
}

.gate-log-button-link:hover, .gate-log-button-link:focus {
    outline: 2px dotted;
}

.release-logs-gates-attempts-logs.bowtie-log.disabled {
    cursor: default;
}

.gates-selection-container {
    position: relative;
    width: 100%;
}

.gates-selection-container .issues-heading-text {
    font-weight: normal;
    color: #4D6082;
}

.env-summary-table .sub-status-value.gate-specific-issue-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50px;
}

.env-summary-table.gate-summary {
    display: table;
}

.env-summary-table .env-label.gate-summary-label {
    display: table-cell;
    min-width: 215px;
}

.env-summary-table .env-details.gate-status {
    display: table-cell;
}

.env-summary-table .gate-summary-tooltip {
    display: table-cell;
    padding-left: 5px;
}


.env-summary-table .deployment-completed-value {
    width: 340px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-right: 10px;
    display: table-cell;
}

/******************************* End of Gates Selection Styles ***************************/

.releasemanagement-general-settings .general-settings-variables-grid {
    position: relative;
}

.releasemanagement-general-settings .setting-name {
    padding-right: 20px;
}

.releasemanagement-general-settings .setting-value-input {
    padding-left: 5px;
    width: 300px;
}

.general-settings-variables-grid td {
    padding-bottom: 10px;
}

.releasemanagement-general-settings .description {
    padding-bottom: 10px;
}

.releasemanagement-general-settings {
    margin-left: 10px;
    margin-top: 20px;
}

.general-settings-publish-status-div{
   position: relative;
   margin-top:20px; 
}

.general-settings-publish-status-div > .publish-status-input,
.general-settings-publish-status-div > .publish-status-label{
   vertical-align: middle;
}

.general-settings-publish-status-div .publish-status-env-list {
   margin-left:20px;
   overflow: auto;
}

.general-settings-publish-status-div .publish-status-env {
	float: left;
	width: 125px;
	height: 30px;
	margin: 5px;
	background-color: #e6f3fb;
	border: 1px solid #1BA1E2;
}

.general-settings-publish-status-div .env-git-status-checkbox {
   vertical-align: middle;
   margin-top: 8px;
   float: left;
}

.general-settings-publish-status-div .env-git-status-name {
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 6px;
}

.general-settings-publish-status-div .publish-status-error {
	color: #FF0000;
	margin: 3px 0 3px 21px;
}

.rm-retention .rp-grid {
    position: relative;
    border-collapse: collapse;
    display: table;
    width: 40%;
}

.rm-retention {
    margin-left: 10px;
    margin-top: 20px;
}

.rp-row{
    display: table-row;
    border: solid;
    border-width: thin;
    border-color: #cccccc;
}

.rp-env {
    display: table-cell;
    vertical-align:middle;
    padding: 5px;
    text-align: left;
    width: 35%;
    min-width: 200px;
}

.rp-vars {
    display: table-cell;
    padding: 5px;
    width: 35%;
    min-width: 350px;
}

.rp-retain-build {
    display: table-cell;
    vertical-align:middle;
    padding: 5px;
    width: 30%;
    min-width: 150px;
}

.rp-env-col{
    float: left;
}

.rp-env-col-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.rp-vars-col {
    float: right;
    padding-top : 5px;
    padding-bottom : 5px
}

.rp-tooltip {
    position: relative;
    display: inline-block;
}

.rp-vars-input {
    padding-left: 5px;
    width: 35px;
}

.rp-vars-col-clear {
    clear: right;
}

.rp-retain-build-col {
    float: right;
}

.rp-tool-tip-override .taskeditor-help-tooltip{
    left: 5px;
}

.rp-intro-text {
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 12px;
}

.retention-settings-title {
    margin-left: 22px; 
    margin-top: 22px;
}

.default-retention-policy {
    margin-left: 44px;
}

.maximum-retention-policy {
    margin-left: 44px;
}

.days-to-keep-deleted-releases {
    margin-left: 44px;
}

.definition-scan-secret {
    margin-left: 44px;
}

.compliance-settings-title {
    margin-left: 22px; 
    margin-top: 22px;
}

.retention-settings-view {
    margin-left: 22px;
}

.compliance-settings-view {
    margin-left: 22px;
}

.retention-settings-view h3 {
    margin-left: 22px;
}

.retention-settings-view td {
    width: 200px;
    height: 25px;
}

.compliance-settings-view td {
    width: 200px;
    height: 25px;
}

.permission-button {
    display: inline-block;
    margin-right: 5px;
}

.release-settings {
    top: 0px
}

.release-settings-view-buttons {
    margin-left: 22px;
    margin-top: 40px;
}

.release-settings-save {
    margin-left: 25px;
    margin-right: 25px;
}

.retain_build_checkbox {
    margin-left: 0px;
    margin-right: 0px;
}

.scan_definition_checkbox {
    margin-left: 0px;
    margin-right: 0px;
}


.rm-wis-p-header {
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

.rm-wis-p-header.rm-wis-left {
    left: 20px;
    margin-top: 10px;
}

.releasemanagement-workitemchangeset-comparision-header {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.rel-comparison-text {
    padding-left: 5px;
}

.releasemanagement-workitemchangeset-margin-left {
    margin-left: 10px;
}

.rm-wis-p-header.rm-wis-grid-pos {
    position: absolute;
    min-height: 150px;
}

.rm-wis-p-header.rm-wis-grid-top {
    margin-top: 40px;
}

.rm-wis-p-header.rm-wis-grid-top-rollback {
    margin-top: 90px;
}

.rel-wis-no-wis {
    margin-left: 5px;
    margin-top: 5px;
}

.work-item-title {
    text-overflow: ellipsis;
    white-space: normal;
}

.rdwidget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-family: Segoe UI,Tahoma,Arial,Verdana;
    height: inherit;
    padding: 14px;
}

.rdwidget-container .rdwidget-header {
    font-size: 16px;
}

.rdwidget-container .rdwidget-header .rdlink {
    color: inherit;
    text-decoration: none;
}

.rdwidget-container .widget-seperator {
    margin-top: 95px;
}

.rdwidget-container .bowtie-status-waiting {
    color: #ffffff;
}

.rdwidget-envs-container {
    padding-top: 15px;
}

.rdwidget-envs-container .rdwidget-env-container {
    height: 80px;
    width: 125px;
    float: left;
    background: #F1F1F1;
    border: 1px solid #FFFFFF;
    margin-right: 9px;
}

.rdwidget-envs-container .rdwidget-env-container .rdwidget-status-color-strip {
    width: 100%;
}

.rdwidget-envs-container .rdwidget-env-container .rdwidget-envname-cont {
    padding-top: 4px;
    padding-bottom: 5px;
    margin-left: 7px;
    margin-right: 4px;
    background-color: transparent;
    color: #ffffff;
}

.rdwidget-envs-container .rdwidget-env-container .rdwidget-envname-cont .summarylink {
    background-color: transparent;
    color: #ffffff;
}

.rdwidget-envname-cont .summarylink:focus,
.rdwidget-header .rdlink:focus,
.rdwidget-env-container .release-name a:focus,
.releases-table .release-name:focus,
.rdwidget-footer a:focus {
    outline: none;
    text-decoration: underline;
}

.rdwidget-envs-container .rdwidget-env-container .release-environment-info {
    width: 100%;
}

.rdwidget-envs-container .rdwidget-env-container .release-environment-info .bowtie-status-error{
    color: #F8A800;
}

.rdwidget-envs-container .rdwidget-env-container .icon-env-status-alignment-details {
    margin-top: 15px;
    margin-left: 6px;
    float: left;
}

.rdwidget-envs-container .rdwidget-env-container .release-name {
    margin-left: 4px;
    margin-top: 15px;
    width: 60%;
    display: block;
    float: left;
    font-size: 12px;
}

.rdwidget-envs-container .rdwidget-env-container .release-name a {
    color: #005a9e;
}

.rdwidget-envs-container .rdwidget-env-container .no-deployment-message {
    padding-top: 15px;
    margin-left: 7px;
    font-size: 12px;
    color: #555555;  /*Fallback for older browsers */
}

.rdwidget-envs-container .more-env-box {
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    height: 50px;
    width: 50px;
    line-height: 45px;
    color: #6D6D6D;
    background: #F1F1F1;
    text-align: center;
    font-size: 17px;
}

.releases-table-container {
    width: 100%;
    height: 150px;
}

.releases-table-container .releases-table {
    width: 100%;
    table-layout: fixed;
}

/*
    This css is required for making edge understand the name width calculation logic. The width is eventiually overridden, 
    but Mr. Edge will force all its column elements to 50% if nothing is set here, and the max width of names logic won't work,
    if the name occupies more than 50% of the area 
*/
.releases-table-container .releases-table .rdwidget-table-name-column {
    width: 100%;
}

.rdwidget-environment-tiles .rdwidget-environment-tile {
    width: 35px;
    margin: 6px 2px;
    float: left;
}

.rdwidget-environment-tiles .rdwidget-environment-tile .env-status {
    height: 14px;
    width: 100%;
    float: left;
}

.rdwidget-environment-tile:focus{
    outline: 2px outset transparent;
    outline-offset: 1px;
}

.rdwidget-environment-tiles .rdwidget-environment-tile .bowtie-status-waiting {
    cursor: default;
    float: left;
    vertical-align: top;
    font-size: 10px;
    line-height: 11px;
    width: 10px;
}

.rdwidget-environment-tiles .rdwidget-environment-tile .rdwidget-post-approval-icon {
    float: right;
}

.rdwidget-environment-tiles .more-env-count {
    float: left;
    font-size: 11px;
    margin-top: 6px;
    color: #6D6D6D;
}

/* first specifier is to restrict this to dashboards page */
.dashboard-landing div.rm-rich-content-tooltip.rich-content-tooltip.v2 .popup-content-container{
    white-space: pre-wrap;
}


.release-log-viewer-host {
    position: absolute;
    top: 35px;
    bottom: 10px;
    left: 0px;
    right: 0px;
}

.release-definition-history .revisions-grid {
    position: absolute;
    left: 10px;
    top: 0;
    right: 0;
    bottom: 0;
}



.release-history .history-grid {
    position: absolute;
    left: 10px;
    top: 0;
    right: 0;
    bottom: 0;
}

.legacy-history-revision-diff {
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 0;
    left: 0;
}

.release-definitionsnapshot-update-summary {
    margin-left: 10px;
    margin-top: 5px
}

.release-revision-diffview-separator {
    margin-top: 10px;
}


/*************************************************************
      Build summary Release Extension Style
**************************************************************/

.release-extension-view .message-area-part {
    overflow: auto;
}

.release-extension-view .create-release-part {
    overflow: auto;
}

.release-extension-view .deployments-part {
    overflow: auto;
}

.release-extension-deployments-table td {
    padding-bottom: 3px;
}

.release-extension-phrase {
    color: gray;
}

.release-extension-deployments-link {
    cursor: pointer;
    color: black;
}

.release-extension-deployments-link:visited {
    cursor: pointer;
    color: black;
}

.release-extension-deployments-link:hover {
    cursor: pointer;
    color: #007acc;
    text-decoration: underline;
}

.deployments-table-status {
    padding-left:50px;
}

td.deployments-table-status .bowtie-status-error {
    color: #F8A800;
}

.release-trigger-issues-table , 
.deployment-section-build-table, 
.successful-deployments-table, 
.deployment-section-build-header-table{
  table-layout: fixed;
  width: 100%;
 
}

.successful-deployment-status{
    white-space:nowrap;
}

.release-trigger-issues-table td , 
.deployment-section-build-table td, 
.successful-deployments-table td, 
.deployment-section-build-header-table td{
   padding-top:4px;
}

.release-trigger-issues-table td:first-child , 
.deployment-section-build-table  td:first-child, 
.successful-deployments-table td:first-child, 
.deployment-section-build-header-table  td:first-child{
  width:40%;
  padding-right:3px;
}

deployment-section-build-header-table td {
   text-align:left;
}

.deploments-release-definition-text {
    white-space: nowrap;
}

.deployment-release-definition {
    max-width: 50%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}

.successful-deployments-table a.rd-all-releases-link:not(:hover) {
    color: inherit;
}

.deployment-environments-environmentName{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left : 10px;
    display:block;
}

.release-trigger-issues-table, 
.deployment-section-build-table tr{
    padding-bottom:20px;
}


.successful-deployments-table td:first-child{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.release-trigger-issues-table .trigger-issue-message{
    text-overflow:inherit;
    white-space:inherit;
    overflow:auto;
}

.environment-summary-right-pane-content {
    position: absolute;
    bottom: 0px;
    top: 34px;
    left: 0px;
    right: 0px;
}

.environment-summary-right-pane .error {
    margin-left: 10px;
    margin-right: 10px;
    position: absolute;
}

.right-pane-main-content > .environment-summary-right-pane .error > .environment-summary-right-pane {
    top: 50px;
}

.environment-summary-right-pane .tab-content-container {
    padding-left: 10px;
}

.environment-summary-right-pane-content .message-area-control.visible ~ .environment-summary-right-pane {
    top: 34px;
}

.hub-title > .release-definition-clickable-link {
    float: left;
    cursor: pointer;
    color: #007acc;
    text-decoration: none;
    max-width: 200px;
}

.hub-title > .environment-name {
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.environment-summary-left-columns {
    vertical-align: top;
    min-width: 500px;
    padding: 0 5px 0 15px;
    float: left;
    width: 48%;
}

.environment-summary-right-columns {
    vertical-align: top;
    min-width: 500px;
    padding: 0 5px 0 5px;
    width: 50%;
    margin-left: 50%
}

.splitter.horizontal > .environment-summary-tabs-separator {
    display: block;
}

.environment-summary-full-page {
    width: 100%;
    padding: 0 15px;
}

.environment-summary-description,
.environment-summary-future-deployments,
.environment-summary-past-deployments,
.environment-summary-settings {
    margin-top: 20px;
}


.environment-summary-details-heading-text,
.environment-summary-deployment-analytics-heading-text,
.environment-summary-future-deployments-heading-text,
.environment-summary-past-deployments-heading-text,
.environment-summary-settings-heading-text {
    position: relative;
    font-size: 18px;
    color: #4D6082;
    margin-left: 5px;
}

.environment-summary-issues {
    padding-bottom: 10px;
}

.environment-summary-issues-table .error-header-text,
.environment-summary-issues-table .warning-header-text {
    font-size: 12px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    vertical-align: middle;
}

.environment-summary-environments-completion-time-div {
    margin-top: 2px;
}

.environment-summary-environments-icon-div {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.environment-summary-environments-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 20px;
    left: 5px;
    bottom: 12px;
}

.environment-summary-section-separator {
    border-bottom-color: #CCCCCC;
}

.environment-summary-hub-pivot {
    background-color: #f2f2f2 !important;
}

.environment-summary-element-margin {
    margin-left: 5px;
    margin-top: 8px;
    font-size: 14px;
}

.environment-summary-details-section .environment-summary-details-release,
.environment-summary-details-section .environment-summary-details-trigger,
.environment-summary-details-section .environment-summary-details-artifacts {
    color: #666666;
    text-align: left;
    font-weight: normal;
}


.environment-summary-details-section .status-text {
    margin-right: 5px;
    white-space: nowrap;
}

.environment-summary-details-section .completed-text {
    margin-left: 5px;
    white-space: nowrap;
}

.environment-summary-deployments-table {
    position: relative;
    border-collapse: separate;
    width: 100%;
    max-width: 800px;
    margin-left: 5px;
}

.environment-summary-deployments-table div,
.release-summary-details-section .padding,
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.environment-summary-deployments-table th,
.environment-summary-deployments-table td {
    padding-bottom: 3px;
}

.environment-summary-deployments-table div {
    max-width: 195px;
    font-size: 12px;
}

.environment-summary-deployments-table th {
    color: #666666;
    text-align: left;
    font-weight: normal;
}

.environment-summary-deployments-table th.release-summary-environments-column-actions {
    padding-left: 10px;
    width: 80px;
}

.rel-sum-env-col-started {
    width: 120px;
    padding-left: 15px;
}

.environment-summary-deployments-table .status-value {
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-family: Segoe UI SemiBold, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.environment-summary-deployments-table .started-value {
    padding-left: 15px;
}

.environment-summary-deployments-table tr {
    height: 28px;
}

.environment-summary-settings-section {
    white-space: nowrap;
}

.pre-deployment-approver-section,
.post-deployment-approver-section,
.environment-deployment-trigger-section,
.deployment-agent-queue-section {
    width: 100%;
    margin-top: 8px;
    display: table;
}

.environment-summary-details-release-section,
.environment-summary-details-trigger-section,
.environment-summary-details-artifacts-section {
    width: 100%;
    margin-top: 8px;
    display: table;
}

.environment-summary-details-release-section .environment-summary-details-release,
.environment-summary-details-trigger-section .environment-summary-details-trigger,
.environment-summary-details-artifacts-section .environment-summary-details-artifacts {
    margin-left: 5px;
    font-size: 14px;
}

.env-sum-settings-col1 {
    color: #666666;
    text-align: left;
    font-weight: normal;
    display: table-cell;
    width: 40%;
    padding-left: 5px;
    font-size: 14px;
}

.env-sum-settings-col2 {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: table-cell;
    width: 60%;
    max-width: 350px;
}

.environment-summary-details-section .artifact-source-text-anchor:hover,
.environment-summary-details-section .artifact-version-text-anchor:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #007acc;
}

.hub-title .environment-label-text {
    margin-right: 5px;
}

.environment-summary-rightPane .status-value {
    text-align: center;
    font-size: large;
    font-weight: normal;
    vertical-align: middle;
    line-height: 23px;
    padding: 0px 10px;
}

.environment-summary-rightPane .status-bowtie-icon {
    margin-left: 10px;
    margin-top: 4px;
}

.environment-summary-rightPane .bowtie-status-error{
    color: #F8A800;
}

.environment-summary-rightPane .status-value.failed {
    color: #DA0A00;
}

.environment-summary-rightPane .status-value.passed {
    color: #107C10;
}

.environment-summary-rightPane .status-value.progress {
    color: #007acc;
}

.environment-summary-rightPane .status-value.not-started {
    color: #999999;
}

.environment-summary-artifacts .env-sum-artifacts-list {
    margin-bottom: 10px;
}

.env-name-click:hover {
    text-decoration : underline;
}

.env-sum-details-column1 {
    width: 25%;
    display: table-cell;
}

.env-sum-details-column2 {
    width: 75%;
    display: table-cell;
}

.envsum-common-text {
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-bottom;
}

.envsum-release-name {
    width: 150px;
    max-width: 150px;
}

.environment-summary-details-section .bowtie-status-error{
    color: #F8A800;
}

.environment-summary-deployments-table .bowtie-status-error{
    color: #F8A800;
}

.envsum-triggered-text {
    max-width: 400px;
}


.env-sum-details-column2 .pending-approval-text,
.env-sum-details-column2 .completed-text {
    white-space: nowrap;
}

.env-sum-past-runs-table .env-details {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.env-sum-future-runs-table .release-col {
    width: 25%;
    max-width: 25%;
    font-size: 14px;
}

.env-sum-future-runs-table .deployment-status-col {
    width: 35%;
    max-width: 35%;
    font-size: 14px;
}

.env-sum-future-runs-table .env-sum-started-col {
    width: 20%;
    max-width: 20%;
    font-size: 14px;
}

.env-sum-future-runs-table .cancel-col {
    width: 20%;
    max-width: 20%;
    font-size: 14px;
}

.env-sum-past-runs-table .release-col {
    width: 25%;
    font-size: 14px;
}

.env-sum-past-runs-table .deployment-status-col {
    width: 25%;
    -moz-min-width: 110px;
    -ms-min-width: 110px;
    -o-min-width: 110px;
    -webkit-min-width: 110px;
    min-width: 110px;
    font-size: 14px;
}

.env-sum-past-runs-table .env-completion-col{
    width: 20%;
    font-size: 14px;
}

.env-sum-past-runs-table .env-trigger-col{
    width: 30%;
    font-size: 14px;
}

.env-sum-past-runs-table .release-name,
.env-sum-future-runs-table .future-release-name,
.env-sum-past-runs-table .env-trigger-col {
    max-width: 90%;
}

.env-sum-past-runs-table .deployment-status,
.env-sum-future-runs-table .future-deployment-status {
    max-width: 95%;
}

.env-sum-release-details {
    margin-top: 8px;
}

.env-sum-post-appr-icon.bowtie-status-waiting,
.env-sum-post-appr-icon.icon-rm-approvereject {
    margin-right: 0px !important;
}

.env-sum-bowtie-icon-run {
    color: #007acc!important;
}

.environment-summary-empty-deployments-text,
.environment-summary-empty-releases-text {
    font-size: 14px;
}


/*************************************************************
      Distributed task agents status Style
**************************************************************/

.TaskAgent-jobs-console {
    margin: 10px;
    overflow: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.TaskAgent-jobs-console__title {
    font-size: 18px;
    font-weight: normal;
}

.TaskAgent-jobs-console__titlebold {
    font-size: 18px;
    font-weight: bold;
}

.TaskAgent-jobs-console__agents {
    list-style-type: none;
    padding: 0;
}

.TaskAgent-jobs-console__item {
    background-color: #eee;
    display: inline-block;
    margin: 0 10px 15px 0;
    width: 260px;
    height: 160px;
    vertical-align: top;
    border-left: solid 5px #4BAE4F;
}

.TaskAgent-jobs-console__item--offline {
    border-left: solid 5px #FE3B3B;
}

.TaskAgent-jobs-console__item--disabled {
    border-left: solid 5px #CCC;
}

.TaskAgent-jobs-console__item--disabled .TaskAgent-jobs-console__item__name,
.TaskAgent-jobs-console__item--disabled .TaskAgent-jobs-console__item__position,
.TaskAgent-jobs-console__item--disabled .TaskAgent-jobs-console__item__status {
    color: #888;
}

.TaskAgent-jobs-console__item__name,
.TaskAgent-jobs-console__item__position,
.TaskAgent-jobs-console__item__status {
    padding: 0 10px;
}

.TaskAgent-jobs-console__item__name {
    font-size: 14px;
}

.TaskAgent-jobs-console__item__name:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #007ACC;
    text-decoration: underline;
}

.TaskAgent-jobs-console__item__position {
    display: inline-block;
    font-size: 55px;
    font-weight: 600;
}

.TaskAgent-jobs-console__item__positionQualifier {
    display: inline-block;
    padding: 0 10px 0 0;
}

.TaskAgent-jobs-console__item__status {
    border-top: solid 1px #CCC;
    display: block;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TaskAgent-jobs-console__item__status--running {
    text-decoration: none;
    color: #000;
}

.TaskAgent-jobs-console__item__status--running:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #007ACC;
    text-decoration: underline;
}

.pa-rel-count-status.TaskAgent-jobs-console {
    margin: 0px 10px 10px 0px;
    width: 100%;
}

.pa-rel-count-status .pa-rel-heading.TaskAgent-jobs-console__title,
.pa-rel-count-status .pa-rel-que-buy-more,
.pa-rel-count-status .pa-show-pipelines-plan-groups {
    font-size: 14px;
}

.pa-rel-count-status .pa-rel-heading {
    background-color: #ffffcc;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pa-rel-count-status .pa-show-pipelines-plan-groups,
.pa-rel-count-status .pa-rel-que-buy-more {
    display: block;
}

.pa-rel-queue-details .horizontal-title-separator.adjust-margin {
    margin-top: 5px;
}

.pa-rel-queue-details div.as-link {
    color: #007acc;
    cursor: pointer;
    display: inline;
}

.pa-rel-queue-details div.as-link:hover {
    text-decoration: underline;
}

.pa-rel-count-status .pa-rel-queue-qual {
    display: inline-block;
}

.pa-rel-count-status .pa-rel-pos-heading {
    font-size: 18px;
}

.pa-rel-count-status li.pa-rel-queue {
    width: 210px;
    background-color: #eee;
    padding: 10px;
    text-align: center;
    border-top: solid 8px #007acc;
}

.pa-rel-main.TaskAgent-jobs-console__agents {
    margin-left: 10px;
}


.rm-filtered-list-dropdown
{
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    margin-left: 45px;
}

.rm-filtered-list-dropdown .selected-item-text
{
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    vertical-align: middle;
    display: inline-block;
}

.rm-filtered-list-dropdown .drop-icon
{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

.rm-filtered-list-dropdown .drop-icon
{
    overflow:hidden;
    width: 16px;
    height: 16px;
    vertical-align:middle;
}
.rm-filtered-list-dropdown .drop-icon:before
{
    position:relative; content:url('../../_content/tfs-icons.png'); left:-1553px; top:-16px;
}


.rm-filtered-list-popup
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.rm-filtered-list-popup .rm-filtered-list-control
{
    padding-bottom: 10px;
}

.rm-filtered-list-popup .rm-filtered-list-control .filtered-list
{
    max-height: 300px;
    overflow: auto;
}

.rm-filtered-list-control .views 
{
    float: none;
}

.rm-filtered-list-control .filter-container
{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.rm-filtered-list-control .filter-container input 
{
    width: 100%;
    outline: 0;
    border: 1px solid #cccccc;
}

.rm-filtered-list-control .filtered-list 
{
    margin: 5px 0 0 0;
    padding-right: 10px;
    padding-left: 10px;
}

.rm-filtered-list-control .filtered-list > li
{
    list-style-type: none;
    padding: 0.3em;
    margin: 1px;
    border: 1px solid transparent;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}

.rm-filtered-list-control .filtered-list > li.current-item
{
    font-weight: bold;
}

.rm-filtered-list-control .filtered-list > li.new-selection
{
    background-color: #007acc;
    color: #ffffff;
    border: 1px dashed #000 !important;font-weight:bold !important;
}

.rm-filtered-list-control .filtered-list > li.message
{
    color: #6D6D6D;
    cursor: default;
    white-space: normal;
    overflow: visible;
}

.rm-filtered-list-control .list-message 
{
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    color: #6D6D6D;
}

/* bowtie-filtered-list styles */
.rm-filtered-list-control.bowtie-filtered-list 
{
    font-size: 13px;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list
{
    padding: 0px;
    margin: 0px 0px 4px 0px;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list-item
{
    height: 30px;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list > li.current-item
{
    font-weight: bold;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list > li
{
    padding: 0.3em 10px 0.3em 10px;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list-tab
{
    font-weight: normal;
}

.rm-filtered-list-control.bowtie-filtered-list .filtered-list-tab.selected
{
    font-weight: bold;
}

.rm-filtered-list-control.bowtie-filtered-list .filter-container
{
    padding: 10px;
}

.sourceBranch-pivot-filter .rm-filtered-list-popup .rm-filtered-list-control .filtered-list
{
    width: 250px;
}

.source-branch-filter-container 
{
    line-height: 18px;
}

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

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

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

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

div.r-tags-label-container {
    display: block;
    float:left;
    padding-left: 4px;
    padding-right: 10px;
    font-size: 11px;
    color: #8c8c8c;
}

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

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

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

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

.r-tag-box {
    padding: 2px 6px;
    font-size: 12px;
    color: #4F4F4F;
    background-color: #d7e6f3;
}

.r-tag-delete {
    padding: 2px 3px;
    background-color: #d7e6f3;
}

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

.r-tag-container:focus .r-tag-box-selectable,
.r-tag-container:hover .r-tag-box-selectable,
.r-tag-box-selectable.pressed {
    cursor: pointer;
    color: #4F4F4F;
    background-color: #B4C8D7;
}

.r-tags-input {
    overflow: hidden;
    width: 150px;
    margin: 0px;
    outline: none;
    border: 1px solid #cccccc;
}

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

.r-tags-filter-dropdown-input {
    z-index: 9000 !important; /* set important to override jquery inline z-index style */
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

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

.r-tags-add-button .r-tag-box-selectable {
    color: #474747;
    background-color: #d7e6f3;
}

/* Tag Filter Control */

.r-tfs-tags-filter {
    overflow: auto;
    width: 100%;
    line-height: 35px;
    height: 42px;
}

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

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

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

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

.r-tfs-tags-filter .r-tag-container:focus .r-tag-item-count,
.r-tfs-tags-filter .r-tag-container:hover .r-tag-item-count {
    color: #ffffff;
}

.r-tfs-tags-filter .r-tag-filter-control-label {
    display: block;
    float: left;
    padding-left: 4px;
    padding-right: 10px;
    font-size: 11px;
    color: #8c8c8c;
}

.r-tfs-tags-filter .r-tag-filter-control-show-all {
    margin-right: 5px;
}

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


.r-tags-autocomplete-menu {
	background-color:  #ffffff;
    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;
    border: 1px solid #cccccc;
}

.r-tags-autocomplete-menu .ui-menu-item a {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
}

.r-tags-autocomplete-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: 0;
    background-color: #d7e6f3;
}

.r-tag-container
{
    outline: none;
    padding: 3px 2px 3px 0px;
    border: 1px solid #ffffff;
    -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 */
}

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

.r-tag-container-delete-experience {
    cursor: pointer;
}

.r-tag-box-delete-experience:hover {
    background-color: #B4C8D7;
}

.r-tag-container:focus .r-tag-box-selectable,
.r-tag-container:focus .r-tag-box-delete-experience,
.r-tag-box-delete-experience:focus {
    cursor: pointer;
    color: #ffffff;
    background-color: #007acc;
}

.r-tag-container:focus .r-tag-box-selectable:hover,
.r-tag-container:focus .r-tag-delete:hover,
.r-tag-delete:focus:hover {
    background-color: #0064AE;
}


/*  link variable groups dialog styles */

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-content.link-variable-group-dialog {
    overflow: initial;
}

.bowtie input[type=text].variable-group-search-input {
    margin-bottom: 5px;
    padding-right: 36px;
}

.variable-group-result-list {
    overflow: auto;
    height: 380px;
    border: 1px solid lightgray;
}

.variable-group-container {
    padding: 10px;
    cursor: pointer;
    margin-bottom: 2px;
}

.variable-group-container.variable-group-selected {
    background-color: #eff6fc;
}

.variable-group-container .variable-group-name,
.variable-group-container .variable-group-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.variable-group-container .variable-group-name {
    font-weight: 500;
}

.variable-group-container .variable-group-description {
    font-size: 11px;
}

.variable-group-count-text {
    padding-top: 5px;
}

.vg-no-result-txt {
    font-size: 12px;
    color: #808080;
    padding: 20px;
    text-align: center;
}

.link-variable-group-dialog .search-container {
    position: relative;
}

.link-variable-group-dialog .search-container .bowtie-icon.bowtie-search {
    position: absolute;
    top: 8px;
    right: 10px;
}

.link-vg-info-text {
    margin-bottom: 10px;
    font-size: 11px;
}

/* variable group editor styles */

.variable-group-title,
.variable-list-title {
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
}

.bowtie-icon.variable-group-delete-icon {
    cursor: pointer;
}

.variable-group-expand-icon {
    float: left;
    padding-top: 2px;
}

.variable-group-editor-description-text {
    padding-bottom: 10px;
}

.variable-group-header {
    cursor: pointer;
    padding: 5px;
    float: left;
    width: 73%;
    margin-top: 1px;
}

.variable-group-header.highlight {
    background-color: #eff6fc;
}

.add-variable-group-button {
    margin-top: 10px;
}

.variable-group-section .variable-group-name {
    padding-right: 5px;
    float: left;
}

.variable-group-variable-count {
    font-size: 11px;
    color: #808080;
    padding-top: 3px;
    float: left;
}

.vg-container {
    display: table;
    width: 100%;
    table-layout: auto;
}

.vg-row {
    display: table-row;
    width: 100%;
}

.vg-unlink {
    float: right;
}

.vg-col2 {
    display: table-cell;
    float: left;
    width: calc(100% - 25px);
}

.no-vg-linked,
.loading-vg-text {
    font-size: 12px;
    color: #666666;
}

.vg-no-premissions-msg {
    font-size: 12px;
    color: #808080;
    font-style: italic;
    padding-left: 20px;
}

.vg-deleted-msg {
    font-size: 12px;
    color: #FF0000;
    font-style: italic;
    padding-left: 20px;
}

.vg-deleted-header {
    color: #FF0000;
}

.variable-group-section.bowtie input:disabled,
.variable-group-section.bowtie input:disabled:hover {
    background-color: inherit;
}

/***** End ReleaseManagement Area******/

/* High contrast purpose begin */
.release-history .history-grid .grid-header .grid-header-column:focus,
.release-workitems-grid .grid-header .grid-header-column:focus {
    border: 2px solid;
}

.release-history .history-grid .grid-header .grid-header-column:focus > .title,
.release-workitems-grid .grid-header .grid-header-column:focus > .title {
    padding: 0px;
}

.r-tag-container:focus .r-tag-box-selectable,
.r-tag-container:focus .r-tag-box-delete-experience,
.r-tag-box-delete-experience:focus,
.r-tag-container:focus .r-tag-box-selectable,
.r-tag-container:hover .r-tag-box-selectable,
.r-tag-box-selectable.pressed,
.r-tags-autocomplete-menu .ui-menu-item a.ui-state-active {
    border: 2px dashed !important;
    font-weight: normal !important;
}

/*For FireFox*/
.all-mapp-mi, .select-mapp-mi {
        border-style: solid !important;
        border-width: 1px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
}
/* high contrast end */