/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

html, body {
    height: 100%;
}

.canceled {
    text-decoration: line-through;
}

.show-only-first__parent:not(:first-of-type) > .show-only-first {
    display: none;
}

/** Make it larger to be more accessible in touch devices */
.dropdown {
    --bulma-dropdown-menu-min-width: 14rem;
}
.dropdown-item {
    font-size: 1em;
}

.fab-panel {
    position: fixed;
    text-align: right;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.fab-content {
    position: absolute;
    right: 0;
    bottom: 4rem;
    padding: 1rem;
}

.fab-button {
    margin: 1rem;
}