/* module-key = 'com.playsql.playsql-base-plugin:playsql-web', location = 'assets/core/css/browser.css' */

/* For the browser */
textarea.sql {
    width: 100%;
    height: 100px;
    border: 1px solid #EEE;
    background-color: #FFD;
}

#autocomplete-sql {
    padding: 10px;
}

form.playsql-browser.aui fieldset {
    margin-left: 0;
    padding-left: 0;
}

.playsql-parameter-remove {
    float: right;
}

.popup-window .playsql-placeholder {
    border-top: 1px solid #CCC;
    padding-top: 10px;
}
/* module-key = 'com.playsql.playsql-base-plugin:playsql-web', location = 'assets/core/spreadsheet/spreadsheet-macro.css' */

.playsql.spreadsheet td.editing input[type=date] {
    margin-bottom: 1px;
}

.playsql.spreadsheet td.pagepicker {
    min-width: 300px;
}

.playsql.spreadsheet td.userpicker {
    min-width: 300px;
}

#colomn-properties-dialog #value-mappings a span {
    color: #777;
}

body .aui-icon.playsql-iconfont-sort {
    border-top-color: #333;
}

body .aui-icon.playsql-iconfont-sort.asc {
    border-bottom-color: #333;
    border-top-color: transparent;
}

.aui-icon.playsql-iconfont-sort {
    border: 6px solid transparent;
    width: 0;
    height: 0;
    margin-top: 5px;
}

#inline-dialog-col-properties .playsql-fulltext-button {
    color: #707070;
}
#inline-dialog-col-properties .aui-inline-dialog-contents {
    overflow: auto;
}

#inline-dialog-col-properties table.advanced-properties {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}
#inline-dialog-col-properties table.advanced-properties > tbody > tr > td:first-child {
    vertical-align: top;
    padding-right: 10px;
    color: #777;
    min-width: 6.5em;
}
#inline-dialog-col-properties table.advanced-properties h3 {
    padding-top: 10px;
}
#inline-dialog-col-properties .aui-buttons .btn-cancel {
    font-size: 14px;
    margin: 10px;
}
#inline-dialog-col-properties-submit-panel { /*, #inline-dialog-wizard-foreign-key .contents {*/
    padding-bottom: 20px;
}
#inline-dialog-col-properties.small-inline .contents {
    padding: 0 10px;
    width: auto; /* Overrides both the AUi css and ours */
}
#inline-dialog-col-properties table.advanced-properties .description {
    max-width: 400px;
}
#inline-dialog-col-properties table.advanced-properties .format-details table tr {
    border-bottom: 0;
}

#inline-dialog-col-properties .column-name, #inline-dialog-wizard-foreign-key .preview {
    font-family: monospace;
}

#inline-dialog-col-properties .aui-toolbar2 {
    margin-bottom: 20px;
}
#inline-dialog-col-properties.small-inline .aui-toolbar2 {
    margin-bottom: 0;
}
#inline-dialog-col-properties.small-inline .aui-toolbar2 .aui-buttons > .filter-input5 {
    margin-top: 10px;
}

/** The input field within the select2 field */

#inline-dialog-col-properties .filter-input5 {
    width: 50px;
}
#inline-dialog-col-properties .filter-input5.with-value {
    width: 300px;
}
#inline-dialog-col-properties .hovered .filter-input5 {
    transition: width 1000ms cubic-bezier(.58,.84,.21,.99);
    width: 300px;
}


