* {
    /* Reset browser's padding and margin */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    padding: 0px;
    font-family: Helvetica;
    font-size: 12pt;
    /*background-color: #f5f5f7;*/
}

mark {
    background-color: yellow;
    color: black;
    padding-left: 0px;
    padding-right: 0px;
}

#hamburger-icon {
    cursor: pointer;
}

.dropdown-item {
    text-decoration: none;
    text-align: center;
}

.dropdown-item:hover {
    text-decoration: none;
}

.rocket {
    width: 50px;
    height: 80px;
}

.search-container {
    margin: 100px auto;
    width:90%;
    max-width: 700px;
    height: 60px;
}

.search-form {
    display: flex;
    flex-direction: row;
}

.search-field {
    width: 100%;
    padding: 10px 35px 10px 15px;
    border: 1px solid #E8E8E8;
    box-shadow: 1px 1px 3px #999999;
    border-radius: 5px;
    outline: none;
    /* height: 60px; 03jan2025:  Commented out for multiline search box */
    font-size: 18pt;
    font-family: Helvetica;
}

.search-field::placeholder {
    color: #999; /* Adjust the color to a lighter shade */
}

.search-button {
    background: transparent;
    border: none;
    outline: none;
    margin-left: -40px;
    cursor: pointer;
    /* height: 60px;   /* Added 03jan2025 */
}

    .search-button img {
        width: 30px;
        height: 30px;
        object-fit: cover;
/*        opacity: 0.7;*/
    }

.search-banner {
    padding-top: 10px;
    background-color: lavender;
    /*background-image: url('/images/space01.jpg'); https://wall.alphacoders.com/by_sub_category.php?id=168637&name=From+Space+Wallpapers*/
    /*background-image: url('/images/space02.jpg');*/ /*https://www.bbc.com/future/article/20200908-the-weird-space-that-lies-outside-our-solar-system*/
    /*background-image: url('/images/space03.jpg'); */ /*https://www.bbc.com/future/article/20200908-the-weird-space-that-lies-outside-our-solar-system*/
    background-image: url('/images/space05.jpg'); /*space04.jpg NASA*/
    /*space05.jpg Getty Images*/

    background-position: center;
    background-size: cover;
    height: 400px;
    width: 100%;
}

.company-name {
    display: inline-block;
    font-family: Helvetica;
    font-size: 24pt;
    font-variant: small-caps;
    margin-top:1rem;
}

.company-name-small {
    display: inline-block;
    font-size: 16pt;
    font-variant: small-caps;
}

    .company-name::first-letter {
        font-size: 26pt;
    }

.company-logo {
    display: inline;
    padding-bottom: 10px;
}


/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


.details_label {
    font-size: calc(8px + .3vw);
    padding: 0px;
    /*    display:inline-block;
    white-space:nowrap;*/
}

.details_data_small {
    font-size: 16pt;
    /*    font-size: calc(10px + 1.2vw);*/
/*    line-height: 50px;*/
}

.details_data {
    font-size:20pt;
/*    font-size: calc(16px + 1.2vw);*/
/*    line-height: 50px;*/
}

.details_data_large {
    font-size:24pt;
    white-space: nowrap;
/*    font-size: calc(24px + 1.2vw);*/
    /*line-height: 50px;*/
}


.details_card {
    background-color: #fff;
    width: 100%;
    min-width: 500px;
    border-radius: 18px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    transition: all .3s cubic-bezier(0,0,.5,1);
    text-align: left;
    padding:10px;
}

.details_card2 {
    height: 100%;
}

#ResultsMainContent {
    width: 100%;
    height: 100%;
}

@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) 
html {
    --r-globalnav-segmentbar-background: #424245;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#img_details_flag {
    height:180px;
    
}

.doc_details {
    width: 127px;
    height: 180px;
    border: 1px solid #999999;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #999999;
    margin-left: 10px;
    margin-top: 10px;
    background-image: linear-gradient(to top, rgb(240,240,240) 16%, rgb(252,252,252) 79%);
    cursor: pointer;
    font-size: 10pt;
    line-height: 12px;
    text-align: center;
    font-weight: 500;
    position: relative;
/*    padding-left: 2px;
    padding-right: 2px;*/
    overflow: hidden;
    margin: auto;
    background-color: white;
    padding: 10px;
}

.doc_details_image {
    height:100%;
    width:100%;
}

.doc_grid {
    width: 110px;    /* 21jul2024 changed from 80px */
    height: 156px;   /* 21jul2024 changed from 110px */
    border: 1px solid #999999;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #999999;
    background-image: linear-gradient(to top, rgb(240,240,240) 16%, rgb(252,252,252) 79%);
    cursor: pointer;
    font-size: 8pt;
    line-height: 12px;
    text-align: center;
    font-weight: 500;
    position: relative;
    padding-top: 5px;   /* added 21jul2024 */
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    /*margin-top: 10px;*/
    margin-left: auto;
    margin-right: auto;
    color: gray;
}

.doc_faded {
    width: 80px;
    height: 110px;
    border: 1px dotted #999999;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    /*background-image: linear-gradient(to top, rgb(222,222,222) 16%, rgb(252,252,252) 79%);*/
    font-size: 9pt;
    line-height: 12px;
    text-align: center;
    font-weight: 500;
    opacity: .4;
    position: relative;
    padding-left: 2px;
    padding-right: 2px;
}

