/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */
@import "bootstrap-sprockets";
@import "bootstrap";

@import "font-awesome-sprockets";
@import "font-awesome";

@import "editable/bootstrap-editable";

/* Horizontally distribute ul items.
 *
 * Adapted from the following StackOverflow answer:
 * http://stackoverflow.com/a/13505797 , by user 'joshnh'
 * Licensed under CC-BY-SA 3.0 as per the StackOverflow TOS.
 *
 */
ul.hdis {
    text-align: justify;
    padding-left: 0 !important;
}

ul.hdis:after {
    content: '';
    display: inline-block;
    width: 100%;
}

ul.hdis:before {
    content: '';
    display: block;
    margin-top: -1.25em;
}

ul.hdis li {
    display: inline-block;
    margin-right: -.25em;
    position: relative;
    top: 1.25em;
}
/* End of CC-BY-SA code. */

/* Don't overlap with the menu. */
body {
  padding-top: 70px;
}

/* Force .btn-groups to not break */
table .btn-group {
  display: flex;
}

.editable.editable-empty {
  color: inherit;
}

/* https://stackoverflow.com/questions/26923543/why-does-a-table-in-a-collapsible-bootstrap-panel-change-width */
table.collapse.in {
  display: table;
}

/* Toggles visibility based on aria-expanded of parent. */
[aria-expanded="true"] > .sv-show-expanded {
  display: inline;
}

[aria-expanded="true"] > .sv-show-collapsed {
  display: none;
}

[aria-expanded="false"] > .sv-show-expanded {
  display: none;
}

[aria-expanded="false"] > .sv-show-collapsed {
  display: inline;
}