/*!
 * WebVirtCloud (http://github.com/retspen/webvirtcloud)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* pages stop at Bootstrap's lg container width (960px): its xl and xxl
   widths (1140px, 1320px) leave the panel's forms and lists too wide */
@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

#editor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Tom Select's control keeps the text colour of the select it replaces:
   its own stylesheet fixes one, unreadable on some Bootswatch themes */
.ts-wrapper.form-select .ts-control,
.ts-wrapper.form-select .ts-control input {
  color: inherit;
}

.xmlheight {
    height: 364px;
}

.ace_editor {
    height: 350px;
}

/* headers of sortable tables (static/js/sort_tables.js): the sorted one shows
   its direction, up for ascending */
th[role=columnheader]:not([data-sort-method="none"]) {
    cursor: pointer;
    user-select: none;
}

th[aria-sort]:not([data-sort-method="none"])::after {
    content: "";
    display: inline-block;
    margin-left: 0.4em;
    vertical-align: middle;
    border: 0.3em solid transparent;
    border-top-color: currentColor;
}

th[aria-sort="ascending"]:not([data-sort-method="none"])::after {
    border-top-color: transparent;
    border-bottom-color: currentColor;
}

.host-collapsed tr[host] {
    display: none;
}

/* a live chart (static/js/charts.js) fills the width of its card at this height */
.chart {
    height: 160px;
}