/**
 * The semantic-ui adapter application styles.
 *
 * @category    css
 * @version     $Id: application.css 250903 2023-10-16 14:45:23Z cvi $
 * @copyright   Copyright (c) Alcedis GmbH
 */

/* some small animation transition for the left sidebar */
div#application-view {
    transition: margin-left .6s;
}

/* a small animation for right sidebar usage */
div#view-content {
    transition: padding-right .6s, margin-right .6s, padding-top .6s;
}

div#app-tool-menu,
div#app-context-menu,
div#app-bottom-menu {
    z-index: 100;
    transition: .6s;
}

/* a small animation for the left sidebar */
div#app-navigation-sidebar,
div#app-toolbar {
    transition: visibility .6s, transform .6s;
}

div#app-navigation-sidebar.ui.vertical.menu {
    display: flex;
}

div#app-navigation-sidebar.ui.vertical.menu > div.navigation {
    flex-grow: 1;
}

div#app-navigation-sidebar.ui.vertical.menu div.user-info {
    position: sticky;
    padding:  0.5rem 1rem;
    bottom: 0;
}

div#app-navigation-sidebar.ui.vertical.menu .item:before {
    display: none !important;
}

div#app-navigation-sidebar.ui.vertical.menu .item:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34,36,38,.1)
}

div#app-bottom-menu {
    box-shadow: rgb(0 0 0 / 22%) 0px 3px 16px 0px !important;
}

div#app-bottom-menu .item {
    padding: .7rem 0 .7rem .8rem !important;
}

div.right.sidebar {
    transition: .6s;
}

div#app-toolbar {
    overflow: hidden!important; /* no scrollbar for small height */
}

div#app-toolbar > *:first-child {
    margin-bottom: 0;
}

div#app-toolbar-content {
    overflow-y: scroll;
    height: calc(100vh - 6.4rem);
    padding-bottom: .5rem;
}

#notification-toolbar * {
    transition: all .3s;
}

/* a small hover effect for text color changes in the toolbar */
#app-toolbar-content span {
    transition: color .2s;
}

div#app-top-menu {
    transition: padding-left .5s;
}

div#app-context-menu .highlight {
    box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.17);
    background-color: #4ab4d1;
    transition: background-color ease-in .5s;
}

div#app-context-menu .highlight > i {
    transition: color ease-in .1s;
    color: white;
}

/* required for correct showing of absolute positions elements */
div#view-content {
    position: relative;
    z-index: 0;
}

/* a dedicated class which equip all clickable elements */
.ui-clickable {
    cursor: pointer;
}

/* a dedicated class which equip all clickable elements */
.ui-text-link {
    text-decoration: underline;
}

.header .ui-clickable {
    text-decoration: underline!important;
}

.ui-disabled {
    /*cursor: not-allowed!important;*/
}

.segment.ui-clickable:not(.ui-disabled):hover {
    background-color: lightgrey;
}

.bordered.container {
    transition: background-color .5s;
    background-color: #fff;
}

.content.size.matching.container {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.parent.size.matching.container {
    width: 100%;
}


/* horizontal linear layout: all first child level elements will be rendered as inline block */
.horizontal-linear-layout {
    display: inline-flex;
    flex-wrap: wrap;
}

/* horizontal linear fixed layout: all first child level elements will be rendered as inline block and with no wrap*/
.horizontal-linear-layout-fixed {
    display: inline-flex;
    white-space: nowrap;
}

/* vertical linear layouts: all first child level elements will be rendered as block elements */
.vertical-linear-layout {
    display: flex;
    flex-direction: column;
}

.ui-left-content-aligned {
    text-align: left;
}

.ui-center-content-aligned {
    text-align: center;
}

.ui-right-content-aligned {
    text-align: right;
}

.ui-readonly-value.no-value {
    color: #cccccc;
    font-style: italic;
}

.ui.sidebar.hidden {
    width: 0!important;
    height: 0!important;
}

.ui.bottom.fixed.menu:not('#app-bottom-menu') {
    overflow-x: scroll;
}

/* add a custom style to the detail icons inside the applications mobile circular menu */
#application-view > .circular.menu i.icons > i:nth-of-type(2) {
    font-size: 1.3rem;
}


div.ui.feed > .event {
    transition: all 0.5s linear;
}

a {
    text-decoration: underline;
}

.ui.table thead tr:first-child > th.ui-fixed-column {
    position: sticky;
    z-index: 1001;
    left: 0;
    right: 0;
    background-color: rgb(249, 250, 251);
    border-right: 1px solid rgb(226, 226, 225);
    border-bottom: 1px solid rgb(226, 226, 225);
    padding-right: calc(.78571429em - 1px);
}
.ui.table.ui-fixed-header thead tr:first-child > th.ui-fixed-column {
    z-index: 1001;
}

.ui.table tbody td.ui-fixed-column {
    position: sticky;
    z-index: 999;
    left: 0;
    right: 0;
    background-color: white;
    border-right: 1px solid rgb(226, 226, 225);
    padding-right: calc(.78571429em - 1px);
}
.ui.table tbody tr:not(:first-child) td.ui-fixed-column {
    border-top: 1px solid rgb(226, 226, 225);
}
.ui.striped.table tbody tr:nth-child(2n) td.ui-fixed-column {
    background-color: rgb(249, 250, 251);
}
.ui.table:not(.selectable) td.ui-clickable.ui-fixed-column:hover {
    background-color: rgb(242,242,242) !important;
}
.ui.table:not(.selectable) tr:nth-child(2n) td.ui-clickable.ui-fixed-column:hover {
    background-color: rgb(237,238,238) !important;
}

.ui.table tbody td.ui-fixed-column:hover,
.ui.table tbody td:first-child.ui-fixed-column,
.ui.table thead tr:first-child > th:first-child.ui-fixed-column {
    border-left: 1px solid rgb(226, 226, 225);
}
.ui.table tbody td.ui-fixed-column + td,
.ui.table thead tr:first-child > th.ui-fixed-column + th {
    border-left: none;
}

@media print {
    tr {
        break-inside: avoid !important;
        break-after: auto !important;
    }

    .ui.grid > .row {
        break-inside: avoid !important;
    }

    #app-top-menu {
        display: none !important;
    }

    #app-tool-menu {
        display: none !important;
    }

    #app-bottom-menu {
        display: none !important;
    }

    #app-navigation-sidebar {
        display: none !important;
    }

    #view-content {
        padding: 0 !important;
    }

    #application-view {
        margin: 0 !important;
    }
}