/**********************************************
* Create 'new replicated table' dialog styles
***********************************************/
.connectionSetupContainer {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.connectionStepTitle,
.ccProcessingView.label {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
}

.connectionStepSubTitle {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.connectionStepSubTitleMultilineContainer {
    display: inline-block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle;
}

.deprecatedWarning {
    color: red;
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
    width: 400px;
}

.requirementsFieldLabel {
    font-weight: bold;
    padding-bottom: 7px;
    position: relative;
    width: 315px;
}

.requirementsFieldInput {
    width: 250px;
}

.settingsError {
    color: red;
}

.waitingProgressContainer {
    padding-top: 8px;
}

.waitingProgress {
    background: lightGreen;
    border-radius: 8px;
    padding: 8px;
}

input.settingsError {
    border-color: red;
    outline-color: red;
}

.createNewTableDesc {
    width: 600px;
}

.connectionSetupWizard .CreateNewTableInput {
    margin-right: 20px;
}

.connectionSetupWizard .connectionRequirements input {
    margin-left: 0;
}

.connectionSetupWizard .connectionRequirements .connectionName {
    padding-bottom: 15px;
}

.connectionSetupWizard .credentialInput,
.connectionSetupWizard .parameterInput {
    padding-bottom: 15px;
}

.connectionSetupWizard .ClearableWrapper > input.UserInput.WithPadding {
    height: 22px;
    padding: 4px 20px 4px 8px;
}

.connections,
.channelGroupList,
.channels {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.userFeedbackSection {
    height: 50px;
    margin-left: 20px;
    margin-top: 25px;
}

.userFeedbackSection a {
    cursor: pointer;
}

.channelFeedback {
    float: left;
    height: 40px;
    margin: 6px 0 2px 8px;
    padding: 16px 4px 4px 4px;
    text-align: center;
    width: 148px;
}

.channelFeedback a {
    cursor: pointer;
    text-decoration: underline;
}

.channelFeedback a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.channelGroupsWrapper {
    height: 440px;
    overflow-y: auto;
}

.connection, .channel, .channelGroup {
    border: 1px solid #d9e0e9;
    float: left;
    margin: 6px 0 2px 8px;
}

.connection, .channel {
    cursor: pointer;
    text-align: center;
    width: 156px;
}

.existingConnection:hover {
    background-color: #ffe37d;
}

.connection.selected, .channel.selected, .tableSource.selected, .existingConnection.selected,
.connection.selected:hover, .channel.selected:hover, .tableSource.selected:hover, .existingConnection.selected:hover,
.primaryKeyDefinition a.selected {
    background-color: #ffd535;
}

.channelGroup {
    border: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    width: 80px;
}

.builtInNameWarning {
    color: red;
    display: none;
    font-size: 0.8em;
}

.ccProcessingView {
    height: 100%;
    left: -0.5px;
    position: absolute;
    top: -0.5px;
    width: 100%;
    z-index: 1011;
}

.ccProcessingView.background {
    background-color: #fff;
    z-index: 1010;
}

.ccProcessingView.messageContainer {
    height: auto;
    top: 40%;
}

.ccProcessingView.spinner {
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 50px;
}

.ccProcessingView.label {
    color: #404040;
    font-size: 28px;
    height: auto;
    position: relative;
    text-align: center;
}

.ccOAuthenticator {
    border-style: none;
    height: 0;
    width: 0;
}

.TblIcon20 {
    position: relative;
}

.IconBorder .Overlay.Icon.ConnectedIndicator {
    background-image: url('./images/Plug_small.png');
    background-position: center center;
    background-repeat: no-repeat;
    bottom: -8px;
    display: inline-block;
    height: 8px;
    left: -7px;
    position: absolute;
    width: 18px;
}

.StepProgressBar {
    height: 75px;
    left: 20px;
    position: absolute;
    top: -5px;
    width: 400px;
}

.gridStyle {
    border: 1px solid rgb(212, 212, 212);
    height: 300px;
    width: 100%;
}

.qbSelectionCell {
    margin-left: 12px;
    margin-top: 9px;
}

.InvalidFieldName {
    color: red;
}

.iconSelectionContainer .ClearableWrapper,
.connectionWizardDialog .ClearableWrapper {
    display: inline-block;
    position: relative;
}

.iconSelectionContainer .ClearInput,
.connectionWizardDialog .ClearInput {
    background: url("images/icons/clearsearch.png");
    cursor: pointer;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 16px;
}

.iconSelectionContainer .SearchIcon,
.connectionWizardDialog .SearchIcon {
    background: url("images/icons/magnifying-glass.png");
    height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 13px;
}

.newTableForm .connectionStepContent {
    height: 399px;
    padding: 20px;
}

.connectionSetupForm .connectionStepSubTitle {
    padding: 20px;
}

.connectionSelectionForm .connectionStepSubTitle {
    padding: 20px;
}

.datasetSelectionForm .contentTop {
    padding: 20px 0 10px 0;
}

.datasetSelectionForm .contentTop .ClearableWrapper {
    margin-bottom: 20px;
    padding-left: 20px;
}

.connectionSetupWizard .datasetSelectionForm .ClearableWrapper > input.UserInput.WithPadding {
    width: 302px;
}

.newTableForm label,
.connectionRequirements label {
    margin-bottom: 7px;
    margin-left: 0;
    position: relative;
}

.connectionRequirements {
    padding: 20px 0 10px 20px;
}

.connectionRequirements .left label {
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%;
}

.fieldInputErrorIcon {
    background-image: url("images/icons/harmony_icons_error.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    position: absolute;
    width: 20px;
}

.existingConnection {
    cursor: pointer;
    font-weight: bold;
}

.existingConnection .connectionName {
    font-weight: bold;
    padding: 20px;
}

.newConnectionToggle {
    padding: 20px;
}

.newConnectionToggle a {
    text-decoration: none;
}

.newConnectionToggle a:hover {
    text-decoration: underline;
}

.tableSources {
    height: 367px;
    overflow-y: auto;
}

.notFound {
    height: 438px;
}

.tableSource:hover {
    background-color: #ffe37d;
}

.tableSource .tableDesc {
    cursor: pointer;
    font-weight: bold;
    overflow: hidden;
    padding: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tableSource .tableDesc .queryDescription {
    font-weight: normal;
}

.tableSourceDivider {
    background-color: #e9eff6;
    margin: 0;
}

.tableSourceGroup {
    padding: 10px 0 10px 20px;
}

.channelGroupLabel {
    float: left;
    margin-left: 20px;
    padding-top: 17px;
    width: 145px;
}

.channelGroupHeading {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.channelGroupDesc {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}

.channelGroupContent {
    padding-bottom: 16px;
    padding-top: 12px;
}

.channel .channelDesc,
.connection .connectionDesc {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.connectionStepTitle.newConnectionTitle {
    margin-top: -10px;
}

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

.channel:hover {
    background: #ffe37d;
    border: 1px solid #cacaca;
}

.channelIcon {
    background-image: url("images/CCDataSources.png");
    background-position: 0 -1560px;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 156px;
}

ul.channelGroupList li,
ul.channels li {
    background-color: #fff;
}

.channelIcon.Bill-com {
    background-position: -12px -0px;
}

.channelIcon.Intacct {
    background-position: -12px -60px;
}

.channelIcon.Salesforce-com {
    background-position: -12px -120px;
}

.channelIcon.NetSuite {
    background-position: -12px -180px;
}

.channelIcon.Zuora,
.channelIcon.Zuora-Connector-Only,
.channelIcon.Zuora-Liberator-Only {
    background-position: -12px -240px;
}

.channelIcon.QuickBase {
    background-image: url("images/CCDataSource-QuickBase.svg");
    background-position: 14px 22px;
    background-size: 85%;
}

/*QuickBase logo positioning for Internet Explore 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .channelIcon.QuickBase {
        background-position: 22px 9px;
    }
}

.channelIcon.QuickBooks {
    background-image: url("images/CCDataSource-QuickBooks.png");
    background-position: 0 0;
}

.channelIcon.Public-CSV {
    background-position: -12px -720px;
}

.channelIcon.Sample-Data {
    background-position: -12px -780px;
}

.channelIcon.Zendesk {
    background-position: -12px -960px;
}

.channelIcon.GoogleDrive {
    background-position: -12px -1380px;
}

.channelIcon.Dropbox, .channelIcon.DropBox {
    background-position: -12px -1440px;
}

.channelIcon.Box-com {
    background-position: -12px -1500px;
}

.channelIcon.Gmail {
    background-position: -12px -1680px;
}

.channelIcon.OneDrive {
    background-position: -12px -1740px;
}

.channelIcon.Salesforce-Sandbox {
    background-position: -12px -1800px;
}

.channelIcon.SFTP {
    background-position: -12px -1860px;
}

.channelIcon.Exchange {
    background-position: -12px -1920px;
}

.channelIcon.Admin-Console {
    background-image: url("images/CCDataSources-Admin-Console.svg");
    background-position: 10px 22px;
    background-size: 90%;
}

/*Admin Console logo positioning for Internet Explore 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .channelIcon.Admin-Console {
        background-position: 13px 5px;
    }
}

.flushLeft.channelIcon.Bill-com {
    background-position: -180px -0px;
}

.flushLeft.channelIcon.Intacct {
    background-position: -180px -60px;
}

.flushLeft.channelIcon.Salesforce-com {
    background-position: -180px -120px;
}

.flushLeft.channelIcon.NetSuite {
    background-position: -180px -180px;
}

.flushLeft.channelIcon.Zuora,
.flushLeft.channelIcon.Zuora-Connector-Only,
.flushLeft.channelIcon.Zuora-Liberator-Only {
    background-position: -180px -240px;
}

.flushLeft.channelIcon.QuickBase {
    background-position: 0 22px;
}

/*QuickBase logo positioning for Internet Explore 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flushLeft.channelIcon.QuickBase {
        background-position: 0px 3px;
    }
}

.flushLeft.channelIcon.QuickBooks {
    background-position: 0 -9px;
}

.flushLeft.channelIcon.Public-CSV {
    background-position: -180px -720px;
}

.flushLeft.channelIcon.Sample-Data {
    background-position: -180px -780px;
}

.flushLeft.channelIcon.Zendesk {
    background-position: -180px -960px;
}

.flushLeft.channelIcon.GoogleDrive {
    background-position: -180px -1380px;
}

.flushLeft.channelIcon.Dropbox, .flushLeft.channelIcon.DropBox {
    background-position: -180px -1440px;
}

.flushLeft.channelIcon.Box-com {
    background-position: -180px -1500px;
}

.flushLeft.channelIcon.Gmail {
    background-position: -180px -1680px;
}

.flushLeft.channelIcon.OneDrive {
    background-position: -180px -1740px;
}

.flushLeft.channelIcon.Salesforce-Sandbox {
    background-position: -180px -1800px;
}

.flushLeft.channelIcon.SFTP {
    background-position: -180px -1860px;
}

.flushLeft.channelIcon.Exchange {
    background-position: -180px -1920px;
}

.flushLeft.channelIcon.Admin-Console {
    background-position: 0px 24px;
}

/*Admin Console logo positioning for Internet Explore 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flushLeft.channelIcon.Admin-Console {
        background-position: 0px 0px;
    }
}

/* animation */

.connectionSetupWizard .newTableForm .suggestedIconContainer {
    margin-left: 0;
    margin-right: 0;
    width: 680px;
}

.connectionSetupWizard .newTableForm .createNewTableDesc {
    overflow: auto;
    width: 751px;
}

.connectionSetupWizard .newTableForm .createNewTableName,
.connectionSetupWizard .newTableForm .createNewTableNoun {
    width: 340px;
}

.IconChooser, .suggestedIconContainer {
    background-color: white;
}

.ChooseIconContainer {
    height: 364px;
    overflow-y: auto;
}

.IconChooserDialog .modal-dialog {
    margin: 25px auto;
    width: 844px;
}

.IconChooserDialog .modal-dialog .modal-content {
    border-radius: 0;
}

.iconSelectionContainer {
    padding: 50px 20px 20px 20px;
}

.iconSelectionContainer .connectionStepSubTitle {
    padding: 20px;
}

.iconSelectionContainer .searchBox {
    margin-bottom: 20px;
    margin-left: 20px;
}

.iconSelectionContainer .NoSuggestedIcon {
    padding: 20px;
}

.connectionSetupContainer {
    float: left;
    padding: 40px 20px 20px 20px;
    position: relative;
    width: 848px;
}

#connectionSetupPages {
    height: 494px;
    margin-top: 40px;
    overflow: visible;
    position: relative;
}

.connectionStepTitle {
    margin-bottom: 15px;
    margin-top: 5px;
}

.newConnectionTitle.connectionStepTitle {
    margin-bottom: 1px;
}

.connectionStepContent {
    background-color: #f3f5f8;
    border: 1px solid #d9d9db;
    border-left: 0;
    border-right: 0;
    padding: 0;
}

.connectionStepContent.contentTop {
    border-bottom: 0;
    padding-bottom: 0;
}

.connectionStepContent.contentMiddle {
    border-bottom: 0;
    border-top: 0;
    padding: 5px 0 5px 0;
}

.connectionStepContent.contentMain {
    border-top: 0;
    padding-top: 0;
}

.connectionStepContentSep {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e3eaf3;
}

.connectionStepContentPanel {
    border-bottom: 1px solid #e3eaf3;
    border-top: 1px solid #fff;
}

.connectionList {
    height: 377px;
    overflow-y: auto;
}

.oauthHintLabel {
    display: inline-block;
    margin-left: 20px;
}

.setupPage.ng-enter,
.setupPage.ng-enter.ng-enter-active,
.setupPage.ng-leave,
.setupPage.ng-leave.ng-leave-active,
.setupPage {
    bottom: 0;
    height: 491px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    width: 848px;
}

.animate-left .setupPage.ng-enter {
    left: 100%;
}

.animate-left .setupPage.ng-enter.ng-enter-active {
    left: 0;
}

.animate-left .setupPage.ng-leave {
    left: 0;
}

.animate-left .setupPage.ng-leave.ng-leave-active {
    left: -100%;
}

.animate-right .setupPage.ng-enter {
    left: -100%;
}

.animate-right .setupPage.ng-enter.ng-enter-active {
    left: 0;
}

.animate-right .setupPage.ng-leave {
    left: 0;
}

.animate-right .setupPage.ng-leave.ng-leave-active {
    left: 100%;
}

.closeConnectionWizard, .closeIconChooser, .closeTableConnected {
    background: url(./images/icons/Help_Close.png) -39px 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
}

.footerButtons {
    padding-top: 20px;
}

button.nextButton {
    float: right;
}

span.nextHelp {
    float: right;
    padding: 8px;
}

.connectionWizardDialog .modal-dialog .modal-content {
    border-radius: 2px;
    float: left;
}

.connectionWizardDialog .modal-dialog {
    margin: 5px auto;
    width: 890px;
}

.connectionWizardDialog.withHelp .modal-dialog {
    margin: 5px auto;
    width: 1130px;
}

.confirmCloseWizard .modal-dialog {
    margin: 50px auto;
    width: 370px;
}

.confirmCloseWizard .modal-dialog .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.confirmCloseWizard .modal-dialog .confirmCloseDialog {
    padding: 30px;
}

.confirmCloseWizard .modal-dialog .confirmCloseDialogContents {
    height: 40px;
    padding: 0;
}

.confirmCancelSync .modal-dialog .confirmCancelSyncDialog {
    padding: 10px;
}

.confirmCancelSync .modal-dialog .confirmCancelSyncDialogContents {
    padding: 0;
}

.confirmCloseWizard .modal-dialog .confirmDialogText {
    font-size: 18px;
    padding-top: 3px;
}

.confirmCloseWizard .modal-dialog .confirmDialogIcon {
    background: url(./images/icons/ccwarning.png) no-repeat;
    display: inline-block;
    float: left;
    height: 50px;
    width: 61px;
}

.confirmCloseWizard .modal-dialog .footerButtons,
.promptForRefreshDialog .footerButtons {
    border-top: 1px solid #ccc;
}

.querySwitchConnectionWizard .modal-dialog {
    height: 400px;
    width: 400px;
}

.querySwitchConnectionWizard .modal-content {
    max-height: 320px;
    overflow: auto;
    padding-bottom: 30px;
}

.querySwitchConnectionWizard .modal-dialog .dialog {
    height: 120px;
    padding: 30px;
}

.querySwitchConnectionWizard .modal-dialog .dialogContents {
    padding: 0;
}

.querySwitchConnectionWizard .modal-dialog .dialogTitle {
    font-size: 24px;
    padding-top: 12px;
}

.querySwitchConnectionWizard .modal-dialog .dialogText {
    font-size: 18px;
    padding-top: 3px;
}

.querySwitchConnectionWizard .modal-dialog .dialogIcon {
    background: url(./images/icons/ccwarning.png) no-repeat;
    display: inline-block;
    float: left;
    height: 50px;
    width: 61px;
}

.querySwitchConnectionWizard .modal-dialog .footerButtons {
    padding-bottom: 30px;
}

.tableConnectedDialog .modal-dialog {
    margin: 50px auto;
    width: 600px;
}

.tableConnectedDialog .modal-dialog .modal-content {
    background-color: #f3f5f8;
    border-radius: 0;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog {
    color: #000;
    height: 400px;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialogContent .connectedDialogTip {
    margin-top: 20px;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialogContent .connectionAnimation {
    padding-top: 30px;
    position: relative;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialogContent {
    height: 290px;
    margin-top: 40px;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog .footerButtons {
    border-top: 0;
    padding-top: 0;
    text-align: center;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog .feedbackLink {
    padding-top: 40px;
    text-align: center;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog .feedbackLink a {
    cursor: pointer;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog .okayConnectedButton {
    display: inline-block;
    margin: 0 auto;
}

.tableConnectedDialog .modal-dialog .tableConnectedText {
    margin-top: 120px;
    text-align: center;
}

.tableConnectedDialog .modal-dialog .connectionContainer {
    display: inline-block;
    padding-bottom: 8px;
    position: absolute;
    text-align: center;
}

.tableConnectedDialog .modal-dialog .connectionContainer.left {
    left: 20px;
}

.tableConnectedDialog .modal-dialog .connectionContainer.left .channelIcon {
    position: absolute;
    right: 35px;
    top: 50%
}

.tableConnectedDialog .modal-dialog .connectionContainer.right {
    right: 20px;
}

.tableConnectedDialog .modal-dialog .connectionContainer.right .channelIcon {
    left: 35px;
    position: absolute;
    top: 50%
}

.tableConnectedDialog .modal-dialog .connectionContainer {
    width: 200px;
}

.tableConnectedDialog .modal-dialog .connectionContainer.right.move {
    -ms-transform: translate(-77px, 0);
    transform: translate(-77px, 0);
    -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: right 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.tableConnectedDialog .modal-dialog .connectionContainer.left.move {
    -ms-transform: translate(78px, 0);
    transform: translate(78px, 0);
    -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.plugIcon {
    background: url(./images/icons/Plugs_Complete.png) no-repeat;
    display: inline-block;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: 33px;
    width: 65px;
    z-index: 1;
}

.plugIcon.connected {
    background-position: 0 -64px;
}

.footerButtons .HarmonyButton {
    margin: 0;
}

.helpPanel {
    background: #f3f5f8;
    float: left;
    height: 100%;
    right: 0;
    width: 21%;
    z-index: 2;
}

.helpPanel .helpContainer {
    height: 595px;
    margin-top: 30px;
    overflow-y: auto;
    padding: 20px 20px 0 20px;
}

.helpPanel.ng-hide {
    width: 0;
}

.helpPanel.ng-hide-add {
    display: block !important;
}

.helpPanel.ng-hide-remove {
    display: block !important;
}

.closeHelpPanel {
    background-image: url("images/icons/Close-help.png");
    background-position: -39px 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    vertical-align: middle;
    width: 13px;
}

.openHelpPanel {
    background-image: url("images/icons/Help_Close.png");
    background-position: 0 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 60px;
    top: 20px;
    vertical-align: middle;
    width: 20px;
}

.tooltip {
    z-index: 50000 !important;
}

.fieldSelectionForm .contentTop {
    padding: 20px 0 10px 0;
}

.fieldSelectionForm .contentTop .ClearableWrapper {
    margin-bottom: 20px;
    padding-left: 20px;
}

.connectionSetupWizard .fieldSelectionForm .ClearableWrapper > input.UserInput.WithPadding {
    width: 272px;
}

.qb-msl-item {
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(222, 222, 222, 1.0);
    cursor: move;
    height: 28px;
    margin: 5px;
    position: relative;
    width: 323px;
}

.qb-fc-fieldicon {
    margin-left: 8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.qb-fc-fieldname {
    margin-left: 28px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.qb-msl-item:hover {
    background-color: #ffe37d;
    outline: #cacaca solid 1px;
}

.qb-msl-selected {
    background-color: #ffd535;
}

.qb-msl-selected:hover {
    background-color: #ffd535;
}

.qb-msl-list {
    height: 323px;
    margin-top: 5px;
    outline: none;
    overflow: auto;
    padding: 3px;
    width: 370px;
}

.qb-fc-source-fields {
    float: left;
    margin-left: 10px;
}

.qb-fc-destination-fields {
    float: left;
    margin-left: 50px;
}

.qb-fc-helper {
    display: none;
    margin-top: 10px;
    text-align: center;
}

.fieldSearch {
    width: 350px;
}

.fieldChooser {
    width: 848px;
}

.fieldSelectionForm .contentMain {
    display: inline-block;
    width: 848px;
}

.sourceFields {
    float: left;
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.destinationFields {
    float: left;
    margin-left: 110px;
    overflow: hidden;
}

.clearLabels {
    clear: both;
    height: 0;
}

.fieldDropZone {
    border: 1px dashed #999999;
    color: #999999;
    height: 329px;
    line-height: 295px;
    position: absolute;
    text-align: center;
    top: 161px;
    width: 337px;
}

.fieldDropZone.source {
    left: 10px;
}

.fieldDropZone.destination {
    left: 437px;
}

.fieldDropZoneIcon {
    background-image: url("images/drag-drop-icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 65px;
    width: 66px;
}

.fieldDropZoneIcon.plus {
    background-position: 0 0;
}

.fieldDropZoneIcon.plus.enabled {
    background-position: -66px 0;
}

.fieldDropZoneIcon.plus.active {
    background-position: -132px 0;
}

.fieldDropZoneIcon.minus {
    background-position: 0 -65px;
}

.fieldDropZoneIcon.minus.enabled {
    background-position: -66px -65px;
}

.fieldDropZoneIcon.minus.active {
    background-position: -132px -65px;
}

.fieldDropMessage {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

div.qb-msl-item > span.Icon {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.connectionContainer .connectedDataSetName,
.connectionContainer .connectedTableName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connectionContainer .connectedTableName {
    margin-left: 25px;
    margin-right: 2px;
}

.connectionContainer .connectedDataSetName {
    margin-left: 4px;
    margin-right: 15px;
}

.connectionStepDescription > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connectionStepDescription > span.connectionStepDescriptionTable {
    max-width: 400px;
}

.modal-dialog .promptForRefreshDialog {
    padding: 30px;
}

.modal-dialog .promptForRefreshDialog .infoDialogContents {
    font-size: 18px;
}

.modal-dialog .promptForRefreshDialog .infoDialogContents h3 {
    font-size: 21px;
    margin-top: 0;
    white-space: nowrap;
}

/*******************************************
			Filter Setup
********************************************/

.filterSetupForm .filterDefinitionContainer {
    border-left: 20px;
    height: 371px;
    overflow-y: auto;
}

.filterDefinitionContainer.notFiltering,
.scheduleDefinition.noScheduling {
    opacity: .5;
}

.filterSetupForm .anyAllFilter {
    border: 1px solid #fff;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.filterSetupForm .connectionStepSubTitle {
    padding: 20px;
}

.scheduleSetupForm .connectionStepSubTitle {
    padding-bottom: 20px;
    padding-top: 20px;
}

.scheduleSetupForm .contentTop {
    min-height: 70px;
}

.filterSetupForm .connectionStepSubTitle span,
.scheduleSetupForm .connectionStepSubTitle span {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.filterSetupForm .filterTitle span,
.scheduleSetupForm .scheduleTitle span {
    display: inline-block;
    overflow: hidden;
}

.filterSetupForm .filterTitleRecordName {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filterSetupForm .connectionStepSubTitle .filterTitleRecordName {
    max-width: 300px;
}

.filterSetupForm .filterConditionLine .connectionStepContentSep,
.filterSetupForm .filterDefinition > .connectionStepContentSep {
    margin-bottom: 8px;
}

.filterSetupForm .filterDefinition.topCondition > .connectionStepContentSep {
    display: none;
}

.filterSetupForm .filterConditionLine input {
    height: 20px;
}

.scheduleDefinition .dropdown-menu,
.filterDefinition .dropdown-menu {
    position: fixed;
}

.safari .filterDefinition .dropdown-menu {
    position: absolute;
}

/*******************************************
			Schedule Setup
********************************************/

.caret.pull-right {
    height: 26px;
    position: absolute;
    top: 45%;
}

button.primarykey {
    height: 26px;
    margin: 1px 5px 1px 0;
    text-align: left;
    width: 325px;
}

button.primarykey span.primaryKeyText {
    margin-left: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    width: 285px;
}

.refreshOptionLabel {
    float: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    margin-left: 20px;
    padding-top: 17px;
    width: 130px;
}

.refreshOptionSelection {
    display: inline-block;
    width: 681px;
}

.refreshModeChoice input,
.scheduleOption input {
    float: left;
    margin-right: 6px;
}

.refreshModeChoiceInputLabel,
.scheduleOptionInputLabel {
    display: inline-block;
}

.refreshModeChoiceInputLabel .dimText,
.scheduleOptionInputLabel .dimText {
    color: #999999;
}

.refreshOptions.selection a {
    text-decoration: none;
}

.scheduleSetupForm .scheduleDefinition {
    border-left: 20px;
    height: 191px;
    overflow-y: auto;
}

.scheduleSetupForm .scheduleDefinition.hasPrimaryKeyPicker {
    height: 93px !important;
}

.scheduleDefinition .monthlySetup span,
.scheduleDefinition .weeklySetup span,
.scheduleDefinition .hourlySetup span,
.scheduleDefinition .dailySetup span,
.hourlyScheduleSuffix {
    vertical-align: middle;
}

.scheduleDefinition .monthlySetup,
.scheduleDefinition .weeklySetup,
.scheduleDefinition .hourlySetup,
.scheduleDefinition .dailySetup,
.scheduleDefinition .hourlyScheduleSuffix {
    display: inline-block;
}

.scheduleSetupForm .scheduleOption {
    padding-top: 20px;
}

.scheduleSetupForm .refreshModeChoice {
    padding: 0 0 10px 0;
}

.helpContainer .separator {
    border: 0;
    border-bottom: 1px solid #d9d9db;
    margin: 40px 0 0 0;
}

.helpContainer ul {
    padding-left: 16px;
}

.helpContainer ol {
    padding-left: 21px;
}

/*******************************************
			Connection edit view
********************************************/

.connectionSettingsForm .connection-dropdown-btn {
    margin: 0;
}

.connectionSettingsForm .dropdown-menu > li > a {
    padding-left: 6px;
}

.connectionSettingsForm .dropdown-menu a {
    text-decoration: none;
}

.connectionSettingsForm .dropdown-menu {
    border-radius: 0;
    left: auto;
    max-height: 166px;
    overflow-y: auto;
    top: auto;
}