/*
    Added to site.css
    :root {
    --black: #000000;
    --gray-dark: #070101;
    --red: #ff0309;
    --gold: #dcc7a2;
    }
*/



.switch-field {
    display: flex;
    /*margin-bottom: 36px;*/
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #a5dc86;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}


.ViewOnlyContent {
    font-weight: bold;
}




/*Override for Select2 Filterable DDL */

.select2-container {
    /*display: block;
        width: 100%;*/
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    /*font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--gray);
        background-color: var(--white);
        background-clip: padding-box;*/
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-selection {
    border: none !important;
}
/*.select2-selection--single{
        border: none;
    }*/




.rightHeaderBlock {
    float: right;
    width: 40%;
    text-align: center;
}

.leftHeaderBlock {
    float: left;
    width: 50%;
}

.rightDetailBlock {
    float: right;
    width: 45%;
    text-align: center;
}

.leftDetailBlock {
    float: left;
    width: 45%;
}

.sectionBreak {
    border: none;
    color: darkblue;
    background-color: darkblue;
    height: 2px;
}

.invoiceNumber {
    font-weight: bold;
    font-size: 22px;
    color: red;
}

.restronicDetails {
    padding: 3px 0px;
    line-height: 98%;
}

.customerDetailTable {
    padding: 3px;
    margin: 0px;
}

    .customerDetailTable tr {
        padding: 0px;
        margin: 0px;
    }

        .customerDetailTable tr td {
            padding: 3px;
            margin: 0px;
        }

.customerLabel {
    text-align: right;
    color: darkblue;
    font-size: 80%;
    font-weight: bold;
    font-style: italic;
}

.customerDetail {
    font-weight: bold;
    color: red;
}

.invoiceTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}

    .invoiceTable thead, tfoot {
        display: table-row-group
    }

    .invoiceTable tr {
        page-break-inside: avoid;
    }

    .invoiceTable th {
        text-align: center;
        color: blue;
        font-weight: bold;
    }

    .invoiceTable td {
        border: 1px solid black;
    }






.inventoryReportTable {
    width: 100%;
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px;
    font-size: 13px;
}

    .inventoryReportTable thead, tfoot {
        display: table-row-group
    }

    .inventoryReportTable tr {
        page-break-inside: avoid;
    }

    .inventoryReportTable th {
        text-align: center;
        color: blue;
        font-weight: bold;
    }

    .inventoryReportTable td {
        border: 1px solid black;
    }



.notesTable {
    margin: 0px;
    padding: 0px;
    border: none;
    border-collapse: collapse;
}

    .notesTable td {
        padding: 1px 3px;
        border: none;
        border-collapse: collapse;
    }

.notesRowCol1 {
    width: 150px;
    text-align: right;
    color: blue;
    font-size: 90%;
    font-weight: bold;
    font-style: italic;
}