/*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"); ***/




/*This file is auto generated from base css file in ..\Userhub.css*/
/*User Management*/

body.platform .content-section {
    top:0;
}

.userHub-account-view {
    position: absolute;
    left: 0;
    right: auto;
    height: 100%;
    overflow: hidden;
}

.userHub-account-view #userCol {
    height: 99%;
    margin-left: 10px;
    min-width: 500px;
}

.userHub-account-view #userCol .grid-canvas {
    min-width: 600px;
    overflow-x: hidden;
}

.userHub-account-view #userCol .grid-cell {
    padding: 0px;
}

.userHub-account-view #userCol .grid-cell-with-pointercursor {
    cursor: pointer;
}

.userHub-account-view #userCol .grid-cell-with-padding {
    padding-top: 3px;
    padding-left: 3px;
}

.userHub-account-view .account-members-container {
    margin-left: 10px;

}

.extension-view {
    height: 100%;
}

.extension-view #extensionCol {
    height: 95%;
    margin-left: 10px;
    margin-right: 10px;
}
.user-picture-small {
    height : 24px !important;
    width : 24px !important;
}

.message-area
{
    margin: 10px;
    width:470px;
    padding: 5px 8px 5px 8px;
    float:left;
}

.delete-message-area {
    padding: 5px 8px 5px 8px;
    float:left;
}

.common-message {
    margin: 5px;
}

.header-message {
    padding: 10px;
    font-size: 12px;
 }

.message-bar {
    margin-left: 20px !important;
    margin-right: 10px !important;
}

.add-panel-close-button
{
    float:right;
    right:6px;
    cursor:pointer;
}

.close-icon {
     background: url('icon-close-small.png');
}

.panel-region
{
    padding: 0 10px 0 10px;
    display: none;
}

.add-panel
{
    padding: 6px 10px 6px;
    margin-right: 10px;
    background-color: #e6e6e6;
    min-width: 350px;
    max-width: 725px;
}


.edit-panel
{
    padding: 6px 10px 6px;
    margin-right: 10px;
    background-color: #e6e6e6;
    min-width: 350px;
    max-width: 850px;
}


.adjust-bowtie-container 
{
    margin-top : 0px !important
}

.add-extension-panel
{
    padding: 6px 10px;
    margin-right: 10px;
    background-color: #e6e6e6;
    min-width: 350px;
    max-width: 725px;
    overflow: auto;
}


.license-combo {
    display: inline-block;
    margin-left: 74px;
    width: 420px;

}

.license-label {
    vertical-align: top;
    float: left;
    margin-top: 6px !important;
}

.license-row {
    min-height: 2.2em;
    margin-top: 3px;
}

.email-label {
    width: 160px;
    float: left;
    white-space: nowrap;
    margin-top:8px !important;
}

.email-row {
    min-height:2.2em;
}

.assign-users-to-extension-label {
    width: 140px;
    float: left;
    white-space: nowrap;
    margin-top: 6px !important;
    color: #212121 !important;
}

.assign-users-to-extension-row {
    min-height:2.2em;
}

.assign-users-to-extension-button {
	margin-top: 3px !important;
	float: left;
	white-space: nowrap;
}

.error-row {
    color: #c00000;
    clear: both;
    white-space: pre-wrap;
    display:none;
    padding-left: 150px;
}

.user-hub-bowtie-exit-panel {
    float: right;
    height: 9px;
    width: 9px;
    cursor: pointer;
}

.exit-panel {
    float: right;
    display: inline-block;
    height: 9px;
    width: 9px;
    cursor: pointer;
    background: url('icon-close-small.png');
}

.email-container {
    display: inline-block;
    margin-left: 10px;
    float: left;
    width: 420px;
}

.identity-container {
    display: inline-block;
    margin-left: 10px;
    float: left;
    width: 420px;
}

.email-input {
    background-color: rgb(255, 255, 204);
    border: none;
    border: 1px solid #dddddd;
    width: 100%;
}

.identity-picker-search-container {
    border: 2px solid rgba(211, 228, 244, 1);
    background-color: white;
    margin-bottom: 5px;
    max-height: 84px;
    overflow-y: auto;
}

.button-container {
    display: inline-block;
    float: right;
    margin-right: 5px;
}

