/*
 * Copyright (C) 2005 - 2019 TIBCO Software Inc. All rights reserved.
 * http://www.jaspersoft.com.
 *
 * Unless you have purchased a commercial license agreement from Jaspersoft,
 * the following license terms apply:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

/* LOGIN PAGE */

/* #loginPage {
    background: rgba(0, 0, 0, 0) url("images/bg_signin.jpg") no-repeat fixed center center / cover;
} */
#showHideLocaleAndTimezone {
    display: none;
}

#loginPage > .banner {
    background-color: transparent;
    border-bottom: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-right: 12px;
    z-index: 9999;
}

#loginPage #logo {
    display: none;
}

#loginPage a#helpLink {
    color: #fff !important;
}

#loginPage #frame {
    top: 0;
    height: 100%;
}

    #loginPage #frame .content .wrapper {
        padding: 6rem;
        background-color: #0c8ccd;
    }

#loginPage #copy {
    background-color: #005dab;
    display: none;
    color: #fff;
    min-height: 100%;
    max-width: 400px;
    font-size: 11px;
    margin: 0 0 0 22px;
    padding: 20px 0 0;
}

/*For portrait-oriented tablet display 768x1024*/
@media (max-width: 800px) {
    #loginPage #copy {
        margin-left: 0;
    }
}

#loginPage p.errorMessage {
    white-space: normal;
    padding-bottom: 6px;
    margin-bottom: 0;
}

#loginPage #metaLinks {
    height: 28px;
    margin: 5px 8px 0 0;
}

#loginPage #display {
    background: #0c8ccd;
    overflow: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#loginPage #loginForm {
    display: flex;
    margin-left: 20px;
    margin-top: 15%;
}

    #loginPage #loginForm fieldset label {
        color: #0c8ccd;
        display: block;
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.7;
        margin: 0;
    }

        #loginPage #loginForm fieldset label .wrap {
            color: #0c8ccd;
            font-size: 16px;
        }

label#usernamelabel span {
    display: none;
}

label#usernamelabel:after {
    content: 'Username';
    font-size: 16px;
}

#loginPage #loginForm fieldset {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 13px;
}

    #loginPage #loginForm fieldset input {
        border: 0.091em solid #d6d6d6;
        display: block;
        height: 3.545rem;
        margin-bottom: 16px;
        margin-top: 1px;
        padding-right: 0.364em;
        padding-left: 0.364em;
        width: 100%;
    }

#loginPage #localeAndTimeZone select {
    margin-bottom: 22px;
    margin-top: 0;
}

    #loginPage #localeAndTimeZone select:last-of-type {
        margin-bottom: 16px;
    }

#loginPage .login {
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    position: relative;
    /*    width: 350px;*/
    z-index: 0;
    margin: auto;
    padding: 5rem;
    border-radius: 1rem;
}

    #loginPage .login .header > .title {
        margin-left: 10px;
    }

    #loginPage .login .footer {
        border-width: 0;
        height: auto;
        padding: 0;
    }

#loginForm .inputSection {
    margin: 2px auto;
    width: auto;
}

#loginPage #loginForm .action.primary {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #0c8ccd;
    border-radius: 5px;
    margin-top: 40px;
    width: 300px;
    margin: auto;
    font-weight: normal !important;
}

#loginPage a#needHelp {
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

#loginPage .info > .content {
    top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#loginPage #copy > .content > .body {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    padding: 0;
}

#loginPage #welcome,
#loginPage .community #welcome {
    height: 30px;
}

    #loginPage #welcome h1 {
        margin: 0 0 0 32px;
        padding: 0;
        width: 336px;
    }

    #loginPage #welcome .text {
        color: #fff;
        font-size: 26px;
        font-weight: normal;
        display: block;
        float: left;
    }

    #loginPage #welcome .logo {
        display: none;
    }

@media all and (-ms-high-contrast: none) {
    #loginPage #welcome .logo {
        background-position-y: 4px;
    }

    /* IE10 */
    *::-ms-backdrop, #loginPage #welcome .logo {
        background-position-y: 4px;
    }

    /* IE11 */
}


#amazonLogo {
    background: url("images/aws_logo.png") no-repeat;
    background-size: 200px 90px;
    height: 90px;
    margin: 20px auto 0;
    width: 200px;
}

#copy .body {
    overflow: hidden;
}

#copy .header, #copy .footer {
    border: none;
}

#loginPage #buttons {
    width: 700px;
    margin: auto;
}

    #loginPage #buttons > .primary,
    #loginPage #buttons > .secondary {
        float: left;
        width: 300px;
        padding-left: 25px;
        padding-top: 1px; /* For rendering in chrome */
        position: relative;
    }

#loginPage #rotating {
    margin: 22px 32px;
    width: auto;
}

    #loginPage #rotating > .primary,
    #loginPage #rotating > .secondary {
        padding: 0;
        position: relative;
        width: auto;
    }

    #loginPage #rotating > .secondary {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #loginPage #rotating h2 {
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: .4em; /* 8px / 20px */
    }

    #loginPage #rotating .list.decorated {
        font-size: 14px;
        line-height: 1.5;
    }

        #loginPage #rotating .list.decorated li {
            background: none;
            padding-left: 0;
        }

    #loginPage #rotating .primary .list.decorated li {
        margin: 0 0 1.428em 0;
    }

    #loginPage #rotating .secondary .list.decorated li {
        background: rgba(0, 0, 0, 0) url("images/gr-link.png") no-repeat 0 4px / 12px;
        margin: 0 0 .714em 0;
        padding-left: 20px;
    }

#loginPage .sellPoint {
    font-weight: bold;
    display: block;
}

#loginPage #login h2 {
    font-weight: normal;
    margin-top: 15px !important;
}

#loginPage #buttons {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    overflow: hidden;
}

#loginPage .primaryNav,
#loginPage #globalSearch,
#loginPage #userID,
#loginPage #main_logOut {
    display: none;
}

#loginPage #help {
    border: none;
}

#loginPage #loginForm legend {
    color: #333;
    margin: 0 auto;
    width: auto;
}

#loginPage #changePassword {
    margin-top: 16px;
}

#loginForm .header {
    display: none;
}

#loginForm .devices {
    display: block;
    height: 100px;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-image: url(/images/logo_welcome.svg);
    background-position: center 0px;
    background-size: 280px;
}

/* specific to IE | login 'TIBCO Jaspersoft logo' size */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #loginForm .devices {
        background-size: 450px;
        ;
    }
}

#localeAndTimeZone {
    margin-top: 12px;
}

#loginForm > .dialog > .content > .body {
    padding-bottom: 1.5rem;
}

/* END LOGIN PAGE */


/* Text button sets on various pages */

#messages .list.buttonSet .list.buttonSet,
#repoBrowse .list.buttonSet .list.buttonSet,
#scheduler_jobSummary .list.buttonSet .list.buttonSet,
#manage_users .list.buttonSet .list.buttonSet,
#manage_roles .toolbar > .list.buttonSet,
#manage_orgs .toolbar > .list.buttonSet {
    border-right: 1px solid #cecece;
}


/*
 * From: addEditDomain.css
 */
#addDomain .inputs > .primary > .content > .body,
#editDomain .inputs > .primary > .content > .body {
    padding: 0;
}

#domainDesigner_editDomain .list.linkedResources .wrap > .column.one,
#domainDesigner_addDomain .list.linkedResources .wrap > .column.one {
    width: 65%;
    margin-left: 2px;
}

#addDomain .flow #stepDisplay .column.primary .header .title,
#addDomain .flow #stepDisplay .column.secondary .header .title,
#domainDesigner_editDomain .flow #stepDisplay .column.primary .header .title,
#domainDesigner_editDomain .flow #stepDisplay .column.secondary .header .title {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

#addDomain .flow #stepDisplay .column.primary .body,
#addDomain .flow #stepDisplay .column.secondary .body,
#domainDesigner_editDomain .flow #stepDisplay .column.primary .body,
#domainDesigner_editDomain .flow #stepDisplay .column.secondary .body {
    margin-top: 10px;
}

#domainDesigner_editDomain #stepDisplay {
    width: 85%;
}

    #domainDesigner_editDomain #stepDisplay .column > .content > .body {
        top: 29px;
    }

    #domainDesigner_editDomain #stepDisplay .column.primary .content > .body {
        margin-top: 24px;
    }

#domainDesigner_editDomain #bundlesList .column.one,
#domainDesigner_editDomain #bundlesList .column.two {
    margin-top: 7px;
    line-height: 1.182em;
}

#domainDesigner_editDomain ul#bundlesList .selected a.launcher {
    color: #195b8a;
}

#securityFileLeaf > .wrap > .column {
    line-height: 18px;
    padding-top: 6px;
}

    #securityFileLeaf > .wrap > .column.two,
    #domainDesigner_editDomain #bundlesList .column.two,
    #addDomain #bundlesList .column.two {
        text-align: right;
    }

#domainDesigner_editDomain #bundlesList > .leaf,
#addDomain #bundlesList > .leaf {
    overflow: visible;
}

    #domainDesigner_editDomain #bundlesList > .leaf p,
    #addDomain #bundlesList > .leaf p {
        line-height: 18px;
        padding-top: 6px;
    }

#domainDesigner_editDomain #addBundleLeaf,
#addDomain #addBundleLeaf {
    overflow: visible;
}

.tabbed.showingToolBar .tabSet.horizontal.buttons > .tab.selected > .button,
.tabbed.showingToolBar .tabSet.horizontal.buttons > .tab.selected > .button.over,
.tabbed.showingToolBar .tabSet.horizontal.buttons > .tab.selected > .button.pressed {
    background-color: #ebebeb;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

/*
 * From: addReport.css
 */
/* #addReport_SetUp */

#addReport_SetUp #noLink,
#addReport_SetUp #create {
    display: none;
}

/* #addReport_JRXML */

#addReport_JRXML #noLink,
#addReport_JRXML #create {
    display: none;
}

/*
 * From: addReportControls.css
 */
#addReport_Controls .inputs > .primary .body {
    padding: 0;
}

#controlOptions .wrap {
    border: none;
    line-height: normal;
}

#controlOptions .select {
    width: auto;
}

#controlOptions .select,
#controlOptions .checkBox {
    display: inline-block;
    margin-top: 5px;
}

#controlOptions .select {
    margin-right: 10px;
}

#controlOptions .header.wrap {
    background-color: transparent;
}

/*
 * From: addResource.css
 */
#addResourceFile #stepDisplay > .inputs.oneColumn > .column .header > span {
    height: 28px;
    line-height: 28px;
    margin-left: 6px;
}

#addResourceFile .twoColumn_equal .column {
    margin: 20px;
    padding: 0 5px;
}

#addResourceFile #fileTypeLabel.error > .message.warning {
    display: inline;
    position: absolute;
    left: 100%;
    top: 6px;
    margin-left: 10px;
}

#addResourceFile .inputs .primary .footer .description {
    background-color: #EEEEEE;
    border-bottom: 1px solid #E0E0E0;
    height: 1.3em;
    line-height: 1.3em;
    margin-bottom: 1em;
    margin-left: -20px;
    overflow: hidden;
    padding: 5px 25px;
}

/* #addResource_analysisConnection */

#addResource_analysisConnection.mondrian #xmlA {
    display: none;
}

/* #addResource_listOfValues */

#addResource_listOfValues .twoColumn_equal .groupBox.scrollable > .content > .body {
    top: 13px;
    border-top: none;
    border-bottom: none;
}

#addResource_listOfValues .list.attributesTable .wrap.header {
    background-color: #edf2f8;
    border-top: 1px solid #FFFFFF;
}

#addResource_listOfValues .list.attributesTable > li .leaf {
    border-bottom: 1px solid #E8E8E8;
}

#addResource_listOfValues .list.attributesTable .column.one,
#addResource_listOfValues .list.attributesTable .column.two,
#addResource_listOfValues .list.attributesTable .column.three {
    padding-left: 6px;
    text-overflow: ellipsis;
}

#addResource_listOfValues .list.attributesTable .wrap.header > .column.three {
    *border-right: none;
}

#addResource_listOfValues .list.attributesTable .column.one {
    margin-left: -18px;
    padding-right: 1px;
}

#addResource_listOfValues .list.attributesTable .wrap.header > .column.one,
#addResource_listOfValues .list.attributesTable .wrap.header > .column.two {
    padding-right: 2px;
}


#addResource_listOfValues .list.attributesTable .column.one,
#addResource_listOfValues .list.attributesTable .column.two {
    width: 40%;
}

#addResource_listOfValues .list.attributesTable .column.three {
    width: 18%;
}

#addResource_listOfValues #listOfValues .column.one {
    margin-left: -18px;
}

#addResource_listOfValues .list.attributesTable #listOfValues li:first-child {
    border-top: 1px solid #E8E8E8;
}

#addResource_listOfValues .list.attributesTable #listOfValues .column.two {
    padding-right: 0;
}

#addResource_listOfValues .list.attributesTable #listOfValues .column.three {
    border-right: none;
}

#addResource_listOfValues #listOfValues p.column {
    line-height: 28px;
    padding-top: 1px;
}


/* addResource_inputControl_information */

#addResource_inputControl_information .linkedResources > #control {
    margin-bottom: 12px;
}

#addResource_inputControl_information #control .linkedResources > .leaf > .wrap {
    padding: 4px 20px;
}

#addResource_inputControl_information #controls .list.tabular > li > .wrap {
    padding: 1px 20px;
}

#addResource_inputControl_information .flow #stepDisplay {
    width: 60%
}

#addResource_inputControl_information #controls .linkedResources.twoColumn .column.two {
    padding-left: 24px;
}

#addResource_inputControl_information .linkedResources .column.one {
    width: 80%;
    min-width: 500px;
}

#addResource_inputControl_information .linkedResources .column.two {
    width: 18%
}

#addResource_inputControl_information .tabular.linkedResources.twoColumn {
    min-width: 700px
}

/* #addResource_locateDatatype */

#addResource_locateDatatype #noLink,
#addResource_locateDatatype #fromLocal {
    display: none;
}

/* #addResource_locateDataSource */

#addResource_locateDataSource #fromLocal {
    display: none;
}

/* addNewDataSource */

#addNewDataSource #select.dialog {
    min-height: auto;
}

    #addNewDataSource #select.dialog .title {
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 14px;
    }

    #addNewDataSource #select.dialog .fsection {
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 13px;
    }

.addNewDataSource .column.showingToolBar > .content > .body {
    margin-top: 0;
    padding-top: 16px;
}

.addNewDataSource.column.decorated > .content.hasFooter > .body {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    top: 40px;
}

.addNewDataSource #stepDisplay {
    display: block;
    width: 100%;
}

    .addNewDataSource #stepDisplay .row.instructions {
        background-color: #f7f7f7;
        margin: 0;
        padding: 0 100px;
    }

        .addNewDataSource #stepDisplay .row.instructions h2 {
            font-size: 16px;
            font-weight: normal;
            line-height: 36px;
            margin: 0;
            padding-top: 14px;
        }

        .addNewDataSource #stepDisplay .row.instructions h4 {
            color: #666666;
            font-size: 13px;
            font-weight: normal;
            line-height: 17px;
        }

    .addNewDataSource #stepDisplay .row.inputs {
        margin: 0;
    }

        .addNewDataSource #stepDisplay .row.inputs .column.primary {
            margin-left: 0;
        }

    .addNewDataSource #stepDisplay > .row.oneColumn > .column.primary > .content > .header {
        background-color: #f7f7f7;
        border-bottom: none;
        padding: 4px 24px 18px 100px;
    }

    .addNewDataSource #stepDisplay .column.primary .header .title {
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 30px;
        margin-left: 0;
        padding-left: 0;
    }


        .addNewDataSource #stepDisplay .column.primary .header .title.disabled {
            color: #666666;
        }

    .addNewDataSource #stepDisplay select {
        background-color: #ffffff;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        ;
        font-size: 13px;
    }

    .addNewDataSource #stepDisplay .body.dataSourceBody {
        position: relative;
        top: 0;
        margin-left: 100px;
    }

        .addNewDataSource #stepDisplay .body.dataSourceBody > .group {
            padding-left: 0;
        }

        .addNewDataSource #stepDisplay .body.dataSourceBody .control.select,
        .addNewDataSource #stepDisplay .body.dataSourceBody .control.text,
        .addNewDataSource #stepDisplay .body.dataSourceBody .control.password {
            margin-bottom: 22px;
        }

        .addNewDataSource #stepDisplay .body.dataSourceBody[dstype="jdbcdatasource"] .control.password {
            margin-bottom: 0;
        }

    .addNewDataSource #stepDisplay .control > .wrap {
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 13px;
        line-height: 17px;
    }

    .addNewDataSource #stepDisplay .control.radio > .wrap,
    .addNewDataSource #stepDisplay .control.checkBox > .wrap {
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    }

.addNewDataSource .control.input input[type="text"],
.addNewDataSource .control.input input[type="password"] {
    background-image: none;
    border: 1px solid #cecece;
    height: 28px;
}

.addNewDataSource .control.checkBox input[type="checkbox"] {
    margin-top: 2px;
}

.addNewDataSource .hint {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 11px;
}

/* data-source type specific */
.addNewDataSource .body.dataSourceBody[dstype="jdbcdatasource"] .control.password {
    margin-bottom: 0;
}

.addNewDataSource .body.dataSourceBody[dstype="awsdatasource"] fieldset > legend,
.addNewDataSource .body.dataSourceBody[dstype="azuresqldatasource"] fieldset > legend {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 10px !important;
    margin-left: 0;
}

.addNewDataSource .body.dataSourceBody[dstype="azuresqldatasource"] fieldset > .button.action {
    margin-top: 4px;
}

.addNewDataSource .body.dataSourceBody[dstype="azuresqldatasource"] #aws_settings {
    margin-left: -10px;
}

.addNewDataSource .body.dataSourceBody[dstype="jndijdbcdatasource"] fieldset:nth-child(2) {
    margin-top: 0;
}

/* addResource multiple uses */

#addResource_dataSource_aws #select,
#addResource_dataSource_JDBC #select,
.addNewDataSource #select {
    min-height: 180px;
}

/* #addResource_dataSource_aws #driverID, */
[name=selectedDriverClass] {
    width: auto;
    display: inline-block;
    margin-top: 6px;
    margin-right: 8px;
    min-width: 435px;
}

.addNewDataSource [name=fileSourceType] {
    width: auto;
    display: inline-block;
    margin-top: 6px;
    margin-right: 8px;
}

.addNewDataSource .mongoDbJdbcSpecificFields [name=repositoryFileName] {
    display: inline-block;
}

.addNewDataSource .mongoDbJdbcSpecificFields [name=repositoryBrowserButton] {
    margin-left: 10px;
}

.addNewDataSource .mongoDbJdbcSpecificFields [name=serverFileName] {
    width: 435px;
}

.addNewDataSource .mongoDbJdbcSpecificFields [name=fileLocationContainer] div.group {
    margin-left: 0;
}


.dataSourceSaveDialog {
    width: 440px;
    height: auto;
    min-height: 410px;
    min-width: 440px;
}

    .dataSourceSaveDialog > .content {
        height: 100%;
    }

    .dataSourceSaveDialog.dialog > .content > .subcontainer {
        padding: 16px;
    }

    .dataSourceSaveDialog .treeBox {
        overflow: auto;
        margin: 0;
        float: none;
    }

    .dataSourceSaveDialog .j-view-port-chunk {
        width: auto;
    }

    .dataSourceSaveDialog .list .leaf, .dataSourceSaveDialog .list .node {
        overflow: visible;
    }

    .dataSourceSaveDialog .collapsible > li > .wrap {
        overflow: visible;
    }

    .dataSourceSaveDialog .hideRoot > .node > .subcontainer > .j-view-port-chunk > .collapsible {
        margin-left: 0;
    }

    .dataSourceSaveDialog .treeBox > .content > .body {
        padding: 6px;
    }

    .dataSourceSaveDialog .treeBox .folders .folders {
        margin-left: 5px;
    }

    .dataSourceSaveDialog.panel.dialog .content .subcontainer {
        margin-bottom: 32px;
        height: calc(100% - 95px);
    }

    .dataSourceSaveDialog.panel > div.content.hasFooter .footer {
        position: absolute;
        bottom: 0;
    }

    .dataSourceSaveDialog.no-minheight {
        min-height: 0;
    }


#urlID, /* old selector */
.dataSourceBody[dstype=aws] [name=connectionUrl] /* new selector */ {
    width: 595px;
}

.panel.dialog.overlay.dataSourceSaveDialog {
    min-height: 410px;
}

/* addResource_dataSource, general */

#addDataSourceForm #stepDisplay {
    padding: 24px 32px;
}

#addDataSourceForm .column.primary .body {
    top: 34px;
}

#addDataSourceForm .row.inputs .header > .title {
    padding-left: 0;
    margin-left: 0;
}

#dataSourceTypeSelector {
    padding-bottom: 3px;
    margin-top: 8px;
}

    #dataSourceTypeSelector .message.warning {
        margin-left: 6px;
    }

#addResource_dataType .control.picker {
    width: 200px;
}

#addResource_dataType .ui-datepicker-trigger {
    margin-top: 3px;
}

#addResource_dataSource_text #fileLocation input[type=text],
#addResource_dataSource_text #fileLocation input[type=password],
#addResource_dataSource_excel #fileLocation input[type=text],
#addResource_dataSource_excel #fileLocation input[type=password] {
    width: 400px;
}

#addResource_dataSource_text #repositoryInput input[type=text],
#addResource_dataSource_excel #repositoryInput input[type=text],
#addResource_dataSource_text #serverInput input[type=text],
#addResource_dataSource_excel #serverInput input[type=text] {
    display: inline-block;
}

#addResource_dataSource_text #ftpInput .control,
#addResource_dataSource_excel #ftpInput .control {
    margin-bottom: 16px;
}

#addResource_dataSource_text #ftpInput fieldset,
#addResource_dataSource_excel #ftpInput fieldset {
    margin-right: 24px;
}

#addResource_dataSource_text [name=fieldDelimiterOtherInput] input[type=text],
#addResource_dataSource_text [name=rowDelimiterOtherInput] input[type=text],
#addResource_dataSource_text [name=qualifierOtherInput] input[type=text] {
    width: 80px;
}

#addResource_dataSource_text [name=fieldDelimiterRegexInput] input[type=text],
#addResource_dataSource_text [name=rowDelimiterRegexInput] input[type=text] {
    width: 250px;
}

#addResource_dataSource_text [name=fieldDelimiterPluginInput],
#addResource_dataSource_text [name=rowDelimiterPluginInput] {
    width: 650px;
}

    #addResource_dataSource_text [name=fieldDelimiterPluginInput] input[type=text],
    #addResource_dataSource_text [name=rowDelimiterPluginInput] input[type=text] {
        display: inline-block;
        width: 320px;
    }


#addResource_dataSource_text .group .control select,
#addResource_dataSource_excel .group .control select {
    width: auto;
    min-width: 200px;
}

#addResource_dataSource_text [name=datePatternInput] input[type=text],
#addResource_dataSource_text [name=numberPatternInput] input[type=text],
#addResource_dataSource_excel [name=datePatternInput] input[type=text],
#addResource_dataSource_excel [name=numberPatternInput] input[type=text] {
    width: 190px;
}

#addResource_dataSource_text .table input {
    width: 100%;
}

/* addResource_dataSource_aws */

#addResource_dataSource_aws #aws_settings.group {
    margin: 10px 0 0 11px;
}

#addResource_dataSource_aws #aws_region label {
    width: 350px;
    margin-top: 6px;
    margin-right: 6px;
    display: inline-block;
}

#aws_settings {
    margin-left: 10px;
    margin-top: 10px;
}

#addResource_dataSource_aws #aws_dataSourceList {
    margin-top: 6px;
}

    #addResource_dataSource_aws #aws_dataSourceList .control.groupBox {
        width: 538px;
        height: 150px;
        margin: 0;
    }

        #addResource_dataSource_aws #aws_dataSourceList .control.groupBox .body {
            padding: 6px;
            height: 137px;
            overflow: auto;
        }