/*#inline-dialog-col-properties .inline-filter5-on-hover-display {
    opacity: 0;
    transition: opacity 1000ms linear;
}
#inline-dialog-col-properties .inline-filter5-on-hover-display.hovered {
    opacity: 1;
}*/
.playsql-filter-tip {
    font-size: 0.8em;
    margin-left: 5px;
    color: #ccc;
}
/* Fixes the fact that aui-button-primary makes the button blue, except when under .aui-buttons in toolbars
.aui-button.aui-button-primary.playsql-aui-button-primary {
    background: #3068a2;
    background: -webkit-linear-gradient(top, #4687ce 0%, #3068a2 100%);
    background: -moz-linear-gradient(top, #4687ce 0%, #3068a2 100%);
    background: -ms-linear-gradient(top, #4687ce 0%, #3068a2 100%);
    background: -o-linear-gradient(top, #4687ce 0%, #3068a2 100%);
    background: linear-gradient(to bottom, #4687ce 0%, #3068a2 100%);
    border-color: #486582;
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 #205081;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -10px
}
.aui-button.aui-button-primary.playsql-aui-button-primary:hover,
.aui-button.aui-button-primary.playsql-aui-button-primary:focus {
    background: #3673B5;
    background: -webkit-linear-gradient(top, #5A94D3 0%, #3673B5 100%);
    background: -moz-linear-gradient(top, #5A94D3 0%, #3673B5 100%);
    background: -ms-linear-gradient(top, #5A94D3 0%, #3673B5 100%);
    background: -o-linear-gradient(top, #5A94D3 0%, #3673B5 100%);
    background: linear-gradient(to bottom, #5A94D3 0%,#3673B5 100%);
    border-color: #205081;
    color: #fff;
    text-shadow: 0 1px 0 #205081;
}
*/
#inline-dialog-col-properties .button-panel, #inline-dialog-wizard-foreign-key .button-panel {
    margin-top: 20px;
    text-align: right;
}
#inline-dialog-col-properties .error, #inline-dialog-wizard-foreign-key .error {
    color: #d04437;
}
/* For C531, re-align the buttons */
#inline-dialog-col-properties .aui-toolbar2-primary .aui-buttons {
    margin: 0 10px 10px 0;
}
#inline-dialog-col-properties.small-inline .aui-toolbar2-primary .aui-buttons:last-child {
    margin-right: 0;
}
#inline-dialog-col-properties .playsql-iconfont {
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -999em;
    background-size: cover;
}
body[data-aui-version="6.1.1"] .playsql-iconfont {
    color: black;
}
#inline-dialog-col-properties .playsql-iconfont-euro {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVR42mNgoAPgB2JhIBYgVaMjEF8F4v9oOIkYzRVIGuYDcSoQT4PyDxHSrIGk2QFNThKIiwgZ0A7V7E5OgEUg2V4DxClAnA3EJsQasB+qeSUQl0INaQZiXWINsIcaUAXEIkAsTWr03cUSbXGkGMACxBugGvXITXmeUAOOA7E4mhwjEGsTMoARKdGAcD0QBwFxFjRlXiXWJW5YwuQTsUkZGQiRm5mIAgBVmC6XX6s/6AAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-dollar {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAz0lEQVR42mNgwA9kgDgFiBkZyATKQHyRXAOUgDgTiB8DsR0QKxJrEEhRExD/x4KXAjETIQOSoIonAXEy1AWeQLwGiK8CMTMh2+dCNbEBsTwQ70dyuhgxXpgEdYEbEJugGUAU0EXz9ycg7gBiD0LORwac0JBvRDPsEBCzkOIaBWg6YAfiqUD8EohFCGmyBWJuJAP2Q9nlUANECcXCDqhzQf5uhbLnQOnJxKQDayCeBrUN5vezQBxCjGZ0oAUNAyZyM5MG1ABmcg0ABWIbvoQEACzvL8a7aLnuAAAAAElFTkSuQmCC")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-number {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVR42mNgGAXIgAWNzwzEfFjE2YGYG1lAGYhXAvEmIGaCiqkA8X8k7AoVn4Qk9hKIVUGCbVAOsgEiQCwBxIxAvACID0FdpAXEnEAsCcR3gTiNAclkZANgQBCqsBpJLBLJBYL4DAD5/wgUc6IZag81JAUkIAXES6EKZaGKQPRVqCJHINYAYh4gLgNidSA2gcoVMUCd+B/NWVFogfgSGiZHkMR2ALE0OdHNAcRco6keAQDkEimpGyR+KAAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-zeroes {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVR42mNgGAX4AB8Qc6GJMQMxPyGNLEA8E4j/Q3EWVNwKSewxEEvjMsAfiD8BsRQQm0E16ALxRSCuBmImIN4AxLNwGRAKxC+BmBuIlaAGWAPxVSBOgaqZBMSbcBkQBjUA5H95qAH2WAzYgqxJFOpEPSS/2gBxHJJ39gPxXKirrkK9AwcgG+4CMSc0EHuQAiwZqsYISQykVhzZgOlAHIXmFZAX2LFEIxc2fxthUTxSAAC2jyVFv+fJGAAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-markdown {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2klEQVQ4EWP8//8/AyWAiRLNIL0UG8AQExOzGGgQyB8kY5BeRqhGIEUegHsBGJiMICwhIfECZJSKisotmBjMaHQ+XBzIAMr9BxEMly9f1hMQEHgP44NokDyyGhgfSqNIcgA1cDx9+lSWWAPgXgCaxnDhwgWNSZMmpTMzM7+zsLA4BhKDAaCBoPACA2Q2SADDeXJycg+QvQFSo6+vfx7mKh4ens8wfVgNAElycHB8h2mAKXZ3d+8XFxffCeODaMqjEZgYlgBNIguA9ILinizNME0osQATJIWm2AAA7hq00iRem6UAAAAASUVORK5CYII=")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-text {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoUlEQVR42mNgoDLgBGJhIOYHYm4g5oBiEJsPiMWAWAifAUlA/J8APoTPgCggfgzEKkCsBMSngPgTEFsDsTgQ9wLxJnwGhALxRSBmgvInQTXA+P5AvB+fAZOgTmTGYUAM1AKcwAWIE9EMRDbACIhzSIkVdANIBoPHAEZSNeoBsS00xF8CsTcQG5JiwFxoqgMZsAPKvgtN6kQBUDpgwcMfRAAAKN8lExIkeBkAAAAASUVORK5CYII=")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-remove-foreign-key-renderer {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4gYbDCY1A3eLdAAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAAAnUlEQVQ4y7WSsQ3CMBBFD+igCWyQOZgAJCREh1KwACNliCzBIiwQp7kUsfMoIFJAiRw74lW2dH4+/btFSbmRQBJJzkZMIbEAdOelpzCvqHa9e9Y95k3m/amlfdTU6VgHXsGHZ0Oz73cSKgBQiz0Gh/WLw528RRO4K7qeIwC4zRFcFF3FZnCNDVEt9hA7ha89CBIMbeJkHC43mK38kxc0GmS8px1npwAAAABJRU5ErkJggg==');
}
#inline-dialog-col-properties .playsql-iconfont-link {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABI0lEQVQ4EaWSsWoCQRCGb4NEghhQbEQsrNIFJLEIdnmDNKksfADfQjBlqpAqD5DWyicwpEhhYZ8UFgqBELCQFOs3uhtmd68QHPhuZmf+2ZvdO2OtzY6xk2OapTfZwBjThmd4Awu/MIJG7svkCBpEfZBzvcIDjN16ia9p7e74SSLLzhGe6TzrntvkRuclLlAIjKSMfAm3FC6gCXUn+nP+3wV3QJPYkOoMHqEK7zCFfNMjoWiBnP8FSr5GLBco+Wuf8z6YAEERxD4QrPfh7tlRcRDGd/BNdQVPHKWM/4J7uIN886N4j6oLMq5nQjxw6yuv895IEBtvPyVXgQ31n7iu18kGNKc7qg42NGqZ/gcUFw6tk3gOnxJoSybQxUPi+DMe0hNotv+bqiu8FOeDAAAAAElFTkSuQmCC")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-boolean {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGUlEQVQ4EZWRTUpDMRSFE3UiCEVFXYNIkSLFzSjSlQguQnDkoAMHnRZnDhy3Raq4B/EH7Vx9fifm6iUVee/BR3JzzznJS0JVVaEJIYQtuIIj+ZqaNzHeA87wCb3aAYg34A5kNm5rBWBYh6kzKuABtlMAk2XYTf/0m267rNG7Aas1PsJO1ocVimv4gMMiZJW1CXjzE3VbOgu4dAKFHORGi/nI9RTyDOmkPuC0EL1Tn8C4WH+h7sDQzHaCBRb7hdgfWfNX2IMUWgZIsAgXUBpVv0E375b6fwXoHpZgAD5kRr1vButZnUO/DblQyBnosvTuP+bcnztBRKRFPYnm/34xxjmtdkyfNa2uO+oFjuuKs+7c66NdhF9sMv8C4ddExkmbL58AAAAASUVORK5CYII=")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-date {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVR42mNgoAPgB2JhIBYgVaMjEF8F4v9oOIkYzRVIGuYDcSoQT4PyDxHSrIGk2QFNThKIiwgZ0A7V7E5OgEUg2V4DxClAnA3EJsQasB+qeSUQl0INaQZiXWINsIcaUAXEIkAsTWr03cUSbXGkGMACxBugGvXITXmeUAOOA7E4mhwjEGsTMoARKdGAcD0QBwFxFjRlXiXWJW5YwuQTsUkZGQiRm5mIAgBVmC6XX6s/6AAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-userpicker {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVR42mNgoAPgB2JhIBYgVaMjEF8F4v9oOIkYzRVIGuYDcSoQT4PyDxHSrIGk2QFNThKIiwgZ0A7V7E5OgEUg2V4DxClAnA3EJsQasB+qeSUQl0INaQZiXWINsIcaUAXEIkAsTWr03cUSbXGkGMACxBugGvXITXmeUAOOA7E4mhwjEGsTMoARKdGAcD0QBwFxFjRlXiXWJW5YwuQTsUkZGQiRm5mIAgBVmC6XX6s/6AAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
#inline-dialog-col-properties .playsql-iconfont-pagepicker {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVR42mNgoAPgB2JhIBYgVaMjEF8F4v9oOIkYzRVIGuYDcSoQT4PyDxHSrIGk2QFNThKIiwgZ0A7V7E5OgEUg2V4DxClAnA3EJsQasB+qeSUQl0INaQZiXWINsIcaUAXEIkAsTWr03cUSbXGkGMACxBugGvXITXmeUAOOA7E4mhwjEGsTMoARKdGAcD0QBwFxFjRlXiXWJW5YwuQTsUkZGQiRm5mIAgBVmC6XX6s/6AAAAABJRU5ErkJggg==")
    no-repeat 0 0 transparent;
}
.playsql-spreadsheet-placeholder .playsql-resize-handle {
    background-color: rgba(53, 114, 176, 0.5); /*#3572b0;*/
    position: absolute;
    /*opacity: 0.3;*/
    width: 9px;
    z-index: 1; /* It only has to be above the table */
    cursor: ew-resize;
}
.playsql-resize-handle.dragging {
    opacity: 0.5;
}