.add-button {
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: rgb(248, 248, 248);
    outline-width: 0px;
    outline-style: none;
    outline-color: invert;
    border-radius: 2px;
}

.add-button:hover , .add-button:focus {
    color: #000;
    border-color: #aaa;
    box-shadow: 1px 1px 1px rgba(160,160,160,0.2);
    background-color: rgb(254, 254, 254);
    }

.edit-button {
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: rgb(248, 248, 248);
    outline-width: 0px;
    outline-style: none;
    outline-color: invert;
    border-radius: 2px;
    margin-right: 10px;
}

.edit-button:hover , edit-button:focus {
    color: #000;
    border-color: #aaa;
    box-shadow: 1px 1px 1px rgba(160,160,160,0.2);
    background-color: rgb(254, 254, 254);
    }

.highlight-button {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #b8d6fb;
    background-color: rgb(212, 229, 245);
}

.icon-holder {
    margin-left: 5px;
    margin-top: 8px !important;
    position: relative;
    background: url('help-icons.png') no-repeat -1px -22px;
    width: 16px;
    height: 16px;
    display: inline-block !important;
    vertical-align: top;
    position: relative;
}

.information-icon {
    background: url('help-icons.png') no-repeat -1px -22px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.icon-holder:hover:after {
    background: #333;
    background: rgba(254, 255, 241,.9);
    bottom: 20px;
    color: gray;
    content: attr(data-tooltip);
    left: 20%;
    padding: 0px 15px 5px;
    position: absolute;
    z-index: 98;
    width: 300px;
    border: 2px solid gray;
    }

.left-panel-title {
    font-size: 18px;
    margin: 10px 0 10px 20px;
    font-family: 'Segoe UI Light','Segoe UI','Tahoma','Arial','Verdana';
}

.license-panel-title {
    font-size: 18px;
    margin: 10px 0 5px 0;
    font-family: 'Segoe UI Light','Segoe UI','Tahoma','Arial','Verdana';
}

.license-view .licenses-title {
    font-size: 18px;
    margin: 30px 0 5px 0;
    font-family: 'Segoe UI Light','Segoe UI','Tahoma','Arial','Verdana';
}

.extension-license-status-label {
    margin: 10px 0px 10px 20px;
}

#buyMoreLink{
    margin-left: 20px;
}

.extension-license-status-label-nomargin {
    margin: 10px 5px 10px 0px;
}

.extension-license-status-label-warning{
    color: red;
}

.no-eligible-users-to-assign {
    margin: 10px 5px 10px 0px;
}

#leftHubTitle {
    margin-left: 0;
}

.trail-message-view {
    width: 100%;
}

.license-view {
    font-size: 12px;
    float: right;
    width: 230px;
    border-left: 2px solid #f1f1f1;
    padding-left: 15px;
    padding-right: 5px;
    height: 100%;
    overflow: hidden;
}

.license-view .license-scroll {
    height: 100%;
    overflow: auto;
    padding-right: 3px;
}

.license-view .visual-progress-total {
    border: none;
}

.license-view .users-section {
    width: 203px;
}

.license-view .msdn-section {
    margin-bottom: 10px;
}

.license-view .stakeholder-section {
    margin-bottom: 10px;
}

.license-view  .user-row {
    height: 20px;
}

 .license-view .total-row {
     height: 18px;
     margin-top: 2px;
     border-top: 1px solid #ddd;
     padding-top: 2px;

 }

.license-view .leftColumn {
    float: left;
    max-width: 190px;
    margin-bottom: 2px;
}

.license-view .inactiveLeftColumn {
    display: inline-block;
}

.license-view  .rightColumn {
    float:right;
}

.license-view .rightLink {
    float: right;
    font-size: 12px;
    padding-top: 4px;
}

.license-view .header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 16px;
}