.doc_title {
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc_date {
    /*            position:absolute;
            width:100%;
            top:0;*/
    text-align: center;
    padding-bottom: 3px;
    font-size: initial;     /* 21jul2024:  changed from 9pt */
}

.doc_pages {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 6pt;
}

td.doc_table_cell_text_bundle {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: calc(12px + .3vw);
}

td.doc_table_cell_text_document {
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: calc(12px + .3vw);
    
}

table.doc_table {
    
}

.tree_node_small {
    position: absolute !important;
    border: 1px solid black !important;
    background-color: silver;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: Helvetica;
    font-size: 10pt;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    /*transition: width 1s, height 1s;*/
    transition: all .2s ease-in-out;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #999999;
}

.tree_node_small2 {
    position: absolute !important;
    background-color: silver;
    width: 40px;
    height: 50px;
    text-align: center;
    font-family: Helvetica;
    font-size: 10pt;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    /*transition: width 1s, height 1s;*/
    transition: all .2s ease-in-out;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #999999;
}

.tree_node_large {
    position: absolute !important;
    background-color: silver;
    width: 125px;
    height: 130px;
    text-align: center;
    font-family: Helvetica;
    font-size: 8pt;
    padding: 0px;
    overflow: hidden;
    /*cursor: pointer;*/
    z-index: 2;
    /*transition: width 1s, height 1s;*/
    /*transition: all .2s ease-in-out;*/
    border-radius: 3px;
    box-shadow: 1px 1px 3px #999999;
    color: #000;
}

.tree_node_small_Issued {
    background-color: #009600;
    color: #FFF;
}

.tree_node_small_Pending {
    background-color: #FFFFD7;
    color: #41464b;
}

.tree_node_small_Expired {
    background-color: #c0c0c0;
    color: #000;
}

.tree_node_small_Abandoned {
    background-color: #c0c0c0;
    color: #000;
}

.tree_node_small_Unknown {
    background-color: #c0c0c0;
    color: #000;
}

.tree_node_font_Issued {
    color: #FFF;
}

.tree_node_font_Pending {
    color: #000;
}


.tree_node_small_Provisional {
    border-radius: 8px;
}

.tree_node_small_marker {
    background: blue !important;
    width: 50px;
    height: 60px;
    position: absolute !important;
    border-radius: 3px
}

.tree_node_large_marker {
    background: blue !important;
    width: 133px;
    height: 139px;
    position: absolute !important;
    border-radius: 3px
}

.tree_node_large:hover {
    /*transition: width 1s, height 1s;*/
    /*transition: all .2s ease-in-out;*/
    box-shadow: 2px 1px 3px #999999;
    height: min-content;
    z-index: 30;
}





.mainline path:hover {
    stroke: deepskyblue;
    stroke-width: 5;
    z-index: 10;
}

.div_button {
    height: 40px;
    width: 180px;
    display: inline-block;
    color: buttontext;
    border: 1px outset buttonborder;
    background: buttonface;
    /*box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);*/
    cursor: pointer;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    font-size: 10pt;
    margin: 3px;
    border-radius: 3px;
    transition: all .5s ease-in-out;
}


    .div_button:active {
        font-weight: bold;
        box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
    }

/* Tooltip container */
.is_tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.is_tooltip .is_tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    width: 120px;
    bottom: 115%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.is_tooltip:hover .is_tooltiptext {
    visibility: visible;
}

.is_tooltip .is_tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.is_tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.node_table td {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.label_current {
    border-bottom: 4px solid blue;
/*    background-color: black;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: inset;
    white-space: nowrap;*/
/*    background-color:yellow;
    color:black; */
}

/* For results5 top search box */
.search-field-results {
    width: 400px;
    padding: 10px 35px 10px 15px;
    border: 1px solid #2b2b2b;
    /*box-shadow: 1px 1px 3px #999999;*/
    border-radius: 10px;
    outline: none;
    height: 40px;
    font-size: 16px;
    font-family: Helvetica;
    margin-top: -5px;
    background-color: #303134;
    color: whitesmoke;
}

/* For decade_timeline */
.decade_year_tick {
    position: absolute;
    border-left: 1px solid darkgray;
    top: 10px;
    height: 5px;
    width: 1px;
}

.decade_year_label {
    position: absolute;
    color: darkgray;
    font-size: 6pt;
    top: -11px;
    transform: translateX(-50%);
}

.decade_callout {
    position: absolute;
    border-left: 1px solid dimgray;
    color: darkgray;
    height: 75px;
    line-height: normal;
}

.decade_callout_top {
    padding: 0 0.2em 20px 0.2em;
    top: -60px;
}

.decade_callout_bottom {
    padding: 40px 0.2em 0 0.2em;
    top: 0;
}

.decade_callout_date {
    color: lightgray;
    font-size: 6pt;
}

.decade_bubble {
    position: absolute;
    display: inline-block;
    background-color: lightgray;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    top: -5px;
    transform: translateX(-50%);
    color: white;
    font-size: 14px;
}

.decade_bubble_filled {
    /* 3D rivet head sheen adapted from https://codepen.io/zero_point/pen/OMLzYj?editors=110 */
    background: #e59741; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e59741 21%, #c22d0b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e59741 21%,#c22d0b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e59741 21%,#c22d0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59741', endColorstr='#c22d0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 1px solid darkgray;

    /* 12may2024:  This is what we ultimately want */
    background: linear-gradient(135deg, #d3d3d3 21%,#696969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.decade_bubble_empty {
    background-color: #212529;
    border: 1px dashed darkgray;
}

#feedbackAndFlagContainer {
    width: 100%;
    height: 100px;
    margin-top: 10px;
}

#divSearchFeedback {
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

#flagContainer {
/*    width: 64px;*/
    height: 64px;
/*    margin-right: 10px;*/
    display: flex;
/*    justify-content: center;*/
/*    align-items: center;*/
}

    #flagContainer img {
        max-width: 100%;
        max-height: 100%;
    }