#awsDataSourceTree.hideRoot > .node > .collapsible {
    width: auto;
}

#awsDataSourceTree.list .leaf,
#awsDataSourceTree.list .node {
    overflow: visible;
}

#awsDataSourceTree .collapsible .list {
    width: auto;
}

#awsDataSourceTree .collapsible > li > .wrap,
#awsDataSourceTree .list.tabular > li > .wrap,
#awsDataSourceTree .list.filters > li > .wrap,
#awsDataSourceTree .list.fields > li > .wrap {
    overflow: visible;
}

#addResource_dataSource_aws #select {
    max-width: 600px;
}

#addResource_dataSource_aws #driverID, /* old selector */
.dataSourceBody[dstype=aws] [name=driverClass] /* new selector */ {
    display: inline-block;
    width: 400px
}


/* #addResource_locateConnection */

#addResource_locateConnection #noLink,
#addResource_locateConnection #fromLocal {
    display: none;
}

/*#addResource_locateQuery #noLink,*/
#addResource_locateQuery #fromLocal {
    display: none;
}


/* #addResource_locateOLAPSchema */

#addResource_locateOLAPSchema #noLink,
#addResource_locateOLAPSchema #create {
    display: none;
}

/* #addResource_locateAccessGrant */

#addResource_locateAccessGrant #create {
    display: none;
}

/* #addResource_locateInputControl */

#addResource_locateInputControl #fromLocal,
#addResource_locateInputControl #noLink {
    display: none;
}

/* #addResource_locateResource */

#addResource_locateResource #noLink,
#addResource_locateResource #create {
    display: none;
}

#addResource_analysisConnection div.title label.wrap {
    color: inherit;
}

#stepDisplay fieldset.row.oneColumn div.header {
    overflow: hidden;
    border-bottom: 1px solid #d5d5d5;
}

#stepDisplay fieldset.row.oneColumn div.title {
    float: left !important;
}

#stepDisplay fieldset.row.oneColumn label.control.inline {
    float: left;
}

/* #addResource_dataSource_federated */

#dataSourcesSelector {
    position: relative;
    min-width: 760px;
}

#selectedDataSources {
    left: calc(50% + 40px);
    right: 36px;
    margin: 0;
    /*margin: 16px 0 16px 30px;*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #selectedDataSources label {
        padding-bottom: 16px; /* for Chrome and Safari */
    }
}

x:-o-prefocus, #selectedDataSources label {
    padding-bottom: 16px; /* for Opera */
}


#subDsSelectionContainer .groupBox .body {
    /*height: 280px;*/
    height: 100%;
}

#availableDataSources {
    /*margin: 16px 30px 16px 0;*/
    margin: 0;
    right: calc(50% + 40px);
}

    #availableDataSources .groupBox {
        width: 100%;
        height: 300px;
        margin-top: 6px;
        margin-left: 0;
        overflow-y: auto;
    }

#selectedDataSources .content {
    border: 1px solid #D4D5D5;
    height: 300px;
    margin-top: 6px;
    overflow-y: auto;
}

#stepDisplay #selectedDataSourcesHeader {
    background-color: #ebebeb;
    border-bottom: none;
    height: 30px;
}


#selectedDataSourcesHeader .column,
#selectedSubDataSourcesList .column {
    padding: 2px 6px;
}

/* CHROME AND SAFARI ONLY */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #selectedDataSourcesHeader .column,
    #selectedSubDataSourcesList .column.one {
        top: 1px;
    }
}


#selectedSubDataSourcesList .column.two {
    float: inherit;
}

#selectedSubDataSourcesListContainer {
    height: calc(100% - 30px);
    overflow: auto;
}

#selectedDataSourcesHeader li > .wrap,
#selectedSubDataSourcesList li > .wrap {
    padding-left: 0;
    border-top: none;
}

#selectedSubDataSourcesList .error > .message.warning {
    white-space: normal;
    margin-top: 2px;
    margin-bottom: 4px;
    padding-left: 20px;
}

#selectedSubDataSourcesList .leaf.selected .error > .message.warning {
    margin-top: 2px;
    margin-bottom: 4px;
    margin-right: 0;
}

#selectedSubDataSourcesList .leaf {
    border-bottom: 1px solid #EFEFEF;
}

#selectedSubDataSourcesList .column.error {
    float: none;
    padding-bottom: 4px;
}

    #selectedSubDataSourcesList .column.error .message.warning {
        white-space: normal;
        color: #ffee95;
        font-weight: bold;
    }

#selectedDataSourcesHeader li {
    border-bottom: 1px solid #e4e9f0;
}

#selectedDataSourcesHeader p {
    line-height: 24px;
}

#selectedSubDataSourcesList .dataSourceName {
    display: inline-block;
    height: 100%;
    line-height: 24px;
}


/*
 * From: dashboardDesigner.css
 */

#sizeGuide {
    border: 1px dotted #aaa;
    left: 0;
    position: absolute;
    top: 1px;
    z-index: 1;
    -moz-box-shadow: 5px 5px 20px #ccc;
    -webkit-box-shadow: 5px 5px 20px #ccc;
    box-shadow: 5px 5px 20px #ccc;
    height: 600px;
    width: 800px;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=6, Direction=90), progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff'); /* IE */
}

    #sizeGuide.proportional {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
        right: 0;
        bottom: 0;
        height: auto;
        width: auto;
    }


#dashboardDropZone {
    top: 68px;
}

#dashboardCanvasArea.proportional {
    border: none;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
}

#sizeGuide > .label {
    position: absolute;
    right: 20px;
    bottom: 2px;
    display: block;
}

#sizeGuide.proportional > .label {
    display: none;
}

#title {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px; /* do not forget to change DashboardState.DASHBOARD_TITLE_HEIGHT accordingly */
    line-height: 40px;
    text-align: center;
}

.dragmarquee {
    background-color: transparent;
    border: 1px dashed #000;
    width: 2px;
    height: 2px;
    position: absolute;
    z-index: 50;
}

.componentContainer {
    position: absolute;
    z-index: 2;
}

    .componentContainer.control > .sizer {
        display: none;
    }

    .componentContainer.control {
        width: auto;
        margin: 0;
        background-color: transparent;
    }

        .componentContainer.control.select {
            min-width: 30px;
        }

        .componentContainer.control .leaf label.control {
            margin-bottom: 0;
        }

        .componentContainer.control.actionButton,
        .componentContainer.control.displayText {
            width: auto;
        }

        .componentContainer.control.select.multiple select {
            height: 100%;
        }

        .componentContainer.control input,
        .componentContainer.control .picker,
        .componentContainer.control .picker input,
        .componentContainer.control select,
        .componentContainer.control .button,
        .componentContainer.control .read,
        .componentContainer.control .radio,
        .componentContainer.control .checkBox {
            margin: 0;
            z-index: 5;
            position: relative;
        }

            .componentContainer.control input[type=checkbox] {
                position: absolute;
            }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .componentContainer.control input[type=checkbox] {
        top: 2px;
    }
}

.componentContainer.checkBox li {
    margin-bottom: 5px;
}

.componentContainer.control.displayText > .edit,
.componentContainer.control.displayText.editMode > .read {
    display: none;
}

.componentContainer.control.displayText > .read,
.componentContainer.control.displayText.editMode > .edit {
    display: block;
    color: #000;
}

.componentContainer.control.displayText {
    padding: 2px 5px;
}

    .componentContainer.control.displayText > .edit,
    .componentContainer.control.displayText > .read {
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        text-align: center;
    }

    .componentContainer.control.displayText > .edit {
        text-align: left;
    }

    .componentContainer.control.displayText.label {
        z-index: 6;
    }

.componentContainer.control.select.multiple {
    height: 5em;
}

.componentContainer.control > .list > .leaf {
    margin: 0;
}

.componentContainer.iframe {
    height: 100%;
    width: 100%;
    margin: 0;
    border: none;
    z-index: 5;
    position: absolute;
    background-color: #fff;
    background-image: url("images/wait_animation_large.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

    .componentContainer.iframe iframe {
        background-color: #FFFFFF;
        height: 100%;
        width: 100%;
        margin: 0;
        border: none;
        z-index: 5;
        position: absolute;
    }

    .componentContainer.iframe #reportContainer {
        overflow: hidden;
    }


.componentContainer.iframe,
.componentContainer.displayText {
    border: 1px solid #333;
}

.componentContainer > .overlay.button {
    border: 7px solid transparent;
    bottom: 0;
    left: 0;
    margin: -7px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.componentContainer.iframe > .overlay.button {
    z-index: 100;
}

.componentContainer > .overlay.pressed,
.componentContainer > .overlay.over {
    border-color: #217EB5;
}

.componentContainer > .overlay.pressed,
.componentContainer.selected > .overlay {
    opacity: 1;
}

    .componentContainer.selected > .overlay.button {
        border: 2px dashed #217EB5;
        cursor: move;
        margin: -7px;
        z-index: 100;
        background-color: #eee;
        opacity: 0.5;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    }

#dashboardControlsPlaceHolder .componentContainer > .overlay.button {
    z-index: 0;
}

.componentContainer > .sizer {
    background-color: #217EB5;
    bottom: -11px;
    display: none;
    height: 10px;
    position: absolute;
    right: -11px;
    width: 10px;
}

.componentContainer.selected > .sizer,
.componentContainer.control.label.selected > .sizer,
.componentContainer.control.free.selected > .sizer {
    display: block;
    z-index: 21;
}

.componentContainer > .sizer.horizontal {
    bottom: 50%;
    margin-bottom: -5px
}

.componentContainer > .sizer.vertical {
    right: 50%;
    margin-right: -5px;
}

.componentContainer.selected.control.select.multiple > .sizer.vertical,
.componentContainer.selected.control.picker > .sizer.horizontal,
.componentContainer.selected.control.text.label > .sizer.horizontal,
.componentContainer.selected.control.text.free > .diagonal.sizer {
    display: block;
}

.componentContainer .leaf span.wrap,
.componentContainer .leaf legend {
    display: none;
}

.componentContainer.control.select.multiple .leaf,
.componentContainer.control.select.multiple .leaf .control {
    height: 100%;
}

#framePlaceholder {
    position: absolute;
    width: 560px;
    height: 350px;
}

#framePlaceholder,
#marquee {
    background-color: #e0e0e0;
    opacity: .5;
}

#marquee {
    border: 1px solid #333;
}

.externalUrlEmbeddingError {
    color: red;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.componentContainer.iframe.hideLoadingAnimation {
    background-image: none !important;
}

.componentContainer.iframe > .floatingMenu {
    margin: 0;
    border: 1px solid #999;
    background: none;
    z-index: 8;
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 3px;
    background-color: #D4D4D4; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#D4D4D4)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #dedede, #D4D4D4); /* for firefox 3.6+ */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
}

.componentContainer.iframe.over > .floatingMenu {
    display: block;
}

.componentContainer.iframe > .floatingMenu > .button {
    text-indent: -5000px;
    padding: 0;
    margin-right: 3px;
}

    .componentContainer.iframe > .floatingMenu > .button > .wrap {
        padding: 0;
        line-height: normal;
        height: 22px;
        width: 22px;
    }

        .componentContainer.iframe > .floatingMenu > .button > .wrap > .icon {
            background-image: url("images/floatingMenu_sprite.png");
            background-repeat: no-repeat;
            height: 22px;
            width: 22px;
        }

    .componentContainer.iframe > .floatingMenu > .button,
    .componentContainer.iframe > .floatingMenu > .button > .wrap {
        background: none;
    }

        .componentContainer.iframe > .floatingMenu > .button.open > .wrap > .icon {
            background-position: left -136px;
        }

        .componentContainer.iframe > .floatingMenu > .button.open.over > .wrap > .icon {
            background-position: left -108px;
        }

        .componentContainer.iframe > .floatingMenu > .button.open.pressed > .wrap > .icon {
            background-position: left -80px;
        }

        .componentContainer.iframe > .floatingMenu > .button.refresh > .wrap > .icon {
            background-position: -1px -53px;
        }

        .componentContainer.iframe > .floatingMenu > .button.refresh.over > .wrap > .icon {
            background-position: -1px -25px;
        }

        .componentContainer.iframe > .floatingMenu > .button.refresh.pressed > .wrap > .icon {
            background-position: -1px 3px;
        }

/* hide control title and validation message for input controls */
.componentContainer .leaf span.wrap,
.componentContainer .leaf legend,
.componentContainer .leaf .warning {
    display: none !important;
}

/*
 * From: data_chooser.css
 */
/* #dataChooserSource */

#dataChooserSource .inputs .primary .header .title {
    display: none;
}

#dataChooserSource .inputs .primary .body {
    bottom: 110px;
}

#dataChooserSource .inputs .primary .footer {
    height: 105px;
}

#dataChooserSource #sourceDialog .description {
    background-color: #EEEEEE;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    bottom: 0;
    height: 43px;
    left: 0;
    line-height: 1.3em;
    margin: 0;
    overflow: hidden;
    padding: 5px 25px;
    position: absolute;
    right: 0;
}

#dataChooserSource #sourceDialog .groupBox {
    bottom: 60px;
}

#dataChooserSource #sourceDialog {
    min-width: 450px;
    min-height: 500px;
}

.sourceDialogNew {
    min-width: 450px;
    min-height: 400px;
    height: 525px;
}

    .sourceDialogNew .treeBox {
        float: none;
        height: 100% !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

#dataChooserSource .list.resources .column.one,
#dataChooserSource .list.resources .column.four {
    display: none;
}

#dataChooserSource .list.resources .column.two {
    width: 75%;
}

#dataChooserSource .list.resources .column.three {
    width: 10%;
}

#dataChooserSource .list.resources .resourceName a:focus,
#dataChooserSource .list.resources .resourceName a:hover,
#dataChooserSource .list.resources .resourceName a.over,
#dataChooserSource .list.resources .resourceName a:active,
#dataChooserSource .list.resources .resourceName a.pressed {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

#dataChooserSource .interactions .primary .body {
    margin-top: 29px;
}

#dataChooserSource #pageDimmer {
    z-index: 20;
}

/* #dataChooserDisplay */

#dataChooserDisplay #listMode {
    margin: 0;
    padding-top: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

#dataChooserDisplay #stepDisplay .column.primary .header,
#dataChooserDisplay #stepDisplay .column.secondary .header {
    border-bottom: 1px solid #fff;
}

#dataChooserDisplay .list.tabular.twoColumn.hideRoot {
    padding-left: 0;
}

#dataChooserDisplay #foldersTree {
    margin-top: 1px;
}

/* #dataChooserFields */

/* iPads (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #dataChooserFields .flow #stepDisplay {
        width: 540px;
    }

    #dataChooserFields .flow .row.inputs.twoColumn,
    #dataChooserFields .flow .row.inputs.twoColumn_equal {
        min-width: 540px !important;
        width: 540px !important;
    }

    #dataChooserFields .flow .row.inputs {
        height: 600px;
    }
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #dataChooserFields .flow #stepDisplay {
        width: 700px;
    }

    #dataChooserFields .flow .row.inputs.twoColumn,
    #dataChooserFields .flow .row.inputs.twoColumn_equal {
        min-width: 700px !important;
        width: 700px !important;
    }

    #dataChooserFields .flow .row.inputs {
        height: 380px;
    }
}

/* #dataChooserPreFilters */

#dataChooserPreFilters .panel .list.tabular.filters.twoColumn .wrap {
    border: none;
    background-color: transparent;
}

#dataChooserPreFilters .row.inputs {
    min-width: 830px;
}

#dataChooserPreFilters #fieldAndOperation {
    min-width: 105px;
    margin-bottom: 0;
}

#dataChooserPreFilters #values {
    box-sizing: border-box;
    margin-bottom: 0;
}

    #dataChooserPreFilters #values > .availableValues > .wrap {
        margin-top: 1px;
        margin-bottom: 3px;
    }

    #dataChooserPreFilters #values > .selectedValues > .wrap {
        margin-top: 1px;
        margin-left: 6px;
    }

    #dataChooserPreFilters #values > .control.picker > .button.picker {
        margin-bottom: 0;
    }

    #dataChooserPreFilters #values > .control.picker > input {
        margin-bottom: 0;
    }

#dataChooserPreFilters .column.two.pickWells {
}

#dataChooserPreFilters .button.minimize {
    display: none;
}

#dataChooserPreFilters #mvSearchInput {
    height: 20px;
    margin-left: 3px;
    width: 150px;
}

#dataChooserPreFilters .control.pickWells > .availableValues > select {
    height: 110px;
}


/* Safari and Google Chrome only */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #dataChooserPreFilters .control.pickWells > .availableValues > select {
        top: 46px;
        overflow-y: auto;
    }
}

#dataChooserPreFilters .control.pickWells > .selectedValues > select {
    height: 135px;
    overflow-y: auto;
    margin-left: 6px
}

/* targets Chrome and Safari only */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #dataChooserPreFilters .control.pickWells > .selectedValues > select {
        top: 18px;
    }

    #dataChooserPreFilters .control.pickWells > .selectedValues.error > select {
        top: 30px;
    }
}

#dataChooserPreFilters #filtersListId .combo.availableValues.error .availableValues {
    top: 86px;
    height: 70px
}

/* Ad Hoc Designer */

#designer #canvas {
    top: 40px;
}

/* Toolbar */
#designer .toolbar {
    height: 32px;
    padding: 0 5px 0 0;
}

    #designer .toolbar > .buttonSet {
        width: 800px;
        margin: 0;
    }

    #designer .toolbar .button.capsule {
        border: none;
        margin-top: 0;
        margin-right: 2px;
        margin-left: 2px;
    }

    #designer .toolbar .buttonSet .node > .button.pressed {
        background-color: #566471;
    }

    #designer .toolbar > .list.buttonSet > .node {
        border-right: 1px solid #cdcdcd;
        border-left: 1px solid #fafafa;
    }

        #designer .toolbar > .list.buttonSet > .node > .list.buttonSet.first {
            border-right: 1px solid #cdcdcd;
        }

        #designer .toolbar > .list.buttonSet > .node > .list.buttonSet.last {
            border-left: 1px solid #fff;
        }

        #designer .toolbar > .list.buttonSet > .node > .list.buttonSet.olapNo,
        #designer .toolbar > .list.buttonSet > .node > .list.buttonSet.olapYes {
            margin: 0;
            padding: 0 6px;
        }

        #adhocToolbar > .list.buttonSet > .node:first-of-type,
        #designer .toolbar > .list.buttonSet > .node:first-of-type {
            border-left: none;
        }

    #designer .toolbar > .list.buttonSet .list.buttonSet {
        margin-right: 6px;
        margin-left: 6px;
    }

#adhocToolbar > .list.buttonSet > .node.toolDroplist {
    border: none;
}

    #adhocToolbar > .list.buttonSet > .node.toolDroplist.first {
        border-left: 1px solid #fff;
    }

    #adhocToolbar > .list.buttonSet > .node.toolDroplist > .dropList {
        margin-left: 10px;
    }

#menuList > li[disabled] > p {
    color: #999;
}

/* side panels */

/* minimized panels */
#designer .column.decorated.minimized {
    background-color: #d6d5d5;
}

#designer .button.minimize {
    background-color: #999999;
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-position: -61px -172px;
    background-size: 80px;
    display: inline-block;
    height: 32px;
    margin-top: 0;
    width: 14px;
    z-index: 10;
}
/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #designer .button.minimize {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

#designer .column.decorated.tertiary .button.minimize {
    background-position: -61px -202px;
    position: absolute;
    left: auto;
    right: 0;
}

#designer .column.decorated.minimized.secondary > .button.minimize {
    background-position: -57px -202px;
    width: 24px;
}

#designer .column.decorated.minimized.tertiary > .button.minimize {
    background-position: -57px -172px;
    position: relative; /* prevents .icon.minimize from being overlapped */
    width: 24px;
}

/* panel type icon shown in minimized panel*/
#designer .column.minimized > .icon.minimize {
    background-image: url(images/button_action_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-size: 240px;
    cursor: pointer;
    height: 32px;
    width: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #designer .column.minimized > .icon.minimize {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

#designer #fields.column.minimized > .icon.minimize {
    background-position: -58px -504px;
}

#designer #filters.column.minimized > .icon.minimize {
    background-position: -58px -474px;
}

#designer .column.decorated.minimized .vtitle {
    display: none !important;
}
/* ELEMENT REPLACED BY .icon.minimize */


/* general panel rules */
#designer .column.decorated.secondary {
    top: 40px;
    border-right: none;
}

#designer .column.decorated.tertiary {
    border-left: none;
    min-width: 250px;
    top: 40px;
    width: 300px;
    z-index: 100;
}

#designer .column.decorated > .content > .header {
    background-color: #d6d5d5;
    border-bottom: 0;
    height: 32px;
}

    #designer .column.decorated > .content > .header > .title {
        color: #333333;
        display: inline-block;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: normal !important;
        line-height: 32px;
        margin-left: 11px;
        vertical-align: top;
    }

#designer .column.decorated.tertiary > .content > .header > .title {
    margin-left: 0;
    padding-left: 8px;
}

#designer #availableFields {
    min-height: 350px;
    overflow: hidden;
    top: 34px;
}

    #designer #availableFields.body.twoPanes .content > .body {
        background-color: transparent;
        bottom: 4px;
        top: 66px;
    }

    #designer #availableFields .collapsible.folders > li .collapsible > li {
        line-height: 24px;
    }

        #designer #availableFields .collapsible.folders > li .collapsible > li > .wrap {
            height: 24px;
        }

    #designer #availableFields .collapsible > li > .wrap > .icon {
        top: 2px;
    }

    #designer #availableFields .subheader {
        height: auto;
    }

    #designer #availableFields .control.searchLockup {
        margin: 4px;
    }

        #designer #availableFields .control.searchLockup > .wrap {
            border-color: #cecece;
            height: 26px;
        }

        #designer #availableFields .control.searchLockup input[type="text"] {
            box-sizing: border-box;
            height: 24px;
            padding: 0 6px;
            width: calc(100% - 46px);
        }

        #designer #availableFields .control.searchLockup > .button.search {
            background-position: -30px -55px;
        }

        #designer #availableFields .control.searchLockup .button.searchClear {
            background-position: -30px -84px;
            height: 24px;
            top: -25px;
        }

#designer #canvas > .content > .header {
    background-color: #fff;
    border-bottom: none;
    height: auto;
    min-height: 32px;
}

/*
 * blank canvas messages
 */
#designer #nothingToDisplay {
    align-self: center;
    display: flex;
    justify-content: center;
    width: 100%;
    /* styles below are needed to overerride inline styles */
    margin: 0 !important;
    position: relative !important;
    top: 36% !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

    #designer #nothingToDisplay .message {
        background-color: #f6f6f6;
        border: none;
        color: #666;
        display: block;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 18px;
        padding: 22px;
        max-width: 325px;
    }

#designer .nothingToDisplay .message-text {
    display: block;
    font-weight: normal;
    line-height: 1.4;
}

#designer .nothingToDisplay .message > .icon {
    display: block;
}

#designer #data.body {
    margin-top: 28px;
    border-top: 1px solid #e0e0e0;
}

#designer #canvas.column.decorated > .content > .header > .title {
    display: none;
}

#designer #fields.column.decorated.secondary > .content > .header > .title {
    overflow: hidden;
}

#designer #availableFields .measure .header {
    background-color: #C7B7E4;
}

#designer #availableFields .dimension .header,
#designer #availableFields .measure .header {
    background-color: #ebebeb;
    border-bottom: none;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    height: 32px;
}

    #designer #availableFields .dimension .header .title,
    #designer #availableFields .measure .header .title {
        font-size: 13px;
        font-weight: normal;
        height: 32px;
        line-height: 34px;
        margin-left: 0;
        padding-left: 8px;
    }

    #designer #availableFields .dimension .header .title {
        border-left: 14px solid #00a9d7;
        color: #0295bd;
    }

    #designer #availableFields .measure .header .title {
        border-left: 14px solid #7a9f35;
        color: #5e8c08;
    }


#adhoc #adhocCanvasContainer {
    overflow: hidden;
}

