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







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






/*This file is auto generated from base css file in ..\_index.css*/
/*This is the folder each area should put stylesheets.*/

/****** Begin Areas*****/

/****** Begin Alerts Area*****/



/****** Begin Alerts Controls Area*****/
    
.alerts-info-bar-container
{
    display: inline-block;
    float: left;
}
.alerts-info-bar-filter-div
{
    display: inline-block;
    float: right;
}
.alerts-info-bar-pivot-filter
{
    display: inline-block;
}
.alerts-info-bar-filler
{
    /* Filler block to give the bar some explicit height as status elements (icons, progress indicators, etc.) come and go */
    display: inline-block;
    height: 20px;
}
.alerts-info-bar-invalidMailSettings
{
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-color: #ffc;
    border: 1px solid #e6e6e6;
}
.alerts-info-bar-invalidMailSettingsMsg
{
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
.alerts-info-bar-statusMessage
{
    margin-top: 5px;
    display: inline-block;
}
/* Make alerts dialog host container relative since we have absolutely positioned elements in the editor */
.alerts-editor-dialog-host
{
    position: relative;
}

/*
* Validation summary section (below the properties)
*/
.alerts-editor .validation-summary
{
    position: absolute;
top: 75px;
right: 10px;
left: 10px;
;
}

/*
* Filter section
*/
.alerts-editor .alerts-filter-section-container
{
    position: absolute;
top: 75px;
right: 10px;
bottom: 10px;
left: 10px;
;
}
.alerts-editor .validation-summary.invalid ~ .alerts-filter-section-container
{
    top: 110px;
}
.alerts-editor .alerts-filter 
{
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
    overflow-y: auto;
}

/* The next 2 css rules are fix for bug 1277777 : Dropdowns in Alerts dialog dont show up in IE 11.
 * The bug occurs because somehow IE 11 doesnt redraw the dropdown when the drop icon is clicked. One solution would be to force redraw of the contol
 * using hacky ways like hiding and showing the control which doesnt sound like a clean fix, and also the js fix would be made in the base control 
 * for all browsers which is not good. This css rule is IE specific (-ms prefixed) so scope of any regression is very less.
 * We still dont know why these 2 rules fix the issue but somehow these rules are forcing the control to be redrawn. 
 * The fix has been tested on IE9, 10, 11, chrome and Firefox and it doesnt cause any other issues.
 */
.alerts-editor-dialog-host .alerts-filter 
{
    display: -ms-flexbox;
}

/*
* Properties section at the top
*/
.alert-editor-properties
{
    position: absolute;
top: 10px;
right: 10px;
left: 10px;
;
}
.alert-editor-properties label
{
    margin-top: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}
.alert-editor-properties .name-label
{
    position: absolute;
top: 0;
left: 0;
;
    width: 60px;
}
.alert-editor-properties .name-combo
{
    position: absolute;
top: 0;
right: 340px;
left: 60px;
;
    width: auto;
}
.alert-editor-properties .subscriber-label
{
    position: absolute;
top: 0;
right: 240px;
;
    width: 85px;
}
.alert-editor-properties .subscriber-combo
{
    position: absolute;
top: 0;
right: 0;
;
    width: 240px;
}
.alert-editor-properties .address-label
{
    position: absolute;
top: 30px;
left: 0;
;
    width: 60px;
}
.alert-editor-properties .address-combo
{
    position: absolute;
top: 30px;
right: 410px;
left: 60px;
;
    width: auto;
}
.alert-editor-properties .edit-address-link
{
    position: absolute;
top: 30px;
right: 340px;
;
    width: 60px;
    margin-top: 5px;
}
.alert-editor-properties .format-label
{
    position: absolute;
top: 30px;
right: 240px;
;
    width: 85px;
}
.alert-editor-properties .format-combo
{
    position: absolute;
top: 30px;
right: 0;
;
    width: 240px;
}

.dirty-alert-row
{
    font-weight: bold;
}
.invalid-alert-row
{
    color: #C00;
}

.alerts-basic-alert
{
    white-space: nowrap;
    padding-left: 5px;
    padding-bottom: 5px;
}
.alerts-basic-alert input
{
    margin-right: 5px;
}
.alerts-basic-alert label
{
    display: inline-block;
    color: #000000;
    vertical-align: top;
    margin-top: 3px;
}

.alerts-quick-alerts-list ul
{
    list-style-type: circle;
    padding-left: 20px;
    padding-right: 5px;
}
.alerts-quick-alerts-list li
{
    padding-bottom: 5px;
}

/***** End Alerts Controls Area******/


/*
* Left Hub
*/

/* Extend the default width for the left hub pane. The default width is not wide enough for this view  */
.alerts-advanced-view .hub-splitter.splitter.horizontal > .leftPane
{
    width: 290px;
}
.alerts-advanced-view .hub-splitter.splitter.horizontal > .rightPane
{
    left: 290px;
}
.alerts-advanced-view .hub-splitter.splitter.horizontal > .handleBar
{
    left: 290px;
}

/* Left hub content should scroll and have some padding at the top
   to account for the splitter collapse icon */
.alerts-advanced-view .left-hub-content 
{
    top: 16px;
}
.alerts-advanced-view .left-hub-content:hover
{
    overflow: auto;
}

/* Section headers on the left hub */
.alerts-leftpane-header
{
    padding: 5px;
    background-color: #e6e6e6;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Admin controls */
.alerts-advanced-view .identity-input
{
    width: 230px;
}
.alerts-admin-actions label
{
    margin-bottom: 5px;
    display: block;
}

/*
* Main content (Right Hub)
*/
.alerts-advanced-view .alerts-info-bar
{
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 14px;
    padding: 5px;
    margin-left: 10px;
    background-color: #f2f2f2;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    position: relative;
}
.alerts-advanced-view .alerts-grid
{
    position: absolute;
top: 80px;
right: 0;
bottom: 0;
left: 0;
;
}

/* Make the dialog host/container relative so that we can absolutely position items
 * within the container. This is needed because we want the text area to grow/shrink
 * as the dialog is resize. */
.alerts-edit-email-dialog-host 
{
    position: relative;
}

/* Area for the text box and radio buttons (if present). Leave room for the label at the bottom */
.alerts-edit-email-dialog-contents
{
    position: absolute;
top: 0;
right: 20px;
bottom: 60px;
left: 0;
;
}

/* Radio Buttons */
.alerts-edit-email-dialog-contents.radioMode label, .alerts-edit-email-dialog-contents.radioMode input
{
    margin-top: 5px;
    vertical-align: middle;
    display: inline-block;
    color: #000000;
}

/* The text area control should fill the remainder of the dialog*/
.alerts-edit-email-dialog-contents .textAreaContainer
{
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}
.alerts-edit-email-dialog-contents.radioMode .textAreaContainer
{
    position: absolute;
top: 50px;
right: 0;
bottom: 0;
left: 5px;
;
}
.alerts-edit-email-dialog-contents textarea
{
    height: 100%;
    width: 100%;
}

/* Email format description at the bottom */
.alerts-edit-email-dialog-host .emailFormatInfo
{
    position: absolute;
right: 20px;
bottom: 0;
left: 0;
;
    height: 60px;
    padding: 5px;
}

/* */
.alerts-edit-email-dialog-host .singleEmailFormatInfo
{
    padding: 5px;
    font-style: italic;
}
.alerts-manage-dialog-host 
{
    position: relative;
}

.alerts-manage-view fieldset
{
    border: 1px solid #6D6D6D;
    padding: 5px;
}

/*
* My email address and Adnvaced alert link
*/
.alerts-manage-view .alerts-management-my-address
{
    padding: 5px;
    margin-right: 20px;
}

.alerts-management-advanced-link
{
    color: #6D6D6D;
    margin-top: 20px;
}
.alerts-management-advanced-link .disabled-link
{
    color: #6D6D6D;
}

/*
* Basic/Custom Alerts tabs
**/
.alerts-management-tabsHost {
    position: absolute;
top: 95px;
right: 20px;
bottom: 20px;
left: 20px;
;
}
.alerts-management-tabsHost-notAdmin {
    position: absolute;
top: 66px;
right: 20px;
bottom: 20px;
left: 20px;
;
}
.alerts-manage-dialog-host .alerts-management-tabsHost,
.alerts-manage-dialog-host .alerts-management-tabsHost-notAdmin {
    left: 0;
    bottom: 0;
}
.alerts-management-tab
{
   position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}

/*
* Custom Alerts tab
**/
.alerts-custom-splitter fieldset
{
    height: 90%;
    margin-top: 1em;
}
.alerts-manage-view .alerts-quick-alerts-list
{
    /* List should be scrollable and below the legend */
    position: absolute;
top: 20px;
right: 5px;
bottom: 5px;
left: 5px;
;
    overflow-y: auto;
}
.alerts-manage-view .alerts-grid
{
    /* Grid needs to go below the legend */
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}

/* Splitter default size from the page */
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .leftPane
{
    width: 300px;
}
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .rightPane,
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .handleBar
{
    left: 300px;
}

/* Splitter default size from the dialog */
.alerts-manage-dialog-host .splitter.horizontal > .leftPane
{
    width: 215px;
}
.alerts-manage-dialog-host .splitter.horizontal > .rightPane,
.alerts-manage-dialog-host .splitter.horizontal > .handleBar
{
    left: 215px;
}

/***** End Alerts Area******/


/****** Begin Requirements Area*****/

.feedback-request-dialog .feedback-form-control-container
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.feedback-request-dialog .status-indicator.center
{
    height: 1%;
}

.feedback-request-dialog .iframe-control iframe {
    height: 85%;
    width: 98%;
}

.feedback-request-view input[type="radio"]
{
    margin-top: 6px;
    margin-left: 0;
    background: inherit;
}

.feedback-request-view .radio-button-label
{
    margin-top: 0;
    margin-bottom: 2px;
}

.feedback-request-view .identity-input.invalid
{
    background-color: #ffffcc;
    border-color: #cccccc;
}

.feedback-request-view .add-request-item-link
{
    cursor: pointer;
    line-height: 22px;
    display: inline-block;
}

.feedback-request-view .icon-add
{
    margin: 0 4px 0 4px;
    vertical-align: middle;
}

.feedback-request-view .align-with-label
{
    margin-top: 6px;
}

.feedback-request-view .request-item-summary-text
{
    margin-top: 6px;
}

.request-item-summary-text.invalid
{
    color: #C00000;
}

.feedback-request-view .rich-editor-label
{
    margin-top: 14px;
}



.feedback-request-view .section
{
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    -webkit-padding-start: 0px;
}

.feedback-request-view .section-item
{
    margin-top: 20px;
}

.feedback-request-view .section-item-tag
{
    display: inline-block;
    max-width: 48px;
    max-height: 48px;
    background: #7F7F7F;
    vertical-align: top;
    margin-right: 12px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16pt;
    font-family: sans-serif;
    font-weight: bold;
    color: #ffffff;
}

.feedback-request-view .section-item-header
{
    font-weight: bold;
}

.feedback-preview-view .email-note-class textarea {
    width: 100%;
    height: 200px;
}

.feedback-preview-view .email-characters-count {
    float: right;
}

.feedback-preview-view .email-count-error {
    color: #C00000;
}

.feedback-preview-view .email-new-note-label {
    display: inline-block;
}

.feedback-preview-view .email-note-class textarea {
    resize: none;
    overflow-y: auto;
    border: 1px solid #cccccc;
}

.feedback-request-view .section-item-info
{
    width: 700px;
    max-width: 700px;
    display: inline-block;
}

.feedback-request-view .section-item-instructional-text
{
    margin-bottom: 12px;
}

.feedback-request-view .section-item-swimlane
{
    display: inline-block;
    width: 48px;
    max-width: 48px;
    max-height: 48px;
    vertical-align: top;
    text-align: right;
    margin-right: 12px;
    margin-top: 8px;
}

.feedback-request-view .select-tester-identity-picker
{
    border: 1px solid #e6e6e6;
    overflow-y: auto;
    width: 698px;
}

.feedback-request-view .select-tester-identity-picker .identity-picker-search-box {    
    width: 694px;
}

.feedback-request-view .select-tester-identity-picker input {
    border: none;
}


/***** End Requirements Area******/



/****** Begin Codes Area*****/

#invitationCodePanels
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.invitation-codes-toolbar
{
    margin-left:  20px;
}

.invitation-codes-grid
{
    padding-top: 20px;
}

.invitation-codes-list
{
    height: 100%;
}

.invitation-code-filter span
{
    font-weight: bold;
}

table.invitation-code-table
{
    width: 100%;
}

table.invitation-code-table td:first-child
{
    width: 60%;
}

table.invitation-code-table input
{
    width: 100%;
}

table.invitation-code-table select
{
    width: 100%;
}

table.invitation-code-error-table
{
    margin-top: 10px;
}

table.invitation-code-error-table td
{
    padding: 5px;
    width: 100%;
    border: 1px solid #cccccc;
}

table.invitation-code-error-table td.code
{
    width: 1%;
}

table.invitation-code-error-table td.code-error
{
    width: 99%;
}

.code-wait-element
{
    background-color: #cccccc;
    opacity: 0.50;
    filter: alpha(opacity=50);
    position: absolute;
    cursor: wait;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.code-progress-element
{
    position: absolute;
    cursor: wait;
    z-index: 1001;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.code-errors
{
    margin-top: 5px;
}

.management-content
{
    margin-left:  20px;
}

.management-content .header
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.settings-values
{
    padding-left: 10px;
    width: 75px;
}

.settings-update
{
    width: 100px;
}

.management-content tr
{
    padding: 5px;
}

.management-content td
{
    padding: 5px;
}

#signupVideo
{
    width: 100%;
}

.signup-video-column
{
    width: 650px;
    min-width: 150px;
}

tr.preview-video
{
    text-align: center;
}

.home-signup-video
{
    height: 288px;
    width: 512px;
    overflow: hidden;
}

/***** End Codes Area******/


/****** Begin Diagnostics Area*****/

.trace-grid-container {
    height: 100%;
}

#traceDataCount {
    margin-top: 10px;
    font-weight: bold;
}

body.tracing-body {
    font: 12px Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

table.trace-table {
    width: 100%;
}

    table.trace-table input {
        width: 100%;
    }

    table.trace-table select {
        width: 100%;
    }

table.trace-error-table {
    margin-top: 10px;
}

    table.trace-error-table td {
        padding: 5px;
        width: 100%;
        border: 1px solid #cccccc;
    }

        table.trace-error-table td.code {
            width: 1%;
        }

        table.trace-error-table td.code-error {
            width: 99%;
        }

.tracing-grid {
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}


.activity-log-filters 
{
    white-space: nowrap;
    margin-left: 10px;
}

.activity-log-content 
{
    position: absolute;
    top: 3em;
    bottom: 0;
    left: 10px;
    right: 0;
}

.activity-log-view {
    height:  100%;
}

.activity-log-grid {
    height:  100%;
}

.activity-log-filter
{
   display: inline-block;
}

.activity-log-filter.secondary
{
   margin-left: 10px;
}

button.activity-log-button
{
    margin: 0; 
    height:24px;
}

button.clear-filter 
{
    margin-left:  10px;
}

.activity-log-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.activity-log-container.activity-error {
    top:  5em;
}

.activity-log-container-error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    color: #C00000;
    padding: 5px 10px 5px 10px;
    margin: 0px 10px 10px 10px;
}

.activity-log-detail div.entry-input > div{
    min-height: 2em;
}

div.activity-log-menu {
    margin-bottom: 5px;
}

input.name-filter {
    width:  250px;
    margin-left: 10px;
    margin-right: 10px;
}

div.hosts-combo {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
    margin-left: 10px;
}

.activity-log-property {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.database-view-right-pane 
{
    padding-left:  10px;
}


.database-info-container .browse-info
{
    margin-bottom: 30px;
}

.manage-database-view .database-info-filters 
{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.manage-database-view .database-search-combo 
{
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    margin-left: 10px;
}

.manage-database-view .database-combo 
{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    margin-left: 10px;
}

.manage-database-view .database-info 
{
    margin-left: 10px;
}

.manage-database-view .error 
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    color: #C00000;
    padding: 5px 10px 5px 10px;
    margin: 0px 10px 10px 10px;
}

.manage-database-view .property 
{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.manage-database-view .search-by 
{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.manage-database-view .database-filter 
{
    display: inline-block;
}

.manage-database-view .database-filter input 
{
    width: 150px;
    
    margin-right: 10px;
}

.manage-database-view .database-search 
{
    margin-left: 10px;
}

.manage-database-view .secondary
{
   margin-left: 10px;
   display: inline-block;
}

.manage-database-view .database-combo 
{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    margin-left: 10px;
}

.split-analysis-view .analysis-container 
{
    margin-left: 10px;
    margin-top: 5px;
    font-size: 14px;
}

.split-analysis-view .database-container 
{
     display: inline-block;
     vertical-align: top;
}

.split-analysis-view .database-container.original 
{
    margin-right: 20px;
}

.split-analysis-view .database-name 
{
    font-weight: bold;
}

.split-analysis-view .database-tenants 
{
    display: inline-block;
    margin: 0px 5px 5px 5px;
    vertical-align: top;
}

.split-analysis-view .database-tenant 
{
    border: 1px solid #C5D6F1;
    width: 250px;
    padding: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.split-analysis-view .analysis-database-info 
{
    display: inline-block;
    width: 200px;
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    padding: 3px 3px 15px 5px;
}

.split-analysis-view .analysis-database-info > div 
{
    margin-bottom: 3px;
}


/***** End Diagnostics Area******/


/****** Begin Monitoring Area*****/

/**************************
    Monitor Controls
***************************/

/*************************
    Monitor View
**************************/
.monitoring-view .jobhistory-grid {
    height: 300px;
}

.jobhistory-grid-container {
    height: fill-available;
}

.jobhistory-detail-class td,
.jobdefinition-detail-class td {
    vertical-align:top;
    padding-left: 5px;
}

.monitoring-view {
    margin-left: 50px;
}
.jobhistory-24HourChart-container {
    margin-left: 50px;
}


/***** End Monitoring Area******/



/***** End Areas******/