#inline-dialog-formula-editor.small-inline .contents {
    padding: 5px 10px;
}

#inline-dialog-cell-properties.small-inline .contents {
    padding: 10px 10px 0 10px;
    width: initial;
}
#inline-dialog-cell-properties.small-inline .contents .aui-toolbar2 {
    margin-top: -6px;
}
.playsql-color-picker-dropdown {
    padding: 10px;
    line-height: 0;
    min-width: 30px;
    height: auto; /* Overrides .aui-layer{height:80%} */
}

#inline-dialog-cell-properties.small-inline .aui-toolbar2-primary > .aui-buttons {
    margin-right: 0;
}

body .playsql-color-picker-dropdown a.color-item {
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    text-indent: -9999px;
    border: 1px solid #fff;
    padding: 0;
}

.playsql-color-picker-dropdown hr {
    display: block;
    float: left;
    width: 100%;
}

.playsql-color-picker-dropdown .color-item:hover {
    border-color: #777;
}
.playsql-color-picker-background {
    background-color: white;
    margin-top: -10px;
    top: auto;
}
.playsql-color-picker-background .aui-button-split-main span {
    background-color: transparent;
    display: inline-block;
    text-indent: -999px;
    height: 15px;
    width: 15px;
    border: 1px solid #777;
    margin-bottom: 2px;
    vertical-align: bottom;
}