.license-view .monthlyHeader {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.license-view .progress-section .date {
    font-size: 10px;
    text-align: right;
    margin-bottom: 5px;
}

 .license-view .display-message {
     margin-top: 10px;
     margin-bottom: 10px;
  }

.license-view .progressContainer {
    margin-bottom: 10px;
}

.license-field {
    display:inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.license-value {
    float: right;
}

.license-text {
    float: left;
}

.license-link {
    margin-bottom: 10px;
}

.browse-extensions-link {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pricing-info {
    margin-top:15px;
}

.warning-icon
{
    overflow: hidden;
    height: 16px;
    width: 17px;
    float: left;
    margin-right: 5px;
    border: 0;
    background: url('userhub-icons.png') no-repeat -112px -16px !important;
}


.userHub-account-view .icon-tfs-tcm-blocked-small {
    float: left;
    margin-right: 2px;
}


.userHubSubTitle {
    margin-bottom : 5px;
}

.userHub-account-view .saving-icon {
    width: 16px;
    height: 16px;
    background: url('saving-icon.gif');
}

/*End User Management*/

.add-button:hover:disabled, .add-button:focus:disabled {
    color: rgb(109, 109, 109);
    border: 1px solid #ccc;
    background-color: rgb(248, 248, 248);
    outline-width: 0px;
    outline-style: none;
    outline-color: invert;
    border-radius: 2px;
    cursor: default;
}

/* Ported from admin styles */
.membership-control-actions.toolbar
{
    vertical-align: top;
    height: auto; /* We set the height as auto for a bug in chrome which makes the add member dialog box not appear when clicked on the menu item */
}

.membership-control-actions.toolbar .menu-bar
{
    float: left;
}

.identity-grid-search
{
    width: 260px;
    display: inline-block;
}


.identity-search-control
{
    height: 24px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 2px 1px 0px 2px;
    margin-right: 10px;

    display: inline-block;
    float: right;
    margin: 7px 0px 5px;
}

.identity-search-control .search-input-wrapper
{
    width: 100%;
    float: left;
    margin-right: -20px;
    padding-right: 20px;
}

.identity-search-control .search-input-wrapper label.hidden
{
    display: none;
}

.search-input
{
    border: 0;
    margin: 0;
    outline: none;
    width: 100%;

}


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

.cancel-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('userhub-icons.png') no-repeat -15px 50% !important;
}


.user-hub-bowtie-icon-cursor
{
    cursor: pointer;
}

.search-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('userhub-icons.png') no-repeat -79px 50% !important;
}


.go-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('userhub-icons.png') no-repeat -47px 50% !important;
}


.go-button
{
    cursor: pointer;
    margin-bottom: -3px;
    float: right;
    margin: 1px;
}

.delete-warning-icon {
    background: url('warning.png') 0 0 no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.delete-warning-tbl-img {
    padding: 4px 3px 0px 3px;
}

.delete-warning-tbl-txt {
    padding-left: 10px;
}

.delete-warning-header {
    height: 48px;
    display: inline;
    border-bottom: 1px solid silver;
    font-size: 1.0em;
}

.delete-warning-list {
    display: block;
    margin: 10px 7px 10px 7px;
    padding-bottom: 10px;
}

.description-delete {
    padding : 6px 5px 1px 1px;
    display: inline;
}

.message-warning {
    display: block;
}

.delete-user-dialog {
    height: 100%;
}

.account-members-dialog-container {
    height: auto;
    width: auto;
}

.assgin-all-users-dialog {
    height: 98%;
}

.browse-extensions {
    margin-left: 700px;
}

/* Ported from TFS ProgressChart styles */
.visual-progress-container
{
    position: relative;
    width: 100%;
}

@media screen and (-ms-high-contrast: active) {
    .visual-progress-current {
        background-color: Highlight !important;
    }
}

.chat-error-section .error-dismiss {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.visual-progress-underallocated
{
    background-color: #6DB72C;
}

.visual-progress-overallocated
{
    background-color: #FF3B3B;
}

.visual-progress-total-unallocated
{
    background-color: #E8E8E8;
}

.visual-progress-no-total
{
    background-color: #E8E8E8;
}

.visual-progress-total {
    border-right: 4px solid black;
}

.visual-progress-summary-current
{
    display: inline-block;
    font-size: 32pt;
    margin-right: 8px;
    height: 50px;
}

.visual-progress-total > .visual-progress-current,
.visual-progress-current > .visual-progress-total
{
    height: 18px;
}
/* End ported from TFS ProgressChart styles */

#userHubTitle {
    display: inline-block;
}

.userHub-lonely-image
{
    background-image: url('LonelyImage.png');
    width: 200px;
    height: 200px;
    margin-left: 500px;
}

.no-ext-installed-msg
{
    text-align: center;
    margin-top: 100px;
}

.identity-picker-input{
    width: 400px !important;
}

.button-container {
    margin-top: 0px !important;
}