/**********************************************
* Create 'new replicated table' dialog styles
***********************************************/
.connectionSetupContainer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-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 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
    padding-left: 10px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

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

.requirementsFieldLabel {
    font-weight: bold;
    width:315px;
    position:relative;
    padding-bottom:7px;
}
.requirementsFieldInput {
    width:250px;
}
.settingsError {
    color:red;
}
.waitingProgressContainer {
    padding-top:8px;
}
.waitingProgress {
    background:lightGreen;
    padding:8px;
    border-radius: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 {
    padding:4px 20px 4px 8px;
    height:22px;
}
.connections,
.channelGroupList,
.channels
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;

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

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

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

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

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


.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 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
    font-size:14px;
    text-align:left;
    border:0;
    width:80px;
}



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

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

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

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

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

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

.ccOAuthenticator
{
    width: 0; 
    height: 0; 
    border-bottom-style: none;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-style: none;
}



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

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

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

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

.InvalidFieldName 
{
    color: Red;
}

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

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

.iconSelectionContainer .SearchIcon,
.connectionWizardDialog .SearchIcon {
    position: absolute;
    width: 13px;
    height: 14px;
    background: url("images/icons/magnifying-glass.png");

    right: 5px;
    top: 50%;
    margin-top: -7px;
}
.newTableForm .connectionStepContent {
    height:399px;
    padding:20px;
}
.connectionSetupForm .connectionStepSubTitle {
    padding:20px;
}

.connectionSelectionForm  .connectionStepSubTitle {
    padding:20px;
}
.datasetSelectionForm  .contentTop {
    padding: 20px 0 10px 0;
}
.datasetSelectionForm   .contentTop .ClearableWrapper {
    padding-left:20px;
    margin-bottom:20px;
}
.connectionSetupWizard .datasetSelectionForm .ClearableWrapper>input.UserInput.WithPadding {
    width: 302px;
}

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

.connectionRequirements  {
    padding: 20px 0 10px 20px;
}
.connectionRequirements .left label {
    float:left;
    width:100%;
    margin-bottom:4px;
    margin-top:4px;
}
.fieldInputErrorIcon {
    background-image: url("images/icons/harmony_icons_error.png");
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position:absolute;
    margin-left:8px;
}


.existingConnection {
    font-weight:bold;
    cursor: pointer;
}
.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
{
    font-weight:bold;
    cursor:pointer;
    padding:20px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}
.tableSource .tableDesc .queryDescription {
    font-weight:normal;
}
.tableSourceDivider 
{
    background-color: #e9eff6;
	margin: 0;
}

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


.channelGroupLabel
{
    padding-top: 17px;
    margin-left: 20px;
    float: left;
    width: 145px;
}
.channelGroupHeading
{
    margin: 0 0 4px 0;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}
.channelGroupDesc
{
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
}
.channelGroupContent
{
    padding-top: 12px;
    padding-bottom: 16px;
}

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

.connectionStepTitle.newConnectionTitle {
    margin-top:-10px;
}
.newConnectionTitle>div {
    display:inline-block;
    vertical-align:middle;
}

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

    background: #ffe37d;
}


