html {
    scroll-behavior: smooth;
}

.app-centered {
    margin-left: auto;
    margin-right: auto;
}

.page-title {
    padding-left: 12px;
    color: steelblue;
    font-size: 1.8em;
}

.command-bar {
    border-radius: 12px; 
    border: 1px solid lightsteelblue; 
    padding: 10px 20px;
}

/* Text */ 

.lefty   { text-align: left;  }
.righty  { text-align: right; }
.centered  { text-align: center; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.smaller { font-size: 0.75em; }

.bold { font-weight: bold; }

.brown  { color: brown;  }
.green  { color: green;  }
.teal   { color: teal;   } 
.red    { color: red;    }
.gray   { color: gray;   }
.blue   { color: blue;   }
.purple { color: purple; }
.maroon { color: maroon; }
.navy   { color: navy;   }
.white  { color: white;  }
.lightgray  { color: lightgray;  }

.sticky-header th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.container {
    padding: 0;
}