/* _content/DandB-UispOnboard/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-qamiicapxz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-qamiicapxz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/DandB-UispOnboard/Components/Pages/Home.razor.rz.scp.css */
body[b-n8ly2gkp0h] {
}

.container[b-n8ly2gkp0h] {
    display: grid;
    grid-template-areas:
        "header header"
        "content content";
    /*Define two columns: one for labels (autowidth) and  one for inputs (fills remaining space)*/
    grid-template-columns: auto 1fr;
    /*Controls the spacing between columns and rows*/
    gap: 15px 20px;
    /*Optional: Center and limit the max width of the entire form on large screens*/
    max-width: 400px;
    margin: 0 auto;
}

    .container div.header[b-n8ly2gkp0h] {
        grid-area: header;
        background-color: blueviolet;
        border-radius: 20px;
        padding-left: 10px;
    }

    .container div.content[b-n8ly2gkp0h] {
        grid-area: content;
    }

    .container input[b-n8ly2gkp0h] {
        border: solid 3px #4cff00;
        border-radius: 50px;
    }
/*Spans the message input/textarea across both colums*/
/*textarea {
    grid-column: 2 / 3;*/ /*Starts at lin 2, ends at line 3 (the input column*/

/*}*/

/*Place the label for the spanned element (like the textarea) in the first column*/
/*label[for="message"]{
    grid-column: 1 / 2;
    align-self: start;*/ /*Aligns the lable to the top of the taller textarea*/

/*}*/

/*Spans the submit button across both columns*/
/*button {
    grid-column: 1 / 3;
    padding: 10px;
}*/