#designer #adhocCanvasContainer {
    display: block;
}

#designer .pane.filter .control.select.multiple select {
    height: 100%;
    margin-top: 0;
    width: 98%;
}

#designer .pane.filter .control.select.multiple {
    height: 100px;
}

    #designer .pane.filter .control.select.multiple .sizer.vertical {
        bottom: -20px;
        width: 100%;
        height: 15px;
    }

        #designer .pane.filter .control.select.multiple .sizer.vertical span {
            position: relative;
            left: 50%;
        }

        #designer .pane.filter .control.select.multiple .sizer.vertical.dragging {
            position: relative;
            top: 10px;
        }

#designer .pane.filter.sizeable .control.select.multiple select {
    height: auto;
}

#designer #editor .body {
    margin-top: 62px;
}

#designer .toolbar .button .wrap {
    text-indent: -5000px;
}

#designer .toolbar #closeDesigner.button .wrap {
    text-indent: 0;
}

#designer #viewMode {
}

#designer #displayMode {
    position: absolute;
    right: 0;
    top: 0;
}

#designer #designerCanvasContainer {
    overflow: hidden;
}

#designer #mainTableContainer {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100px !important;
    overflow: auto;
    position: absolute;
    padding: 0 10px;
}

#designer #mainTableContainerOverlay {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 900;
    filter: alpha(opacity=30);
    background-position: center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #designer #mainTableContainerOverlay,
    .resultsOverlay {
        background: #000 url(images/loadinfo.gif) no-repeat !important;
        background-position: center !important;
    }
}

#designer #canvas > .content.hasFooter > .header {
    height: auto;
}

#designer #canvasTable {
    position: relative;
    top: 2px;
}

#designer #grouper.over {
    background-position: 0 -30px;
}

#mainTableContainer #canvasTable .caption {
    height: 40px;
}

#designer #titleCaption {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 44px;
    white-space: nowrap;
    /* padding prevents overlap with new options button */
    padding-left: 70px;
    padding-right: 50px;
    position: absolute;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

    #designer #titleCaption > input {
        border: 1px solid #cecece;
        color: #464646;
        font-size: 12px;
        height: 28px;
        margin-bottom: 0;
        min-width: 500px;
        padding-left: 8px;
        position: absolute;
        top: 4px;
        width: calc(100% - 50px);
    }

    #designer #titleCaption.highChartsTitle > input {
        width: calc(100% - 80px);
    }

#designer .OLAP {
    border-bottom: 1px solid #e0e0e0;
}

    #designer .OLAP .dropTarget {
        background-color: transparent !important;
    }

#designer .calculatedField {
    font-weight: bold;
}

    #designer .calculatedField.dependency {
        font-style: oblique;
    }

#designer td.selected,
#designer th.selected {
    background-color: #CDE1ED !important;
}

#designer td#chart.selected {
    background-color: #FFFFFF !important;
}

#designer #mainTableContainer .sizer {
    z-index: 63;
    width: 3px;
    position: absolute;
}

#designer #mainTableContainer .chartBorder {
    position: relative;
    border: solid 2px #217EB5;
}

#designer #mainTableContainer .chartImgBorder {
    background-color: #FFF;
}

#designer #mainTableContainer td#chart .sizer {
    background-color: #217EB5;
    bottom: 0;
    right: 0;
    cursor: se-resize;
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 5;
}

#designer #mainTableContainer .sizer.over,
#designer #mainTableContainer .sizer.pressed {
    background-color: #217EB5;
}

#designer #mainTableContainer .overlay {
    position: absolute;
    z-index: 500;
    margin: 0;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

    #designer #mainTableContainer .overlay.over,
    #designer #mainTableContainer .overlay.pressed,
    #designer #mainTableContainer .overlay.selected {
        background-color: #C0C0C0;
        border: 1px solid #333333;
        margin: -1px 0 0 -1px;
    }

    #designer #mainTableContainer .overlay.xtab.header,
    #designer #mainTableContainer .overlay.xtab.measure,
    #designer #mainTableContainer .overlay.legend,
    #designer #mainTableContainer .overlay.summary,
    #designer #mainTableContainer .overlay.group {
        z-index: 501;
    }

    #designer #mainTableContainer .overlay.legend {
        z-index: 801;
        border: thin #ffffff solid;
    }

#designer .columnSizer {
    z-index: 501;
    width: 7px;
    position: absolute;
    padding-left: 1px;
    padding-right: 1px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #designer .columnSizer {
        width: 7px !important;
    }
}

#designer .columnSizer.over {
    z-index: 2000;
    width: 3px;
    position: absolute;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #999999;
}


#designer .columnSizer:hover {
}

#designer .row.visualCue {
    width: 3px;
}

#designer .col.visualCue,
#designer .measure.visualCue {
    height: 3px;
}

#designer .row.visualCue,
#designer .col.visualCue,
#designer .measure.visualCue {
    z-index: -1;
    position: absolute;
    background-color: #999999;
}

    #designer .row.visualCue.over,
    #designer .col.visualCue.over,
    #designer .measure.visualCue.over {
        z-index: 501;
    }

/*chart specific*/
#designer #mainTableContainer .overlay.legend.selected {
    margin: -2px 0 0 0;
}


/*table specific*/
#designer #mainTableContainer span.labelOverlay {
    position: absolute;
    margin: 0;
    padding: 0;
}

    #designer #mainTableContainer span.labelOverlay span {
        padding-left: 5px;
    }

#designer #tableDetails tr.member.labels.noColumn td {
    width: 196px;
}

/*crosstab specific*/
#designer #mainTableContainer .overlay.xtab {
    z-index: -1;
}


    #designer #mainTableContainer .overlay.xtab.over,
    #designer #mainTableContainer .overlay.xtab.pressed,
    #designer #mainTableContainer .overlay.xtab.selected {
        z-index: 500;
    }

    /*this is to enhance dragNdrop of selected groups*/
    #designer #mainTableContainer .overlay.xtab.selected {
        z-index: 502;
    }

#designer #mainTableContainer #canvasTable thead#headerAxis th.columnGroupsEmptyCell {
    background-color: #FFF;
}

#designer #mainTableContainer #canvasTable thead#headerAxis th#columnGroupsPlaceHolder {
    background-color: #cccccc;
    height: 50px;
    width: 85%;
    color: #f1f1f1;
    vertical-align: middle;
    font-style: italic;
    font-weight: bold;
}

#designer #mainTableContainer #canvasTable td#rowGroupsPlaceHolder {
    background-color: #cccccc;
    width: 100px;
    height: 250px;
    color: #f1f1f1;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

#designer #mainTableContainer #canvasTable td#measuresPlaceHolder {
    background-color: #f1f1f1;
    color: #666666;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

#designer .overflow {
    min-width: 100px;
    height: 30px;
    background-color: #d4ecf2;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
}

#designer .panel.filter .select {
    margin: 5px 0;
}

#designer .toolbar .button .icon {
    background-image: url(images/button_action_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-size: 240px;
}

/* 2x SIMPLE ACTION BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #designer .toolbar .button .icon {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

#designer .toolbar #closeDesigner.button .icon {
    background-image: none;
    background-repeat: no-repeat;
}

#designer #closeDesigenr.closeIcon { /* misspelling of closeDesigenr is intentional */
    align-self: center;
    background: url("images/button_action_icons_sprite.svg");
    background-position: 6px -3160px;
    background-repeat: no-repeat;
    background-size: 24px;
    cursor: pointer;
    float: right;
    height: 38px;
    margin: 0 5px;
    width: 38px;
}

#designer .toolbar #presentation .icon {
    background-position: 5px -299px;
}

#designer .toolbar #save .icon {
    background-position: 3px -359px;
}

#designer .toolbar #export .icon {
    background-position: 4px -390px;
}

#designer .toolbar #undo .icon {
    background-position: 5px -450px;
}

#designer .toolbar #redo .icon {
    background-position: 5px -480px;
}

#designer .toolbar #undoAll .icon {
    background-position: 5px -510px;
}

#designer .toolbar #pivot .icon {
    background-position: 5px -569px;
}

#designer .toolbar #sort .icon {
    background-position: -55px 1px;
}

#designer .toolbar #controls .icon {
    background-position: -55px -29px;
}

#designer .toolbar #options .icon {
    background-position: -58px -89px;
    left: 3px;
}

#designer .toolbar #query .icon {
    background-position: -58px -58px;
    left: 3px;
}

#designer .toolbar #explorer .icon,
#designer .toolbar #explorer.over .icon,
#designer .toolbar #explorer.pressed .icon,
#designer .toolbar #presentation.over .icon,
#designer .toolbar #presentation.pressed .icon,
#designer .toolbar #presentation.superfocus.subfocus:hover .icon {
    background-position: -25px -299px;
}

#designer .toolbar #save.over .icon,
#designer .toolbar #save.pressed .icon {
    background-position: -27px -359px;
}

#designer .toolbar #export.over .icon,
#designer .toolbar #export.pressed .icon {
    background-position: -26px -390px;
}

#designer .toolbar #undo.over .icon,
#designer .toolbar #undo.pressed .icon,
#designer .toolbar #undo.superfocus.subfocus:hover .icon {
    background-position: -25px -450px;
}

#designer .toolbar #redo.over .icon,
#designer .toolbar #redo.pressed .icon,
#designer .toolbar #redo.superfocus.subfocus:hover .icon {
    background-position: -25px -480px;
}

#designer .toolbar #undoAll.over .icon,
#designer .toolbar #undoAll.pressed .icon,
#designer .toolbar #undoAll.superfocus.subfocus:hover .icon {
    background-position: -25px -510px;
}

#designer .toolbar #pivot.over .icon,
#designer .toolbar #pivot.pressed .icon,
#designer .toolbar #pivot.superfocus.subfocus:hover .icon {
    background-position: -25px -569px;
}

#designer .toolbar #sort.over .icon,
#designer .toolbar #sort.pressed .icon,
#designer .toolbar #sort.superfocus.subfocus:hover .icon {
    background-position: -85px 1px;
}

#designer .toolbar #controls.over .icon,
#designer .toolbar #controls.pressed .icon,
#designer .toolbar #controls.superfocus.subfocus:hover .icon {
    background-position: -85px -29px;
}

#designer .toolbar #options.over .icon,
#designer .toolbar #options.pressed .icon,
#designer .toolbar #options.superfocus.subfocus:hover .icon {
    background-position: -88px -89px;
}

#designer .toolbar #query.over .icon,
#designer .toolbar #query.pressed .icon,
#designer .toolbar #query.superfocus.subfocus:hover .icon {
    background-position: -88px -58px;
}

#designer .toolbar #changeVisualizationButton .icon {
    background-position: -115px -419px;
}

#designer .toolbar #changeVisualizationButton.over .icon {
    background-position: -145px -419px;
}

.displayManager {
    background-color: #f7f7f7;
    border-collapse: separate;
    border-spacing: 10px 5px;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    margin-top: 2px;
    padding: 4px 0;
    white-space: normal;
}

    .displayManager .axis > .title {
        font-size: 12px;
        font-weight: normal;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
    }

    .displayManager .axis > .slot {
        background-color: #fff;
        border: 1px solid #cecece;
        height: 28px;
        display: table-cell;
        padding: 2px;
        width: 100%;
    }

    .displayManager .tokens {
        min-height: 22px;
        max-height: 250px;
        overflow: hidden;
    }

    .displayManager .axis.disabled .tokens {
        background-color: #f7f7f7;
        border-color: #e1e1e1;
    }


.tokens .button {
    border-radius: 3px;
    display: inline-block !important;
    margin: 2px;
    padding: 2px 20px 2px 3px;
}

.tokens .dimenzion .level, /* misspelling is intentional */
.tokens .meazure .level {
    top: 0;
}

.tokens > .dimension,
.tokens > .measure,
.dimension > .levels,
.measure > .members {
    display: inline;
}

    .tokens > .dimension > .title,
    .tokens > .measure > .title {
        display: none;
    }

.tokens > .measure,
.dragging.dimension {
    background-color: #c9e696;
    border-radius: 3px;
    margin-left: 2px;
    padding: 4px 3px 4px 2px;
    position: relative;
    top: 1px;
}

.tokens > .measure {
    top: 0;
}

    .tokens > .measure > .handle {
        background: url(images/disclosure_indicators_icons_sprite@1x.png);
        background-repeat: no-repeat;
        background-position: 0 -32px;
        background-size: 80px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        width: 12px;
    }
/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .tokens > .measure > .handle {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

li.level.meazure, /* misspelling is intentional */
.measure > .members > .member {
    background: #83af35;
}

li.level.dimenzion, /* misspelling is intentional */
.dimension > .levels > .level,
.dragging.dimension {
    background-color: #4cbcdb;
    color: #fff;
}

    .dimension > .levels > .level.notShown,
    .dimension.odd > .levels > .level.notShown {
        background-color: #ddd; /* for non-css3 browsers */
    }

.tokens .button > .wrap {
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    color: #fff;
    display: inline !important;
    padding-left: 12px;
    text-decoration: none;
}

.wrap.dragging.dimension,
.tokens .button.level > .wrap,
.wrap.dragging.measure,
.tokens .button.member > .wrap {
    background: none;
    padding-left: 4px;
}

li.dragging.dimension,
li.dragging.measure,
.wrap.dragging.measure,
.wrap.dragging.dimension {
    border: none !important;
    border-radius: 3px;
    color: #fff !important;
    cursor: hand !important;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    list-style: none outside none;
    margin: 0;
    opacity: .8 !important;
    padding: 0 8px 0 16px;
}

    li.dragging.dimension,
    li.dragging.measure,
    .wrap.dragging.measure > .icon:first-child,
    .wrap.dragging.dimension > .icon:first-child {
        background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
        background-position: -58px -28px;
        background-repeat: no-repeat;
        background-size: 80px;
    }
/* 2x ICON */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    li.dragging.dimension,
    li.dragging.measure,
    .wrap.dragging.measure > .icon:first-child,
    .wrap.dragging.dimension > .icon:first-child {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

li.dragging.dimension,
.wrap.dragging.dimension {
    background-color: #4cbcdb !important;
}

li.dragging.measure,
.wrap.dragging.measure {
    background-color: #83af35 !important;
}


.tokens .button > .icon {
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-position: -60px -56px;
    background-size: 80px;
    left: auto;
    right: 4px;
    height: 18px;
    width: 10px;
    z-index: inherit;
}

/* 2x SIMPLE ACTION BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .tokens .button > .icon {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

/*TODO Needs review: Bug 27332 - UI: Improved Adhoc Flow - Can not change filter expression (Edit button is not visible) */
#complexExpressionPod .header > .title {
    float: none;
}

/* filter panel, ad hoc designer */
#filters > .content > .body {
    bottom: 37px;
    left: 0;
    overflow-x: hidden;
    position: absolute;
    top: 34px;
}

#filters .svList.disabled {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#filters .mSelect-svListPlaceholder .sList.disabled {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#filter-container .header {
    background-color: #ebebeb;
    border-bottom: none;
    height: 32px;
    overflow: hidden;
}

#filter-container .filters .leaf.filter:not(:first-of-type) .header {
    border-top: 1px solid #d4d5d5;
}

#expression-container .header {
    background-color: #ebebeb;
    border-bottom: 0;
    height: 32px;
}

#filter-container .title {
    float: none;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    height: 32px;
    line-height: 32px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    white-space: nowrap;
}

#expression-container .title {
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: normal !important;
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    padding-left: 0;
    vertical-align: top;
}

#filter-container .filterName {
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    width: 40%;
}

    #filter-container .filterName.dimension {
        color: #0295bd;
    }

    #filter-container .filterName.measure {
        color: #5e8c08;
    }

#expression-container .filterName {
    display: inline-block;
    font-size: 13px;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    width: 100%;
}

#filter-container .operator {
    display: inline-block;
    float: right;
    font-weight: normal;
    margin-right: 30px;
    margin-top: 1px;
    padding-right: 12px;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
}

#filter-container .button.operator > .icon {
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-position: 0 -78px;
    background-size: 80px;
    background-repeat: no-repeat;
    width: 11px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}


#filters .panel.filter .header .disclosure,
#filters .panel.expression .header .disclosure {
    background-image: url("images/disclosure_indicators_icons_sprite@1x.png");
    background-position: 2px -230px;
    background-size: 80px;
    float: left;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #filter-container .button.operator > .icon,
    #filters .panel.filter .header .disclosure,
    #filters .panel.expression .header .disclosure {
        background-image: url("images/disclosure_indicators_icons_sprite@2x.png");
    }
}

#filters .panel.filter.minimized .header .disclosure,
#filters .panel.expression.minimized .header .disclosure {
    background-position: 2px -290px;
}

#filter-container .title .button.mutton {
    background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    background-size: 80px;
    display: inline-block;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
}

#filter-container .sSelect-input {
    margin-top: 0;
}

#filter-container .control.text,
#filter-container .control.picker {
    margin-bottom: 0;
}

#filter-container .pane.filter .control.picker {
    padding-right: 23px;
}

#filters > .content > .footer {
    background-color: #f7f7f7;
    padding: 0;
}

#filters > .content > .body {
    bottom: 37px;
}

#filters > .content > .footer.complexExpressionMinimized {
    height: 70px;
}

#filters > .content > .footer.complexExpressionMaximized {
    height: 130px;
}

#filters > .content > .body.complexExpressionMinimized {
    bottom: 70px;
}

#filters > .content > .body.complexExpressionMaximized {
    bottom: 130px;
}

#filters .footer #applyFilter {
    margin-top: 0;
    padding-left: 8px;
}

#filters .footer #filterMessage {
    padding-right: 8px;
}

#filter-container .panel.filter .values {
    padding-top: 7px;
    padding-bottom: 7px;
}

#filters .panel.filter .select {
    margin: 5px 0;
    width: 100%;
}

    /* Fix for Bug #34635 - we have panel with id filters in both adhoc designer and in domain designer */
    #filters .panel.filter .select.control.inline {
        width: inherit;
    }

#filters .panel.filter label .wrap {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    left: -5000px;
    position: absolute;
}

#filters .panel.filter .button.picker {
    height: 26px;
    vertical-align: top;
}

#filters .panel.filter .input input,
#filters .panel.filter .picker input {
    margin: 0;
    width: 100% !important;
}

.values.between > .compare {
    margin: 4px 26px 5px 0;
    text-align: center;
}

.values.between > .control {
    margin-bottom: 6px;
}

#expression-container .pane {
    border-bottom: none;
}

    #expression-container .pane > .content {
        background-color: #f8f8f8;
        border-bottom: 1px solid #d4d5d5;
        /*padding-bottom: 4px;*/
    }

/*
#filters > .content > .footer.complexExpressionMinimized #expression-container .pane > .content {
    border-bottom: none;
} */

#expression-container .panel.expression > .content > .body {
    background-color: transparent;
    height: 54px;
}

#expression-container .panel.expression .control.input > .wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#expression-container .panel.expression .values {
    margin: 6px 0 0 0;
    padding: 0 7px;
    position: relative;
}

#expression-container .panel.expression .input.text,
#expression-container .panel.expression .input.text > input {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%;
}

#expression-container .error > .message.warning,
#expression-container .error > .message.success {
    display: inline-block;
}

#applyFilter.group {
    margin: 3px;
    padding-left: 0;
    display: inline-block;
}

#filterMessage {
    background-image: url("images/message_icons_sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 60%;
    vertical-align: top;
    line-height: 1.3em;
    padding-left: 20px;
    margin-top: 4px;
    white-space: normal;
}

    #filterMessage span {
        height: 32px;
    }

#filters #filter-container .leaf.filter {
    overflow: visible;
}

    #filters #filter-container .leaf.filter > .filter > .content > .body {
        background-color: transparent;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        box-sizing: border-box;
        overflow: visible;
    }

#filters #filter-container {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: visible;
}

    #filters #filter-container.complexExpressionMinimized {
        bottom: 26px;
    }

    #filters #filter-container.complexExpressionMaximized {
        bottom: 86px;
    }


/*
 * From: designerCache.css
 */
#designerCache #detail {
    height: 400px;
    width: 400px;
}

    #designerCache #detail .data {
        white-space: pre;
        margin-left: 5px;
    }

#designerCache.nothingToDisplay .list.tabular.fiveColumn {
    display: none;
}

#designerCache .list.tabular > .leaf.header > .wrap > .column {
    line-height: 1em;
}

    #designerCache .list.tabular > .leaf.header > .wrap > .column > p {
        margin-bottom: 0;
    }

#designerCache .list.fiveColumn .wrap > .column.one {
    text-align: center;
    white-space: nowrap;
    width: 11%;
    min-width: 130px;
}

#designerCache .list.fiveColumn .wrap > .column.two {
    padding: 0 16px;
    width: 56%;
}

.list.fiveColumn.tabular .header .wrap .column.two {
    margin-left: 8px;
}

#designerCache .list.fiveColumn .wrap > .column.three {
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    width: 11%;
}

#designerCache .list.fiveColumn .wrap > .column.four {
    text-align: center;
    white-space: nowrap;
    width: 11%;
    min-width: 120px;
}

#designerCache .list.fiveColumn .wrap > .column.five {
    width: auto;
}

#designerCache .list.fiveColumn.tabular > .list.header div.wrap {
    background-color: #edf2f8;
    padding-left: 10px;
}

#designerCache .list.fiveColumn.tabular > .list div.wrap {
    min-width: 1020px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#designerCache .list.fiveColumn .query {
    line-height: 1.182em;
    margin-bottom: 5px;
    max-height: 6em;
    overflow: hidden;
    white-space: pre;
}

#designerCache .list.tabular > .leaf.running {
    font-style: italic;
}

    #designerCache .list.tabular > .leaf.running > .wrap > .column.one {
        background-image: url(images/list_node_animation.gif);
        background-repeat: no-repeat;
        height: 16px;
    }

/*
 * From: domainDesigner.css
 */
/* #domainDesigner_tables */

#domainDesigner_tables .header > .launcher {
    font-size: 12px;
    line-height: 26px;
    margin-top: 0;
}

#domainDesigner_tables .inputs > .primary > .content > .body {
    margin-top: 15px;
}

#domainDesigner_tables #destTablesColumn > .hasFooter > .footer > .control.checkBox {
    margin-top: 12px;
}

#domainDesigner_tables #sourceTablesColumn .header > .title {
    display: inline-block;
}

/* #domainDesigner_derivedTables */

#domainDesigner_derivedTables #fields {
    margin: 16px 0 16px 16px;
}

#domainDesigner_derivedTables #derivedTableDetailsPanel {
    margin: 16px 16px 16px 34px;
}

#domainDesigner_derivedTables #runQuery {
    margin-bottom: 15px;
}

#domainDesigner_derivedTables #error,
#domainDesigner_derivedTables #results {
    display: none;
}

#domainDesigner_derivedTables .error #error,
#domainDesigner_derivedTables .success #results {
    display: block;
}

#derivedTableDetailsPanel .footer > .button {
    margin-top: 4px;
}

/* joins */

#domainDesigner_joins .primaryLeft > .primary {
    margin-left: 0;
    right: 40%;
    min-width: 400px;
}

#domainDesigner_joins .primaryLeft > .secondary {
    width: 40%;
}

#domainDesigner_joins .list.tabular.fourColumn {
    min-width: 300px;
}

    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap > .column.one {
        width: 30%;
        line-height: 1.3em;
        margin: 4px 16px 4px 0;
        overflow: hidden;
        white-space: normal;
        word-wrap: break-word;
    }

    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap.header > .column.one,
    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap.header > .column.two {
        white-space: normal;
        line-height: 2.5em;
        margin-top: 0;
        margin-bottom: 0;
    }

    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap > .column.two {
        width: 29%;
        line-height: 1.3em;
        margin: 4px 16px 4px 0;
        overflow: hidden;
        white-space: normal;
        word-wrap: break-word;
    }

    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap > .column.three {
        width: 15%;
    }

    #domainDesigner_joins .list.tabular.fourColumn > li > .wrap > .column.four {
        line-height: 1.3em;
        margin-top: 4px;
        margin-left: 1%;
        top: 0;
        width: 14%;
    }