.playsql-color-picker-background .aui-button.aui-button-split-more {
    vertical-align: bottom;
}

body .aui-buttons .aui-button.aui-button-split-main + .aui-button-split-more.aui-dropdown2-trigger:before {
    display: none;
}

/* ********************* Formulas highlighting ******************* */
.playsql-formula .subrule-value-cell, .playsql-formula .subrule-value-range {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 2px;
    padding: 2px 2px 2px 2px;
    background-color: #fafafa;
    color: black;
}

.playsql-formula .subrule-value-add,
.playsql-formula .subrule-value-mul,
.playsql-formula .subrule-column-identifier,
.playsql-formula .subrule-condition-value .subrule-column-identifier {
    color: black;
}

.playsql-formula .subrule-value-literal {
    font-family: monospace;
    color: #d39c3f;
}

/* We provide 4 levels of colors for nested functions. Beyond that,
 * the user is clever enough to know what we're doing.
 */
.playsql-formula .subrule-value-function {
    color: #67ab49;
}

.playsql-formula .subrule-value-function .subrule-value-function {
    color: #326ca6;
}

.playsql-formula .subrule-value-function .subrule-value-function .subrule-value-function {
    color: #f15c75;
}

.playsql-formula .subrule-value-function .subrule-value-function .subrule-value-function {
    color: #d39c3f;
}

