:root
{
    /*--universal-padding:4px;*/
    /*--universal-margin: 4px;*/
}

header
{
    height: 48px;
}

header a.logo img
{
    float:left;
    height:100%;
    margin-left: 14px;
}

.notification-count
{
    color: silver !important;
    float:right;
}
.notification-count.active
{
    color: var(--mark-fore-color) !important;
    background: var(--mark-back-color) !important;
}

.sidebar nav a:hover
{
    opacity: 0.7;
} 
.sidebar .input-group
{
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar .input-group a i 
{
    padding-right: 5px;
    padding-left: 1px;
}

.sidebar nav a, .sidebar nav .input-group
{
    margin:0;
}

html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

#page
{
    padding-bottom: 70px;
    margin-bottom: 70px !important;
}

.float-right { float:right; }

.muted { color:silver !important; }
.sidebar
{
    background: var(--header-fore-color) !important;
}
.sidebar a
{
    box-sizing: border-box;
    height: calc(3.1875rem + var(--universal-padding) / 2);
    background: var(--header-back-color);
    line-height: calc(3.1875rem - var(--universal-padding) * 1.5);
    color: var(--header-fore-color) !important;
    border: 0;
    border-radius: 0;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.card.success
{
    background: #689f38 !important;
    color: #fafafa !important;
    border-color: var(--button-border-color) !important;

}

#alerts .card.fluid
{
    padding: 10px 20px 10px 20px;
}

a.active
{
    background: #e5e9f0;
}

a.button.action
{
    margin:0;
    margin-left: 4px;
}

form
{
    background: none;
    border:0;
}

form label.tab 
{
   border-bottom: 1px solid rgb(136, 192, 208);
}

form div.tab
{
    max-height: none !important;
    border-bottom: 1px solid rgb(136, 192, 208) !important;
}

form div.actions
{
    float: right;
    margin-top:6px;
}

footer
{
    padding:10px 0 6px 0;
    width: 100%;
    position: fixed !important;
    bottom:0 !important;
}

footer img
{
    max-height: 24px;
    padding: 0 6px 0 6px;
}

.table.ls
{
    max-height: none;
    margin-top:10px;
    overflow: hidden; /* Hide scrollbars */
}
.table.ls th.tool
{
    border-bottom: 1px dashed gray;
}
.table.ls .filters select
{
    max-width: 150px;
}
.table.ls th.sort
{
    cursor: pointer;
}
.table.ls tr.caption
{
    border-bottom: 1px dotted silver;
}
.table.ls tr.caption div
{
    /*line-height: 49px;*/
}
.table.ls td, .table.ls tr.fields th, table.ls th.filters
{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.table.ls a.button.action
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.table.ls a.button.tool
{
    margin:0;
    margin-right:2px;
}


.table.ls [type="checkbox"]
{
    cursor: pointer;
    border-color: gray;
}
.table.ls [type="checkbox"][disabled] 
{ 
    cursor: not-allowed;
}

.highlight > input,
.highlight > select,
.highlight > label
{
    font-weight: bold;
}

.tips > div > .card
{
    text-align: center;
    padding: 10px;
}

div.input-group.required label:after
{
    color: #b71c1c;
    content: '*';
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table.ls progress.inline
{
    padding: 8px;
}

a.info.fetched
{
    color:green;
}

.card.picked
{
    padding: 4px 10px 4px 10px;
    display: inline-block;
    position: fixed;
    bottom: 46px;
    left: 14px;
}

@media (min-width: 780px) {
    table.ls th[srt="pick"],
    table.ls td[data-label="pick"]
    {
        max-width:20px;
    }
}