/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,28): run-time error CSS1039: Token not allowed after unary operator: '-background-main'
(41,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(45,28): run-time error CSS1039: Token not allowed after unary operator: '-background-approval'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(50,28): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(51,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(55,28): run-time error CSS1039: Token not allowed after unary operator: '-background-approval'
(56,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(60,34): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(64,28): run-time error CSS1039: Token not allowed after unary operator: '-background-approval'
(65,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(69,34): run-time error CSS1039: Token not allowed after unary operator: '-background-approval'
(75,28): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(95,28): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(96,17): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(157,38): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(158,32): run-time error CSS1039: Token not allowed after unary operator: '-background-alternate'
(210,3): run-time error CSS1030: Expected identifier, found ' '
(210,3): run-time error CSS1019: Unexpected token, found ' '
 */
/**********************************************************************************************************/
/********* This section can be updated to change the core colours and logo for a customer *****************/
/**********************************************************************************************************/

/* Default styling */
:root {
    --background-main: #89B2DB;
    --background-alternate: darkorange;
    --background-approval: #0013AF;
    --background-dropDownHover: darkblue;
    --foreground: white;
}

.siteLogo {
    content: url("/images/SiteLogo.png");
    width: 150px;
}


/* RESTORE DIGITAL STYLING 
:root {
    --background-main: #43b02a;
    --background-alternate: #9b4f9e;
    --background-approval: #0013AF;
    --foreground: white;
}

.siteLogo {
    content: url("/images/SiteLogo - Restore.png");
    height: 40px;
    width: 92px;
}
*/

/**********************************************************************************************************/
/**************************** Do not change below this ****************************************************/
/**********************************************************************************************************/

.titleBarColor {
    background-color: var(--background-main);
    color: var(--foreground);
}

.titleBarAlternateColor {
    background-color: var(--background-approval);
    color: var(--foreground);
}

.documentSelectionColor {
    background-color: var(--background-alternate);
    color: var(--foreground);
}

.documentSelectionQuickViewColor {
    background-color: var(--background-approval);
    color: var(--foreground);
}

.documentSelectionDividerColor {
    border-right: solid 1px var(--background-alternate);
}

.documentSelectionApprovalColor {
    background-color: var(--background-approval);
    color: var(--foreground);
}

.documentSelectionApprovalDividerColor {
    border-right: solid 1px var(--background-approval);
}

.informationColor {
    /*background-color: var(--background-alternate);
    color: var(--foreground);*/
    background-color: var(--foreground);
    color: var(--background-alternate);
    width: 24px;
    height: 24px;
    border: solid 2px orange;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    vertical-align: top;
}

.informationFont {
    font-family: Georgia;
}

.helpColor {
    /*background-color: var(--background-alternate);
    color: var(--foreground);*/
    background-color: var(--foreground);
    color: var(--background-alternate);
    width: 30px;
    height: 24px;
    border: solid 3px orange;
    border-radius: 7px;
    
    text-align: center;
    vertical-align: top;
}

.helpFont {
    /*font-family: Georgia;*/
    font-size: 18px;
    font-weight: 700;
    /*padding: 1px;*/
    /*font-style: italic;*/
}
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;
    }

.checkboxMedium {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    margin-top: -5px;
}

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

.pageNumber {
    /*background-color: var(--background-alternate);
    color: var(--foreground);*/
    margin-top: 2px;
    padding: 2px 3px 0px 3px;
    background-color: white;
    color: darkblue;
    /*width: 18px;*/
    height: 22px;
    border: solid 1px darkblue;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    vertical-align: baseline;
}

.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 */

.login_header {
    min-height:50px;
}

.login_footer {
    color: white;
    display: flex;
    flex-wrap: wrap;
    /*padding: 10px 0;*/
    bottom: 0px;
}

main {
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - 74px);
}

.loginRow {
    height: 100%;
    align-items: center;
}

.login_page
{
    height: 100%;
}

.login_form {
    border-radius: 5px;
    border: solid 1px grey;
    padding:5px;
}
.form_header {
    background: #f3f3f3;
    margin: 0;
    padding: 20px;
}
h2
{
    font-size: 24px;
    margin: 0;
}

form {
    padding: 20px;
}

.form-check {
    padding-left: 0;
}

.formLinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
button
{
    display: inline-flex;
}

.quick_links {
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-flex;
}
a
{
    display: inline-flex;
    /*&:nth-child(1)

{
    justify-content: flex-end;
    padding-right: 10px;
    position: relative;
    &:after

{
    content: '|';
    color: $link_color;
    position: absolute;
    right: 0;
    top: 0;
}*/

}

/*&:nth-child(2) {
    padding-left: 10px;
}*/