/*
    Use this when creating a page where one div takes up the 
    remainder of the page. See Draw.razor for an example
*/

.fillpage {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.fillpage .row {
    /* Useful if debugging */
    /*border: 2px dotted red;*/
    --bs-gutter-x: 0;
}

/* Sizes the row to fit the content */
/* flex: flex-grow flex-shrink flex-basis */
.fillpage .row.fixed {
    flex: 0 1 auto;
    margin: 0;
    /* Useful if debugging */
    /*border: 2px dotted red;*/
}

/* This fills the remaining space*/
.fillpage .row.content {
    flex: 1 1 auto;
    margin: 0;
}

/* Fixed footer */
.fillpage .row.footer {
    flex: 0 1 40px;
    margin: 0;
}

/* radial guage tagsets */
tagsetindicators {
    width:"20rem";
    height:"20rem";
}

.meterconfigtable {
    border: 1px solid;
    border-collapse : collapse;
}

.meterconfigtable caption {
    caption-side:top;
    text-align:center;
    font-weight:200;
}

.meterconfigtable td {
    border: 1px solid;
}

.meterconfigtable th {   
    text-align : center;
}

.meterconfigtable tr {
    border: 1px solid;
}

/*Found this on the Telerik forum. A way to add a \n to dialog text.*/
.k-dialog-content {
    white-space: pre-line;
    padding-block: 0px 16px; /* realigns text compared to w/o `pre-line` */
}