/* Minification failed. Returning unminified contents.
(10,16): run-time error CSS1030: Expected identifier, found ':'
(10,45): run-time error CSS1031: Expected selector, found ')'
(10,45): run-time error CSS1025: Expected comma or open brace, found ')'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,24): run-time error CSS1030: Expected identifier, found '#sizeDecimal'
(24,36): run-time error CSS1031: Expected selector, found ')'
(24,36): run-time error CSS1025: Expected comma or open brace, found ')'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,21): run-time error CSS1039: Token not allowed after unary operator: '-doc-type-row-min-width'
(35,15): run-time error CSS1039: Token not allowed after unary operator: '-doc-type-gap'
(41,19): run-time error CSS1039: Token not allowed after unary operator: '-doc-type-gap'
(59,33): run-time error CSS1030: Expected identifier, found ':'
(59,64): run-time error CSS1031: Expected selector, found ')'
(59,64): run-time error CSS1025: Expected comma or open brace, found ')'
 */
body {
    font-family: "Helvetica Neue",Arial, Helvetica, sans-serif,Arial,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.428571429 !important;
    color: #333 !important;
    background-color: #fff !important;
    
}

body > div:has(:first-child#docFormContainer){
    height: 100%;
}

#docFormContainer{
    container-type: inline-size;
    container-name: docForm;
    --doc-type-row-min-width: 300px;
    max-height: 100%;
}

.doc-type-row-item {
    display: flex;
}
.doc-type-row-item:has(#sizeDecimal){
    min-width: 1px;
}

#docTypeRow {
    --doc-type-gap: 5px;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DFDFDF;
    /*min-height: 32px;*/
    min-width: var(--doc-type-row-min-width);
    /*max-height: 32px;*/
    gap: var(--doc-type-gap);
    padding: 0.3rem;
    padding: 0.3rem;
}

    #docTypeRow .doc-type-row-item {
        gap: var(--doc-type-gap);
        align-items: end; /*aligns to bottom of row */
        justify-items: center;
        align-content: center;
        justify-content: center;
    }

#buttonRow{
    display: flex;
    gap: 5px;
    padding: 10px;
}

#buttonRow .button-item{
    max-width: 100px;
    min-width: 100px;
}

    #buttonRow .button-item:has(:first-child.dx-state-invisible) {
        display: none;
    }

#bodyRow {
    overflow-y: auto;
}

@container docForm (max-width: 600px) {
    #docTypeRow .doc-type-row-item {
        display: flex;
        min-width: var(--doc-type-row-min-width);
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
    }

        #docTypeRow .doc-type-row-item:has(#sizeDecimal) {
            display: none;
        }

    #buttonRow {
        padding-bottom: 0.5rem;
    }

        #buttonRow: {
            display: flex;
            flex: 1;
            /*min-width: 100%;*/
            width: 100%;
        }
}

@container docForm (max-width: 400px) {
    #buttonRow .button-item {
        min-width: 100%;
        width: 100%;
    }

        #buttonRow .button-item .dx-button {
            margin: 0;
        }
}


.pdfBackground {
    background-color: rgba(0,0,0,0.03);
}

.signatureRequest {
    display: inline-block;
}

.fillPanel {
    background: #888;
    border: none;
    text-align: center;
    opacity: .8;
    color: white;
    font-size: 2.5em;
    width: 100%;
    height: 100%;
    font-weight: bold;
    justify-content: center;
}