.channelIcon {
    background-image: url("images/CCDataSources.png");
    background-repeat: no-repeat;
    width:156px;
    height:60px;
    background-position:0 -1560px;
    display:block;
}
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.Facebook {
    background-position: -12px -360px;
}
.channelIcon.QuickBooks{
    background-position: -12px -420px;
}
.channelIcon.Eloqua {
    background-position: -12px -480px;
}
.channelIcon.Google-Spreadsheets {
    background-position: -12px -540px;
}
.channelIcon.SugarCRM {
    background-position: -12px -600px;
}
.channelIcon.CDyne-Weather {
    background-position: -12px -660px;
}
.channelIcon.Public-CSV {
    background-position: -12px -720px;
}
.channelIcon.Sample-Data {
    background-position: -12px -780px;
}
.channelIcon.Hampton {
    background-position: -12px -780px;
}
.channelIcon.Secured-Hampton {
    background-position: -12px -840px;
}
.channelIcon.MySQL {
    background-position: -12px -900px;
}
.channelIcon.Zendesk {
    background-position: -12px -960px;
}
.channelIcon.PostgreSQL {
    background-position: -12px -1020px;
}
.channelIcon.LinkedIn {
    background-position: -12px -1080px;
}
.channelIcon.Twitter {
    background-position: -12px -1140px;
}
.channelIcon.Rosy {
    background-position: -12px -1200px;
}
.channelIcon.ConnectionCloud,
.channelIcon.Connection-Cloud-Repository {
    background-position: -12px -1260px;
}
.channelIcon.MongoDB {
    background-position: -12px -1320px;
}
.channelIcon.GoogleDrive {
    background-position: -12px -1380px;
}
.channelIcon.Dropbox,.channelIcon.DropBox {
    background-position: -12px -1440px;
}
.channelIcon.Box-com {
    background-position: -12px -1500px;
}
.channelIcon.EchoSign {
    background-position: -12px -1620px;
}
.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: 0px 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.Facebook {
    background-position:-180px -360px;
}
.flushLeft.channelIcon.QuickBooks{
    background-position:-180px -420px;
}
.flushLeft.channelIcon.Eloqua {
    background-position:-180px -480px;
}
.flushLeft.channelIcon.Google-Spreadsheets {
    background-position:-180px -540px;
}
.flushLeft.channelIcon.SugarCRM {
    background-position:-180px -600px;
}
.flushLeft.channelIcon.CDyne-Weather {
    background-position:-180px -660px;
}
.flushLeft.channelIcon.Public-CSV {
    background-position:-180px -720px;
}
.flushLeft.channelIcon.Sample-Data {
    background-position:-180px -780px;
}
.flushLeft.channelIcon.Hampton {
    background-position:-180px -780px;
}
.flushLeft.channelIcon.Secured-Hampton {
    background-position:-180px -840px;
}
.flushLeft.channelIcon.MySQL {
    background-position:-180px -900px;
}
.flushLeft.channelIcon.Zendesk {
    background-position:-180px -960px;
}
.flushLeft.channelIcon.PostgreSQL {
    background-position:-180px -1020px;
}
.flushLeft.channelIcon.LinkedIn {
    background-position:-180px -1080px;
}
.flushLeft.channelIcon.Twitter {
    background-position:-180px -1140px;
}
.flushLeft.channelIcon.Rosy {
    background-position:-180px -1200px;
}
.flushLeft.channelIcon.ConnectionCloud,
.flushLeft.channelIcon.Connection-Cloud-Repository {
    background-position:-180px -1260px;
}
.flushLeft.channelIcon.MongoDB {
    background-position:-180px -1320px;
}
.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.EchoSign {
    background-position:-180px -1620px;
}
.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 {
    width: 680px;
    margin-left:0;
    margin-right:0
}
.connectionSetupWizard .newTableForm .createNewTableDesc {
    width: 751px;
    overflow:auto;
}
.connectionSetupWizard .newTableForm .createNewTableName,
.connectionSetupWizard .newTableForm .createNewTableNoun
{
    width: 340px;
}
.IconChooser,.suggestedIconContainer {
    background-color:white;
}
.ChooseIconContainer {
    height:364px;
    overflow-y:auto;
}

.IconChooserDialog .modal-dialog {
    width: 844px;
    margin: 25px auto;
}
.IconChooserDialog .modal-dialog .modal-content {
    border-radius:0;
}

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

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


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

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


.connectionStepTitle {
    margin-top:5px;
    margin-bottom:15px;
}
.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-top:0;
    border-bottom:0;
    padding: 5px 0 5px 0px;
}
.connectionStepContent.contentMain {
     border-top:0;
     padding-top:0;
 }

.connectionStepContentSep {

    border-top:1px solid #e3eaf3;
    border-bottom:1px solid #fff;

}

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

.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
{

    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -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;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;

    position:absolute;
    width:848px;
    height:491px;
    top:0;
    left:0;
    right:0;
    bottom:0;

}
.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 {
    position:absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: url(./images/icons/Help_Close.png);
    background-position: -39px 0;
}

.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 {
    width:890px;
    margin: 5px auto;
}

.connectionWizardDialog.withHelp .modal-dialog {
    width:1130px;

    margin: 5px auto;
}

.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 {
    padding:0px;
    height:40px;
}
.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);
    width:61px;
    height:50px;
    display:inline-block;
    float:left;
    background-repeat: no-repeat;
}
.confirmCloseWizard .modal-dialog .footerButtons,
.promptForRefreshDialog .footerButtons
{
    border-top:1px solid #ccc;
}

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

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

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

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

.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);
    width:61px;
    height:50px;
    display:inline-block;
    float:left;
    background-repeat: no-repeat;
}

.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 {
    position:relative;
    padding-top:30px;
}
.tableConnectedDialog .modal-dialog .tableConnectedDialogContent {
    height:290px;
    margin-top:40px;
}
.tableConnectedDialog .modal-dialog .tableConnectedDialog .footerButtons {

    padding-top:0;
    text-align:center;
    border-top:0;
}