.playsql-formula .subrule-range-condition {
    color: #ccc;
}

.playsql-formula .subrule-condition-value {
    font-size: .8em;
}

/* We cancel the lozenges around references when they're in conditions, because
 * they're nested in a lozenge.
 */
.playsql-formula .subrule-condition-value .subrule-value-cell,
.playsql-formula .subrule-condition-value .subrule-value-range {
    border: none;
    margin: 0;
    padding: 0;
}


/*

.playsql-formula > span {
    color: #326ca6;
}
.playsql-formula > span > span {
    color: #67ab49;
}
.playsql-formula > span > span > span {
    color: #ac5050;
}
.playsql-formula > span > span > span > span {
    color: #d39c3f;
}
.playsql-formula > span > span > span > span > span {
    color: coral;
}*/
#inline-dialog-formula-editor .formula-editor-buttons {
    width: 100%;
    text-align: right;
}
#inline-dialog-formula-editor .javadoc-fn-signature {
    font-family: monospace;
}
#inline-dialog-formula-editor li.active {
    background-color: #3b73af;
    color: white;
    padding-left: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.playsql-spreadsheet-placeholder.fullscreen {
    width: 100%;
    height: 100%;
    overflow: scroll;
}

.playsql-spreadsheet-placeholder.fullscreen > table {
    margin: 30px auto;
}

.playsql-spreadsheet-placeholder.fullscreen thead .pagination-row {
    position: fixed;
    top: 10px;
    right: 20px;
    background-color: white;
}
.playsql-spreadsheet-placeholder table.squeeze-mode td,
.playsql-spreadsheet-placeholder table.squeeze-mode th {
    padding: 0 4px;
}

.select2-results .result-title {
    font-weight: bold;
}

.select2-results .result-description {
    font-size: 0.9em;
    color: #ccc;
}

.playsql-menu-trigger {
    position: absolute;
    left: 0;
    visibility: hidden;
}
.totals-row .playsql-menu-trigger {
    left: 7px;
}

td:hover > .playsql-menu-trigger,
th:hover > .playsql-menu-trigger {
    visibility: visible;
}

.playsql.spreadsheet > tbody > tr > th:first-child:hover:after {
    content: "\f1d3";
    font-family: "Atlassian Icons";
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    color: #3b73af;
    position: absolute;
    cursor: pointer;
}

/** Image preview, when a user clicks on an image in a spreadsheet */
#playsql-imageviewer {
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.playsql-imageviewer-image:hover {
    background-color: #ddd;
    color: black;
}

#playsql-imageviewer .nav {
    font-size: large;
    height: 50px;
    width: 50px;
    padding: 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    top: 50%;
    position: absolute;
    margin-top: -50px;
    display: inline-block;
}
#playsql-imageviewer .nav:hover {
    background-color: #ddd;
}
#playsql-imageviewer .previous {
    left: 0;
    height: 70px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#playsql-imageviewer .next {
    right: 0;
    height: 70px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#playsql-imageviewer .exit {
    top: 50px;
    right: 0;
    font-size: x-large;
    border-top: none;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#playsql-imageviewer #playsql-imageviewer-image {
    margin: 0 auto;
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}