#domainDesigner_joins .pickWells > .sizer.vertical {
    display: block;
}

#domainDesigner_joins #pickWells {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#domainDesigner_joins #joins {
    position: absolute;
    top: 65%;
    right: 0;
    bottom: 0;
    left: 0;
}

#domainDesigner_joins #joinTabSet {
    font-size: 12px;
    position: absolute;
    top: 6px;
    left: 12px;
}

#domainDesigner_joins #joinsPanel {
    margin: 16px 16px 16px 16px;
    min-width: 300px;
    width: 40%;
}

#domainDesigner_joins #joins .list.tabular.fourColumn {
    min-width: 400px;
}

    #domainDesigner_joins #joins .list.tabular.fourColumn .column.one,
    #domainDesigner_joins #joins .list.tabular.fourColumn .column.two {
        width: 37%;
    }

    #domainDesigner_joins #joins .list.tabular.fourColumn .column.three,
    #domainDesigner_joins #joins .list.tabular.fourColumn .column.four {
        width: 11%;
    }

    #domainDesigner_joins #joins .list.tabular.fourColumn .column.four {
        text-align: center;
    }

/* #domainDesigner_calculatedFields */

#domainDesigner_calculatedFields #fields {
    margin: 16px 0 16px 16px;
}

#domainDesigner_calculatedFields #calculatedFieldsPanel {
    margin: 16px 16px 16px 34px;
}

#domainDesigner_calculatedFields #display .column.decorated.primary .footer > button {
    margin-top: 4px;
}

#domainDesigner_calculatedFields #deleteField {
    float: right;
}

/* pre-filters */

#domainDesigner_filters #fields {
    margin: 16px 0 16px 16px;
}

#domainDesigner_filters #filters {
    margin: 16px 16px 16px 34px;
}

#domainDesigner_filters #preFilters .panel.filter .select {
    margin: 0 10px 0 0;
    width: auto;
}

/* targets Chrome and Safari only */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #domainDesigner_filters #preFilters .panel.filter .select {
        margin-bottom: 9px;
    }
}

#domainDesigner_filters .dialog.inlay.filter > .content > .body > .column.two.pickWells .wrap {
    left: auto;
    position: relative;
}

#domainDesigner_filters #preFilters #comparisonType {
    margin-top: 2px;
}

#domainDesigner_filters .list.tabular.filters.twoColumn .wrap > .column.two > .actions {
    display: block;
    text-align: right;
    position: relative;
}

#domainDesigner_filters .list.tabular.filters.twoColumn .wrap > .column.two > .lock {
    float: left;
    display: inline-block;
}

#domainDesigner_filters .control.pickWells > .control.availableValues
.availableValues.button {
    height: 71%;
    width: 99%;
}

#domainDesigner_filters #values.column.two .control.picker {
    *width: 240px;
    margin-top: 1px;
}

#domainDesigner_filters #filtersListId .leaf.editMode {
    *padding-bottom: 10px !important;
}

#domainDesigner_filters #filtersListId #values label .selectedValues {
    height: 131px;
}

#domainDesigner_filters #filtersListId #values .control.select.inline select {
    width: auto !important;
}

/* targets Chrome and Safari only */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #domainDesigner_filters .control.pickWells > .control.availableValues .availableValues.button {
        top: 45px;
        bottom: -9px;
        overflow: auto;
    }

    #domainDesigner_filters #filtersListId #values label .selectedValues {
        height: auto;
        top: 19px;
        bottom: -9px;
        overflow: auto;
    }
}

/* end Chrome and Safari styles */


/* #domainDesigner_display */

#domainDesigner_display #properties > .content > .body {
    padding: 0 8px;
}

#domainDesigner_display #setsAndItems > .content > .body {
    overflow: hidden;
}

#domainDesigner_display #properties {
    margin: 16px 16px 16px 30px;
}

#domainDesigner_display #setsAndItems > .content > .body > .moveButtons {
    padding-top: 10px;
}

    #domainDesigner_display #setsAndItems > .content > .body > .moveButtons > .toTop {
        margin-top: 0;
    }

#domainDesigner_display #setsAndItems > .content > .body {
    overflow: hidden;
}

#domainDesigner_display #setsAndItems .footer > .button,
#domainDesigner_display #properties .footer > .button {
    margin-top: 4px;
}

.usedResources {
    border: 1px solid #e3e3e3;
    margin: 15px 4px;
}

    .usedResources th {
        background-color: #edf2f8;
        border-bottom: 1px solid #e3e3e3;
        padding: 6px;
        text-align: left;
    }

    .usedResources td {
        border-bottom: 1px solid #e3e3e3;
        padding: 6px;
    }

/*
 * From: home.css
 */

#home_admin .column.home > .content > .body,
#home_manage .column.home > .content > .body {
    background-color: #fff;
    background-image: none;
}

.home #buttons {
    margin: 0 auto;
    width: 700px;
}

.home #viewReports > .icon {
    background-position: left -938px;
}

.home #createView > .icon {
    background-position: left -1395px;
}

.home #createReport > .icon {
    background-position: left -1157px;
}

.home #manageServer > .icon {
    background-position: 5px -1649px;
}

.home #manageUsers > .icon {
    background-position: left top;
}

.home #manageRoles > .icon {
    background-position: left -248px;
}

.home #browseRepo > .icon {
    background-position: left -490px;
}

.home #manageOLAP > .icon {
    background-position: left -716px;
}

.home .row {
    margin-top: 60px;
    text-align: center;
}

    .home .row.bottom {
        margin-top: 14px;
    }

.home .panel.info.button.pressed h2 {
    color: #DC5717;
}

#home_user #manageServer {
    display: none;
}

#home_user #browseRepo,
#home_user #manageUsers,
#home_user #manageRoles,
#home_user #manageOLAP {
    display: none;
}

#home_admin #browseRepo,
#home_admin #manageUsers,
#home_admin #manageRoles,
#home_admin #manageOLAP {
    display: none;
}

#home_manage #analyzeResults,
#home_manage #viewReports,
#home_manage #createReports,
#home_manage #manageServer {
    display: none;
}

/*
 * From: licenseFailed.css
 */
#licenseFailed .primaryNav,
#licenseFailed #globalSearch,
#licenseFailed #userID,
#licenseFailed #main_logOut {
    display: none;
}

#licenseFailed #metaLinks li {
    border: none;
}


/* manage_users_and_roles */

/* this ruleset is for CE only */
#manage_users .twoColumn.manager > .primary.column,
#manage_roles .twoColumn.manager > .primary.column {
    margin-left: 0;
    margin-right: 1px;
}

#manage_users .twoColumn.manager .tertiary.column,
#manage_roles .twoColumn.manager .tertiary.column {
    border-left: 1px solid #e3e3e3;
}

#manage_roles #properties {
    min-width: 402px;
}

#properties #passwords,
#properties #editRoles,
#properties #editUsers,
#properties #save,
#properties #cancel,
#properties .hint,
#properties #availableRoles .minimize,
#properties #availableRoles .sizer {
    display: none;
}

#properties.editMode #passwords,
#properties.editMode #editRoles,
#properties.editMode #editUsers,
#properties.editMode .hint {
    display: block;
}

#properties.editMode #save,
#properties.editMode #cancel {
    display: inline;
}

#properties.editMode #edit,
#properties.editMode #loginAsUser,
#properties.editMode #delete,
#properties.editMode #attributes,
#properties.editMode #manageUsers,
#properties.editMode #manageRoles {
    display: none;
}

#manage_users #propertiesButtons,
#manage_roles #propertiesButtons,
#manage_orgs #propertiesButtons {
    white-space: normal;
}

#manage_users #display > .tertiary.column.decorated,
#manage_roles #display > .tertiary.column.decorated,
#manage_orgs #display > .tertiary.column.decorated {
    z-index: 1;
}


.nothingToDisplay #properties fieldset,
.nothingToDisplay #properties #edit,
.nothingToDisplay #properties #save,
.nothingToDisplay #properties #loginAsUser,
.nothingToDisplay #properties #delete,
.nothingToDisplay #properties #cancel,
.nothingToDisplay #properties #manageUsers,
.nothingToDisplay #properties #manageRoles {
    display: none;
}

#properties #delete {
    float: right;
}

#properties.editMode #editRoles {
    position: absolute;
    top: 375px;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 250px;
}

#properties #assignedView .searchLockup,
#properties #assigned .searchLockup,
#properties #available .searchLockup {
    margin: 0 3px 0 0;
    min-width: 0;
    width: auto;
    position: absolute;
    top: 2px;
    right: 0;
    left: 3px;
}

#properties #assignedViewList .leaf > .wrap {
    margin-right: 3px;
    margin-left: 3px;
}

#properties #assignedView .searchLockup > .wrap > input[type="text"],
#properties #assigned .searchLockup > .wrap > input[type="text"],
#properties #available .searchLockup > .wrap > input[type="text"] {
    height: 100%;
    width: 65%;
    margin-left: 3px;
    padding-top: 0;
}

#properties #assignedView .searchLockup > .wrap > input[type="text"] {
    width: 80%
}

#manage_roles #properties #attributes,
#properties.editMode #editUsers {
    position: absolute;
    top: 115px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    min-height: 250px;
}

    #properties.editMode #editUsers #available {
        margin: 0 26px 8px 0;
    }

    #properties.editMode #editUsers #assigned {
        margin: 0 0 8px 26px;
    }

#manage_roles #entitiesList .wrap .column.one {
    width: 60%;
    margin-right: 6px;
}

#userEnable,
#userExternal {
    margin-top: 4px;
}

/* START manage orgs, roles, users */

#manage_orgs .toolbar .node > .list.buttonSet,
#manage_roles .toolbar .node > .list.buttonSet {
    margin-right: 0;
}

#manage_users .column.primary .footer,
#manage_orgs .column.primary .footer,
#manage_roles .column.primary .footer {
    display: none;
}

#manage_users #availableList .icon.button,
#manage_users #assignedList .icon.button,
#manage_roles #availableList .icon.button,
#manage_roles #assignedList .icon.button {
    display: none;
}

#manage_users #availableList .wrap.button,
#manage_users #assignedList .wrap.button,
#manage_roles #availableList .wrap.button,
#manage_roles #assignedList .wrap.button {
    padding-left: 10px;
}

#manage_orgs #properties,
#manage_users #properties {
    min-width: 420px;
}


/* fix to Properties panel / Horizontal scroll bar not showing on IE (see bug 45034)*/
@media screen\0 {
    .column.tertiary .node {
        overflow: visible;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .column.tertiary .node {
        overflow: visible;
    }
}


/*
 * From: messageDetail.css
 */
#messageDetail .column.showingToolBar .message {
    margin-top: 30px;
    margin-left: 200px;
}

/*
 * From: misc.css
 */
#assignedViewList .last .separator {
    display: none;
}

/* Fixing highlighting on touch for iPad */
#mainNavigation, input, .button, .leaf, .list, .column, .content {
    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}

    #mainNavigation.horizontal li {
        margin: 0;
    }

#permissionsContent > .scrollWrapper, #filtersPanel .scrollWrapper {
    width: 100%; /* Use this style if useTransform is disabled. This will affect horizontal swipe scroll*/
}

/* Custom file upload input (see bug 24261)*/
.fakeFileUpload input[type='file'] {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: auto;
    right: 0;
    cursor: pointer;
}

.fakeFileUpload input[readonly] {
    border: 1px solid #C1C1C1;
    border-top-color: #848484;
    border-bottom-color: #E1E1E1;
}

.fakeFileUpload input[disabled] {
    background: #F0F0F0 url("images/input_bkgd.png") repeat-x;
}

#swfExport {
    overflow-y: hidden;
}

.swfExport {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 37px;
    height: 100%;
    width: 100%;
}

.swfWrapper {
    z-index: 0;
}

#swfExport > #frame {
    bottom: 38px;
}


/* nothingToDisplay */

#nothingToDisplay.info > .content > .body > .message {
    background-color: #fff;
    border: 1px solid #D3D2D2;
    margin: 10px 0;
    padding: 28px 8px;
    text-align: center;
}


/* SERVER SETTINGS: OLAP, AD HOC, AWS, LOG, IMPORT, EXPORT */

#settings .list.settings .column.simple.primary {
    left: 4px;
    width: 580px
}

#settings .list.settings .column.simple.secondary {
    border-right: none;
    width: auto;
}

#settings .pane > .content {
    border-bottom: 1px solid #e3e3e3;
}

#settings .pane.settings .control.input.text > .wrap {
    margin: 6px 0 0 8px;
}

#settings .export-view {
    min-width: 810px;
    width: 80%;
}

#serverSettingsMenu .footer {
    display: none;
}

#serverSettingsMenu .content.hasFooter .body {
    bottom: 0;
}

#analysisOptions #settings > .content.hasFooter > .footer,
#logSettings #settings > .content.hasFooter > .footer,
#designerOptions #settings > .content.hasFooter > .footer,
#awsOptions #settings > .content.hasFooter > .footer {
    /* hide footer on select settings pages */
    display: none;
}

#analysisOptions #settings > .content.hasFooter > .body,
#logSettings #settings > .content.hasFooter > .body,
#designerOptions #settings > .content.hasFooter > .body,
#awsOptions #settings > .content.hasFooter > .body {
    /* hide footer on select settings pages */
    bottom: 0;
}

#analysisOptions .pane.settings .header,
#designerOptions .pane.settings .header,
#awsOptions .pane.settings .header {
    display: inline-block;
    height: auto;
    width: 520px;
    margin-top: 8px;
}

    #analysisOptions .pane.settings .header .title,
    #designerOptions .pane.settings .header .title,
    #awsOptions .pane.settings .header .title {
        font-size: 11px;
        font-weight: bold;
        line-height: 16px;
        max-width: 100%;
        white-space: normal;
        width: 100%;
    }

#awsOptions .pane.settings .control.checkBox {
    margin-top: 6px;
}

#awsOptions .pane.settings .control.text input {
    margin-left: 8px;
    max-width: 450px;
    width: 450px;
}

#awsOptions .pane.settings .body {
    padding-top: 0;
}

#awsOptions #settings .list.settings .column.simple.secondary {
    width: 60%
}

#awsOptions .pane.settings .control.input.text .wrap {
    line-height: 16px;
    margin: 4px 4px 4px 8px;
    max-width: 450px;
}

#awsOptions .list.settings .column.simple.primary {
    margin-bottom: 6px;
}

#logSettings .list.threeColumn {
    min-width: 800px;
}

    #logSettings .list.threeColumn .wrap .column.one,
    #logSettings .list.threeColumn .wrap .column.two {
        display: inline-block;
        line-height: 1.6em;
        margin: 6px 16px 6px 0;
        white-space: normal;
        width: 40%;
        word-wrap: break-word;
    }

    #logSettings .list.threeColumn .wrap .column.three {
        display: inline-block;
        width: 15%;
    }

        #logSettings .list.threeColumn .wrap .column.three > select {
            width: auto;
        }

/* importDataFile */

#importDataFile #fileUploadForm {
    margin: 24px;
    width: 400px;
}

#importDataFile #uploadFile {
    height: 22px;
    width: 100%;
}

#importDataFile .inputSet .leaf > .inputSet .leaf {
    overflow: hidden;
    padding: 3px 17px 0 17px;
}

#secretKey .control.radio.twoLine {
    margin-bottom: 10px;
}

    #secretKey .control.radio.twoLine > .wrap {
        line-height: 16px;
    }

#secretKey .button.action {
    top: -1px;
}

    #secretKey .button.action > .wrap {
        margin-left: 0;
    }

#secretKey .control.twoLine .control.inline input {
    margin-top: 2px;
}

/* exportDataFile */

#exportDataFile .body div > fieldset {
    margin: 24px;
}

#exportDataFile #filenameId {
    width: 300px;
}

#selectRolesUsers {
    margin: 4px;
    width: 750px;
    height: 220px;
    -webkit-user-select: none; /* webkit only*/
}

    #selectRolesUsers .selectedRoles {
        margin-right: 8px;
    }

    #selectRolesUsers input[type=text] {
        height: 20px;
        width: 320px;
    }


/* REPORT OPTIONS */

#reportOptions_edit #stepDisplay .row.inputs .group {
    width: 50%;
}

#reportOptions_edit #stepDisplay .column.primary .header {
    height: 45px;
    overflow: hidden;
}

    #reportOptions_edit #stepDisplay .column.primary .header > .title {
        line-height: normal;
        height: auto;
    }

        #reportOptions_edit #stepDisplay .column.primary .header > .title > .path {
            display: block;
            margin-top: 3px;
        }

#reportOptions_edit #stepDisplay .column.primary .body {
    margin-top: 10px;
}


/* REPORT VIEWER */
#reportViewFrame {
    top: 40px;
}

#reportViewer .body.oneColumn > .header,
#reportViewer .body.twoColumn > .header {
    background-color: #fff;
    border-bottom: 2px solid #062e79;
    display: flex;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    height: 40px;
    /*min-width: 1025px;*/
}

    #reportViewer .body.oneColumn > .header > .title,
    #reportViewer .body.twoColumn > .header > .title {
        background-image: url(images/workflow_icons_sprite@05x.png);
        background-position: 0 -32px;
        background-repeat: no-repeat;
        background-size: 27px;
        color: #333333;
        flex: 0 1 auto;
        flex-wrap: nowrap;
        font-size: 22px;
        font-weight: normal;
        height: 38px;
        line-height: 38px;
        margin-left: 11px;
        margin-right: 24px;
        overflow: hidden;
        padding-left: 36px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #reportViewer .body.oneColumn > .header > .title,
    #reportViewer .body.twoColumn > .header > .title {
        background-image: url(images/workflow_icons_sprite@1x.png);
    }
}

#reportViewer .body.oneColumn > .header > .refresh,
#reportViewer .body.twoColumn > .header > .refresh {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex: 0 1 auto;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    margin-top: 6px;
}

#reportViewer #reportPartsContainer {
    display: flex;
    flex-wrap: nowrap;
}

#reportViewer #dataTimestampMessage {
    font-size: 11px;
    float: left;
}

#reportViewer .toolbar {
    /*border-top: 1px solid #fff;*/
    height: 32px;
    height: -webkit-fill-available;
    min-width: 1025px;
}

#reportViewer .toolsRight {
    float: right;
    height: 31px;
    margin-bottom: 0;
    margin-right: 3px;
}

#reportViewer .control.zoom,
#reportViewer .control.search,
#reportViewer .control.paging {
    float: left;
    height: 100%;
    margin: 0;
    width: auto;
}

    #reportViewer .control.zoom .button.action,
    #reportViewer .control.search .button.action,
    #reportViewer .control.paging .button.action {
        min-height: 31px;
        width: 28px;
    }

    #reportViewer .control.paging > .button.action > .wrap,
    #reportViewer .control.zoom > .button.action > .wrap,
    #reportViewer .control.search > .button.action > .wrap {
        left: 2px;
    }

#reportViewer .toolsRight .button.action.up.over,
#reportViewer .toolsRight .button.action.up.pressed,
#reportViewer .toolsRight .button.action.down,
#reportViewer .toolsRight .button.action.down.over,
#reportViewer .toolsRight .button.action.down.pressed {
    background-color: #566471; /* tci dark blue */
}


#reportViewer .control.search .textPlus {
    margin-right: 0
}

/* #reportViewer #reportViewFrame > .content > .header {
    height: auto;
    border-bottom: none;
    min-width: 1025px;
} */

#reportViewer.twoColumn #inputControls,
#reportViewer #display.controlPage #controls,
#reportViewer #display.controlPage > .header > .title,
#reportViewer.twoColumn #controls,
#reportViewer.controlPage #inputControls {
    display: none;
}

/* #reportViewer #dataTimestampMessage {
    font-size: 10px;
    float: left;
    margin-top: 8px;
    margin-left: 24px;
}  */

/* pagination and zoom controls containers */

#reportViewer .control.zoom .input,
#reportViewer .control.search .input,
#reportViewer .control.paging .input {
    top: 4px;
}

    #reportViewer .control.paging .input .wrap {
        display: inline;
    }

#reportViewer #asyncIndicator {
    float: left;
}

#reportViewer .toolbar > .buttonSet {
    float: left;
    height: 31px; /* 1px shorter than height because of top white border */
    margin-right: 10px;
}

#reportViewer .toolbar .button.capsule {
    margin-right: 2px;
    margin-left: 2px;
}

#reportViewer .toolbar > .list.buttonSet .list.buttonSet {
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
}

/*
#reportViewer .toolbar .button.disabled .icon,
#reportViewer .toolbar .button[disabled] .icon {
    opacity: 0.6 !important;
}
*/

#reportViewer .header .toolbar .buttonSet .leaf {
    float: left;
}

#reportViewer #viewerToolbar .buttonSet .button .icon {
    background-image: url(images/button_action_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-size: 240px;
}

/* 2x BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #reportViewer #viewerToolbar .buttonSet .button .icon {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Google Chrome only
       To address discrepancy in rendering between PC and Mac WebKit */

    #reportViewer #viewerToolbar .buttonSet .button {
        margin-top: 0;
    }
}

/* buttons with drop menus have no background color change when pressed */
#reportViewer .toolbar #fileOptions.pressed,
#reportViewer .toolbar #export.pressed {
    background-color: #0081cb;
}

/* viewer toolbar sprite positions */
#reportViewer .toolbar #fileOptions .icon {
    background-position: 3px -359px;
}

#reportViewer .toolbar #fileOptions.over .icon,
#reportViewer .toolbar #fileOptions.pressed .icon {
    background-position: -26px -359px;
}

#reportViewer .toolbar #export .icon {
    background-position: 3px -390px;
}

#reportViewer .toolbar #export.over .icon,
#reportViewer .toolbar #export.pressed .icon {
    background-position: -27px -390px;
}

#reportViewer .toolbar #undo .icon {
    background-position: 4px -450px;
}

#reportViewer .toolbar #undo.over .icon,
#reportViewer .toolbar #undo.pressed .icon,
#reportViewer .toolbar #undo:active .icon {
    background-position: -26px -450px;
}

#reportViewer .toolbar #redo .icon {
    background-position: 5px -480px;
}

#reportViewer .toolbar #redo.over .icon,
#reportViewer .toolbar #redo.pressed .icon,
#reportViewer .toolbar #redo:active .icon {
    background-position: -25px -480px;
}

#reportViewer .toolbar #undoAll .icon {
    background-position: 4px -510px;
}

#reportViewer .toolbar #undoAll.over .icon,
#reportViewer .toolbar #undoAll.pressed .icon {
    background-position: -26px -510px;
}

#reportViewer .toolbar #ICDialog .icon {
    background-position: -55px -29px;
}

#reportViewer .toolbar #ICDialog.over .icon,
#reportViewer .toolbar #ICDialog.pressed .icon,
#reportViewer .toolbar #ICDialog.down .icon {
    background-position: -85px -29px;
}

#reportViewer .toolbar #bookmarksDialog .icon {
    background-position: -55px -269px;
}

#reportViewer .toolbar #bookmarksDialog.over .icon,
#reportViewer .toolbar #bookmarksDialog.pressed .icon {
    background-position: -85px -269px;
}


#reportViewer #asyncCancel {
    background-color: #566471; /* tci dark blue */
    height: 28px;
    margin-left: 10px;
    padding: 0 8px;
    width: auto;
}

    #reportViewer #asyncCancel.button .icon {
        background-image: none;
        border: 4px solid rgba(255, 255, 255, 0.2);
        border-top-color: white;
        border-radius: 50%;
        display: inline-block;
        height: 16px;
        margin: 0;
        top: 6px;
        width: 16px;
        z-index: 7000;
        -webkit-animation: spin 1s infinite linear;
        -moz-animation: spin 1s infinite linear;
        -ms-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        background-size: 120%;
    }

#asyncCancel.button .wrap {
    color: #fff;
    font-size: 12px;
    padding-left: 30px;
}

#reportViewer #asyncCancel.button[disabled] .icon {
    background-image: none;
}

/* disabled */
#reportViewer .toolbar #ICDialog[disabled] .icon {
    background-position: -37px -173px;
}

