/* Shared presentation for the legacy information pages. All rules are scoped
   to .dbkos-page so other site sections keep their existing appearance. */
.dbkos-page {
    color: #dce8f2;
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

.dbkos-page h1,
.dbkos-page h2,
.dbkos-page h3 {
    margin: 0 0 12px;
    color: #cce9f5;
}

.dbkos-page h1 { font-size: 20px; text-align: center; }
.dbkos-page h2 { font-size: 17px; }
.dbkos-page h3 { font-size: 15px; }

.dbkos-page p { margin: 0 0 12px; }
.dbkos-page ul,
.dbkos-page ol { margin: 0; padding: 0 0 0 24px; }
.dbkos-page li { margin: 7px 0; }

.dbkos-page a { color: #61d4e8; }
.dbkos-page a:hover { color: #a7effa; }

.dbkos-page .dbkos-card,
.dbkos-page .dbkos-notice {
    box-sizing: border-box;
    margin: 0 0 14px;
    padding: 13px;
    border: 1px solid #2a4153;
    border-radius: 4px;
    background: #142330;
}

.dbkos-page .dbkos-notice {
    border-color: #765c2c;
    background: #302716;
    color: #f3d890;
}

.dbkos-page .dbkos-command {
    display: inline-block;
    margin: 2px 0;
    padding: 2px 5px;
    border-radius: 2px;
    background: #0d1923;
    color: #9fe8f6;
    font-family: Consolas, Monaco, monospace;
    font-size: 12px;
}

.dbkos-page .dbkos-table-wrap { overflow-x: auto; margin: 0 0 14px; border: 1px solid #2a4153; border-radius: 4px; background: #142330; }
.dbkos-page table { width: 100% !important; border-collapse: collapse; border-spacing: 0; }
.dbkos-page th,
.dbkos-page td {
    padding: 10px !important;
    border: 1px solid #2a4153 !important;
    background: #162735 !important;
    color: #dce8f2 !important;
    text-align: center;
    vertical-align: middle;
}
.dbkos-page th,
.dbkos-page tr:first-child > td {
    background: #203345 !important;
    color: #cce9f5 !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.dbkos-page tbody tr:nth-child(even) td,
.dbkos-page table tr:nth-child(odd):not(:first-child) td { background: #182b3a !important; }
.dbkos-page table tr:hover td { background: #223c4e !important; }
.dbkos-page table img { max-width: 64px; height: auto; }
.dbkos-page table font[color="black"] { color: #dce8f2 !important; }

.dbkos-page select,
.dbkos-page input[type="text"],
.dbkos-page input[type="button"] {
    box-sizing: border-box;
    min-height: 34px;
    margin: 0 4px 12px 0;
    padding: 7px 10px;
    border: 1px solid #38566b;
    border-radius: 3px;
    outline: 0;
    background: #0d1923;
    color: #edf7ff;
    font: 14px Arial, Helvetica, sans-serif;
}
.dbkos-page select:focus,
.dbkos-page input[type="text"]:focus { border-color: #5fcce2; box-shadow: 0 0 0 2px rgba(95, 204, 226, .16); }
.dbkos-page input[type="button"] { cursor: pointer; background: #203345; }
.dbkos-page input[type="button"]:hover { background: #29465a; }

.dbkos-page .dbkos-toolbar { margin: 0 0 14px; padding: 13px; border: 1px solid #2a4153; border-radius: 4px; background: #142330; }
.dbkos-page .dbkos-toolbar label { display: block; margin-bottom: 7px; color: #9fc5d8; font-weight: bold; }
.dbkos-page .dbkos-toolbar input[type="text"] { width: 100%; margin: 0; }
.dbkos-page .dbkos-pagination { margin: 0 0 14px; text-align: center; }
.dbkos-page .dbkos-pagination b { display: inline-block; margin: 0 6px; color: #cce9f5; }

@media (max-width: 600px) {
    .dbkos-page th,
    .dbkos-page td { padding: 7px !important; }
}