.tableConnectedDialog .modal-dialog .tableConnectedDialog .feedbackLink {
    text-align:center;
    padding-top:40px;
}
.tableConnectedDialog .modal-dialog .tableConnectedDialog .feedbackLink a {
    cursor:pointer;
}
.tableConnectedDialog .modal-dialog .tableConnectedDialog .okayConnectedButton{
    margin: 0 auto;
    display:inline-block;

}
.tableConnectedDialog .modal-dialog .tableConnectedText {
    text-align:center;
    margin-top:120px;
}
.tableConnectedDialog .modal-dialog .connectionContainer {
    display:inline-block;
    text-align:center;
    position:absolute;
    padding-bottom:8px;
}
.tableConnectedDialog .modal-dialog .connectionContainer.left {
    left:20px;
}
.tableConnectedDialog .modal-dialog .connectionContainer.left .channelIcon {
    right:35px;
    position:absolute;
    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 {

    transform: translate(-77px,0);
    -webkit-transform: translate(-77px,0);
    -moz-transform: translate(-77px,0);
    -ms-transform: translate(-77px,0);

    transition: right 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);
    -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);

}
.tableConnectedDialog .modal-dialog .connectionContainer.left.move {
    transform: translate(78px,0);
    -webkit-transform: translate(78px,0);
    -moz-transform: translate(78px,0);
    -ms-transform: translate(78px,0);

    transition: left 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);
    -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);
}

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

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

}

.footerButtons .HarmonyButton {
    margin:0;
}

.helpPanel {
    float:left;
    width:21%;
    height:100%;
    right:0;
    background: #f3f5f8;
    /*-webkit-transition: width linear 0.9s;*/
    /*transition: width linear 0.9s;*/
    z-index:2;
}

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

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

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

.closeHelpPanel {

    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;

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

    background-image: url("images/icons/Help_Close.png");
    background-position: 0 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

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

.fieldSelectionForm  .contentTop {
    padding: 20px 0 10px 0;
}
.fieldSelectionForm   .contentTop .ClearableWrapper {
    padding-left:20px;
    margin-bottom:20px;
}
.connectionSetupWizard .fieldSelectionForm .ClearableWrapper>input.UserInput.WithPadding {
    width: 272px;
}

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

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

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

.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 {
    width: 370px;
    height: 323px;
    margin-top: 5px;
    padding: 3px;
    overflow: auto;
    outline: none;
}

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

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

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

.fieldSearch {
    width: 350px;
}

.fieldChooser   {
    width: 848px;
}

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

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

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

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

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

.fieldDropZone.source {
    left: 10px;
}

.fieldDropZone.destination {
    left: 437px;
}

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

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

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

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

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

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

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


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

div.qb-msl-item>span.Icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.connectionContainer .connectedDataSetName,
.connectionContainer .connectedTableName {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.connectionContainer .connectedTableName {
    margin-left:25px;
    margin-right:2px;
}
.connectionContainer .connectedDataSetName {
    margin-right:15px;
    margin-left:4px;
}


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

.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 {
    height:371px;
    overflow-y:auto;
    border-left:20px;
}

.filterDefinitionContainer.notFiltering,
.scheduleDefinition.noScheduling {
    opacity: .5;
}
.filterSetupForm .anyAllFilter {
    border: 1px solid #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.filterSetupForm .connectionStepSubTitle {
    padding: 20px;
}
.scheduleSetupForm .connectionStepSubTitle {
    padding-top: 20px;
    padding-bottom: 20px;
}
.scheduleSetupForm .contentTop {
    min-height: 70px;
}

.filterSetupForm .connectionStepSubTitle span,
.scheduleSetupForm .connectionStepSubTitle span {
    overflow:hidden;
    display:inline-block;
    vertical-align: middle;
}
.filterSetupForm .filterTitle span,
.scheduleSetupForm .scheduleTitle span {
    display:inline-block;
    overflow:hidden;
}
.filterSetupForm .filterTitleRecordName {
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width:500px;
}

.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 {
    position: absolute;
    top: 45%;
    height: 26px;
}
button.primarykey{
    width: 325px;
    height: 26px;
    text-align: left;
    margin:1px 5px 1px 0;
}
button.primarykey span.primaryKeyText {
    width: 285px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    vertical-align: bottom;
    margin-left: -4px;
}

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

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

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

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

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


.scheduleSetupForm .scheduleDefinition {
    height:191px;
    overflow-y:auto;
    border-left:20px;
}
.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 0px;
}

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

.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 {
    max-height:166px;
    overflow-y:auto;
    top:auto;
    left:auto;
    border-radius:0;
}