#reportViewer .toolbar .list.buttonSet #back.button .icon {
    background-image: none;
}

#reportViewer .toolbar .list.buttonSet > .list.buttonSet:first-of-type {
    margin: 0;
    border-right: 1px solid #cdcdcd;
}

#reportViewer .list.buttonSet > .node {
    border-left: 1px solid #fff;
    border-right: 1px solid #cdcdcd;
}

    #reportViewer .list.buttonSet > .node.conditional {
        border-right: none;
    }

        #reportViewer .list.buttonSet > .node.conditional > .list.buttonSet {
            border: none;
            position: relative;
        }

        #reportViewer .list.buttonSet > .node.conditional.first {
            border-left: none;
        }

            #reportViewer .list.buttonSet > .node.conditional.first > .list.buttonSet {
                margin-left: 0;
                margin-right: 0;
            }

        #reportViewer .list.buttonSet > .node.conditional #controls {
            margin: 0 0 0 4px;
        }

        #reportViewer .list.buttonSet > .node.conditional #ICDialog {
            margin-right: 4px;
        }


        #reportViewer .list.buttonSet > .node.conditional.second .buttonSet > .leaf {
            margin-right: 6px;
        }

#reportViewer .toolbar .button.capsule {
    border: none;
}

#reportViewer .toolbar #back {
    padding: 0 6px;
}

    #reportViewer .toolbar #back .wrap {
        line-height: 32px;
    }

#reportViewer .list.buttonSet > .node.conditional.second {
    border-left: none;
}

#reportViewer #dataRefreshButton {
    border: none;
    height: 28px;
    margin-left: 6px;
}

    #reportViewer #dataRefreshButton .wrap {
        background: none;
        height: 21px;
    }

    #reportViewer #dataRefreshButton .icon {
        background-image: url(images/button_action_icons_sprite@1x.png);
        background-repeat: no-repeat;
        background-size: 240px;
        background-position: -54px -239px;
        width: 100%;
    }

/* 2x BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #reportViewer #dataRefreshButton .icon {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

#reportViewer #dataRefreshButton.up.over .icon,
#reportViewer #dataRefreshButton.up.pressed .icon {
    background-position: -84px -239px;
}

#reportViewer .twoColumn .primary.column {
    left: 300px;
}

#reportViewFrame.column.decorated > .content {
    overflow-x: auto;
}

    #reportViewFrame.column.decorated > .content > .body {
        min-width: 950px;
        overflow-x: auto;
        top: 60px !important;
        margin-top: 0;
        background-color: #ffffff !important;
    }

#reportViewFrame .header > .list.buttonSet {
    height: 28px;
    margin-left: 10px;
}

div.body.swipeScroll {
    position: absolute !important;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #reportViewer > #frame > .content > .body.twoColumn > .primary.column.decorated {
        left: 300px;
    }
}

#reportViewer.nothingToDisplay .report,
#reportViewer.nothingToDisplay .control.paging {
    display: none;
}

#reportViewer #display.controlPage .primary.column {
    display: none;
}

#reportViewer #display.controlPage .secondary.column {
    width: auto;
    left: 0;
    right: 0;
}

    #reportViewer #display.controlPage .secondary.column .sizer,
    #reportViewer #display.controlPage .secondary.column .minimize {
        display: none;
    }

        #reportViewer #display.controlPage .secondary.column .sizer.vertical {
            display: block;
        }

#reportViewer #display.controlPage .list.inputControls {
    width: 300px;
    margin-left: 20px;
}

#reportViewer #reportContainer {
    margin-top: 2px; /* prevents report from overlapping toolbar */
}

#reportContainer div {
    text-align: left;
}

#reportContainer table,
#reportContainer tbody,
#reportContainer tfoot,
#reportContainer thead,
#reportContainer tr,
#reportContainer th,
#reportContainer td {
    /* resets for rendered reports */
    font-size: 1%;
    vertical-align: top;
    line-height: normal;
    text-align: left;
}

#reportContainer .column {
    position: static;
}

#reportContainer #innerPagination td,
#reportContainer #innerPagination input {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

#reportContainer #innerPagination input {
    text-align: right;
    width: 40px;
}

/* inputControls - left panel */
#reportViewer .twoColumn .secondary.column {
    border-right: 1px solid #fff;
    min-width: 250px;
    top: 40px;
    width: 300px;
    z-index: 1;
}

#reportViewer .twoColumn #inputControlsForm.minimized {
    background-color: #d6d5d5;
    border-right: none;
}

    #reportViewer .twoColumn #inputControlsForm.minimized .button.minimize {
        background-position: -57px -202px;
        width: 24px;
    }

    /* panel type icon shown in minimized panel*/
    #reportViewer .twoColumn #inputControlsForm.minimized > .icon.minimize {
        background-image: url(images/button_action_icons_sprite@1x.png);
        background-repeat: no-repeat;
        background-size: 240px;
        cursor: pointer;
        height: 32px;
        width: 24px;
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #reportViewer .twoColumn #inputControlsForm.minimized > .icon.minimize {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

#reportViewer .twoColumn #inputControlsForm.minimized > .icon.minimize {
    background-position: -57px -24px;
    /*background-position: -118px -474px; new form check icon */
}

#reportViewer .twoColumn #inputControlsForm.minimized .vtitle {
    display: none !important;
}
/* ELEMENT REPLACED BY .icon.minimize */

#reportViewer #inputControlsForm .button.minimize {
    background-color: #999999;
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-position: -61px -172px;
    background-size: 80px;
    display: inline-block;
    height: 32px;
    margin-top: 0;
    width: 14px;
    z-index: 10;
}
/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    #reportViewer #inputControlsForm .button.minimize {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

#reportViewer #inputControlsForm > .content > .header {
    background-color: #d6d5d5;
    border-bottom: 0;
    height: 32px;
}

    #reportViewer #inputControlsForm > .content > .header > .title {
        color: #333333;
        display: inline-block;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: normal !important;
        height: 32px;
        line-height: 32px;
        margin-left: 11px;
        overflow: hidden;
        vertical-align: top;
    }

#reportViewer #inputControlsForm > .content.hasFooter > .footer {
    align-items: center;
    background-color: #f7f7f7;
    display: flex;
    height: 38px;
    padding: 0 8px;
}

/*
 * blank canvas messages
 */
#reportViewer .topOfPage ~ div > #nothingToDisplay {
    top: 10px !important;
}


#reportViewer #nothingToDisplay {
    align-self: center;
    display: flex;
    height: auto !important;
    justify-content: center;
    margin: 0 !important;
    position: relative !important;
    top: 100px !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 99% !important;
}

    #reportViewer #nothingToDisplay .content {
        background-color: #f7f7f7;
    }

    #reportViewer #nothingToDisplay .message {
        background-color: transparent;
        border: none;
        color: #666;
        display: block;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 18px;
        padding: 22px;
    }

#reportViewer .nothingToDisplay .message-text {
    display: block;
    font-weight: normal;
    line-height: 1.4;
}

#reportViewer .nothingToDisplay .message > .icon {
    display: block;
}

/* inputControls - savedValues display case */
#reportViewer #inputControls.showingSubHeader > .content > .header > .sub.header,
#reportViewer #inputControlsForm.showingSubHeader > .content > .header > .sub.header {
    height: 40px;
    padding: 6px 10px;
    border-bottom: 1px solid #E0E0E0;
}

#reportViewer #inputControlsForm.showingSubHeader.column.secondary > .content > .header > .sub.header {
    background-color: #f7f7f7;
}

#reportViewer #inputControlsForm .sub.header {
    height: 40px;
    padding: 6px 10px;
    border-bottom: none;
}

#reportViewer #inputControlsForm > .content > .body {
    padding: 8px;
    top: 32px;
}

#reportViewer #inputControlsForm.minimized {
    min-width: 0;
}

#reportViewer #inputControlsForm > .content > .footer > .button {
    margin-top: 0;
}

#reportViewer #inputControls.showingSubHeader > .content > .body,
#reportViewer #inputControlsForm.showingSubHeader > .content > .body {
    margin-top: 40px;
}

#reportViewer #inputControlsForm .sub.header .control.select {
    margin: 0;
}

#reportViewer #inputControlsForm .control.select.multiple .sizer.vertical span {
    position: relative;
    left: 45%;
}

#reportViewer .calendar {
    z-index: 1000 !important;
}

#reportViewer #reportOptionsSelect {
    width: auto;
    max-width: 98%;
    margin-left: 0;
}

#reportViewer .saveAs > .content > .body .groupBox {
    top: 170px;
    right: 18px;
    left: 18px;
}

/* Top of page input controls */
#reportViewFrame .topOfPage .warning {
    float: left;
}


/* Inner pagination of report. Used always in dashboards and optional in view report */
#innerPagination {
    display: table;
    margin: 0 auto;
}

    #innerPagination .currentPage {
        text-align: right;
        width: 30px;
    }

    #innerPagination .button > .wrap > .icon {
        background-image: url("images/inner_pagination_sprite.png");
        height: 15px;
        width: 15px;
    }

    #innerPagination .button > .wrap {
        height: 12px;
        width: 15px;
    }

    #innerPagination .toLeft .wrap > .icon {
        background-position: 0 -2px;
    }

    #innerPagination .left .wrap > .icon {
        background-position: 0 -16px;
    }

    #innerPagination .right .wrap > .icon {
        background-position: 0 -44px;
    }

    #innerPagination .toRight .wrap > .icon {
        background-position: 0 -30px;
    }

    #innerPagination .toLeft[disabled] .wrap > .icon {
        background-position: -15px -2px;
    }

    #innerPagination .left[disabled] .wrap > .icon {
        background-position: -15px -16px;
    }

    #innerPagination .right[disabled] .wrap > .icon {
        background-position: -15px -44px;
    }

    #innerPagination .toRight[disabled] .wrap > .icon {
        background-position: -15px -30px;
    }

div#reportPartsContainer span {
    line-height: 22px !important;
    min-width: auto !important;
    padding: 0 12px !important;
}

div#reportPartsContainer span {
    font-weight: bold !important;
}

/* END Tabbed Reports overrides */


/* REPORT TABLE OF CONTENTS TABS */
#reportPartsController {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    padding-right: 3px;
    top: 0;
}

#reportPartsContainer .reportPart {
    border: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 22px;
    margin: 0 2px;
    min-width: 60px;
    position: relative;
    top: 6px;
    white-space: nowrap;
    zoom: 1;
}

    #reportPartsContainer .reportPart.active {
        background-color: #062e79;
        border-bottom: transparent;
    }

    #reportPartsContainer .reportPart.over span {
        color: #566471;
    }

    #reportPartsContainer .reportPart span {
        color: #666;
        display: block;
        font-size: 14px;
        height: 100%;
        line-height: 32px;
        min-width: 60px;
        padding: 0 12px;
        text-align: center;
        width: auto;
    }

    #reportPartsContainer .reportPart.active span {
        color: #fff;
    }

#reportPartsContainer .control.search {
    height: 28px;
    margin-top: 6px;
}

    #reportPartsContainer .control.search .button.action {
        height: 28px;
    }

#reportPartsContainer .button.action.up.over {
    background-color: #566471;
}


/* Repository */

#repoBrowse #resultsContainer {
    z-index: 0;
}

#repoBrowse .toolbar .node > .list.buttonSet {
    margin-right: 0;
}

#repoBrowse #results .toolbar {
    border-top: none;
    display: none;
}

#repoBrowse #results div.subheader {
    background: transparent;
    z-index: 1;
    position: relative;
}

#repoSearch .list.tabular.fourColumn,
#repoBrowse .list.tabular.fourColumn {
    min-width: 0;
}

#repoBrowse #filters,
#repoBrowse #frame .searchLockup,
#repoBrowse .primary.column .sub.header {
    display: none;
}

#resultsListHeader {
    margin-top: 0;
}

#repoBrowse #resultsListHeader {
    margin-top: 1px;
}

#repoBrowse #sortMode #relevance {
    display: none;
}

#repoBrowse > #frame > div.content > #display > div.column.primary,
#repoSearch > #frame > div.content > #display > div.column.primary {
    min-width: 500px !important;
}

#repoBrowse .column.primary > .content > .body {
    /*margin-top: 33px;*/
}

#repoBrowse .column.secondary > .content > .body {
    top: 27px;
}

#repoBrowse .resourceLabelID {
    word-wrap: break-word;
    margin-top: 6px;
    padding: 2px 3px;
    color: #333;
}

#resultsList ul.sublist p {
    color: #666 !important;
}

#resultsList ul.sublist li.selected p {
    color: #fff !important;
}

#resultsList .resources .column.resourceType {
    color: #666;
}

#resultsList .resources.selected > .wrap > .column.resourceType {
    color: #fff;
}

/* repoLibrary */
#repoLibrary {
    overflow-y: hidden;
}

    #repoLibrary #folders,
    #repoLibrary #filters {
        display: none;
    }

    #repoLibrary #sortMode {
        position: absolute;
        right: 1em;
        top: 7px;
    }

    #repoLibrary .column.primary > .content > .subheader .toolbar {
        display: none;
    }

    #repoLibrary .column.primary > .content > .body.showingSubHeader {
        margin-top: 28px;
    }

    #repoLibrary .column.secondary > .content > .body {
        top: 27px;
    }

/* repoSearch */
#repoSearch {
    overflow-y: hidden;
}

    #repoSearch .column.primary > .content > .subheader .toolbar {
        display: none;
    }

    #repoSearch .column.primary > .content > .body.showingSubHeader {
        margin-top: 28px;
    }

    #repoSearch .column.secondary > .content > .body {
        top: 27px;
        bottom: 0;
    }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #repoBrowse .list.resources .column.two {
        width: 77%;
    }

    #repoBrowse .list.resources .column.three {
        right: 0;
        width: 15%
    }

    #repoBrowse .column.four {
        display: none;
    }

    #repoLibrary .list.resources .column.two {
        width: 77%;
    }

    #repoLibrary .list.resources .column.three {
        right: 0;
        width: 15%
    }

    #repoLibrary .column.four {
        display: none;
    }
}

/*
 * From: savedValues.css
 */
#savedValuesSelector {
    margin-left: 20px;
    width: 95%;
}

    #savedValuesSelector select {
        display: block;
        margin: 8px 0 0;
        max-width: 95%;
    }

#savedValuesSelectorOnPupup {
    margin-left: 50px;
    width: 75%;
}

    #savedValuesSelectorOnPupup select {
        display: block;
        margin: 8px 0 0;
        width: 100%;
    }

/* *************************************************************************************** */
/* *************************************************************************************** */
/*          SCHEDULER (scheduler, Scheduler)     BEGIN            */

.schedulerApp .nothingToDisplay {
    top: 37%;
    left: 30%; /* fallback for older browsers */
    left: calc(50% - 300px);
    min-width: 600px;
    overflow: hidden;
    margin: 0;
    padding: 28px 8px;
    text-align: center;
}

.schedulerApp .list.jobs .action.over,
.schedulerApp .list.jobs .action.pressed,
.schedulerApp .list.jobs .action.square.over,
.schedulerApp .list.jobs .action.square.pressed {
    background-color: transparent;
}

.schedulerApp .singleReportView > .content > .body {
    top: 84px;
}

.schedulerApp .singleReportView > .content > .subheader {
    top: 29px;
}

.schedulerApp .singleReportView .list {
    margin-top: 0;
}

.schedulerApp .masterView > .content > .body {
    top: 55px;
}

.schedulerApp .masterView .list {
    margin-top: 0;
}

.schedulerApp .masterView .body > .list.jobs .wrap {
    height: 48px;
}

.schedulerApp .masterView .content > .subheader .wrap {
    margin-right: 15px;
}

/* Columns position */

.schedulerApp .singleReportView .list .column.one {
    width: 6%;
}

.schedulerApp .singleReportView .list .column.two {
    width: 37%;
}

.schedulerApp .singleReportView .list .column.three {
    width: 10%;
}

.schedulerApp .singleReportView .list .column.four {
    width: 30%;
}

.schedulerApp .singleReportView .list .column.five {
    width: 16%;
}

.schedulerApp .masterView .list .column.one {
    width: 23%;
}

.schedulerApp .masterView .list .column.two {
    width: 23%;
}

.schedulerApp .masterView .list .column.three {
    width: 19%;
}

.schedulerApp .masterView .list .column.four {
    width: 18%;
}

.schedulerApp .masterView .list .column.five {
    width: 16%;
}


.schedulerApp .list .column.one {
    height: 100%;
    padding-left: 10px;
}

.schedulerApp .list .column.two {
    height: 100%;
}

.schedulerApp .list .column.five {
    padding-left: 20px;
}

/* define vertical position of the icons */
.schedulerApp .list.header .column.five {
    padding-top: 0;
}

/* adjust position of the icons inside container */
.schedulerApp .list.jobs .jobEnabled {
    display: inline-block;
}

.schedulerApp .list.jobs .jobEnabled,
.schedulerApp .list.jobs .jobDelete,
.schedulerApp .list.jobs .jobEdit {
    float: right;
    width: auto;
}

.schedulerApp .list.jobs .jobEnabled {
    width: 120px;
    float: none;
}

.schedulerApp .list.jobs .jobDelete {
    margin-left: 18px;
}

.schedulerApp .masterView .body .list.jobs .jobEnabled {
    margin-top: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .schedulerApp .list.jobs .jobDelete,
    .schedulerApp .list.jobs .jobEdit {
        margin-top: 3px;
    }

    .schedulerApp .body .list.jobs .jobEnabled {
        margin-top: -1px;
    }

    .schedulerApp .masterView .body .list.jobs .jobEnabled {
        margin-top: 0;
    }
}

/* IE 9, 10 & 11 */
@media screen and (min-width: 0\0 ) {
    .schedulerApp .masterView .body .list.jobs .jobEnabled,
    .schedulerApp .body .list.jobs .jobDelete,
    .schedulerApp .body .list.jobs .jobEdit {
        margin-top: 4px;
    }

    .schedulerApp .singleReportView .body .list.jobs .jobEnabled {
        margin-top: 3px;
    }
}


/* Columns position End */

.schedulerApp .masterView .list.jobs .jobResource,
.schedulerApp .masterView .list.jobs .jobResourcePath,
.schedulerApp .masterView .list.jobs .jobName,
.schedulerApp .masterView .list.jobs .jobDescription,
.schedulerApp .masterView .list.jobs .jobID,
.schedulerApp .masterView .list.jobs .jobOwner {
    float: left;
}

.schedulerApp .masterView .list.jobs .jobResource,
.schedulerApp .masterView .list.jobs .jobName {
    font-weight: bold;
}

.schedulerApp .masterView .list.jobs .jobResourcePath,
.schedulerApp .masterView .list.jobs .jobDescription {
    width: 98%;
}

.schedulerApp .masterView .list.jobs .jobID {
    width: 50px;
}

.schedulerApp .masterView .list.jobs .jobState {
    width: 90px;
    float: right;
}

.schedulerApp .schedulerEditor > .content.hasFooter > .body {
    top: 66px;
    bottom: 38px;
}

/* applying the style below prevents the style from affecting the global search control */
.schedulerApp .scheduleTab .section .control,
.schedulerApp .outputTab .section .control,
.schedulerApp .scheduleTab .control.radio .datepicker,
.schedulerApp .outputTab .control.radio .datepicker {
    margin-bottom: 0;
    margin-top: 0;
}

.schedulerApp .schedulerEditor .body {
    padding: 24px 32px;
}

.schedulerApp .schedulerEditor .content .body .schedule_for {
    position: relative;
    border-bottom: 1px solid #D4D5D5;
}

.schedulerApp .schedulerEditor .body > fieldset > legend {
    display: block;
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 100%;
}

.schedulerApp .schedulerEditor .body > fieldset legend {
    left: 0;
}

/* START shared rules across scheduler tabs */
.schedulerApp .schedulerEditor #timeZone select,
.schedulerApp .schedulerEditor #outputLocale select {
    width: auto;
    min-width: 300px;
}

.schedulerApp .schedulerEditor input[type=text] {
    padding: 2px 3px;
}

.schedulerApp .schedulerEditor .warning.success {
    background-position: 2px -80px;
}

.schedulerApp .schedulerEditor input[type="text"]:disabled,
.schedulerApp .schedulerEditor input[type="password"]:disabled {
    background-image: none;
}

/* END shared rules across scheduler tabs */


/* START scheduler: schedule tab */

.schedulerApp .scheduleTab .neverFire {
    margin-top: 25px;
}

.schedulerApp .scheduleTab #recurrenceSelector select {
    width: auto;
    min-width: 150px;
}

.schedulerApp .scheduleTab #simpleRecurrence > label,
.schedulerApp .scheduleTab #simpleRecurrenceInterval label {
    width: 60px;
}

.schedulerApp .scheduleTab #simpleRecurrenceInterval input[type=text] {
    margin-top: 5px;
    margin-left: 0;
    padding: 2px 3px;
    width: 60px;
}

.schedulerApp .scheduleTab #simpleRecurrenceInterval select {
    display: inline;
    width: auto;
    min-width: 100px;
    margin-left: 12px;
}

.schedulerApp .scheduleTab #fixedRepeat,
.schedulerApp .scheduleTab #timestampSequence {
    top: 4px;
}

.schedulerApp .scheduleTab #scheduleEndSimple .leaf {
    margin-bottom: 6px;
}

.schedulerApp .scheduleTab #scheduleEndSimple legend {
    margin-bottom: 3px;
}

.schedulerApp .scheduleTab #scheduleEndSimple .message.warning,
.schedulerApp .scheduleTab #jobCommon .message.warning {
    margin-left: 6px;
}

.schedulerApp .scheduleTab #selectedMonths .message.warning,
.schedulerApp .scheduleTab #weekDays .message.warning {
    margin-top: 4px;
}

.schedulerApp .scheduleTab #simpleRecurrenceInterval .message.warning {
    position: absolute;
    margin-top: 3px;
}

.schedulerApp .scheduleTab #startOn .datepicker,
.schedulerApp .scheduleTab #calendarEnd .datepicker {
    width: 170px !important;
    margin-bottom: 3px;
}

.schedulerApp .scheduleTab #selectedMonths > .control.select,
.schedulerApp .scheduleTab #weekDays > .control.select {
    position: relative;
    left: 20px;
}

.schedulerApp .scheduleTab #selectedMonths,
.schedulerApp .scheduleTab #weekDays {
    padding-right: 20px;
}

.schedulerApp .scheduleTab #calendarRecurrence .list > .node {
    float: left;
    clear: none;
}

.schedulerApp .scheduleTab #calendarRecurrence .control.picker {
    clear: both;
}

    .schedulerApp .scheduleTab #calendarRecurrence .control.picker > .wrap {
        display: inline;
    }

    .schedulerApp .scheduleTab #calendarRecurrence .control.picker input {
        width: auto;
    }

.schedulerApp .scheduleTab #calendarRecurrence > .inputSet {
    overflow: hidden
}

/* this is only for giving layout to the inputSet container */

.schedulerApp .scheduleTab #calendarRecurrence .node {
    width: 220px;
    margin-right: 12px;
}

.schedulerApp .scheduleTab #calendarRecurrence .hint {
    white-space: normal;
    line-height: 1.182;
}

.schedulerApp .scheduleTab #repeatTimes > .group legend {
    margin-left: 0;
}

.schedulerApp .scheduleTab #repeatTimes .leaf {
    margin-bottom: 8px;
}

.schedulerApp .scheduleTab #repeatTimes input {
    width: 97%;
}

.schedulerApp .scheduleTab #days,
.schedulerApp .scheduleTab #repeatTimes .control.twoLine {
    margin-left: 12px;
}

.schedulerApp .scheduleTab #theMonthDays {
    width: 162px !important;
    margin-top: 0;
}

.schedulerApp .scheduleTab .warning.opened[data-field=ftpTest] {
    display: inline;
    margin-left: 20px;
}

.schedulerApp .scheduleTab .control.select.multiple {
    min-height: 64px;
}

