/*@import url("https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css");*/


main {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*****************************************************************************/
.content-container {
    height: 100%;
    width: 100%;
    overflow: auto;
}

/*****************************************************************************/
.sn-text-sm { font-size: .9em; }
.sn-text-lg { font-size: 1.1em; }


/*****************************************************************************/
.sn-btn-text-right { margin-left: 10px; }
.sn-btn-text-left { margin-right: 10px; }
.sn-btn-text-top, .sn-btn-text-bottom { display: block; }


/*****************************************************************************/
.sn-navbar {
    padding: 5px;
    border: greenyellow solid 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
}
.sn-navitem {
    padding: 3px;
}

/*****************************************************************************/
.sn-treeview {
    overflow: auto;
}

.sn-treeview-node-text {
    margin-left: 5px;
    white-space: nowrap;
}
.sn-treeview-node-text a {
    text-decoration: none;
    color: var(--bs-body-color);
}
.sn-treeview-node-text a:hover {
    text-decoration: inherit;
    color: inherit;
}

.sn-treeview-row {
    white-space: nowrap;
}

/*****************************************************************************/
.sn-datagrid {
    overflow: auto;
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
}
.sn-table {
    width: 100%;
    height: 100%;
    border-collapse: collapse; /* <= Эта хрень дает прозрачность границ таблицы! */
}
.sn-table thead {
    position: sticky;
    top: 0;
    background-color: #f1f1f1;
    z-index: 1;
}
.sn-table th,
.sn-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.sn-datagrid-filter-cell-container {
    padding: 0!important;
    background-color: #fff;
}
.sn-datagrid-filter-cell {
    padding: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*****************************************************************************/
.sn-editor { width: 100%; }

.sn-editor > input {
    width: 100%;
}

/*
.sn-text-editor { }

.sn-number-editor { }

.sn-datetime-editor { }
*/

/******************************************************************************
 *
 * Корректрировка стилей аккордиона
 *
 **/
.accordion-header {
    margin: 0!important;
}