/**
 * Extra css not provided by bootswatch. Mostly sizing etc.
 * Should get appended after bootswatch stuff but before custom stuff.
 */
div.ux-md-container {
    padding-top: 2rem;
    padding-left: 10rem;
    padding-right: 10rem;
}

div.ux-md-inline {
    padding-top: 0rem;
    padding-left: 6rem;
    padding-right: 6rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    max-height: 20rem;
    overflow-y: auto;
}

.hoverpointer:hover {
    cursor: pointer;
}

/* A lot of white spacing around a jumbotron detail view. */
div.ux-jumbotron-sm {
    margin-top: 2rem;
    margin-left: 10rem;
    margin-right: 10rem;
}

/* Some average looking spacing around a jumbotron detail view. */
div.ux-jumbotron-md {
    margin-top: 2rem;
    margin-left: 4rem;
    margin-right: 4rem;
}

div.ux-lmd-help-modal {
    display: none;
    z-index: 50;
    padding-top: 2rem;
    padding-left: 15%;
    padding-right: 15%;
}

div.ux-med-modal-size {
    display: none;
    z-index: 50;
    padding-top: 4rem;
    padding-left: 25%;
    padding-right: 25%;
}

div.ux-search-spacing {
    padding: 0 0 0 .5em;
}

div.ux-bon, table.ux-bon, td.ux-bon {
    border-style: solid;
    border-width: 1px;
}

div.ux-jumbotron-spacing {
    margin: 0;
    padding: 2em 5em 2em 5em;
}

div.ux-icon-col {
    padding-left: 0em;
    padding-right: 1em;
}

div.ux-branding-center {
    display: flex;
    justify-content: center;
}

div.ux-branding-right {
    text-align: right;
}

div.ux-tabs-margin {
    margin: 2em;
    padding: 0;
}

div.ux-tabs-content-padding {
    margin: 0;
    padding: 1em;
}
input[type='text'], input[type='search'], input[type='date'] {
    min-width: 150px;
    max-width: 750px;
}

select, textarea {
    min-width: 150px;
    max-width: 750px;
}

td.ux-pager-internal {
    padding-right: .2em;
    padding-left: .2em;
}

td.ux-multi-search {
    border: solid;
    border-width: .0ch;
    padding: .2em;
}

td.ux-function-cell {
    padding: .2em;
    width: 25%;
    border: solid;
    border-width: .0ch;
}

td.ux-border-on {
    border: solid;
    border-width: .1ch;
}

button.ux-function-btn {
    display: none;
    width: 100%;
}

div.ux-app {
    border-top: solid;
    height: 97vh;
    width: 97vw;
    margin: .2rem;
    padding: .2rem;
    max-width: 2560px;
    /* This was being used as the phase cue, we might not do that now 0px hides it*/
    border-top-color: red;
    border-top-width: 0px;
}

div.ux-input-modal {
    max-width: 2560px;
    max-height: 100%;
}


div.ux-app-main {
    border: solid;
    border-width: 0px;
    height: 100%;
}

div.ux-top-menu {
    height: 40px;
}

div.ux-left-menu {
    padding-left: 2rem;
}
div.ux-left-top-menu {
    height: 40px;
}

/* removes the font that the font awesome uses for icons so that the
    font matches children of the node.
*/
span.ux-left-menu-parent-node {
    padding-left: .5;
    white-space: nowrap;
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
    font-size: 1.1em
}

div.ux-left-menu-node {
    margin-left: 1.5rem;
    display:none;
    white-space: nowrap;
    font-weight: 400;
    font-size: .9em
}

div.ux-left-menu-node-selected {
    font-weight: 600;
    font-size: 1em
}

div.ux-left-menu-main {
    border: solid;
    border-width: 0px;
    height: 100%;
}

/* fake disable font awesome icons */
i.fa-disable {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}