.schedulerApp .scheduleTab .control.inline.text .hint,
.schedulerApp .scheduleTab .control.inline.text .warning {
    margin-left: 6px;
}

.schedulerApp .scheduleTab .holidayCalendar select {
    width: 240px;
}

    .schedulerApp .scheduleTab .holidayCalendar.disabled select,
    .schedulerApp .scheduleTab .holidayCalendar select.loading {
        opacity: 0.5;
    }

.schedulerApp .scheduleTab #startDate,
.schedulerApp .scheduleTab #calendarRepeat,
.schedulerApp .scheduleTab #selectedMonths_radio,
.schedulerApp .scheduleTab #weekDays_radio,
.schedulerApp .scheduleTab #monthDays_radio {
    top: 4px;
}

.schedulerApp .scheduleTab #calendarRecurrence .warning.message {
    white-space: normal;
}

/* END scheduler: schedule tab */


/* START scheduler: parameters tab */

.schedulerApp .parametersTab .inputControlsContainer {
    width: 400px;
}

.schedulerApp .parametersTab .saveCurrentValuesContainer {
    height: 28px;
    margin-top: 10px;
    position: relative;
}

.schedulerApp .parametersTab select {
    width: auto;
}

.schedulerApp .parametersTab [name=saveCurrentValuesButton] {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
}

/* END scheduler: parameters tab */


/* START scheduler: output tab */
.schedulerApp .outputTab .outputFileOptions {
    width: 500px;
}

.schedulerApp .outputTab #repositoryOutput,
.schedulerApp .outputTab #fileSystemOutput {
    width: 400px;
    -moz-box-sizing: border-box;
}

.schedulerApp .outputTab #ftpServerOutput {
    width: auto;
    margin-top: 20px;
}

.schedulerApp .outputTab #outputSize input[type="text"] {
    width: 40px;
}

.schedulerApp .outputTab #outputFormat .list.inputSet {
    overflow: hidden;
}

.schedulerApp .outputTab #outputFormat {
    width: 580px;
}

    .schedulerApp .outputTab #outputFormat > .list.inputSet > .leaf {
        clear: none;
        float: left;
        margin-right: 15px;
        width: 30%;
    }

    .schedulerApp .outputTab #outputFormat.dashboard > .list.inputSet > .leaf {
        clear: none;
        float: left;
        margin-right: 15px;
        width: 45%;
    }

.schedulerApp .outputTab .control .message.warning {
    margin-top: 3px;
}

.schedulerApp .outputTab #fileHandling .control.twoLine label.wrap {
    line-height: 20px;
    top: -2px;
}

.schedulerApp .outputTab #fileHandling input[type=text] {
    display: block;
}

.schedulerApp .outputTab #fileHandling .message.warning {
    margin-left: 6px;
}

.schedulerApp .outputTab #ftpServerOutput .list {
    overflow: hidden;
}

.schedulerApp .outputTab #ftpServerOutput .leaf {
    width: 400px;
    margin-right: 24px;
    clear: none;
    float: left;
}

.schedulerApp .outputTab .outputDestination .leaf > .control {
    margin-bottom: 10px;
    margin-top: 8px;
    margin-left: 20px;
}

    .schedulerApp .outputTab .outputDestination .leaf > .control.checkBox {
        margin-left: 0;
    }

.schedulerApp .outputTab .control.browser input {
    display: inline-block;
    width: 285px;
}

body.locale-de .schedulerApp .outputTab .control.browser input,
body.locale-es .schedulerApp .outputTab .control.browser input,
body.locale-fr .schedulerApp .outputTab .control.browser input,
body.locale-pt_BR .schedulerApp .outputTab .control.browser input {
    width: 240px;
}

.schedulerApp .outputTab .control.browser .button.action {
    margin-top: 3px;
}

.schedulerApp .outputTab .outputDestination .leaf > .control.inline.two {
    float: right;
    margin-left: 4px;
}

.schedulerApp .outputTab .outputDestination .control.select select {
    height: 26px;
}

.schedulerApp .outputTab label[for=ftpPort] {
    width: 85px;
}

.schedulerApp .outputTab label[for=scheduler_ftpProtocol] {
    width: 280px;
}

.schedulerApp .outputTab label[for=ftpPassword],
.schedulerApp .outputTab label[for=ftpUsername] {
    width: 183px;
}

.schedulerApp .outputTab .control.checkBox[data-ftp-type=sftp] {
    margin-top: 50px;
}

.schedulerApp .outputTab .control.text[data-ftp-type=sftp] {
    margin-top: 13px;
}


.schedulerApp .outputTab #testConnection {
    margin-left: 44px;
    margin-top: 0;
}

.schedulerApp .outputTab #ftpTestButton.checking,
.schedulerApp .outputTab #ftpTestButton.checking.over,
.schedulerApp .outputTab #ftpTestButton.checking.pressed {
    color: #aaa;
    background: url("images/button_action_sprite.png") repeat-x scroll 0 0 #d8dad7;
    cursor: default;
}

/* END scheduler: output tab */


/* START scheduler: notification tab */
.schedulerApp .notificationsTab #jobSuccess .group.first legend,
.schedulerApp .notificationsTab #jobNotification .group.first legend {
    margin-bottom: 18px;
}

.schedulerApp .notificationsTab #jobNotification {
    margin-top: 49px;
}

.schedulerApp .notificationsTab #failureIncludes .list.inputSet {
    margin-top: -4px;
}

/* schedule editor: notification tab end */

/* schedule save dialog: begin */

.jrs.schedulerSaveDialog .jr-mDialog-body .control.textArea {
    position: static;
    margin-bottom: 0;
    height: calc(100% - 87px);
}

    .jrs.schedulerSaveDialog .jr-mDialog-body .control.textArea textarea {
        height: 100%;
        min-height: 0;
    }

/* schedule save dialog: end */

/*          SCHEDULER (scheduler, Scheduler)     END                */
/* *************************************************************************************** */
/* *************************************************************************************** */


/*
 * From: serverError.css
 */
#serverError .flow .inputs {
    min-height: 0;
}

#serverError #stepDisplay {
    display: block;
    margin-left: 160px;
}

#serverError #frame {
    min-height: 325px;
}

#serverError .row.instructions {
    margin: 100px auto;
    border: 1px solid #d7d7d7;
    width: 400px;
}

#serverError .flow .inputs > .primary > .content > .body {
    bottom: 25px;
}

#serverError .flow .inputs > .primary > .content > .footer {
    height: 25px;
    padding: 0;
}

#serverError #completeStackTrace p,
#serverError #errorMessages p {
    margin-left: 20px;
}

#serverError #completeStackTrace p {
    white-space: pre;
}

#serverError #closeErrorPage.closeIcon {
    float: right;
    width: 19px;
    height: 19px;
    margin: 5px;
    background: url("images/dialogClose.png");
    cursor: pointer;
}

/*
 * From: systemError.css
 */
/* System error */
#systemError.anonymous .primaryNav,
#systemError.anonymous #globalSearch,
#systemError.anonymous #userID,
#systemError.anonymous #main_logOut {
    display: none;
}

#systemError.anonymous #help {
    border: none;
}


/*
  Export page - authority picker's custom select
*/

.authorityPicker {
    background-image: url("images/input_bkgd.png");
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #848484 #C1C1C1 #E1E1E1;
    border-style: solid;
    border-width: 0 1px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 46px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


    .authorityPicker > .list {
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        cursor: default;
    }

        .authorityPicker > .list.disabled {
            opacity: 1;
            /* this list is somehow getting a double-disabled effect;
       full opacity is required for item selections within
       this element to be visible */
        }

        .authorityPicker > .list > .leaf {
            padding: 0;
            display: block;
            overflow: visible;
        }

            .authorityPicker > .list > .leaf div {
                box-sizing: content-box; /* needed for proper vertical spacing */
                height: 16px;
                line-height: 16px;
                overflow: hidden;
                padding: 2px 6px 3px 6px;
                *padding: 2px 6px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .authorityPicker .highlighted {
        background-color: #efefef;
    }

        .authorityPicker .selected,
        .authorityPicker .highlighted.selected {
            background-color: #217eb5;
        }

    .authorityPicker .rightColumn {
        float: right;
    }

    .authorityPicker .leftColumn {
        *float: left;
    }

.selectedUsers .authorityPicker .leftColumn {
    width: 180px;
    margin-right: 4px;
    display: inline-block;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.selectedUsers .authorityPicker .rightColumn {
    display: inline-block;
    position: absolute;
    left: 200px;
    width: 146px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.selectBorder {
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    border: 1px none #C1C1C1;
    z-index: 10;
}

.upper {
    top: 0;
    border-top-color: #848484;
    border-top-style: solid;
}

.lower {
    bottom: 0;
    border-bottom-color: #E1E1E1;
    border-bottom-style: solid;
}

.notification {
    text-align: center;
}

    .notification.error > .message.warning,
    .notification.success > .message.warning {
        display: inline;
    }

/* User attributes view */

.nothingToDisplay #attributesTab {
    display: none;
}


#attributesTab.editMode {
    margin: 0;
    border: none;
}

#attributesTab > .attributesTable {
    position: relative;
    border: 1px solid #C0C0C0;
}

#attributesTab .list {
    border-left: 1px solid #FFFFFF;
}

    #attributesTab .list.tabular > li > .wrap {
        padding-left: 10px;
        overflow: visible;
    }

        #attributesTab .list.tabular > li > .wrap > .column {
            white-space: normal;
            text-overflow: ellipsis;
        }

            #attributesTab .list.tabular > li > .wrap > .column > .text {
                padding-right: 10px;
                line-height: 15px;
                margin: 6px 0;
            }

            #attributesTab .list.tabular > li > .wrap > .column > textarea {
                width: 95%;
                min-height: 0;
                line-height: 18px;
                height: 18px;
                margin: 5px 0 4px 0;
                padding: 0;
            }

        #attributesTab .list.tabular > li > .wrap.header {
            border-top: 1px solid #ffffff;
            background: #e1e9f3; /*fallback for non-CSS3 browsers*/
            background: -webkit-linear-gradient(#e1e9f3, #d4dee9); /*new webkit*/
            background: -moz-linear-gradient(#e1e9f3, #d4dee9); /*mozilla*/
            background: -ms-linear-gradient(#e1e9f3, #d4dee9); /*IE10*/
            background: -o-linear-gradient(#e1e9f3, #d4dee9); /*opera 11.10+*/
            background: linear-gradient(#e1e9f3, #d4dee9); /*future CSS3 browsers*/
        }

#attributesTab .header .attrName {
    border-right: 1px solid #C0C0C0;
}

#attributesTab .header .attrValue {
    padding-left: 8px;
    border-left: 1px solid #FFFFFF;
}

#attributesTab .list.items .attrName,
#attributesTab .list.tabular .attrName,
#attributesTab.editMode .list.items .attrValue,
#attributesTab.editMode .list.tabular .attrValue {
    border-right: 1px solid #E3E9EF;
}

#attributesTab .list.items .attrValue,
#attributesTab .list.tabular .attrValue,
#attributesTab.editMode .list.items .attrAction,
#attributesTab.editMode .list.tabular .attrAction {
    padding-left: 8px;
    border-left: 1px solid #FFFFFF;
}

#attributesTab #newAttribute {
    border-bottom: 1px solid #EFEFEF;
}

.attrName {
    width: 32%;
}

.attrValue {
    width: 62%;
}

.attrAction {
    width: 0%;
    display: none;
}

#newAttribute {
    display: none;
}

.editMode #newAttribute {
    display: block;
}

.editMode .attrAction {
    width: 12%;
    display: inline;
}

.editMode .attrValue {
    width: 50%;
}

/* pickDatasource */

#pickDatasource form {
    padding: 16px
}

    #pickDatasource form .wrap {
        display: block;
        padding-bottom: 0;
        margin-bottom: 6px;
    }

#pickDatasource #datasourceID {
    width: auto;
    float: left;
    margin: 0;
    padding: 1px 0 1px 0;
}

#pickDatasource form input[type=submit] {
    padding: 0;
    float: left;
    width: auto;
    margin-left: 8px;
    margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #pickDatasource form input[type=submit] {
        padding: 2px 6px;
    }
}

/* displayTables */

#displayTables .oneColumn > .column.decorated > .content > .body {
    padding: 16px;
}

#displayTables #joinToTable {
    width: auto;
    min-width: 200px;
    display: inline-block;
}

#displayTables #unjoin {
    display: block;
    margin: 10px 0 16px 0;
}

#displayTables #dtree {
    margin-top: 10px;
}

textarea#errorReport {
    overflow: auto;
}

/* Draggable controls */

.horizontalPlaceholder {
    height: 6px;
    background-color: #999;
    position: relative;
}

.verticalPlaceholder {
    width: 6px;
    clear: none;
    float: left;
    background-color: #999;
    height: 55px;
}

.filters .filter.over .body {
    background-color: #EFEFEF;
}

.ui-sortable label.control .wrap, .ui-sortable fieldset.control legend,
.ui-sortable .control .wrap, .ui-sortable fieldset.control legend {
    cursor: pointer;
    display: block;
    width: 100%;
}

    .ui-sortable label.control .wrap:hover, .ui-sortable fieldset.control legend:hover,
    .ui-sortable .control .wrap:hover, .ui-sortable fieldset.control legend:hover {
        background-color: #EFEFEF;
    }


/* HOME PAGE */
#home_admin .column.decorated > .content > .header,
#home_manage .column.decorated > .content > .header {
    /* hidden by default, user can choose to display if needed */
    background-color: #fff;
    border-bottom: 2px solid #062e79;
    display: none;
    height: 38px;
}

    #home_admin .column.decorated > .content > .header > .title,
    #home_manage .column.decorated > .content > .header > .title {
        color: #212121;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 22px;
        font-weight: normal;
        height: 100%;
        line-height: 38px;
    }

#home_admin .column.home > .content > .body,
#home_manage .column.home > .content > .body {
    background-color: #f4f4f4;
    background-image: none;
    top: 0;
    /* top: 38px; use this value if page header is displayed */
}

.homeSidebar {
    float: left;
    margin: 28px 36px;
    /*width: 250px;*/
    width: 350px;
}

.homeSidebar-title {
    display: none;
    /* DELETE THIS ELEMENT FROM MARKUP, NEW HOME */
    /* color definition is in theme.css so element can remain themeable */
    /* this element should be removed from the markup */
}

.home,
.homeMain,
.homeAdmin {
    display: block;
}

.homeMain {
    position: absolute;
    top: 0;
    right: 24px;
    left: 460px;
    margin-top: 28px;
    max-width: 800px;
}

.homeAdmin {
    margin: 56px auto 0 auto;
    max-width: 700px;
    min-width: 250px;
    padding-left: 80px;
    padding-right: 80px;
    position: relative;
    width: auto;
}

/* Responsive Behavior */
@media only screen and (max-width: 1279px) {
    .homeSidebar {
        width: 250px;
    }

    .homeMain {
        left: 360px;
    }
}

.message-nothing-display {
    font-style: italic;
    padding: 10px;
}

/* Workflow blocks */
.workflowsCategory {
    margin-bottom: 36px;
}

    .workflowsCategory:last-of-type {
        margin-bottom: 0;
    }

.workflowsTitle {
    color: #212121;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 3px;
}

.workflowsBlock {
    width: 100%;
}

    .workflowsBlock,
    .workflowsBlock * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.workflow {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    display: flex;
    padding: 10px;
    position: relative;
    margin-bottom: 16px;
    min-width: 250px;
}

.workflow-iconContainer {
    flex: 0 1 56px;
    margin-right: 16px;
}

.workflow-icon-adhocview,
.workflow-icon-report,
.workflow-icon-dashboard,
.workflow-icon-datasource,
.workflow-icon-domain,
.workflow-icon-admin {
    background-color: transparent;
    background-image: url("images/workflow_icons_sprite@1x.png");
    background-repeat: no-repeat;
    background-size: 54px auto;
    height: 56px;
    margin: 0;
    width: 56px;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .workflow-icon-adhocview,
    .workflow-icon-report,
    .workflow-icon-dashboard,
    .workflow-icon-datasource,
    .workflow-icon-domain,
    .workflow-icon-admin {
        background-image: url("images/workflow_icons_sprite@2x.png");
    }
}

.workflow-icon-repository,
.workflow-icon-roles,
.workflow-icon-users,
.workflow-icon-orgs,
.workflow-icon-serversettings {
    background-color: transparent;
    background-image: url("images/homePages_icons_sprite.png");
    background-repeat: no-repeat;
    background-size: 54px auto;
    height: 56px;
    margin: 0;
    width: 56px;
}

.workflow-icon-adhocview {
    background-position: 1px 1px;
}

.workflow-icon-report {
    background-position: 1px -75px;
}

.workflow-icon-dashboard {
    background-position: 1px -151px;
}

.workflow-icon-datasource {
    background-position: 1px -227px;
}

.workflow-icon-domain {
    background-position: 1px -303px;
}

.workflow-icon-admin {
    background-position: 1px -379px;
}

.workflow-icon-users {
    background-position: 0 -323px;
}

.workflow-icon-roles {
    background-position: 0 -378px;
}

.workflow-icon-repository {
    background-position: 0 -485px;
}

.workflow-icon-serversettings {
    background-position: 1px -540px;
}

.workflow-container {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    padding: 0;
}

.workflow-textblock {
    display: flex;
    flex-direction: column;
    flex: 1 1 72%;
    justify-content: center;
    padding-right: 10%;
    padding-top: 6px;
    padding-bottom: 6px;
}

.homeMain .workflowsAdmin .workflow-textblock {
    flex: 1 1 50%;
}

.workflow-title {
    color: #212121;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 3px;
    line-height: 1;
    white-space: nowrap;
}

.workflow-description {
    color: #666;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin: 2px 0 0 0;
}

