/* module-key = 'com.atlassian.confluence.plugins.confluence-ui-components:cql', location = 'css/cql/cql-filter-field.css' */
.cql-filter .aui-iconfont-remove,
.cql-type-date .aui-nav a {
    cursor: pointer;
}

/*
    TODO CRA-663 - remove this once master is bumped to a version with the same rule in aui-overrides.css.
   HACK - because I literally just can't, unless I update the datepicker and macro browser to
   use the AJS LayerManager. This is, funnily enough, probably a safe rule to set, given that
   the datepicker dialog spawns no further elements with higher z-indexes and the MB is known
   to peak at around 3004.
 */
.aui-datepicker-dialog {
    z-index: 4000;
}

.cql-filter .absolute-date-pickers {
    /* To match aui-nav indent. */
    padding: 7px 0 7px 10px;
    display: inline-block;
}

.cql-filter .from-date-picker.text {
    margin-right: 7px;
}

.cql-filter .to-date-picker.text {
    margin-left: 7px;
}

/*
   Fighting macro-browser specificity. Technically this could go in macro-browser css in core,
   but until we get a final design we might as well apply CSS hacks close to the markup.
 */
#macro-browser-dialog .macro-input-fields .absolute-date-pickers input {
    max-width: 96px;
}
/* module-key = 'com.atlassian.confluence.plugins.confluence-ui-components:cql', location = 'css/cql/cql-component.css' */
/* If the error message ever shows, put some space between it and the first CQL form field. */
.cql-error-container .aui-message {
    margin-bottom: 10px;
}

/* Pull the first CQL field up a little, it doesn't need padding under the missing description block. */
.cql-filter:first-child .aui-nav-heading {
    padding-top: 0;
    border-top: 0;
}

/* The X icon to the right of the CQL field's label */
.cql-filter .aui-iconfont-remove {
    display: inline-block;
    float: right;
    padding-top: 2px;   /* pixel pushing to label baseline */
}

.cql-render-heading {
    margin-top: 2em;    /* give the filter fields some MORE breathing room */
}

/* Float the "Show/Hide" button to the right of the heading. */
.cql-render-heading button {
    float: right;
    margin-top: -5px;   /* Pixel-pushing. I am sorry. */
}

.cql-render-heading.cql-options-link {
    margin-top:0.25em;
}

.cql-render-heading.cql-options-link button {
    float: none;
    margin-top: 0;
}

.cql-add-filter-container {
    padding: 10px 0 0 0;
}