@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');

/* Global reset */
div.blues * {
    max-width: 823px !important;
    font-family: 'Titillium Web', sans-serif !important;
}

/* Headings */
div.blues h1, div.blues h2, div.blues h3, div.blues h4, div.blues h5, div.blues h6 {
    text-align: left !important;
    color: #222222;
    line-height: 130% !important;
    font-weight: 600 !important;
    padding-left: 0 !important;
}

div.blues h1 { font-size: 36px !important; margin-bottom: 8px; }
div.blues h2 { font-size: 24px !important; margin: 35px 0 10px 0; }
div.blues h3 { font-size: 18px !important; margin-bottom: 10px; }
div.blues h4 { font-size: 18px !important; margin-bottom: 12px; }
div.blues h5 { font-size: 16px !important; text-transform: uppercase; margin: 15px 0 7px 0; }
div.blues h6 { font-size: 14px !important; text-transform: uppercase !important; margin: 15px 0 0 0; }

/* Text */
div.blues p, div.blues span,div.blues li, div.blues td {
    font-size: 16px !important;
    line-height: 150% !important;
    text-align: left !important;
    color: #222222;
    margin: 5px 0 5px 0;
}

div.blues ul { line-height: 180% !important; }

/* Strong/Bold */
div.blues strong, div.blues b {
    font-weight: 700;
}

/* Links */
 div.blues p a, div.blues span a{
    font-size: 16px !important;
    line-height: 150% !important;
    text-align: left !important;
    margin: 5px 0 5px 0;
}

div.blues a, div.blues a span{
    color: #00669a !important;
    text-decoration: underline;
}

/* Images */
div.blues img {
    height: auto !important;
    margin: 0;
}

/* Lists */
div.blues ul, div.blues ol {
    margin: 10px 10px 10px 20px;
    padding-left: 15px;
}

/* Special TOC case */
div.blues.us-template-table-of-contents ol {
    margin: 10px 10px 10px 0 !important;
    padding-left: 15px;
}

/* Form */
div.blues input {
    background-color: white;
}
div.blues select {
    color: #185246;
}
div.blues ins {
    text-decoration: none;
}
div.blues sup {
    font-size: 12px;
}

/* Preformatted */
div.blues pre {
    background-color: #ebffd7;
}

/* Tables */
div.blues table, div.blues table.editions, div.blues table.Editions {
    border-collapse: collapse;
}
div.blues table.editions td, div.blues table.Editions td {
    padding: 0;
    border: 0;
}
div.blues table:not(.us-template-table-of-contents, .us-template-related-topics, .us-template-case-summary) {
    margin-left: 0;
    background-color: white;
    width: 100% !important;
}
div.blues p table { margin-left: 0; }

div.blues td {
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    padding: 8px 10px 10px 10px;
    margin: 0;
    line-height: 130%;
    border-right: 0 !important;
}
div.blues td:first-child {
    border-left: 0;
    font-weight: 600;
}
div.blues td:not(.us-template-hint td, .us-template-warning td, .us-template-table-of-contents td, .tip, .hint td, .us-template-case-summary td) {
    background-color: white !important;
}
div.blues td p { margin: 0 0 3px; }

div.blues th {
    text-align: left;
    background-color: #F5F5F5;
    padding: 4px 10px;
    vertical-align: top;
    line-height: 130%;
    font-weight: bold;
    border-bottom: 1px solid #D4D4D4;
}

/* Nested Tables */
div.blues table tr { vertical-align: top; }
div.blues table table, div.blues table table th, div.blues table table td {
    border: 0;
}

/* Special Tables */
div.blues table.t {
    margin-left: 15px;
    border-collapse: collapse;
}
div.blues table.t th {
    border: 1px solid #e3e3e3;
    border-bottom-width: 2px;
    font-weight: bold;
}
div.blues table.t td {
    border: 1px solid #e3e3e3;
}
div.blues th.t {
    border: 1px solid #CCC;
    background-color: #fafafa;
    font-weight: bold;
    padding: 3px 10px;
}
div.blues td.t {
    border: 1px solid #CCC;
    padding: 3px 10px;
    vertical-align: top;
}
div.blues td.emph {
    background-color: #f8faf0;
    color: #185246;
    font-weight: normal;
}

/* Misc Classes */
div.blues .gumb {
    background-color: lightgrey;
    border: solid;
}
div.blues .ctrlList td {
    vertical-align: top;
}
div.blues .kbd {
    background-color: gainsboro;
    border: thin solid;
    font-family: Courier;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    text-align: center;
}
div.blues .back-grey {
    background-color: #f2f2f2;
}