body {font-family: arial;margin:10px;background-color:#f2f2f2}

.app_banner {background-color:#371ee1;position:fixed;z-index:100 !important;top:0;left:0;padding:5px;width:235px;height:100%;color:white;text-shadow:2px 2px #34566b;font-size:14pt; z-index: 1}
.app_content {margin-left:var(--app_content_margin_left, 260px); margin-top: 5px}
.app_upgrade {margin-left: var(--app_content_margin_left, 260px); background-color:whitesmoke;position:fixed;bottom:0;left:auto;padding:5px;width:100%;height:35px;color:red;font-size:10pt; z-index: 1}

.instructions {font-size:10pt;padding:5px;color:black;background-color:white;border-radius:5px; padding:10px; border-spacing:0;border:2px solid #dddddd}

.detail_area {width:100%;padding:2px;background-color:white; border-radius:5px; padding:10px; border-spacing:0;border:2px solid #dddddd}
.detail_area td {padding-bottom:5px}
.detail_area .label {font-weight:normal;padding-right:5px;width:1px;white-space:nowrap;vertical-align:top}
.detail_area a {color:black}
.detail_area input {border:2px solid #dddddd; border-radius:4px; padding:4px}
.detail_area textarea {border:2px solid #dddddd; border-radius:4px; padding:4px}
.detail_area select {border:2px solid #dddddd; border-radius:4px; padding:4px}
.detail_area .header td {color:#34566b;font-weight:bold;font-size:12pt;padding-top:10px;padding-bottom:10px}
.detail_area .instructions td {color:#34566b;font-size:10pt;padding-bottom:5px}
.detail_area .actionarea td {padding-bottom:10px}
.detail_area .actionarea button {border-color:#62a7d1;background-color:#62a7d1;border-radius:4px}
.detail_area .actionarea a {font-weight:bold; color:#62a7d1;border-radius:4px}
.detail_area .bottom td {text-align:right}

.list_area {width:100%;padding:2px;background-color:white; border-radius:5px; padding:10px; border-spacing:0;border:2px solid #dddddd}
.list_area td {padding-bottom:5px; vertical-align:top}
.list_area .label {font-weight:normal;padding-right:5px;width:1px;white-space:nowrap;vertical-align:top}
.list_area a {color:black}
.list_area .header td {color:#34566b;font-weight:bold;font-size:10pt;padding-top:10px;border-bottom:1px solid #62a7d1}
.list_area .actionarea td {padding-top:5px}
.list_area .actionarea button {border-color:#62a7d1;background-color:#62a7d1;border-radius:4px}
.list_area .actionarea a {font-weight:bold; color:#62a7d1;border-radius:4px}
.list_area .bottom td {text-align:right}
.list_area .heading td {color:black;font-weight:bold;font-size:10pt;padding-top:3px;padding-bottom:3px}

.autocomplete {position: relative; display: inline-block;}
.autocomplete-items {position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99}
.autocomplete-items div {padding: 10px;cursor: pointer;background-color: #fff; border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover {background-color: #e9e9e9;}

/*HS Component CSS*/
.hs_node {
    width: 85px;
}

.hs_node a {
    color: black
}

.desc_node {
    cursor: pointer;
    padding-left: 10px;
    background-color:white;color:#888888;font-size:9.5pt;vertical-align:text-top
}

.hs_match_node {font-weight:bold;width:85px}
.hs_match_node a {color:black}
.hs_match_node_alt {font-weight:bold;width:85px}
.hs_match_node_alt a {color:black}
.desc_match_node {cursor:pointer;font-weight:bold}
.desc_match_node_alt {cursor:pointer;font-weight:bold}

.selected_node {background-color:#777777 !important;color:white !important}
.selected_node a {color:white !important}

.hs_note {text-decoration:underline}

.chapter_header {font-size:12pt}
.chapter_header_desc {font-weight:bold;font-size:14pt}
.note_header{font-size:12pt;text-decoration:underline}
.hover_help {background-color:white;padding:5px;border:1px solid black;border-radius:5px;box-shadow:5px 10px}

.search-data-table {
    height: max(-85px + -28px + 100vh, 200px);
}

.blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1px);
    z-index: 5;
}