.workflow-actions {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.workflow-iconContainer .button {
    height: 100%;
    width: 100%;
}

.workflow-actions .button.action {
    align-self: flex-end;
    border-radius: 6px;
    height: 24px;
    margin-right: 0;
    min-height: 24px;
    min-width: 80px;
    padding-right: 16px;
    width: 100%;
    /* color definition is in theme.css so element can remain themable */
}

    /* START customization to show View List button */
    .workflow-actions .button.action.view {
        display: none;
    }

    .workflow-actions .button.action + .button.action {
        margin-top: 6px;
    }

    .workflow-actions .button.action.view:hover,
    .workflow-actions .button.action.view:focus {
        background-color: #b6b6b6;
    }

.workflow-actions .button.view.over .wrap,
.workflow-actions .button.view:hover .wrap {
    color: #fff;
}

.workflow-actions .button.view .icon {
    background-position: 0 -476px;
}

.workflow-actions .button.view.over .icon,
.workflow-actions .button.view:hover .icon {
    background-position: 0 -500px;
}
/* END customization to show View List button */

.workflow-actions .button .icon {
    background-image: url(images/button_action_icons_sprite.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    height: 24px;
    margin: 0 6px;
    width: 18px;
}

.workflow-actions .button.create .icon {
    background-position: 0 -1460px;
}

.workflow-actions .button.admin .icon {
    background-position: 0 -1124px;
}

.workflow-actions .button .wrap {
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

.workflow-actions .button.create .wrap,
.workflow-actions .button.admin .wrap {
    padding-left: 26px;
}

.workflow-actions .button.view .wrap {
    padding-left: 28px;
}

.workflow-actions .button.primary.over,
.workflow-actions .button.primary:hover {
    background-color: #566471;
}

.workflow-description a {
    text-decoration: underline;
}

.workflow-buttonContainer {
    height: 24px;
    margin-left: 86px;
}

    .workflow-buttonContainer .button {
        font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        padding-right: 16px;
        /* color: #1572cf; old color */
        /* color definition is in theme.css so element can remain themable */
    }

    .workflow-buttonContainer .left {
    }

    .workflow-buttonContainer .right {
    }


/* iPads (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .homeSidebar {
        width: 280px;
    }

    .homeMain {
        left: 345px;
    }

    .workflow {
        margin-bottom: 30px;
        width: 100%;
    }
}


/* Home Page - Resource Blocks */
.resourceBlock {
    width: 100%;
}

.resourceBlock-header {
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 4px;
    width: 100%;
}

.resourceBlock .buttonIcon,
.resourceBlock .buttonIconToggle {
    border: none;
    float: right;
    height: 24px;
    padding: 0;
    width: 28px;
}

.resourceBlock .buttonIconToggle {
    background-image: url("images/disclosure_indicators_icons_sprite@1x.png");
    background-size: 80px;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .resourceBlock .buttonIconToggle {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png) !important;
    }
}

.resourceBlock .buttonIconToggle.isOpen {
    background-position: 5px -145px;
}

.resourceBlock .buttonIconToggle.isClosed {
    background-position: 5px -175px;
}

.resourceBlock-title {
    color: #212121;
    display: inline;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

.resourceBlock-list {
    width: 100%;
}

    .resourceBlock-list > li {
        display: flex;
    }

        .resourceBlock-list > li > div {
            font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.4;
            padding: 7px 0;
            vertical-align: top;
        }

    .resourceBlock-list .fileType,
    .resourceBlock-list .resourceType {
        padding-left: 4px;
        width: 30px;
    }

    .resourceBlock-list .fileName,
    .resourceBlock-list .resourceName {
        width: 90%;
    }

    .resourceBlock-list .fileType-icon {
        background-image: url("images/recent_items_icons_sprite@1x.png");
        background-size: 18px;
        background-color: transparent;
        background-repeat: no-repeat;
        display: block;
        height: 18px;
        width: 18px;
        border-radius: 9px;
    }
/* HIGH RES RESOURCE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .resourceBlock-list .fileType-icon {
        background-image: url("images/recent_items_icons_sprite@2x.png") !important;
    }
}

.resourceBlock-list .fileType-icon.adhocDataView,
.resourceBlock-list .fileType-icon.olapUnit {
    background-position: 0 0;
}

.resourceBlock-list .fileType-icon.reportUnit {
    background-position: 0 -28px;
}

.resourceBlock-list .fileType-icon.dashboard {
    background-position: 0 -56px;
}

.resourceBlock-list .fileDate {
    color: #666;
    display: block;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resourceBlock-list .resourceType-icon {
    background-image: url(images/resources_icons_sprite@1x.png);
    background-size: 20px;
    float: left;
    height: 18px;
    margin-right: 8px;
    width: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .resourceBlock-list .resourceType-icon {
        background-image: url(images/resources_icons_sprite@2x.png);
    }
}

.resourceType-icon.tutorial {
    background-position: 0 -150px;
}

.resourceType-icon.guide {
    background-position: 0 0;
}

.resourceType-icon.documentation {
    background-position: 0 -30px;
}

.resourceType-icon.community {
    background-position: 0 -60px;
}

.resourceType-icon.edition {
    background-position: 0 -90px;
}

.resourceName-description {
    color: #666;
    font-size: 12px;
}

.resourceBlock a {
    display: block;
}

    /* color definitions for the links below are in theme.css so they remain themable */
    .resourceBlock a:visited {
    }

    .resourceBlock a:hover {
        text-decoration: underline
    }

    .resourceBlock a:active {
    }

.resourceBlock:not(:first-of-type) {
    margin-top: 24px;
}

/* Home Page - focus states for 508c keyboard navigation */
.buttonIconToggle.isOpen.superfocus.subfocus {
}

.buttonIconToggle.isClosed.superfocus.subfocus {
}

.resourceBlock .fileName.subfocus a,
.resourceBlock li.subfocus a {
    text-decoration: underline;
}


.disableCursor a {
    cursor: default;
}

    .disableCursor a:hover {
        text-decoration: none;
    }

/* Generic classes for scalable list  */

.sList {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative; /* fix for IE7-8 */
    /* disable selection */
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*border*/
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-top: 0;
    /* fonts */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.182em;
}

    .sList li.selected,
    .mSelect-svList > .selected .mSelect-svList-button {
        color: #fff;
        background-color: #1388d8;
    }

    .sList li.active.selected,
    .mSelect-svList > .active.selected .mSelect-svList-button {
        background-color: #195b8a;
    }

    .sList.disabled li.selected {
        background-color: #878787;
    }

    .sList li.active,
    .mSelect-svList > .active .mSelect-svList-button {
        background-color: #efefef;
    }

    .sList li > div {
        padding: 2px 0 2px 0;
    }

/* Single select component */

.sSelect {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.topOfPage .sSelect {
    width: 220px;
}

.sSelect.collapsed > .sSelect-listContainer {
    /* do not hide component because of IE bug with keeping scroll position */
    left: -9999px;
}

.sSelect-input {
    background-clip: padding-box;
    background-color: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333 !important;
    display: block;
    height: 26px;
    line-height: 24px;
    margin-top: 4px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
}

    .sSelect-input:hover {
        text-decoration: none;
    }

    .sSelect-input:active {
        color: #333333;
    }

    .sSelect-input > span {
        white-space: nowrap;
    }

.sSelect.collapsed.focused .sSelect-input {
    border: 1px solid #fabc58;
}

.sSelect.expanded .sSelect-input {
    border-bottom: 0;
}

.sSelect-disclosureContainer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
}

.sSelect-disclosure {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff no-repeat;
}

.sSelect.expanded .sSelect-disclosure {
}

.sSelect.collapsed .sSelect-disclosure {
    background-image: url("images/panels_icons_sprite.png");
    background-position: -5px -325px;
}

.sSelect .control.searchLockup > .button.search {
    background-image: url(images/panels_icons_sprite.png);
    background-position: 0 -326px
}

.sSelect-listContainer {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    width: 100%;
    position: absolute;
    z-index: 1001;
}

/* START IPAD RULES */
.sSelect.ipad .sSelect-input,
.sSelect.ipad input.sSelect-input[type="text"] {
    height: 30px;
    line-height: 26px;
    background-position: right -117px;
}

.sSelect.ipad .sSelect-disclosureContainer {
    width: 20px;
}

.sSelect.ipad.collapsed .sSelect-disclosure {
    background-position: -5px -323px;
}

.sSelect.ipad.expanded .sSelect-disclosure {
}

.sSelect.ipad .control.searchLockup > .wrap,
.sSelect.ipad .control.searchLockup > .wrap > input[type="text"] {
    height: 24px;
}

.sSelect.ipad .control.searchLockup .button.search {
    height: 25px;
    background-position: 0 -325px
}

.sSelect-dropDown.ipad .sSelect-list li {
    height: 35px;
    line-height: 35px;
}

/* END IPAD RULES */

.sSelect-sSearch {
    position: relative;
    z-index: 1010;
    white-space: nowrap;
    padding: 3px 4px;
    margin: 0 0 2px 0;
    border-top: 1px solid #ececec;
}

.sSelect .searchLockup {
    float: none;
    width: auto;
    margin: 1px 0;
}

.sSelect .control.searchLockup > .wrap {
    background-color: #FFFFFF !important;
}

.sSelect .control.searchLockup > .button.search {
    border-left: 0 !important;
}

.sSelect .control.searchLockup > .wrap > input[type="text"] {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-right: 28px;
    width: 100%;
}

.sSelect-list {
    margin: 0;
    padding: 0;
    position: relative;
}

    .sSelect-list li {
        cursor: pointer;
        line-height: 16px;
        padding: 0 6px;
        white-space: nowrap;
    }

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

.sSelect-dropDown {
    position: absolute;
    background-color: #FFFFFF;
    z-index: 1001;
    -moz-box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    -webkit-box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    box-shadow: none \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#acacac')"; /* IE8 */
    /*border*/
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-top: 0;
}

    .sSelect-dropDown .sList {
        border: 0;
    }

/* special width requirements to match other input controls */
.list.inputControls .ssPlaceholder,
.list.inputControls .msPlaceholder {
    width: 100%;
}

.msPlaceholder:disabled,
.msPlaceholder[disabled] {
    opacity: .4;
}

.topOfPage .ssPlaceholder > div {
    min-width: 220px;
}

/* Multi select component */

.mSelect {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    min-width: 220px; /* need this so close button will fit into footer */
}

.topOfPage .msPlaceholder > div {
    width: 220px;
}

.mSelect-input,
input[type="text"].mSelect-input {
    background: #FFF url("images/panels_icons_sprite.png") no-repeat;
    border-style: solid;
    background-position: right -325px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 0 0 0;
    padding: 0 22px 0 3px;
    width: 100%;
}

    .mSelect-input.placeholder {
        color: #aaa;
    }

.mSelect-list {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
}

    .mSelect-list > li {
        line-height: 17px;
        padding: 0 0 0 4px;
        cursor: pointer;
        white-space: nowrap;
    }

.mSelect-listContainer {
    width: 100%;
}

    .mSelect-listContainer > .sList {
        border: 1px solid silver;
        border-top: none;
    }

.mSelect-avList li {
}

    .mSelect-avList li.selected {
        background-image: url("images/panels_icons_sprite.png");
        background-repeat: no-repeat;
        background-position: right -34px;
        padding-right: 26px;
        color: #fff;
    }

    .mSelect-avList li a {
        text-decoration: none;
        display: block;
        overflow: hidden;
        width: 100%;
    }

.mSelect-svListPlaceholder {
    margin-top: 5px;
    background-color: #ffffff;
}

    .mSelect-svListPlaceholder.focused .sList {
    }

.mSelect-svList > .selected .mSelect-svList-button {
    background-position: right -236px;
}

.mSelect-svListPlaceholder .sList {
    max-height: inherit;
    height: 100%;
    min-height: 60px;
    border: 1px solid silver;
}

.mSelect-svList li a {
    display: inline-block;
    padding-right: 24px;
    width: 100%;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

.mSelect-svList-button {
    float: right;
    height: 16px;
    width: 24px;
    background: url("images/panels_icons_sprite.png") no-repeat;
    background-position: -1px -75px;
    background-color: #fff;
}

.disabled .mSelect-list > li,
.disabled .mSelect-svList-button,
.disabled .mSelect-svList li a {
    cursor: default;
}

    .disabled .mSelect-svList li a:active {
        color: inherit;
    }

.mSelect-svInput {
    position: absolute !important;
    left: -9999px;
}

.mSelect-footer {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    height: 18px;
    border: 1px solid silver;
    border-top: none;
    position: relative;
}

    .mSelect-footer input {
        width: 20px !important;
        top: 1px !important;
    }

.mSelect-footer-selectOptions {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 5px;
    margin: 3px 0 0 0;
    color: #666666;
    line-height: 1em;
    display: inline-block;
}

.mSelect-all-label {
    position: relative;
}

.mSelect-footer-button {
    width: auto;
    height: 100%;
    padding: 0 12px 1px 12px;
    margin: 0;
    border: none;
    border-left: 1px solid silver;
    background: url("images/button_action_sprite.png") repeat-x scroll 0 0 #D8DAD7;
    font-weight: normal;
    font-size: 11px \9;
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.mSelect-footer-trueAll {
    height: 20px;
}

    .mSelect-footer-trueAll input {
        width: 13px !important;
        margin: 3px 0 0 3px;
    }

    .mSelect-footer-trueAll .mSelect-footer-selectOptions {
        padding: 0 8px 0 0;
        margin: 0;
        vertical-align: top;
        height: 18px;
        line-height: 17px;
    }

.mSelect-all-label {
    position: relative;
}


.mSelect-footer-button.over {
    background-position: 0 -50px;
}

.mSelect-footer-button.pressed {
    background-position: 0 -103px;
    color: #fff;
}

/* START IPAD */
.mSelect.ipad .mSelect-input,
.mSelect.ipad input.mSelect-input[type="text"] {
    height: 30px;
    background-position: right -323px;
}

.mSelect.ipad .mSelect-svList li,
.mSelect-listContainer.ipad .mSelect-avList li {
    height: 35px;
    line-height: 33px;
}

.mSelect.ipad .mSelect-svList-button {
    height: 32px;
    background-position: -1px -192px;
}

.mSelect.ipad .selected .mSelect-svList-button {
    background-position: -1px -270px;
}

.mSelect-listContainer.ipad .mSelect-avList li.selected {
    background-position: right -150px;
}

.mSelect-listContainer.ipad .mSelect-footer {
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
}

.mSelect-listContainer.ipad .mSelect-footer-selectOptions {
    height: 30px;
}

.mSelect-listContainer.ipad .mSelect-footer-button {
    height: 100%;
}

.mSelect-listContainer.ipad > .sList {
    max-height: 90px;
}

/* END IPAD */


/* for dropdown parts which should be placed in body */
.mSelect-dropDown {
    position: absolute;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    -webkit-box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    box-shadow: 0 4px 4px rgba(51, 51, 51, 0.5);
    z-index: 1001;
}


/* JIVE */

.jive_chartMenu .wrap.over {
    background-color: #1388d8 !important;
    color: #fff !important;
}

#jive_dialog,
.jive_chartTypeSelector {
    z-index: 6000 !important; /* must be larger than 5500 */
}

/* =============================================== */
/* "Diagnostic Tool" a.k.a. "Log Collectors" Begin */

.LogCollectors .toolbar > .list.buttonSet .leaf:first-of-type .button {
    border-left: none;
}

.LogCollectors {
}

    .LogCollectors .collectorsList {
        min-width: 820px;
        width: 100%;
    }

        .LogCollectors .collectorsList tr {
            border-bottom: 1px solid #E3E9EF;
            border-top: 1px solid #FFF;
            cursor: default;
            height: 26px;
            margin-top: 0;
            position: relative;
        }

            .LogCollectors .collectorsList tr td {
                height: 26px;
                line-height: 26px;
                padding: 0 5px;
                vertical-align: top;
            }

        .LogCollectors .collectorsList thead tr {
            background-color: #edf2f8;
            border-bottom: 2px solid #e3e9ef;
        }

        .LogCollectors .collectorsList tr[status=stopped] {
            color: #ccc;
        }

        .LogCollectors .collectorsList .cOne {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 25%;
        }

        .LogCollectors .collectorsList .cTwo {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 22%;
        }

        .LogCollectors .collectorsList .cThree {
            width: 12%;
        }

        .LogCollectors .collectorsList .cFour {
            width: 15%;
        }

        .LogCollectors .collectorsList .cFive {
            width: 10%;
        }

        .LogCollectors .collectorsList .cSix {
            min-width: 80px;
            width: 10%;
        }

        .LogCollectors .collectorsList select {
            display: inline-block \9;
            margin-top: 5px \9;
            margin-bottom: 0 \9;
            margin-right: 15px;
            min-width: 100px;
            width: auto;
        }

        .LogCollectors .collectorsList .actionIcons {
            position: relative;
        }

            .LogCollectors .collectorsList .actionIcons div {
                position: absolute;
                top: 4px;
                width: 20px;
                height: 20px;
                cursor: pointer;
            }

            .LogCollectors .collectorsList .actionIcons .stop,
            .LogCollectors .collectorsList .actionIcons .stop.stopped,
            .LogCollectors .collectorsList .actionIcons .download,
            .LogCollectors .collectorsList .actionIcons .download.notAvailable,
            .LogCollectors .collectorsList .actionIcons .remove,
            .LogCollectors .collectorsList .actionIcons .remove.notAvailable {
                background-image: url(images/button_action_icons_sprite@1x.png);
                background-repeat: none;
                background-size: 240px;
            }

/* 2x SIMPLE ACTION BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .LogCollectors .collectorsList .actionIcons .stop,
    .LogCollectors .collectorsList .actionIcons .stop.stopped,
    .LogCollectors .collectorsList .actionIcons .download,
    .LogCollectors .collectorsList .actionIcons .download.notAvailable,
    .LogCollectors .collectorsList .actionIcons .remove,
    .LogCollectors .collectorsList .actionIcons .remove.notAvailable {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}

.LogCollectors .collectorsList .actionIcons .stop {
    background-position: -60px -540px;
    right: 64px;
}

    .LogCollectors .collectorsList .actionIcons .stop.shutting_down {
        background-image: url(images/report_load_animation.gif);
        background-position: 1px 2px;
        background-repeat: no-repeat;
        cursor: default;
        background-size: auto;
    }

    .LogCollectors .collectorsList .actionIcons .stop.stopped {
        background-position: -93px 1px;
        cursor: default;
    }

.LogCollectors .collectorsList .actionIcons .download {
    background-position: -120px -30px;
    right: 32px;
}

    .LogCollectors .collectorsList .actionIcons .download.notAvailable,
    .LogCollectors .collectorsList .actionIcons .remove.notAvailable {
        opacity: 0.4;
        cursor: default;
    }

.LogCollectors .collectorsList .actionIcons .remove {
    background-position: 0 -540px;
    right: 6px;
}

.LogCollectors .nothingToDisplay.panel.info {
    position: absolute;
    top: 50%;
    right: 35%;
    bottom: 33%;
    left: 50%;
    min-width: 600px;
    margin-left: -300px;
    margin-top: 0;
    text-align: center;
    padding: 28px 8px 40px 8px;
    border: 1px solid #D3D2D2;
    background-color: #fff;
}

.CreateLogCollector .createLogCollectorForm {
    margin-top: 40px;
    margin-left: 40px;
}

.CreateLogCollector input[name=name],
.CreateLogCollector label.userId input,
.CreateLogCollector label.userId .hint {
    width: 290px;
}

.CreateLogCollector .includeDataSnapshot {
    margin-bottom: 20px;
}

.CreateLogCollector .resourceUri {
    margin-bottom: 40px;
    width: 420px;
}

.CreateLogCollector .verbosity {
    width: 150px;
}

.CreateLogCollector .footer {
    border-top: 1px solid #D4D5D5;
}


.logCollectorSaveDialog {
    width: 500px;
}

/* "Diagnostic Tool" a.k.a. "Log Collectors" End   */
/* =============================================== */


/* =========================== */
/* AdHock Formatting Dialog Begin */

#chartFormatDialog #advancedSection {
    background-color: #fafafa;
    padding: 0;
    position: relative;
    min-width: 672px;
    clear: both;
}

#chartFormatDialog .header {
    border-bottom: 1px solid #b5b5b5;
}

#chartFormatDialog .body.section {
    border-top: none;
}

.advancedSection .table-container {
    height: 250px;
    overflow: auto;
}

.advancedSection .header-container {
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #b5b5b5;
    background: #ecf1f7;
}

.advancedSection .name,
.advancedSection .value,
.advancedSection .actions {
    float: left;
}

.advancedSection .name {
    width: 200px;
}

.advancedSection .value {
    width: 380px;
}

.advancedSection table {
    background-color: #ffffff;
    width: 100%;
    margin-top: -29px;
}

.advancedSection thead th {
    color: #333333;
    font-weight: normal;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
}

    .advancedSection thead th > div {
        position: absolute;
        top: 0;
    }

.advancedSection tbody td {
    text-align: left;
    color: #878787;
    padding-left: 10px;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 28px;
}

.advancedSection tbody .edit td {
    height: auto;
}

.advancedSection tbody tr {
    border-bottom: 1px solid #b5b5b5;
}

.advancedSection .actions {
    line-height: 0;
    width: 70px;
}

.advancedSection .action.simple.edit,
.advancedSection .action.simple.delete,
.advancedSection .action.simple.button.save,
.advancedSection .action.simple.button.cancel {
    background-color: white;
    margin: 6px 3px 0 3px;
}

#advancedSection td input,
.advancedSection td textarea {
    margin-top: 5px;
    overflow: auto;
    width: 100%;
}

.advancedSection textarea {
    height: 100px;
    resize: none;
}

.advancedSection a {
    color: #195b8a;
    float: right;
    margin: 12px 5px 5px 8px;
    text-decoration: none;
}

    .advancedSection a.information-link {
        text-decoration: underline;
        font-weight: bold;
    }

.advancedSection .warning {
    margin-bottom: 5px;
}

.advancedSection .button-container {
    height: 40px;
    position: relative;
}

/* Report Chooser Dialog End   */
/* =========================== */


#aws_settings [name=keyStoreUri] {
    display: inline;
}

.body.dataSourceBody[dstype=azuresqldatasource] legend {
    margin-left: 0;
}

/* Temporary set of rules to make File Chooser Dialog without list */
.reportChooserDialog.sourceDialogNew.listDisabled > .sub.header.tabHeaderContainer {
    display: none;
}

.reportChooserDialog.sourceDialogNew.listDisabled > .subcontainer > .tabContainer {
    margin-top: 13px;
    margin-right: 1px;
}

.reportChooserDialog.sourceDialogNew.listDisabled .itemDescription {
    margin-top: 19px;
}

.reportChooserDialog.sourceDialogNew.listDisabled .u-height-300px.jr {
    height: 33.5em;
}

#main_create, #main_view, #main_manage, #main_library, #help {
    display: none;
}

.menubtn_active {
    background-color: #00b6f7;
    color: white;
    border-color: #00b6f7;
}

/*
Container css*/
/*
 * Copyright (C) 2005 - 2019 TIBCO Software Inc. All rights reserved.
 * http://www.jaspersoft.com.
 *
 * Unless you have purchased a commercial license agreement from Jaspersoft,
 * the following license terms apply:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

#frame {
    position: absolute;
    top: 40px;
    bottom: 17px;
    width: 100%;
}

.noDecoration > #frame {
    top: 0;
    bottom: 0;
}

.banner {
    background-color: #0c8ccd; /* TIBCO navy */
    border-bottom: 1px solid #fff;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    height: 40px;
    position: relative;
}

/* Responsive Behavior for banner */
@media only screen and (max-width: 1100px) {
    #logo {
        height: 18px;
        margin-top: 12px;
        width: 150px;
    }
}

@media only screen and (max-width: 980px) {
    #logo {
        display: none;
    }
}

.sectionLeft {
    margin-left: 8px;
    margin-right: 8px;
    float: left;
    /*float: right;
    margin-right: calc(100vw - 86vw);
    position: relative;
    width: 390px;*/
}

.sectionRight {
    height: 39px;
    margin-right: 6px;
    position: absolute;
    right: 0;
}

.searchContainer {
    position: absolute;
    right: 0;
}

#frameFooter {
    background-color: #062e79; /* tibco navy */
    display: none;
    bottom: 0;
    color: #fff;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 10px;
    height: 17px;
    position: absolute;
    width: 100%;
}

    #frameFooter #about a {
        color: #fff !important;
    }

/* CHROME AND SAFARI ONLY */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #frameFooter {
        position: fixed;
    }
}

#display {
    position: absolute;
    overflow: hidden;
}

.body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.header {
}

    .header > .title {
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 4px;
        z-index: 2;
        max-width: 82%;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        word-wrap: normal;
        white-space: nowrap;
    }

.widget .header {
    overflow: hidden;
    height: 27px;
}

.header > .title h1,
.header > .title h2,
.header > .title h3,
.header > .title h4,
.header > .title h5 {
    font-size: inherit;
    line-height: inherit;
}

.header > .title > .tabSet.text {
    display: inline-block;
    line-height: 13px;
    top: 2px;
    margin-bottom: 0;
}

.header .icon {
    width: 25px;
    position: absolute;
}

.header .label {
    top: -4px;
    display: inline;
}

.header > .button.mutton,
.subheader > .button.mutton {
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    background-size: 80px;
    display: inline-block;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
}
/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .header > .button.mutton,
    .subheader > .button.mutton {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

.column.decorated.tertiary .button.mutton {
    right: 20px;
}

.columnheader > .button.mutton {
    background-image: url(images/disclosure_indicators_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -150px;
    height: 16px;
    width: 16px;
    border: solid 1px #ccc;
    z-index: 3;
    display: inline-block;
    margin: 4px 4px 4px 0;
}

.header > .launcher {
    display: inline;
    line-height: 28px;
}

.header > .tabs {
    clear: both;
}

.header .button.options {
    position: absolute;
    right: 40px;
    top: 8px;
}

.sub.header {
    height: 28px;
    margin-top: 1px;
    position: relative;
    z-index: 10;
    border-top: 1px solid #ffffff;
    min-height: 0;
    clear: both;
    cursor: default; /* prevents the move cursor from .mover */
}

    .sub.header .title {
        font-weight: normal;
        margin: 0 20px;
        line-height: 28px;
    }

    .sub.header .button.options {
        top: 4px;
    }

    .sub.header > .control {
        margin: 6px 1em 0;
    }

.subheader {
    position: relative;
    height: 24px;
}

    .subheader > .title {
        float: left;
        font-weight: normal;
        height: 24px;
        line-height: 24px;
        margin-left: 4px;
        padding-left: 16px;
    }

    .subheader > .button.disclosure {
        position: absolute;
        left: 0;
        margin: 4px 4px 4px 0;
    }

        .subheader > .button.disclosure.open,
        .pane.filter .content > .header > .button.disclosure.open,
        .pane.expression .content > .header > .button.disclosure.open {
            background-position: 2px -701px;
        }

        .subheader > .button.disclosure.closed,
        .pane.filter .content > .header > .button.disclosure.closed,
        .pane.expression .content > .header > .button.disclosure.closed {
            background-position: 2px -677px;
        }

.toolbar {
    clear: both;
    height: 28px;
}

    .toolbar .divider {
        background-color: #C5C5C5;
        border-right: 1px solid #FFF;
        border-left: #cdcdcd;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        height: 27px;
    }

        .toolbar .divider.first {
            left: 0;
        }

        .toolbar .divider.last {
            right: 0;
        }

    .toolbar > input {
        top: 10px;
    }

.footer {
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 37px;
    padding: 0px 20px;
}

.sizer {
    position: absolute;
}

    .sizer.horizontal {
        cursor: col-resize;
    }

    .sizer.vertical {
        cursor: row-resize;
    }

    .sizer.diagonal {
        cursor: se-resize;
    }

.row {
    position: relative;
    clear: both;
}

    .row.actionButtons {
        margin-top: 20px;
    }

/*
 * From: columns.css
 */
/*____________________________________________________________

 COLUMN
______________________________________________________________

*/
.column {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
}

    .column > .content {
        position: relative;
        height: 100%;
    }

        .column > .content > .body {
            top: 36px;
        }

    .column.simple {
        overflow: visible;
    }

        .column.simple > .content,
        .column.decorated > .content {
            position: absolute;
            height: auto;
        }

            .column.simple > .content > .body,
            .column.decorated > .content > .body {
                overflow: auto;
            }

    .column.accordian > .content > .body,
    .column.split > .content > .body {
        overflow: hidden;
    }

    /*
	Sizers: default positioning assumes left to right reading UI
	------------------------------------------------------------
*/
    .column > .sizer {
        background: none;
        cursor: col-resize;
        margin-left: -7px;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 8px;
    }

    .column.minimized > .sizer {
        cursor: default;
    }

.secondary.column > .sizer {
    right: -8px;
}

.tertiary.column > .sizer {
    left: 0;
}

.twoColumn.primaryLeft > .secondary.column > .sizer,
.body.twoColumn.primaryLeft > .secondary.column > .sizer,
.row.twoColumn.primaryLeft > .secondary.column > .sizer,
.twoColumn.primaryLeft > .tertiary.column > .sizer,
.body.twoColumn.primaryLeft > .tertiary.column > .sizer,
.row.twoColumn.primaryLeft > .tertiary.column > .sizer {
    left: 0;
}

/*
	Headers, subheaders
	------------------------------------------------------------
*/
.column .header > .title {
    height: 28px;
    line-height: 26px;
    padding-left: 12px;
}

.column.primary .header > .title {
    padding-left: 8px;
}

#display > .column.decorated > .content > .header > .title,
#display > div > .column.decorated > .content > .header > .title, /* targets extra div in add data sources page */
#display > form > .column.decorated > .content > .header > .title {
    font-weight: bold;
}

/* TARGETS MAIN PAGE HEADINGS ONLY */

.column.noHeader > .content > .header,
.column.noHeader > .minimize {
    display: none;
}

.column.noHeader > .content > .body {
    top: 0;
}

.column.decorated.noHeader > .content > .body {
    margin-top: 10px;
}

.column > .content > .body.showingSubHeader,
.column.showingSubHeader > .content > .body {
    margin-top: 29px;
}

.column.showingToolBar > .content > .body {
    margin-top: 30px;
}

.column.showingToolBar.showingSubHeader > .content > .body {
    margin-top: 63px;
}

.column.showingToolBar.showingDisplayManager > .content > .body {
    margin-top: 105px;
}

.sub.header .horizontal {
    margin: 6px 1em 0 1em;
}

/*
 * From: decorated_column.css
 */
/* DECORATED COLUMN
--------------------------------------------------------------
   a decorated column has a visual presence in the UI with borders, headers, shadows, etc.
*/

.column.decorated {
    border: none;
    bottom: 0;
    top: 0;
    overflow: visible;
    margin: 0; /* default margin setting overridden as req'd in layout.css */ /* NEW */
    min-width: 150px;
}

#frame.column.decorated {
    border: none;
    min-width: 1024px;
}

