body {
    /*font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;*/
    font-family: Arial;
    font-size: 16px;
    /*font-weight: 300;*/
    line-height: 1.5;
}

html, body {
    height: 100%;
}

h4 {
    color: black;
}

/*input[type=text] {
    margin: 2px 0px 2px 0px;
    padding: 0px 2px 0px 2px;
    height: 25px;
    font-size: small;
    border: 1px thin #cccccc;
}

    input[type=text]:focus:focus {
        margin: 2px 0px 2px 0px;
        padding: 0px 2px 0px 2px;
        box-shadow: 3px 3px 3px orange;
        border: 1px solid orange;
        height: 25px;
        font-size: small;
    }*/

.inputSmall {
    margin: 2px 0px 2px 0px;
    padding: 0px 2px 0px 2px;
    height: 25px;
    font-size: small;
    border: 1px thin #cccccc;
}

    .inputSmall:focus:focus {
        margin: 2px 0px 2px 0px;
        padding: 0px 2px 0px 2px;
        box-shadow: 3px 3px 3px var(--background-alternate);
        border: 1px solid var(--background-alternate);
        height: 25px;
        font-size: small;
    }


select {
    margin: 2px 0px 2px 0px;
    padding: 0px 2px 0px 2px;
    height: 25px;
    font-size: small;
    border: 1px thin #cccccc;
}

.panelBg {
    background-color: #89B2DB;
}

./*navbar-nav > li {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-nav a {
    font-size: 1.0em !important;
    margin: 0px;
}*/

.scrollableYOnly {
    /*max-height: 340px;*/
    overflow-y: scroll;
    overflow-x: hidden;
}

.main-wrapper {
    /*height: 100vh;*/
    height: calc(100vh - 86px);
    position: absolute;
    bottom: 0px;
}

/* causes issues with dataTable paging?*/
.row-height {
    height: 100%;
}


.left {
    background: transparent;
    margin: 0px;
    border-right: solid 1px #cccccc;
    height: 100%;
}

/*.flex-fixed-width-item {
            flex: 0 0 300px;
        }

        .flex-item-100 {
            flex: 1 0 100%;
        }*/

.right {
    background: white;
    margin: 0px;
    padding: 0px;
    height: 100%;
    /*display: flex;
            flex-flow: column;*/
}

.section {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: left;
    margin: 0px;
    padding: 0px;
}

/* required for 'imageArea' in _ImageView.cshtml */
.topRight {
    background: #f9f9f9;
    border-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*flex: 1 1 auto;*/
}

.inputFont {
    font-size: small;
}

/* remove borders from image buttons on focus */
textarea:focus, input:focus, img:focus {
    outline: none;
}

.titleBar {
    border: #000a69 0px solid;
    font-weight: 400;
    font-size: 16px;
    height: 35px;
    margin: 2px;
    padding: 5px;
    vertical-align: middle;
}

.fieldLowConfidence {
    background-color: #F5EFCF;
}

.fieldHighConfidence {
    background-color: white;
}

.alert-training {
    background-color: darkblue;
    color: white;
}

.closeIcon {
    text-decoration: none;
    font-size: 28px;
    color: gray;
}

    .closeIcon:hover {
        text-decoration: none;
        font-size: 28px;
        color: white;
    }

/* scrolling table with sticky header*/
table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

table {
    border-collapse: collapse;
    margin-left: 2px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 2px;
    padding: 0px;
}

.standardTable th {
    background-color: #555555;
    color: #fff;
    padding: .4em .2em;
    font-weight: 400;
}
    .standardTable th:first-child {
        border-radius: 4px 0px 0px 4px;
    }

    .standardTable th:last-child {
        border-radius: 0px 5px 5px 0px;
    }

.standardTable td {
    padding: .1em .1em;
}

.divTable {
    display: inline-block;
    height: 100%;
    /*overflow: auto;*/
}
/* END scrolling table with sticky header*/

/* all scrollbars */

/* The emerging W3C standard that is currently Firefox-only */
* {
    scrollbar-width: 12px;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: white;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #eeeeee;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}
/* END all scrollbars */