*{
    font-family: 'Montserrat', Poppins, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
body {
    background-color: hsl(0, 0%, 15%);
    height: 100%;
}

#container {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transform: translate(0, 0);
}


.b-row-expander-body {
    .b-grid-header-text {
        padding-top    : .2em;
        padding-bottom : .2em;
    }

    --b-row-expander-padding : 2em;
}

:host {
    .b-order-grid,
    .b-line-item-grid {
        flex          : 1;
        border        : 1px solid var(--b-grid-cell-border-color);
        border-bottom : none;
    }
}

.avatar {
    width             : 2em;
    height            : 2em;
    margin-inline-end : .5em;
    border-radius     : 50%;
}

.b-line-item-grid {
    .b-widget-cell {
        justify-content : space-around;

        .b-button {
            font-size : .8em;
        }

        .b-html {
            width           : 2em;
            justify-content : center;
        }
    }
}

.page-container {
    height: 100%;
    padding: 1em 1em 0 1em;
}

.grid-container{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.grid-container > * {
    border: 2px solid rgb(96, 96, 96);
}

#sharedDetailArea {
    /* Flows naturally below whichever page is active */
    padding: 10px 1em 1em 1em;

}

#sharedDetailArea .grid-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.scheduler-container{
    flex: 1;
    
}

.grid-title{
    color: white;
}

.b-grid-header-container .b-grid-header{
    /* background-color: rgb(96, 96, 96) !important;
    color: rgb(255, 255, 255); */
    height: 30px;
    font-weight: bold;
}

.b-grid .b-group-row .b-grid-cell {
    background-color: #353535;
    font-weight: bold;
}

.b-grid-row.b-selected .b-grid-cell {
    background-color: #466ab2;
}

.b-grid .b-toolbar{
    background-color: rgb(96, 96, 96);
}

.b-grid .b-action-cell{
    display: flex;
    justify-content: center;
}

.link-tag{
    font-size: 12px;
    display:inline-block;
    padding:1px 6px; 
    border: 1px solid; 
    color: white; 
    border-radius: 500px; 
    margin-right: 2px; 
    cursor: pointer;
}