#display > .primary.column.decorated {
    min-width: 312px;
    overflow: hidden;
}

.column.decorated > .content {
    /* set coordinates to visual (0,0,0,0) of .column.decorated background,
       as this object used as reference for positioning
       child objects */
    bottom: 0;
    left: 0;
    right: 0;
    top: 40px;
}

#reportViewFrame .content {
    top: 0 !important;
}

.column.decorated .column.decorated {
    border: 1px solid #c5c5c5;
}

.column.decorated > .content > .header {
    height: 28px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}

.column.decorated > .content.hasFooter > .footer {
    background: #fff;
    border-top: 1px solid #D4D5D5;
    white-space: nowrap;
    z-index: 100;
}

.column.decorated > .content > .body {
    position: absolute;
    top: 27px;
    left: 0;
}

.column.decorated > .content.hasFooter > .body {
    bottom: 37px;
}

.column.decorated.minimized {
    min-width: 24px !important;
    width: 24px !important;
}

    .column.decorated.minimized .vtitle {
        background: #fff;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px;
        position: absolute;
        -webkit-transform: rotate(270deg);
        -webkit-transform-origin: left top;
        -moz-transform: rotate(270deg);
        -moz-transform-origin: left top;
        ms-transform: rotate(270deg);
        transform: rotate(270deg);
        transform-origin: left top;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        zoom: 1; /* IE */
    }

.column.decorated.tertiary.minimized .vtitle {
    margin-top: -7px;
}

.column.decorated.minimized .footer {
    padding: 0;
}

.column.decorated.minimized.secondary {
    border-right: 1px solid #e3e3e3;
}

.column.decorated.minimized.tertiary {
    border-left: 1px solid #e3e3e3;
}

/* .tabbed */

.column.decorated.tabbed.showingToolBar > .content > .body {
    margin-top: 32px;
}

.column.decorated.tabbed > .content > .body {
    top: 63px;
}

.column.decorated.tabbed .content > .header > .tabs {
    background-color: #fff;
    display: block;
    height: 28px;
}

.column.decorated > .content > .header > .tabs {
    display: none;
}

.column.decorated.tabbed > .content > .body > .row.canvas {
    height: 86%;
    margin: 1% 20px;
}

.column.decorated.tabbed > .content > .body > .row.actions {
    height: 9%;
    padding: 0 35px;
}

/* tabbed container */

.content.tabbed {
}

    .content.tabbed > .header {
        border-bottom: none;
    }

    .content.tabbed > .body {
        position: relative;
    }

        .content.tabbed > .body.section {
            border: 1px solid #B5B5B5;
            margin-top: 0;
            padding-top: 2px; /* prevents issues with first item in container */
            padding-left: 12px;
            padding-right: 12px;
        }


/*
______________________________________________________________

 PANELS
______________________________________________________________

*/

/* Panel Layouts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/

.panel {
    position: absolute;
}

    .panel.sizeable {
        min-height: 150px;
        min-width: 150px;
    }

    .panel > .sizer {
        background-image: url(images/panel_sizer_sprite.png);
        background-repeat: no-repeat;
        cursor: pointer;
        height: 9px;
        position: absolute;
        width: 9px;
        z-index: 3;
    }

        .panel > .sizer.vertical {
            background-position: left 0;
        }

        .panel > .sizer.diagonal {
            background-position: left -48px;
        }

    .panel.inlay .column.primary,
    .panel.inlay .column.secondary,
    .panel.inlay .column.tertiary {
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    .panel .row.actions {
        position: absolute;
        bottom: 5px;
    }

    .panel .row.inputs {
        margin: 15px 20px 50px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .panel .footer {
        border-top: 1px solid #e3e3e3;
    }

    .panel.noHeader > .content > .header {
        display: none;
    }

    .panel.showingSubHeader > .content > .body {
        margin-top: 29px;
    }

    .panel.filter.inlay > .content {
        min-height: 0;
    }

    .panel.filter .select {
        margin: auto 10px;
    }

    /* Display Panels
--------------------------------------------------------------
Display panels are used to communicate information only; they do not
contain forms or elements intended to collect user input

There are 3 types:
- .panel.tooltip
- .panel.info
- .panel.info.system

*/

    /* .panel.tooltip */

    .panel.tooltip {
        background-color: #ffffff;
        border: 1px solid #d3d5d6;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(34, 25, 25, 0.4);
        float: left;
        margin: 0;
        max-width: 500px;
        z-index: 1000;
    }

        .panel.tooltip > .content {
            left: 0;
            margin: 0;
            position: relative;
            top: 0;
        }

            .panel.tooltip > .content > .body {
                line-height: 2em;
                padding: 10px 14px 0 14px;
            }

        .panel.tooltip .message {
            font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
            font-size: 13px;
            line-height: 1.455;
            overflow: visible;
            white-space: normal;
        }

            .panel.tooltip .message:only-child {
                margin-bottom: 8px;
            }

            .panel.tooltip .message.label {
                color: #005dab;
                font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
                font-size: 11px;
                font-weight: normal;
                margin-bottom: 0;
            }

        .panel.tooltip .corner,
        .panel.tooltip .edge {
            display: none;
        }

/* .panel.info */

.info {
    clear: both;
    border: 1px solid #d3d2d2;
    float: left;
    margin: 2px 5px 20px 2px; /* moves visual top and left to actual */
    position: relative;
}

    .info.centered_vert.centered_horz {
        clear: none;
        float: none;
        position: absolute;
    }

    .info > .content {
        /* set coordinates to visual (0,0,0,0) of .column.decorated background,
       as this object used as reference for positioning
       child objects */
        left: -1px;
        margin-bottom: -5px;
        margin-right: -4px;
        position: relative;
        top: -3px;
    }

        .info > .content > .header,
        .info > .content > .footer {
            display: none;
        }

    .info .body {
        position: relative;
        padding: 10px;
        overflow: hidden;
    }

    .info .column {
        position: relative;
        height: 100%;
    }

    .info .body.twoColumn_equal .column {
        width: 48%;
        float: left;
        left: 0;
    }

    .info.fillParent {
        float: none;
    }

        .info.fillParent .footer {
            bottom: -10px;
        }

/* .panel.info.nothingToDisplay */

.panel.info.nothingToDisplay {
    border: none;
    background-color: transparent;
}

/* .panel.info.noDataModeDisplay */

.panel.info.noDataModeDisplay {
}

/* .panel.info.system */

.info.system {
    height: 25px;
    min-height: 0;
    min-width: 0;
    margin: 3px;
    background-color: #FEEF97;
}

    .info.system > .content {
        /* set coordinates to visual (0,0,0,0) of .column.decorated background,
       as this object used as reference for positioning
       child objects */
        left: -3px;
        margin-bottom: -1px;
        margin-right: -5px;
        position: relative;
        top: -3px;
        text-align: center;
    }

    .info.system .body {
        padding: 0;
    }

    .info.system .message {
        line-height: 32px;
        margin: auto 10px;
        overflow: hidden;
        white-space: nowrap;
    }

panel.info .message {
    font-size: 11px !important;
}

#systemMessageConsole {
    background-color: #feef97;
    height: 40px;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    z-index: 9;
}

#systemMessage {
    color: #055dab;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

    #systemMessage span {
        color: #333;
    }

        #systemMessage span a {
            font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        }

    #systemMessage .warning {
        color: #ff0000;
    }

/*
 * From: panes.css
 */
/* Panes
--------------------------------------------------------------
Panes are dialogs that visually share their left and right
borders with their enclosing column

.Pane also has the special case of .pane.sizeable, that requires that .pane > .content be position:absolute.

*/

.pane {
    position: relative;
    margin: 0;
    left: 0;
    right: 0;
    min-height: 0;
    background-image: none;
    border-bottom: 1px solid #e0e0e0;
}

    .pane > .content {
        position: relative;
        width: 100%;
    }

    .pane.minimized,
    .pane.sizeable.minimized {
        height: auto !important;
        border-bottom: none;
    }

        .pane.minimized > .content,
        .pane.sizeable.minimized > .content {
            position: relative;
        }

        .pane.sizeable.minimized .sizer,
        .pane.minimized .body,
        .pane.minimized .footer {
            display: none;
        }

    .pane .body {
        position: relative;
    }

    .pane .footer {
        border-top: none;
    }

    .pane .sizer {
        bottom: 0;
        width: 100%;
    }

        .pane .sizer.vertical {
            background-position: 53% -10px;
            background-repeat: no-repeat;
        }

    .pane.upper .sizer {
        bottom: -20px;
        right: 3px;
        top: auto;
        background-color: none;
    }

    .pane.lower .sizer {
        top: 10px;
        right: 3px;
        background-color: none;
    }

    .pane.closed .body,
    .pane.closed .footer,
    .pane.closed .sizer {
        display: none;
    }

    .pane .header {
        background-color: #f0f0f0;
        border-bottom: 1px solid #e0e0e0;
        min-height: 28px;
    }


        .pane .header .title {
            font-size: 12px;
            line-height: 28px;
            margin-right: 22px;
        }

        .pane .header .disclosure {
            position: absolute;
            z-index: 10;
            top: 6px;
            left: 2px;
        }

        .pane .header .icon {
            height: 28px;
        }

    /* .pane.sizeable */

    .pane.sizeable > .content {
        height: 100%;
        position: absolute;
        float: none;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0
    }

    .pane.sizeable .body {
        overflow: auto;
        position: absolute;
        top: 29px;
        bottom: 5px;
    }

    .pane.sizeable .footer {
        height: 5px;
        border-top: 1px solid #E0E0E0;
    }

    .pane .control.searchLockup {
        margin-top: 8px;
    }

        .pane .control.searchLockup input {
            width: 70%;
        }

/*
 * From: menus.css
 */
/*
______________________________________________________________

 MENUS
______________________________________________________________

Display panels are used to communicate information only; they do not
contain forms or elements intended to collect user input

There are 2 types:
- .menu.vertical
- .menu.horizontal

.Menu.vertical has two cases:
- .context
- .dropDown

*/

/* Menu Layout
-------------------------------------------------------------- */

.menu {
    position: absolute;
    float: left;
    cursor: pointer;
    list-style: none;
    margin: 0;
}

    .menu > .content {
        position: relative;
        padding: 7px 0;
    }

    .menu .node {
        position: relative;
    }

    .menu .leaf {
        margin: 0;
    }

    .menu .wrap {
        margin-bottom: 0;
    }

    .menu .node > .wrap > .icon {
        background-image: url("images/disclosure_indicators_sprite.png");
        background-repeat: no-repeat;
        left: auto;
        position: absolute;
    }

    .menu.vertical .node .sub.menu {
        left: 100%;
        top: -5px;
        margin: 0;
    }

    /* Vertical Menus
-------------------------------------------------------------- */

    .menu.vertical {
        min-width: 150px;
        background-color: #ffffff;
        border: 1px solid #d3d5d6;
        font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*TCI box shadow:*/
    }

        .menu.vertical .wrap {
            background-repeat: no-repeat;
            height: 30px;
            line-height: 30px;
            padding: 0 2em;
            white-space: nowrap;
        }

        .menu.vertical .leaf.separator,
        .menu.vertical .leaf.buttonItem {
            border-top: 1px solid #bdbdbd;
        }

        .menu.vertical .leaf.separator {
            background: none;
            height: 1px;
            margin: 6px 0;
        }

        .menu.vertical .leaf > .wrap.toggle.down .icon,
        .menu.vertical .leaf.active .wrap.button .icon {
            background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
            background-position: -20px -115px;
            background-size: 80px;
            top: 3px;
        }

/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .menu.vertical .leaf > .wrap.toggle.down .icon,
    .menu.vertical .leaf.active .wrap.button .icon {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

.menu.vertical li > .wrap.over,
.menu.vertical li > .wrap.pressed {
    background-color: #0081cb; /* TCI medium blue */
}

.menu.vertical .leaf > .wrap.toggle.down.over .icon,
.menu.vertical .leaf > .wrap.toggle.down.pressed .icon,
.menu.vertical .leaf.active .wrap.button.over .icon,
.menu.vertical .leaf.active .wrap.button.pressed .icon {
    background-position: -50px -115px;
}



.menu.vertical .node > .wrap > .icon {
    background-image: url(images/disclosure_indicators_icons_sprite@1x.png);
    background-position: -28px -297px;
    background-size: 80px;
    height: 18px;
    right: 5px;
    top: 6px;
    width: 18px;
}

/* 2x DISCLOSURE ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .menu.vertical .node > .wrap > .icon {
        background-image: url(images/disclosure_indicators_icons_sprite@2x.png);
    }
}

.menu.vertical .node > .wrap.over > .icon,
.menu.vertical .node > .wrap.pressed > .icon {
    background-position: -58px -297px;
}

.menu.vertical .node.closed > .menu {
    display: none;
}

.menu.vertical .node.open > .menu {
    display: block;
}

.menu.context > .content,
.menu.dropDown > .content {
    /* set coordinates to visual (0,0,0,0) of .menu.context.context background,
       as this object used as reference for positioning
       child objects */
    left: 0;
    margin-bottom: -6px;
    margin-right: 0;
    position: relative;
    top: -2px;
}

.menu.dropDown > .msshadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#eeeeee'), progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee'); /* IE */
}

/* Horizontal Menus
-------------------------------------------------------------- */
.menu.primaryNav {
    height: 100%;
    margin-left: 10px;
}

    .menu.primaryNav li {
        border: none;
        padding-right: 0;
    }

    .menu.primaryNav .wrap {
        border: none;
        background-repeat: repeat-x;
        font-size: 14px;
        height: 39px;
        line-height: 39px;
        margin-top: 0;
        padding: 0 0.9em;
    }

    .menu.primaryNav #main_view .wrap,
    .menu.primaryNav #main_manage .wrap,
    .menu.primaryNav #main_create .wrap {
        padding-left: 1em;
        padding-right: 1.6em;
    }

    .menu.primaryNav .node > .wrap > .icon {
        background-image: url(images/disclosure_icons_sprite@1x.png);
        background-position: 0 -112px;
        background-size: 15px;
        height: 16px;
        right: 7px;
        top: 12px;
        width: 11px;
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .menu.primaryNav .node > .wrap > .icon {
        background-image: url(images/disclosure_icons_sprite@2x.png);
    }
}

.menu.primaryNav #main_home .wrap {
    padding: 0 1.4em;
    text-indent: 15px; /*-5000px*/
    width: 85px; /*34px*/
}

    .menu.primaryNav #main_home .wrap > .icon {
        background-image: url(images/banner_icons_sprite@1x.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
        background-size: 20px;
        height: 28px;
        margin: 10px 9px 0 9px;
        width: 20px;
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .menu.primaryNav #main_home .wrap > .icon {
        background-image: url(images/banner_icons_sprite@2x.png);
    }
}

/*
 * From: dialog_panels.css
 */
/* Dialog Panels
--------------------------------------------------------------

Dialog panels contain forms or elements intended to collect user input.

There are 3 main types:

- .dialog.inlay
- .dialog.overlay
- .dialog.overlay.widget (a more petite version of .dialog.overlay)

For the .dialog.overlay types, there are 2 special cases:

- .sizeable
- .tabbed

These special cases may require particular overrides to the size or
positioning metrics for the container components.

In particular, .sizeable requires that .dialog > .content be position:absolute.
*/

.dialog .group {
    /* padding: 0;NEW, can be deleted if there are problems. CAUSED PROBLEM IN REPO EXPORT RESOURCE DIALOG  */
    margin: 0;
}

.dialog fieldset.group {
    margin-top: 16px;
    /* WAS UP FOR DELETION - THERE WERE PROBLEMS IN REPO EXPORT RESOURCE DIALOG */
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Google Chrome only */
    #loading.dialog > .content > .body {
        padding-bottom: 0;
        overflow: hidden;
    }
}

.panel.dialog > .content > .header > .closeIcon {
    background-image: url(images/button_action_icons_sprite@1x.png);
    background-position: -115px -176px;
    background-repeat: no-repeat;
    background-size: 240px;
    float: right;
    width: 30px;
    height: 28px;
    margin-right: 3px;
    cursor: pointer;
}

/* 2x SIMPLE ACTION BUTTON ICONS */
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .panel.dialog > .content > .header > .closeIcon {
        background-image: url(images/button_action_icons_sprite@2x.png);
    }
}


/*
	Panel Dialog Inlay
 */
.dialog.inlay {
    margin: 4px 6px 9px 2px; /* moves visual top and left to actual */
    float: left;
    border: 1px solid #d3d5d6;
}

    .dialog.inlay > .content {
        /* set coordinates to visual (0,0,0,0) of .column.decorated background,
       as this object used as reference for positioning
       child objects */
        left: 0;
        margin-bottom: 0;
        margin-right: 0;
        position: relative;
        top: 0;
    }

    .dialog.inlay .header {
        height: 28px;
        border-bottom: 1px solid #E0E0E0;
        padding-right: 15px;
        position: relative;
    }

        .dialog.inlay .header span {
            display: none;
        }

        .dialog.inlay .header * {
            line-height: 28px;
        }

        .dialog.inlay .header .icon {
            height: 28px;
        }

    .dialog.inlay > .content > .body {
        z-index: 2;
        margin-bottom: 0;
        overflow: hidden;
    }

    .dialog.inlay .sizer {
        display: none;
    }

    .dialog.inlay .footer {
        background-repeat: no-repeat;
        border-width: 0;
        height: 42px;
        overflow: visible;
        padding: 5px 20px;
        position: relative;
    }

        .dialog.inlay .footer > .cosmetic {
            position: absolute;
            bottom: 0;
            height: 76px;
        }

            .dialog.inlay .footer > .cosmetic.left {
                left: 0;
                right: 15px;
            }

            .dialog.inlay .footer > .cosmetic.right {
                right: 0;
                width: 15px;
            }

    .dialog.inlay.fillParent {
        float: none;
        position: relative;
    }

        .dialog.inlay.fillParent .footer {
            bottom: -5px;
        }

    /*
	Dialog Inlay
 */
    .dialog.inlay.filter {
        margin: 10px;
        position: relative;
        line-height: normal;
    }

        .dialog.inlay.filter > .content > .body {
            white-space: nowrap;
            padding: 10px 20px;
        }

            .dialog.inlay.filter > .content > .body > .column {
                height: auto;
                margin: 0;
                line-height: normal;
                position: relative;
                float: left;
                min-width: 185px;
                overflow: visible;
            }

                .dialog.inlay.filter > .content > .body > .column.two.pickWells {
                    height: 150px;
                }

        .dialog.inlay.filter .select {
            margin-left: 0;
        }

        .dialog.inlay.filter > .content > .body > .column.two > .control > .wrap {
            position: absolute;
            left: -5000px;
        }

        .dialog.inlay.filter > .content > .body > .column.two.pickWells .wrap {
            position: relative;
            left: auto;
        }

        .dialog.inlay.filter > .content > .body > .column.two input {
            margin-top: 0;
        }

        .dialog.inlay.filter .footer > .lock {
            position: absolute;
            right: 20px;
            top: 5px;
            z-index: 1;
        }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Google Chrome only */
    .dialog.inlay.filter .footer > .lock > .wrap {
        float: right;
    }
}

/*
	Dialog Overlay
*/

.dialog.overlay .header > .cosmetic {
    display: none;
}

.dialog.overlay .header.mover > .cosmetic {
    height: 35px;
    left: 0;
    right: 0;
}

.dialog.overlay.showingSubHeader > .content > .header {
    border-bottom: 1px solid #c5c5c5;
    height: 28px;
}

/*
	Dialog Overlay Sizeable
 */
.dialog.overlay.sizeable {
    float: none;
}

    .dialog.overlay.sizeable > .content {
        /* set coordinates to visual (0,0,0,0) of .column.decorated background,
       as this object used as reference for positioning
       child objects */
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        float: none;
        position: absolute;
        margin: 0;
    }

        .dialog.overlay.sizeable > .content > .body {
            top: 35px;
            bottom: 44px;
            margin-bottom: 0;
            position: absolute;
        }

        .dialog.overlay.sizeable > .content > .footer {
            position: absolute;
        }

        .dialog.overlay.sizeable > .content > .footer,
        .dialog.overlay.sizeable > .sizer {
            display: block;
        }

    .dialog.overlay.sizeable > .sizer {
        display: block;
        bottom: 5px;
        right: 5px;
    }

.dialog .groupBox {
    float: none;
}

.dialog.sizeable .groupBox {
    bottom: 25px;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 18px;
}

    .dialog.sizeable .groupBox > .content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
    }

        .dialog.sizeable .groupBox > .content > .body {
            padding: 6px;
            position: absolute;
        }

/*
	Tabbed Dialog
 */
.dialog.tabbed .tabSet {
    margin-bottom: 0;
}

.dialog.tabbed .groupBox {
    margin-top: 14px;
    padding-top: 20px;
}

/*
	Tabbed Dialog Sizeable
 */
.dialog.tabbed.sizeable > .content > .body > .groupBox > .content > .body {
    top: 20px;
}

/*
	Dialog Overlay Widget
 */
.dialog.overlay.widget > .content {
    position: relative;
}

.dialog.overlay.widget .header span {
    height: 28px;
    left: -1px;
    right: 18px;
}

.dialog.overlay.widget .header * {
    line-height: 27px;
}

.dialog.overlay.widget .header .icon {
    height: 27px;
}

/*
	Dialog Overlay Widget Sizeable
 */

.dialog.overlay.widget.sizeable > .content {
    /* set coordinates to visual (0,0,0,0) of .panel.widget background,
       as this object used as reference for positioning
       child objects */
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    float: none;
    position: absolute;
    margin: 0;
}

    .dialog.overlay.widget.sizeable > .content > .body {
        top: 28px;
        bottom: 30px;
    }

    .dialog.overlay.widget.sizeable > .content > .footer {
        height: 20px;
    }

.dialog.dialogV2 {
    overflow: hidden;
}

/* background colors */
body,
.pane .body,
.panel,
.column.decorated {
    background-color: #fff;
}

    /* column decorated */
    .column.decorated > .content > .header,
    .column.decorated > .content > .header > .subheader {
        background-color: #e3e3e3; /* OLD THEME - background color needs to be white so there are no problems with subheaders */
        border-bottom: 1px solid #fff;
    }

.dialog.overlay.showingSubHeader > .content > .header {
    background: url(images/column_header_bkgd.png) repeat-x;
    background-color: #d3d3d3;
}

.toolbar {
    background-color: #ebebeb;
}

.sub.header {
    background: #fff;
}

.column.decorated.secondary > .content > .body,
.column.decorated.tertiary > .content > .body {
    background-color: #f7f7f7;
}

.column.decorated.minimized {
    background: #fff;
    border: 0;
}

.inputs .column.decorated.secondary > .content > .body,
.inputs .column.decorated.tertiary > .content > .body {
    background-color: transparent;
}

.pane {
    background-color: #fff;
}

.menu.primaryNav .wrap.over,
.menu.primaryNav .wrap.pressed {
    background-color: #566471;
}

.menu.primaryNav #main_home .wrap.pressed,
.menu.primaryNav #main_library .wrap.pressed {
    /* these ids have their own styles because they are the only main menu items with a pressed effect */
    /* gradient end values are #FFAC0B and #FF790B with a top inner shadow */
    background-position: 0 -50px;
}

#dashboard #banner,
#dashboard #frame {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*
Control.css*/

#needHelp {
    color: #0c8ccd;
}