/* -----------------------------------------------------------------------
    z-index диапазоны
    [   0.. 999] статические элементы дизайна
    [1000..1999] статические и простые динамические элементы системы
    [2000..2999] динамические элементы дизайна
    [3000..3999] динамические интерактивные элементы системы
----------------------------------------------------------------------- */

noindex {
    display: inline;
}

.null {
    color: var(--bs-secondary-color);
}

.null td {
    font-style: italic;
}

.errors-list {
    color: var(--bs-danger);
}

.errors-list,
.errors-list ul {
    list-style: none;
    padding-left: 0;
}

.service-links .btn-caption {
    margin-left: 0.5em;
}

.service-links-no-caption .service-links .btn-caption {
    display: none;
}

.service-links-sm .service-links.btn-group {
    /* Bootstrap .btn-group-sm styles */
}

/* Equivalent to &:extend(.btn-group-sm all) depends on Bootstrap version.
   If .btn-group-sm is simply a class that provides the required styles,
   the cleaner approach is to add .btn-group-sm directly in HTML. */

.submenu li {
    margin: 10px 0;
    list-style-type: disc;
}

.submenu > li.active > a {
    font-weight: bold;
}

.linkpath {
    font-size: 0.9em;
}

.linkpath a {
    padding: 0 5px;
    font-size: 0.9em;
    color: #333;
}

.bg-loading {
    background: url('/tpl/img/loading3.gif') no-repeat center;
}

#debug-page-render-time {
    position: absolute;
    left: 5px;
    top: 2px;
    z-index: 1536;
    font-size: 10px;
}

/* -------------------------------------
   old iform
*/

.i-form-old legend:empty {
    display: none;
}

.i-form-old input[type="text"].number,
.i-form-old input[type="text"].interval {
    /* Equivalent to Bootstrap .form-control */
}

.i-form-old textarea.textarea {
    height: 10em;
}

/* ------------------------------------- */

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
}

/* Списки с иконками-маркерами (см. _include/icon-list.tpl).
   Иконку (<:icon()/>) можно вставить и вручную в любой <ul class="ul-icons">:
   размер берётся из глобального .icon (1em), здесь только раскладка. */
.ul-icons {
    list-style: none;
    padding-left: 0;
}
.ul-icons > li {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
}
.ul-icons > li > svg.icon {
    flex-shrink: 0;
    margin-top: .15em;
}
.ul-icons a {
    color: inherit;
}
.ul-icons a:hover {
    color: var(--bs-primary);
}