/*Material Design Cards*/
html{
    font-size:14px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    line-height:1.2;
}
b {
    font-weight:600 !important;
}

.vl-header-1 {
    font-size:2.25rem;
    color: #545454;
    margin:0 0 5px 0;
    font-weight:normal;
    line-height:1.2;
}
.vl-header-2 {
    font-size:1.75rem;
    color: #545454;
    margin:0 0 5px 0;
    font-weight:normal;
    line-height:1.2;
}
.vl-header-3 {
    font-size:1.25rem;
    color: #545454;
    margin:0 0 3px 0;
    font-weight:normal;
    line-height:1.2;
}
.vl-content {
    font-size:1rem;
    color: #545454;
    font-weight:normal;
    line-height:1.2;
    margin: 0 0 0 0;
}
.vl-link {
    color:rgb(60,120,180);
    cursor:pointer;
    line-height:1.2;
}
.vl-link:hover {
    text-decoration:underline;
}
.vl-select {
    background-color: white;
    box-sizing: border-box;
    padding: 0px 6px 0 6px;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    padding:5px;
    font-size:1rem;
    border:1px solid #ccc;
    color:#545454;
}
.vl-select:focus {
    border:1px solid rgb(60, 120, 180);
    outline:none;
}
.vl-input1 {
    font-size:1rem;
    border:1px solid #ccc;
    color:#545454;
    padding:5px 7px;
    box-sizing:border-box;
    border-radius:3px;
}
.vl-input1:focus {
    border:1px solid rgb(60, 120, 180);
    outline:none;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

/*.vl-facet-value {  }*/

.vl-facet-count {
    color:white;
    background-color:#bbb;
    background-color:rgba(60,120,180, .7);
    font-size:10px;
    padding:3px 6px;
    border-radius:500rem;
    font-weight:bold;
    z-index:1;
    display:border-box;
    line-height:1em;
    position:absolute;
    right:5px;
    font-weight:normal;
    color:#545454;;
    background-color:white;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-facet-value {
    float:left;
    display:border-box;
    text-overflow:ellipsis;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    width:100%;

}
.vl-facet-tag {
    /*background-color: rgba(0,0,0,.08);*/
    border-radius: 500rem;
    border-radius: 3px;
    margin:5px;
    padding:5px 7px;
    text-transform:capitalize;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    background-color:rgb(250,250,250);
}
.vl-facet-tag:hover {
    cursor:pointer;
    /*background-color:rgb(220,220,220);*/
    background-color:rgb(238,238,238);
}
.vl-facet-section-tagcloud--selected-and .vl-facet-tag.vl-facet--selected {
    background-color:rgb(60,120,180);
    color:white;
    font-weight:bold;
}
.vl-facet-section-tagcloud--selected-or .vl-facet-tag.vl-facet--selected {
    background-color:var(--grant-color);
    color:white;
    font-weight:bold;
}
.vl-facet-section-tagcloud--selected-not .vl-facet-tag.vl-facet--selected {
    background-color:#c90028;
    /*var(--focus-color);*/
    color:white;
    font-weight:bold;
}
.vl-facet {
    width:100%;
    margin-bottom:5px;
    position:relative;
    padding:5px 7px;
    box-sizing:border-box;
    border-radius:3px;
    overflow:hidden;
}
.vl-facet.vl-facet--selected {
    background-color:rgba(60,120,180,1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-facet.vl-facet--selected .vl-link {
    color:white;
}
.vl-facet.vl-facet--selected .vl-facet-count {
    background-color:white;
    color:rgb(60,120,180);
}
.vl-facet.vl-facet--selected .vl-facet-bar {
    background-color:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.vl-facet-bar {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    background-color: rgba(0,0,0,.02);
    border-radius:3px;
    box-sizing:border-box;
    pointer-events:none;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-facet-container {
    border:0;
    border-radius:3px;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    /*overflow:hidden;*/
}
.vl-facet-header {
    box-sizing:border-box;
    padding:5px;
    margin:0;
    background-color:rgb(250,250,250);
    color:#545454;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.vl-facet-header:hover {
    cursor:pointer;
    /*
    background-color:rgb(60,120,180);
    color:white;
     */
    background-color:rgb(238,238,238);
}
.vl-facet-content {
    border-top:1px solid rgb(220,220,220);
    padding:10px;
    box-sizing:border-box;
}
.vl-facet-content.hidden {
    display:none;
}
.vl-facet-content.vl-facet-content--flex {
    display:flex;
    column-gap:10px;
}
.vl-facet-content.vl-facet-content--flex.hidden {
    display:none;
}


.vl-facet-section-tagcloud--selected {
    border:0;
}
.vl-facet-section-tagcloud {
    display:flex;
    flex-wrap:wrap;
    align-items:center;;
    /*justify-content:center;*/
    justify-content:left;
    overflow:hidden;
    width:100%;
    box-sizing:border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing:border-box;
}
.vl-facet-section-tagcloud li {
    /*margin:3px;*/
}
.vl-facet-section {
    overflow:hidden;
    width:100%;
    box-sizing:border-box;
    margin: 0;
    padding: 5px;
    padding: 0px;
    list-style: none;
    box-sizing:border-box;
}
.vl_search_type {
    /*font-style:italic;*/
    text-transform:capitalize;
}

.vl-button{
    background-color:rgb(60,120,180);
    color:white;
    height: auto;
    font-size:1rem;
    padding:6px 10px;
    margin:0px;
    box-sizing:border-box;
    text-align:center;
    transition:.5s;
    line-height:1;
    font-weight:bold;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border: none;
    border-radius: 2px;
    border-radius: 3px;
}

.vl-button:hover{
    cursor:pointer;
    transition:.5s;
    color: rgb(60,120,180);
    background-color:white;
    -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16), 0 0 0 2px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16), 0 0 0 2px rgba(0,0,0,0.08);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16), 0 0 0 2px rgba(0,0,0,0.08);
    color: rgb(60,120,180);
    background-color:white;
}

.vl-button--red {
    background-color:#c90028;
}

.vl-button--red:hover {
    color: #c90028;
}
.vl-facet-clear-button {
    float: right;
    font-size: 12px;
    padding: 3px;
    /*border:1px solid rgb(220,220,220);*/
    box-sizing: border-box;
    /*border-radius:3px;*/
}

.vl-keyword {
    border-radius: 3px;
    margin:5px;
    padding:5px 7px;
    text-transform:capitalize;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    background-color:rgb(250,250,250);

    /*
    background-color:#eee;
    margin:3px 4px 3px 2px;
    padding:3px;
    text-transform:capitalize;
    border: 1px solid #eee;
    border-radius:3px;
    -moz-box-shadow: 0 0px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 0px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);

     */
    font-size:1rem;
    float:left;
}
.vl-keyword:hover{
    cursor:pointer;
    border-color:rgba(0,0,0,.75);
}
.vl-timeline-keywords-div, #fbaseListBioBlock_keywords {
    padding:6px;
}
.vl-small-image-container div{
    overflow:hidden;
    border-radius:3px;
}

/* some amusing settings to hide the picture */
.grant-search-listing .vl-small-image-container,
.project-search-listing .vl-small-image-container,
.patent-search-listing .vl-small-image-container,
.writtenwork-search-listing .vl-small-image-container,
.focus-search-listing .vl-small-image-container {
    display:none;
}
.grant-search-listing .search_lielem_text,
.project-search-listing .search_lielem_text,
.patent-search-listing .search_lielem_text,
.writtenwork-search-listing .search_lielem_text,
.focus-search-listing .search_lielem_text {
    margin-left:0px; 
}


.vl-as2-school-container {
    position:relative;
}
#vl-as2-school-x {
    position: absolute;
    top: 7px;
    right: 7px;
    fill: #545454;
    display:none;
    cursor:pointer;
}
#vl-facet-filter-schools-suggest-list, 
#vl-facet-filter-people-suggest-list, 
#vl-as2-school-suggest {
    z-index:100;
    display:none;
    border:1px solid #ccc;
    border-radius:3px;
    position:absolute;
    background-color:#fff;
    left:0;
    box-sizing:border-box;
    width:100%;
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border: none;
}
.vl-facet-filter-schools-suggest-item, .vl-as2-school-suggest-item,
.vl-facet-filter-people-suggest-item, .vl-as2-school-suggest-item {
    padding: 8px 8px 5px 8px;
    /*border-bottom:1px solid #ccc;*/
    color:#545454;
    border-bottom:1px solid rgb(238,238,238);
}
.vl-facet-filter-schools-suggest-item:hover, .vl-as2-school-suggest-item:hover, 
.vl-facet-filter-people-suggest-item:hover {
    background-color:#eee;
    cursor:pointer;
}
.vl-as2-field {
    display:flex;
    align-content:center;
    align-items:center;
    flex-flow: row wrap;
}
.vl-as2-field-no-margin input[type='radio'] {
    margin:0px;
    margin-right:5px;
    width:auto;
}
.vl-as2-field-no-margin {
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.vl-as2-field-label {
    width:240px;
    margin-bottom:15px;
}
.vl-as2-field input {
    width:300px;
    margin-bottom:15px;
}
.vl-as2-field input:focus {
}
.vl-as2-field-input {
}
.vl-as2-field select {
    width:300px;
    margin-bottom:15px;
}
.vl-show-more-container {
    overflow:hidden;
    clear:both;
}
.vl-show-more-div {
}
.vl-show-more-div.expanded {
}
.vl-show-more-button-facet {
    margin-top:2px;
    /*
    text-align:center;
    padding:5px;
    border-top:1px solid rgb(238,238,238);
    margin-top:5px;
    */
}

.vl-show-more-button {
    color:#545454;
    color:#2e71b4;
    color:#878787;
    font-size:1rem;
}
.vl-show-more-button:hover {
    /*color:#898989;*/
    opacity:.8;
    text-decoration:underline;
    cursor:pointer;
}

.VL-homepage-univs-content .vl-show-more-button {
    color:#545454;
    text-align:center;
    padding:5px;
    font-size:18px;
}

.VL-homepage-univs-content .vl-show-more-button.homepage:hover {
    opacity:.8;
    text-decoration:underline;
    cursor:pointer;
}

.vl-button-2{
    background-color:#f1f1f1;
    padding:4px;
    font-size:13px;
    color:#545454;
    font-weight:normal;
    box-sizing:border-box;
    text-align:center;
    transition:.5s;
    line-height:1;
    border: 1px solid #ccc;
    margin:0px;
}
.vl-button-2:hover{
    cursor:pointer;
    background-color:#e1e1e1;
}
.vl-greyback{
    background-color:rgb(245,245,245);
    position:relative;
    overflow:auto;
    max-height:400px;
    min-height:120px;
    padding:10px 0 0 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    border-bottom:1px solid #ccc;
}
.vl-greyback li {
    flex-grow:1;
    flex-basis:400px;
    margin-right:10px;
}
.vl-md-box-1{
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-md-box-1-white{
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-md-box-2{
    box-shadow:rgba(0, 0, 0, 0.0980392) 0px 3px 6px 0px;
    border:1px solid rgb(235,235,235);
}
.vl-md-box-3{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),
    0 6px 6px rgba(0,0,0,0.23) !important;
    border:1px solid rgb(235,235,235) !important;
}
.vl-md-box-4{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25),
    0 10px 10px rgba(0,0,0,0.22) !important;
    border:1px solid rgb(235,235,235) !important;
}
.vl-md-box-5{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30),
    0 15px 12px rgba(0,0,0,0.22) !important;
    border:1px solid rgb(235,235,235) !important;
}
.vl-md-box-header{
    position:relative;
    z-index:1;
    border:1px solid #ccc;
}
/*Material Design Fonts*/
.vl-md-display2 {
    font-size:45px !important;
    line-height:48px !important;
    font-weight:400 !important;
    color:rgb(0,0,0);
    opacity:.54;
}
.vl-md-display1 {
    font-size:34px !important;
    line-height:40px !important;
    font-weight:400 !important;
    color:rgb(0,0,0);
    opacity:.54;
}
.vl-md-headline {
    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:normal !important;
    color:#545454;
}
.vl-md-title {
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:normal !important;
    letter-spacing:0px !important;
    color:#545454;
}
.vl-md-subhead {
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:normal !important;
    color:#545454;
}
.vl-md-body2 {
    font-size:13px !important;
    font-weight:normal !important;
    color:#545454;
}
.vl-md-body1 {
    font-size:13px !important;
    font-weight:normal !important;
    color:#545454;
    margin-top:5px;
}
.vl-md-caption {
    font-size:12px !important;
    line-height:18px !important;
    font-weight:400 !important;
    color:rgb(0,0,0);
    opacity:.54;
}
.vl-md-button {
    text-transform:uppercase;
    font-size:12px !important;
    line-height:20px !important;
    font-weight:600 !important;
    color:white;
    opacity:.87;
}

#VL-navpage-search-icon{
    z-index:1;
    position:absolute;
    top:0px;
    right:0px;
    height:32px;
    width:32px;
    box-sizing:border-box;
    transition:.5s;
    border:0px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    background-color:white;
}
#VL-homepage-search-icon-svg {
    padding:10px;
    fill:rgb(60,120,180);
    transition:.5s;
}

#VL-homepage2-search-icon-svg {
    padding:18px;
    fill:rgb(60,120,180);
    transition:.5s;
}

#VL-navpage-search-icon-svg {
    padding:6px;
    fill:rgb(60,120,180);
    transition:.5s;
}
#VL-navpage-search-icon:hover{
    background-color:rgb(60,120,180);
    transition:.5s;
    cursor:pointer;
    transition:.5s;
}
#VL-homepage-search-icon-svg:hover{
    fill:white;
    transition:.5s;
}
#VL-homepage2-search-icon-svg:hover{
    fill:white;
    transition:.5s;
}
#VL-navpage-search-icon-svg:hover{
    fill:white;
    transition:.5s;
}
/*CSS RESET */
.related-link {
    margin:0;
}
/*.vl_related_link {
list-style: circle outside none;
}*/
#vl_loading_page {
    text-align:center;
    font-size:50px;
    margin-top:200px;
    margin-bottom:200px;
}
#the-joomla-header-block {
  display:none;
  height:52px;
  background-color:white;
  /*background-color:rgb(245,245,245);*/
  border:1px solid rgb(220,220,220);
  box-sizing:border-box;
  position:relative;
  width:100%;
}
#the-joomla-header-block.homepage-menu {
    background-color:transparent;
    position:absolute;
    top:0;
    right:0;
    border-bottom:0px;
    z-index:8000;
}
#the-joomla-content-div-no-styling {
    width:100%;
    /*position:relative;*/
    background-color:white;
    overflow:hidden;
    /*top:72px;*/
    position:fixed;
    font-weight:normal;
    /*border:1px solid #ccc;*/
    box-sizing:border-box;

}
#the_visleg_search_div {
    min-height:350px;
    position:relative;
}
#VL_loading_center {
    position:relative;
    display:none;
    color:rgb(30,30,30)
    border-radius:3px;
    z-index:1;
    font-size:50px;
    padding-bottom:5px;
    top:-23px;
    left:0px;
    line-height:50%;
}
#pagecontent{
    width:100%;
}
#VL_search_bar{
    background-color:white;
    /*overflow:hidden;*/
    display:block;
    position:relative;/*relative;*/
    /*border-radius:2px;*/
    padding:0;
    margin:0;
    z-index:1000;
    border:1px solid rgb(150,150,150);
    /*box-shadow:  2px  2px 10px rgba(180,180,180,.3),
    2px -2px 10px rgba(180,180,180,.3),
    -2px -2px 10px rgba(180,180,180,.3),
    -2px  2px 10px rgba(180,180,180,.3);*/
}
#VL-homepage {
    justify-content:space-around;
    position:relative;
    /*background: black url("http://www.visiblelegacy.com/templates/gk_simplicity/images/header.jpg") no-repeat fixed center;*/
    /*background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),#699eb3c7), url(http://www.visiblelegacy.com/templates/gk_simplicity/images/header.jpg) no-repeat fixed center;*/
    /*background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),#2b1506ad), url(http://www.visiblelegacy.com/templates/gk_simplicity/images/header.jpg) no-repeat fixed center;*/
    /*background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,1)), url(http://www.visiblelegacy.com/templates/gk_simplicity/images/header.jpg) no-repeat fixed center;*/
    /*background: black url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Beyond_the_glow_of_the_city_lights%2C_a_universe_awaits._%289193084187%29.jpg/1280px-Beyond_the_glow_of_the_city_lights%2C_a_universe_awaits._%289193084187%29.jpg") no-repeat fixed center;*/
    background-size:cover;


}
#VL-homepage2 {
    justify-content:space-around;
    position:relative;
    background-size:cover;
}
.VL-homepage-univs-header, .VL-homepage-otls-header, .VL-homepage-sources-header, .VL-homepage-stats-header {
    text-align:center;
    font-size:28px;
    color:#545454;
    /*border-top:1px solid rgb(220,220,220);*/
    padding: 30px 10px 10px 10px;
    margin:0;
}

.VL-homepage-univs-content, .VL-homepage-otls-content, .VL-homepage-sources-content, .VL-homepage-stats-content {
    overflow:hidden;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    box-sizing:border-box;
    margin-bottom:0px;
}
.vl-homepage-stat-card {
    
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius:5px;
    box-sizing:border-box;
    margin:10px;
    float:left;
}
.vl-homepage-stat-card-title {
    font-size:18;
    padding:10px;
    border-bottom:1px solid rgb(220,220,220);
    margin:0px;
    background-color:rgb(245,245,245);
}
.vl-homepage-stat-card-content {
    padding:10px;
    font-size:18px;
    text-align:center;
}

.vl-homepage-card {
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius:5px;
    box-sizing:border-box;
    margin:10px;
    /*float:left;*/
    padding:10px 20px;
    max-width:250px;
    background-color:white;
    cursor:pointer;
    fill:#545454;
    color:#545454;
    transition:.5s;
}

.vl-homepage-card:hover {
    transition:.5s;
    color:black;
    fill:black;
    -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.32), 0 0 0 2px rgba(0,0,0,0.016);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.32), 0 0 0 2px rgba(0,0,0,0.016);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.32), 0 0 0 2px rgba(0,0,0,0.016);
}
.vl-homepage-card-svg {
    text-align:center;
    margin-bottom:10px;
}
.vl-homepage-card-title {
    text-align:center;
    font-size: 20px;
    margin:0px;
    margin-bottom:0px;
}
.vl-homepage-card-count {
    text-align: center;
    font-size: 16px;
    color:#767676;
    /*
    color: white;
    background-color: rgb(60,120,180);
    line-height: 36px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    font-weight: bold;
    margin: auto;
    */
}
.vl-homepage-card-optional {
    font-size: 14px;
    text-align:center;
    margin-bottom:10px;
}


#VL-homepage-searchbar {
    /*
    position:absolute;
    left:calc(50vw - 200px);
    top: 30vh;
    margin:0;
    background-color:rgba(230,230,230,0);
    background-color:#f8f8f8;
    width:400px;
    max-width:100vh;
    padding:0px;
    background-color:transparent;
    z-index:2;
    */
    z-index:2;
    max-width:400px;
    width:90%;
    margin:auto;
    padding-top:20px;
    padding-top:25vh;


}
/* Homepage Content Section */
    
#VL-homepage-content {
    max-width:1200px;
    margin:auto;
    padding:0px;
    margin-top:20px;
}
/* Hompage Search SEction*/

#VL-homepage2-searchbar {
    z-index:2;
    width:100%;
    margin:auto;
    padding: 20px 20px 20px 20px;
    max-width:750px;
    box-sizing:border-box;
}
.vl-homepage-header1 {
    font-size:40px;
}
.vl-homepage-header2 {
    font-size:24px;
}
.vl-homepage2-header1 {
    font-size:40px;
}
.vl-homepage2-header2 {
    font-size:24px;
}

/* media queries for the homepage for phones */
@media all and (max-width: 480px) {
    .vl-homepage-header1 {
        font-size:32px;
    }
    .vl-homepage-header2 {
        font-size:18px;
    }
    .vl-homepage2-header1 {
        font-size:32px;
    }
    .vl-homepage2-header2 {
        font-size:18px;
    }

}

@media all and (max-width: 400px) {
    .vl-homepage-header1 {
        font-size:28px;
    }
    .vl-homepage-header2 {
        font-size:16px;
    }
    .vl-homepage2-header1 {
        font-size:28px;
    }
    .vl-homepage2-header2 {
        font-size:16px;
    }

}

#VL-homepage-searchbar-wrapper {
    border:0px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    -moz-box-shadow:    1px 1px 4px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius:3px;
}
#VL-homepage2-searchbar-type-box {
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
}
.VL-homepage2-searchbar-type-box-selection {
    padding:0px 5px;
    margin:5px 10px 15px 0;
    font-size:1.2rem;
    color: #878787;
    border-bottom:4px solid transparent;
    transition:.5s;
    box-sizing:border-box;

}
.VL-homepage2-searchbar-type-box-selection.selected {
    border-color:#545454;
    color:#545454;
}
.VL-homepage2-searchbar-type-box-selection:hover {
    cursor:pointer;
}
#VL-homepage2-searchbar-wrapper {
    border:0px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    -moz-box-shadow:    1px 1px 4px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius:3px;
}
#VL-homepage-searchbar-input-box {
    width:100%;
    border:0px;
    height:45px;
    border-radius:0px;
    position:relative;
    border-radius:3px;
}
#VL-homepage2-searchbar-input-box {
    width:100%;
    border:0px;
    border-radius:0px;
    position:relative;
    border-radius:3px;
}
#VL-homepage-searchbar-input-select-wrapper {
    overflow:hidden;
    position:relative;
    border-radius:3px;
}
#VL-homepage2-searchbar-input-select-wrapper {
    overflow:hidden;
    position:relative;
    border-radius:3px;
}

#VL-homepage-searchbar-search-input {
    height:45px;
    width:100%;
    padding:10px;
    box-sizing:border-box;
    font-size:14px;
    border:1px solid rgb(220,220,220);
    outline:none;
    border-radius:3px;
    border:0;
    color:#545454;
}
#VL-homepage2-searchbar-search-input {
    height:60px;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    font-size:18px;
    border:1px solid rgb(220,220,220);
    outline:none;
    border-radius:3px;
    border:0;
    color:#545454;
}
#VL-homepage-search-icon{
    z-index:1;
    position:absolute;
    top:0px;
    right:0px;
    width:45px;
    height:45px;
    background-color:rgb(50,100,150);
    background-color:#4c90fe;
    box-sizing:border-box;
    background-color:rgb(60,120,180);
    background-color:transparent;
    transition:.5s;
}
#VL-homepage2-search-icon{
    z-index:1;
    position:absolute;
    top:0px;
    right:0px;
    width:60px;
    height:60px;
    background-color:rgb(50,100,150);
    background-color:#4c90fe;
    box-sizing:border-box;
    background-color:rgb(60,120,180);
    background-color:transparent;
    transition:.5s;
}
#VL-homepage-search-icon img {
    width:22px;
    height:22px;
    padding:5px;

    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#VL-homepage2-search-icon img {
    width:22px;
    height:22px;
    padding:5px;

    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#VL-homepage-searchbar-search-list {
    position:absolute;
    z-index:100;
    width:100%;
}
#VL-homepage2-searchbar-search-list {
    position:absolute;
    z-index:100;
    width:100%;
}
#VL-homepage-searchbar-search-list ul {
    padding:0px;
    margin:0px;
    width:100%;
    overflow-y:scroll;
    max-height:150px;
    overflow-x:none;
    background-color:white;
}
#VL-homepage2-searchbar-search-list ul {
    padding:0px;
    margin:0px;
    width:100%;
    overflow-y:scroll;
    max-height:150px;
    overflow-x:none;
    background-color:white;
}
#VL-homepage-searchbar-search-list .left1 {
    float:right;
    /*text-decoration:underline;*/
    /*font-weight:bold;*/
    text-transform:capitalize;
    margin-bottom:1px;
    margin-left:5px;
    display:none;
}
#VL-homepage2-searchbar-search-list .left1 {
    float:right;
    /*text-decoration:underline;*/
    /*font-weight:bold;*/
    text-transform:capitalize;
    margin-bottom:1px;
    margin-left:5px;
    display:none;
}

#VL-homepage-searchbar-search-list .left2 {
    float:left;
    text-align:left;
    width:100%;
}

#VL-homepage2-searchbar-search-list .left2 {
    float:left;
    text-align:left;
    width:100%;
}

#VL-homepage-search-icon:hover{
    transition:.5s;
    cursor:pointer;
    background-color:#fec64d;
    background-color:rgb(60,120,180);
    /*border-left:1px solid rgb(200,200,200);*/
}
#VL-homepage2-search-icon:hover{
    transition:.5s;
    cursor:pointer;
    background-color:#fec64d;
    background-color:rgb(60,120,180);
    /*border-left:1px solid rgb(200,200,200);*/
}

#VL-navpage-searchbar-input-select-wrapper {
    overflow:hidden;
    position:relative;
    display:flex;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border: none;
    border-radius:3px;
}
#VL-navpage-searchbar-search-select option{
    background-color:white;
    outline:none;
}
.adv_search_field_name {
    margin:3px 0px 20px 0;
    float:left;
    clear:left;
    font-size:22px !important;
    width:170px;
    color:#545454 !important;
    text-align:left !important;
    line-height:1 !important;
    box-sizing:border-box;
    font-weight:normal;
}
.adv_date_range_input{
    border-radius: 2px;
    padding: 6px !important;
    position: relative;
    font-size: 14px;
    width: 100px !important;
    float: left;
    clear: right;
    border: 1px solid rgb(220,220,220);
    box-sizing: border-box;
    height: 32px;
}
#adv_search_title {
    margin:0px !important;
    margin-bottom:10px !important;
    padding:0px !important;
    padding-bottom:5px!important;
    text-align:center;
    border-bottom:1px solid rgb(220,220,220);
    color:#545454 !important;
    font-size:34px !important;
    font-weight:normal;
}
#VL_searchbar_org_select option{
    background-color:white;
    outline:none;
}

#VL_searchbar_org_select{
    padding-left:5px;
    float:left;
    border-radius:0px;
    font-size:14px;
    height:25px;
    margin:0;
    border:0;
    border:1px solid rgb(220,220,220);
    background-color:white;
    outline:none;
}

#adv_search_link{
    margin-top:10px;
    cursor:pointer;
    float:left;
    clear:left;
    font-weight:400;
    padding:10px;
    color:#545454;
    border:1px solid rgb(220,220,220);
    border-radius:3px;
    line-height:1
}
#adv_search_link:hover{
    background-color:rgb(241,241,241);
}


#VL-navpage-searchbar-search-input{
    outline:none;
    position:relative;
    width:100%;
    height:32px;
    margin:0px;
    box-sizing: border-box;
    padding:7px;
    font-size:14px;
    border:0;
    padding-right:36px;
    border-radius:3px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    color:#545454;
}
#keyword_search_results_div {
    z-index:1003;
    background-color:white;
    max-height:200px;
    overflow:auto;
    border:1px solid rgb(210,210,210);
    border-radius:0px 0px 3px 3px;
    box-shadow: 0px 3px 15px rgb(220,220,220);
    color: black !important;
    text-align:left !important;
    box-sizing:border-box;
}
#search_results_ul {
    list-style-type: none;
    overflow:hidden;
}
#search_title{
    margin:0px;
    padding:3px;
    border-bottom:1px solid rgb(210,210,210);
    background-color:rgb(241,241,241);
}
.search_results_elem {
    margin:0px;
    line-height:1;
    padding:10px !important;
    /*background-color:rgb(240,240,240);*/
    border-bottom:1px solid rgb(210,210,210) !important;
}
.search_results_elem:hover {
    background-color:#FAFFCF;
    cursor:pointer;
}
#keyword_search_results_div {
    display:none;
    max-height:188px;
}
#VL_navpage_advanced_search_block {
    position:relative;
}
#VL-advanced-searchbar {
    overflow:hidden;
    width:500px;
    position:absolute;
    left: calc(100% / 2 - 250px);
    top: calc(100vh / 2 - 200px);
}

.goToAdvancedSearch, .goToAdvancedSearch2 {
    float:left !important;
    margin-left:0px; /*10px;*/
    height:32px;
    box-sizing:border-box;
}

#VL_searchbar_advanced_search_keyword_input{
    max-width:calc(100% - 170px);
    max-height:100px;
    color: black !important;
}

.advanced_search_inputs{
    border-radius:2px;
    padding:2px 6px 2px 6px !important;
    position:relative;
    font-size:12px;
    width:calc(100% - 170px) !important;
    float:left;
    clear:right;
    border:1px solid rgb(220,220,220);
    box-sizing:border-box;
    height:32px;
    color:#545454;
    background-color:white;
}
#VL_navpage_advanced_search2_block {
    padding:10px;
    margin:auto;
    margin-top:20px;
    display:flex;
    justify-content:center;
}


#VL_searchbar_search_input:focus{
    outline:none;
}

#advanced_search_button{
    margin-top:10px;
    float:right;
    line-height:1;
    clear:both;
}

#advanced_search_button:hover{
    background-color:rgb(241,241,241);

}

#VL_searchbar_title{
    font-size:50px;
    float:left;
    text-align:center;
    color:rgb(255,255,255);
    display:none;
}

#VL-navpage-searchbar-input-box {
    float:left;
    display:block;
    /*width:300px;*/
    max-width:80vw;
    margin-top:10px;
    margin-left:10px;
    position:relative
}
#VL-navpage-searchbar-options {
    display:block;
    float:left;
    box-sizing:border-box;
    padding:0 10px;
    margin-top:10px;
}

#VL-navpage-searchbar-options optgroup{
    font-weight:bold;
}
#VL-navpage-search-select, #VL-navpage-school-select, #VL-navpage-source-select{
    background-color:white;
    height:32px;
    box-sizing:border-box;
    font-size:14px;
    padding:0px 6px 0 6px;
    float:left;
    border:0;
    border-right:0px;
    outline:none;
    cursor:pointer;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    /*border-radius:2px;*/
}
#VL-navpage-search-select {
    border-right:1px solid rgb(220,220,220);
    color:#545454;
}
#VL-navpage-fromdate{
}

#VL-navpage-todate {

}
#VL-navpage-fromdate, #VL-navpage-todate {
    float:left;
    border:1px solid rgb(220,220,220);
    outline:none;
    padding:0px 6px 0 6px;
    font-size:14px;
    box-sizing:border-box;
    height:32px;
    width:48px;
    background-color:white;
}

#VL-navpage-searchbar-options select:hover{
    /*background-color:rgb(241,241,241);*/
    background-color:white;
}

#VL-navpage-searchbar-search-select{
    margin-right:10px;
    width:100%;
    color:#545454;
}
#VL_searchbar_org_select{
    width:55%;
    height:32px;
    color:#545454;
}
#VL_searchbar_org_select_advanced{
    width:55%;
    height:32px;
    color:#545454;
    background-color:white;
}


#VL-navpage-searchbar-search-list {
    border-right:1px solid rgb(220,220,220);
    border-left:1px solid rgb(220,220,220);
    border-bottom:1px solid rgb(220,220,220);
    overflow-y:auto;
    display:none;
    background-color:rgb(245,245,245);
    background-color:white;
    position:absolute;
    margin:auto;
    /*width:398px;*/
    width:100%;
    /*max-height:145px;*/
    /*max-height:160px;*/
    z-index:100;
    box-sizing: border-box;
    color:#545454;
    font-size:12px;
}

#VL-navpage-searchbar-search-list ul {
    margin:0;
    padding:0;
}
#keyword_search_results_div ul {
    margin:0;
    padding:0;
}
.search_listing_li {
    list-style-type:none;
    overflow:hidden;
    font-size:12px;
    margin:0px;
    line-height:1.2;
    /*padding:8px !important;*/
    padding:5px 5px;
    /*background-color:rgb(240,240,240);*/
    background-color:white;
    /*border-bottom:1px solid rgb(210,210,210) !important;*/
}
.search_listing_li:last-child {
    border-bottom:0 !important;
}
.search_listing_li:hover {
    /*background-color:rgb(245,245,245) !important;*/
    background-color:var(--writtenwork-color);
    background-color:#FAFFCF;
    background-color:rgb(245,245,245);
    cursor:pointer;

}
.listing_innovator_str {
    /*color:rgb(255,127,14);*/
    color:rgb(255, 182, 85);
    margin:0 !important;
    padding:0 !important;
}


#VL-navpage-searchbar-search-list .left1 {
    float:right;
    /*text-decoration:underline;*/
    /*font-weight:bold;*/
    text-transform:capitalize;
    margin-bottom:1px;
    margin-left:5px;
    display:none;
}

#VL-navpage-searchbar-search-list .left2 {
    float:left;
    text-align:left;
    width:100%;
}


#detail_listings{
    border-radius:0px;
    overflow:hidden;
    margin:0px !important;
    /*border:1px solid #ccc;*/
    border-radius:3px;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.Listing {
    border:0;
    border-bottom:1px solid rgb(220,220,220);
    display:block;
    font-weight:none;
    padding:5px 5px 5px 5px;
    cursor:pointer;
    /*background-color:#f1f1f1;*/
    /*background-color:#eee;*/
    font-size:18px;

    line-height:1;
    margin:0px;
    font-weight:normal;
    float:left;
    width:100%;
    box-sizing:border-box;
    color: white;
    color:#545454 !important;
    background-color:rgb(250,250,250);
}
#hackersnack {
    overflow:hidden;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;

}
#hackersnack .vl-timeline-ruler {
    /* border-left:1px solid rgb(220,220,220); */
    /* border-right:1px solid rgb(220,220,220); */
    box-sizing:border-box;
    overflow:hidden;
}
.Listing span{
    padding-top:1px;
    float:left;

}
.listing-icon {
    float:left;
    margin-top:2px;
}

.Listing:hover {
    /*transition:.1s;*/
    /*background-color: #e9e9e9;*/
    background-color: rgb(238,238,238);
}
.timeline_header {
    margin: 0;
    font-weight:normal;
    font-size:14px;
}
.ListingDiv {
    margin: 0 0 0 0;
    display:block;
    position:relative;
    overflow:hidden;
}

.DescriptionListing{
    color:rgb(30,30,30);
}
.ListingDivDescription {

}

.person, .innovator{
    color:var(--person-color);
    fill:var(--person-color);
}
.person-background, .innovator-background{
    background-color:var(--person-color);
}
.personListing{
    color:rgb(255,127,14);
    color:var(--person-color);
}
.person-search-listing {
    border-left: 5px solid var(--person-color);
}
.ListingDivperson {
}
#VL-navpage-searchbar-search-list .Person_hover:hover{
    border-top:1px solid rgb(255,127,14) !important;
    border-bottom:1px solid rgb(255,127,14) !important;
}



.project{
    color: var(--project-color);
    fill: var(--project-color);
}
.project-background{
    background-color: var(--project-color);
}
.projectListing{
    color: rgb(0,128,0);
    color: var(--project-color);

}
.project-search-listing {
    border-left:5px solid var(--project-color);
}
.ListingDivproject {

}
#VL-navpage-searchbar-search-list .Project_hover:hover {
    border-top:1px solid rgb(0,128,0) !important;
    border-bottom:1px solid rgb(0,128,0) !important;

}


.innovation{
    color:var(--focus-color);
}
.technology, .focus {
    color:var(--focus-color);
    fill:var(--focus-color);
}
.innovation-background{
    background-color:var(--focus-color);
}
.technologyListing, .focusListing{
    color: rgb(178,34,34);
    color:var(--focus-color);
}
.focus-search-listing {
    border-left: 5px solid var(--focus-color);
}
.ListingDivfocus {

}

#VL-navpage-searchbar-search-list .Innovation_hover:hover{
    border-top:1px solid rgb(178,34,34) !important;
    border-bottom:1px solid rgb(178,34,34) !important;
}


.patent{
    color:var(--patent-color);
    fill:var(--patent-color);
}
.patent-background{
    background-color:var(--patent-color);
}
.patentListing {
    color: rgb(0,0,159);
    color:var(--patent-color);
}
.patent-search-listing {
    border-left: 5px solid var(--patent-color);
}
.ListingDivpatent {

}

#VL-navpage-searchbar-search-list .Patent_hover:hover{
    border-top:1px solid rgb(0,0,159) !important;
    border-bottom:1px solid rgb(0,0,159) !important;
}

.grant{
    color:var(--grant-color);
    fill:var(--grant-color);
}
.grant-background{
    background-color:var(--grant-color);
}
.grantListing {
    color:var(--grant-color);
}
.grant-search-listing {
    border-left: 5px solid var(--grant-color);
}
.ListingDivgrant {

}

#VL-navpage-searchbar-search-list .Grant_hover:hover{
    border-top:1px solid rgb(0,0,159) !important;
    border-bottom:1px solid rgb(0,0,159) !important;
}

.organization-background {
    background-color:var(--organization-color);
}
.organization {
    color:var(--organization-color);
    fill:#7EABDB;
}
.organizationListing {
    color: rgb(75,130,160);
    color:var(--organization-color);
}
.organization-search-listing {
    border-color:var(--organization-color);
}
.ListingDivorganization {

}

#VL-navpage-searchbar-search-list .Organization_hover:hover {
    border-top:1px solid rgb(75,130,160) !important;
    border-bottom:1px solid rgb(75,130,160) !important;
}


.writtenwork {
    color:#555;
    fill:#555;
}
.published, .publication{
    color:#555;
}
.Published-background, .Publication-background{
    background-color: var(--writtenwork-color);
}
.writtenworkListing {
    color: rgb(230,194,0);
    color: #555;
}
.writtenwork-search-listing {
    border-left: 5px solid var(--writtenwork-color);
}
.ListingDivwrittenwork {

}
#VL-navpage-searchbar-search-list .Published_hover:hover {
    border-top:1px solid rgb(230,194,0);
    border-bottom:1px solid rgb(230,194,0);
}
#VL-navpage-searchbar-search-list .Publication_hover:hover {
    border-top:1px solid rgb(230,194,0) !important;
    border-bottom:1px solid rgb(230,194,0) !important;
}


.news , .writtenwork_about{
    color:var(--writtenwork_about-color);
    fill:var(--writtenwork_about-color);
}
.news-background {
    background-color:var(--writtenwork_about-color);
}
.writtenwork_aboutListing {
    color: rgb(138,43,226);
    color:var(--writtenwork_about-color);
}
.writtenwork_about-search-listing {
    border-left:5px solid var(--writtenwork_about-color);
}
.ListingDivwrittenwork_about {

}
#VL-navpage-searchbar-search-list .News_hover:hover{
    border-top:1px solid rgb(138,43,226) !important;
    border-bottom:1px solid rgb(138,43,226) !important;
}


#VL_searchbar_content_hover{
    position:relative;
    overflow:visible;
    display:none;
    padding:5px;
    width:300px;
    z-index:3 !important;
}

/* Search Page */
#VL_navpage_search_results_block {
    position:relative;
    display:flex;
    left:0;
    box-sizing: border-box;
    justify-content:space-evenly;
    max-width:1440px;
    margin:auto;
}
#VL_searchbar_search_results {
    box-sizing: border-box;
    padding:20px 10px 20px 20px;
}
#VL_searchbar_search_facets {
    box-sizing: border-box;
    padding:20px 20px 20px 10px;
}
/* search page media sizes */
@media only screen and (max-width: 640px){
    #VL_navpage_search_results_block {
        display:block;
    }
    #VL_searchbar_search_facets {
        width:100%;
        margin-top:20px;
        padding:20px;
    }
    #VL_searchbar_search_results {
        width:100%;
        padding:20px;
    }

}
@media only screen and (min-width: 640px) and (max-width: 1080px){
    #VL_searchbar_search_facets {
        width:50%;
    }
    #VL_searchbar_search_results {
        width:50%;
    }
}
@media only screen and (min-width: 1081px){ 
    #VL_searchbar_search_facets {
        width:540px;
    }
    #VL_searchbar_search_results {
        width: calc(100% - 540px);
    }
    
}


.VL_searchbar_search_results_li {
    position:relative;
    list-style-type: none;
    overflow:hidden;
    padding:0;
    box-sizing:border-box;
    margin-bottom:20px;
    padding:20px;
    background-color:white !important;
    overflow:hidden;
    -moz-box-shadow:    1px 1px 4px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.3);
    box-shadow:         1px 1px 4px 0px rgba(0,0,0,.3);
    /*border:1px solid #ccc !important;*/
    border-radius:3px;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border:0;
}

.VL_searchbar_search_results_li .callout-block-innovators-div {
    margin-top:5px;
}
.VL_searchbar_search_results_li .VL_search_results_keywords {
    /*display:none;*/
}
.VL_searchbar_search_results_li .VL_search_results_content {
    /*padding-top:3px;*/
}
#detail_listings .VL_searchbar_search_results_li {
    padding:10px;

}
#VL_navpage_search_results_block .VL_searchbar_search_results_li {
    /*    margin-left:0;
    margin-right:0;*/
}

.VL_searchbar_search_results_li p.VL_search_results_content {

}
.VL_searchbar_search_results_li p {

}

.VL_searchbar_search_results_li.highlighted-dot {
    /*background-color:rgb(245,245,245) !important;*/
}
.VL_searchbar_search_results_li:hover {
    /*cursor:pointer;*/
    /*background-color:rgb(230,230,230);*/
}
VL_searchbar_search_results_li p {
    margin:0;
}
.VL_search_results_keywords {
    margin:0;
    max-height:2rem;
    margin-top:3px;
    padding-bottom:7px;
    overflow:hidden;
}
/*.VL_search_results_keywords:hover {
overflow-y:auto;
padding-right:0px;
}*/
#VL_search_results_header {
    list-style-type: none;
    font-size:26px;
    line-height:26px;
    padding:10px 0px;
    border:0 !important;


    /*padding-top:10px;*/
    /*background-color:rgb(230,230,230);*/
}
.VL_search_results_sub_header {
    list-style-type: none;
    float:left;
    padding:0 0 5px 0 !important;
    border:0 !important;
    color: #545454;
}
.VL_search_results_facet_header {
    padding:0;
    color:#545454;
    text-transform:capitalize;
    margin:0 0 5px 0;
    font-weight:bold !important;
}
#vl-search-info-div {
    overflow:hidden;
    padding:5px 10px;
}
#VL_searchbar_search_results > ul {
    padding: 0;
    margin:0;
    clear:both;
    max-width:720px;
}


.left{
    float:left;
    /*margin:3px 10px 10px 0;*/

}
.VL_search_results_title{
    overflow:hidden;
    font-weight:normal;
    font-style:normal;
    color:rgb(60,120,180);
    /*color:#0088bb;*/
    margin:0 0;
    display:inline-block;
    /*width:calc(100% - 100px);*/
    width:100%;
    padding:1px;
}
.Listing .VL_search_results_title {
    font-size:16px !important;
}

.VL_search_results_title:hover{
    opacity:.7;
}
.go_to_nav{
    margin:0px;
    font-size:14px;
    line-height:14px;
    font-weight:normal;
}

.VL_mapside_element h2{
    margin:0px;
    font-weight:normal;
    margin-bottom:5px;
}
.vl_featured_objects h2{
    margin:0px;
    font-weight:normal;
    margin-bottom:5px;
    clear:both;
}



.VL_search_results_title:hover{
    cursor:pointer;
}

.VL_search_results_date{
    margin:0;
    margin-bottom:3px;
    padding:0;
    max-height:50px;
    overflow:hidden;
    color:#2dab56;
    color:#545454;
    padding:1px;
}

.VL_search_results_type{
    margin:0;
    padding:0;
    max-height:50px;
    font-size:14px;
    position:absolute;
    right:10px;
    top:10px;
    padding:3px;
    margin:0;
    border-radius:3px;
    color: #545454 !important;
    /*box-shadow: 0px 0px 5px rgba(0,0,0,.5);*/
}

.VL_search_results_content{
    white-space:pre-wrap;
    overflow:hidden;
    text-align:left;
    margin-top:5px;
/*    max-height:calc(4rem * 1.2);*/
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.VL_keywords_title{
    text-decoration:none;
    text-transform:capitalize;
    color:rgb(70,70,70);
    font-size:14px;
    line-height:14px;
    display:none;
    float:left;
}
.VL_timeline_keyword {
}
.VL_timeline_keyword:hover{
}
.VL_keywords_keyword {
}
.VL_keywords_keyword:hover{
}
.VL_timeline_keyword.highlighted-dot {
}

#VL_navpage_detail_block {
    position:relative;
    left:0;
    top:0px;
    overflow:visible;
    width:100%;
    display:flex;
}
#VL_detail_map {
    position:relative;
    /*padding:10px;*/
    padding:20px 20px;
    width:300px;
    box-sizing:border-box;
}
#VL_detail_container{
    padding:20px;
    width:100%;
    width: calc(100% - 300px);
    box-sizing:border-box;
    /*overflow:hidden;*/
}
@media screen and (max-width: 500px){
    .vl-small-image-container.left {
        display:none;
    }
    .callout-block-image-div { display:none; }
    .search_lielem_text, .detail_lielem_text {
        margin-left:0 !important;
    }
}
@media screen and (max-width: 720px){
    #VL_navpage_detail_block {
        flex-flow: row wrap;
    }
    #VL_detail_map {
        width:100%;
        order:2;
    }
    #VL_detail_container {
        width:100%;
        order:1;
    }
    .callout-block{
        bottom:auto !important;
        left:0px !important;
        right:auto !important;
        top:0px !important;
        position:fixed !important;
    }
    .callout-block {
        width:100vw !important;
        box-sizing:border-box;
    }
    .callout-arrow {display:none;}
}
#VL_detail_map_container #VLwidget-map-timeline-div {
    margin:0px;
    padding:0px;
    /*-moz-box-shadow:     0 0 0px rgb(200,200,200);
    -webkit-box-shadow:  0 0 0px rgb(200,200,200);
    box-shadow:          0 0 0px rgb(200,200,200);*/
}
#VL_detail_map_container {
    overflow:hidden;
    /*margin-bottom:10px;*/
}

#VL_detail_sponsors {
    display:none;
}
#this_div {
    width:305;
    padding:5px;
}
.VL_sponsor_element {
    margin-bottom:20px;
    overflow:hidden;
    background-color:white;
    display:block;
}
#sponsor_image {
    width:314px;
    position:relative;
    border:2px solid rgb(200,200,200);
}
#sponsor_blanket {
    width:100%;
    position:relative;
    top:0;
    left:0;
}
.show-blanket {
    z-index:100;
    background-color:rgba(0,0,0,.15);
}
#sponsor_name {
    display:none;
    z-index:200;
    position:relative;
    bottom:0px;
    left:0px;
    padding:5px;
    width:307px;
    color:rgb(245,245,245);
    background-color:rgba(0,0,0,.7)
}

#VL_recent_featured_div {
    overflow:hidden;
    margin-top:10px;
}
.vl_featured_objects {
    float:left;
    margin-bottom:20px;
}
.VL_mapside_element {
    margin-bottom:20px;
    overflow:hidden;
}
#VL_detail_info {
    margin-top:0px;
    padding:0px;
    /*padding:5px 10px 5px 15px; */
    /*-moz-box-shadow:     0 0 10px rgb(200,200,200);
    -webkit-box-shadow:  0 0 10px rgb(200,200,200);
    box-shadow:          0 0 10px rgb(200,200,200);*/
}
.vl_info_div {
    padding:0px 0px;
}
.vl_detail_keywords_div {
    overflow:hidden;
    /*padding-right:9px;*/
}
.vl_detail_keywords_div:hover {
    overflow-y:auto;
    /*padding-right:0px;*/
}

#VL_image_name_container {
    margin:0px;
}
#VL_detail_timelines {
    overflow:hidden;
    overflow-y:auto;
    /* border:1px solid #eee; */
    max-height:400px;
}
#timeline-keywords {
    overflow:hidden;
    overflow-y:auto;
    border-right:1px solid rgb(220,220,220);
    border-left:1px solid rgb(220,220,220);
    padding:5px 15px 5px 5px;
    max-height:150px;
}
#VL_image_name_container {
    overflow:hidden;

}
#vl_detail_title {
    overflow:hidden;
    font-weight:normal;
    color:#545454;
}

#vl_detail_title_h1 {
    display:block;
}
.expand_text {
    cursor:pointer;
    color:#545454;
}
.VL_detail_image {
    border-radius:3px;
    text-align:center;
}
.VL_detail_image_div {
    /*border-radius:144px;*/
    /*float:left;*/
    /*max-height:144px;*/
    box-sizing:border-box;
    background-color:white;
    width:100%;
}
#vl_detail_dates {
    font-weight:normal;
    display:inline-block;
    margin:0px;
    margin-bottom:7px;
    padding-left:5px;
    float:left;
}
#vl_detail_type {
    font-weight:normal;
    display:inline-block;
    margin-bottom:7px;
    float:left;
}
.vl-tagline-container {
    margin-bottom:10px;
    overflow:hidden;
    clear:both;
}
.vl-tagline-div {
    overflow:hidden;
    clear:both;
    float:left;
}
.vl-tagline-div p
{
    padding:0;
    margin:0;
    margin:0px;
}
.vl-tagline-ul {
  /*
   list-style-type: disc;
  padding-left:18px;

   */
  list-style-type: none;
  padding-left:0;
}
.vl-tagline-ul li {
  line-height:1.2;
  /*text-indent: -2px;*/
}

#vl_detail_description p{
    padding:0;
    margin:0;
}

#VL_navigator_listing{
    display:none;
}

/*NAVIGATOR CSS*/

#VL_navpage_map_timeline_block {
    /*width:calc(100% - 450px);*/
    border-right:1px solid rgb(200,200,200);
    box-sizing:border-box;
}
#VLwidget-map-timeline-div {
    border-bottom:0px;
    box-sizing:border-box;

}

#VL_navpage_listings_block {
    width:0px;
}
@media screen and (min-width: 900px) {
    #VL_navpage_listings_block {
        display:block;
        width:480px;
        overflow:hidden;
        position:relative;
        right:0;
        top:0;
        padding: 0px 0px;
    }
}

body{

}
#VLW-footer span{
    line-height:1;
    font-size:16px;
    margin-top:6px !important;
    color:#545454;
}
.search_lielem_text {
    margin-left:130px;
}
.detail_lielem_text {
    margin-left:110px;
}

/*Stupid fix*/
#tlRuleBlock1, #tlEduBlock {
    line-height:0;
}

.vl-open-map {
    padding:0px 0px;
    float:right;
    height:auto;
    color:#363636;
    font-weight:700;
    font-size:14px;
    line-height:1.5;
    margin: 2px 2px 0 0;
}

.navigator-listings-filter-title {
    float:left;
    box-sizing:border-box;
    padding:3px 2px;
    margin-right:10px;
}
.navigator-listings-filter {
    float:left;
    border:1px solid rgb(200,200,200);
    box-sizing:border-box;
    padding:2px 5px 2px 5px;
    height: 25px;
    font-size:12px;
    width:100%;
}
.navigator-listings-filter-container {
    display:flex;
    align-items:center;
    width:100%;
    float:left;
    padding:10px 10px 5px 10px;
    box-sizing:border-box;
    color: #545454;
    /*border-top:1px solid rgb(200,200,200);*/
}
.detail-listings-filter-title {
    float:right;
    box-sizing:border-box;
    font-size:16px;
    margin-right:10px;
    margin-top:5px;
}
.detail-listings-filter {
    float:right;
    border:1px solid rgb(200,200,200);
    box-sizing:border-box;
    font-size:1rem;
    width:150px;
    margin-right:10px;
}
.detail-listings-filter-advanced {
    position:relative;
    float:right;
}
.detail-listings-filter-advanced-button {
    margin-left:5px;
}
.detail-listings-filter-advanced-dropdown label {
    color:#545454;
    font-size:12px;
    font-weight:normal;
    padding:0px 6px;
    letter-spacing:normal;

}
.detail-listings-filter-advanced-dropdown div{
    margin-bottom:3px;
}
.detail-listings-filter-advanced-dropdown {
    padding:10px;
    border:1px solid rgb(200,200,200);
    display:none;
    position:absolute;
    top:40px;
    right:10px;
    z-index:100;
    background-color:white;
    font-size:14px !important;
    width: 130px;
}

input.advanced-filter-checkbox {
    margin-right:0px !important;
    margin-top:2px !important;
    float:left;
    display:block;
    font-size:12px;
}
.detail-listings-page-title {
    float:right;
    height:25px;
    box-sizing:border-box;
    font-size:20px;
    margin-right:10px;
}
.detail-listings-page {
    float:right;
    border:1px solid rgb(200,200,200);
    height:25px;
    padding:5px;
    box-sizing:border-box;
    font-size:16px;
    width:30px;
    margin-right:40px
}
.detail-listings-filter-container {
    display:none;
}



/*LOADING BAR*/
#load-spinner{

    background-image:url("../../img/iconmonstr-loading-12-icon-256.png");
    background-size:36px 36px;
    height:36px;
    width:36px;
    z-index:10001;
    float:left;
    margin-top:7px;
    display:none;
    margin-right:10px;
}
/* Glyphicon animation */
#load-spinner {
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;

    -webkit-animation-play-state: paused;
    animation-play-state:paused;

    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;

    /*
    -webkit-animation-interation-count:infinite;
    animation-interation-count:infinite;
     */

}
@-webkit-keyframes myfirst {
    100%  {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes myfirst {
    100%  {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.vl-timeline-block, .vl-timeline-ruler {
    font-size:0px;
}
.vl-works-timeline.bordertop {
    /*border-top:5px solid rgb(235,235,235);*/
}
.vl-edu-timeline.borderbottom {
    border-bottom:1px solid rgb(200,200,200);
}
/*.vl-works-timeline {
border-top:5px solid rgb(235,235,235);

}
.vl-edu-timeline {
border-top:5px solid rgb(235,235,235);
}*/
/*noscript css*/
.ns-title {
    margin:0px;
    font-size:30px;
    color:#545454;
    font-weight:normal;
}
.ns-type {
    margin:0px;
    font-size:18px;
    font-weight:normal;
}
.ns-description {
    margin:0px;
    font-size:14px;
    color:#545454;
}
.ns-type-header {
    font-size:24px;
    font-weight:normal;
    margin:10px 0 10px 0;
    clear:both;

}
.ns-triple-lists {
    margin:0px;
}
.ns-triple-header {
    font-weight:normal;
    color:#3c78b4;
    margin:0;
    font-size:16px;
}
.ns-triple-header:hover {
    opacity:.7;
}
#vl-carousel2 {
    width:100%;
    /*height:170px;*/
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    overflow:hidden;
    box-sizing:border-box;
    z-index:1;
    padding:10px 0;
    /*background-color:#412107bd;*/
    justify-content:center;
}
#vl-carousel {
    /*background-color:rgba(0,0,0,.6);*/
    width:100%;
    height:150px;
    position: absolute;
    bottom:0px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    overflow:hidden;
    box-sizing:border-box;
    z-index:1;
    padding:10px 0;
    /*background-color:#412107bd;*/
    justify-content:center;
}
@media screen and (max-height: 450px){
    #vl-carousel {
        display:none;
    }
}

.vl-carousel-item {
    width:150px;
    height:150px;
    position:relative;
    box-sizing:border-box;
    background-color:rgba(0,0,0,.6);
    border:3px solid black;
    border:0px solid black;
    cursor:pointer;
    margin:0 5px 20px 5px;
    border-radius:5px;
    overflow:hidden;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.vl-carousel-item-image {
    border-radius:5px;
    top:0px;
    position:absolute;
    box-sizing:border-box;
}
.vl-carousel-item-name {
    color:transparent;
    bottom:0px;
    position:absolute;
    width:100%;
    height:150px;
    font-size:16px;
    font-weight:bold;
    padding:5px;
    box-sizing:border-box;
    overflow:hidden;
    text-align:center;
    background-color:transparent;
}
/*.vl-carousel-item-name span {
position:absolute;
bottom:0px;
left:0px;
padding:5px;
text-align:center;
width:100%;
}*/
.vl-carousel-item-name span {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position:absolute;
    padding:5px;
    width:100%;
    word-wrap:break-word;
    box-sizing:border-box;
}
.vl-carousel-item-name {
    border-radius:5px;
    color:white;
    display:block;
    background-color:rgba(0, 0, 0, .5);
    transition:.5s;
}
.vl-carousel-item-name:hover {
    background-color:rgba(0, 0, 0, .8);
    transition:.5s;
}
/*
.vl-carousel-item-name:hover {
    color:white;
    display:block;
    background-color:rgba(0, 0, 0, .8);
}
*/
.vl-page-div {
    clear:both;
    margin:15px 0 0 0;
    padding:15px 0 0 0;
    overflow:hidden;
    border-top:1px solid rgb(238,238,238);
}
.vl-page-number {
    float:left;
    border: 3px solid white;
    box-sizing:border-box;
    font-size:14px;
    padding:8px;
    width:40px;
    height:40px;
    text-align:center;
    margin-right:5px;
    border-radius:50%;
}
.vl-page-number:hover {
    cursor:pointer;
    background-color:rgb(245,245,245);
}
.vl-page-number.vl-current-page {
    border-color:rgb(238,238,238);
}
.vl-page-right-arrow-svg, .vl-page-left-arrow-svg {
    float:left;
    margin-right:10px;
    margin-top:4px;
    fill:rgb(200,200,200);
}
.vl-page-right-arrow-svg:hover, .vl-page-left-arrow-svg:hover {
    fill:rgb(150,150,150);
    cursor:pointer;
}

strong {
    font-weight:600 !important;
}
ul li {
    line-height:1;
}

.vl-newdetail-page-section {
    padding: 15px;
    background-color: white;
    border-radius: 10px;
    margin-bottom:10px;
    -moz-ox-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-Shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    overflow:hidden;
}




#vl-connection-graph {
    max-width:1000px;
    margin:auto;
}

#vl-connection-graph-search-button {
    /*
    padding: 10px;
    display:none;
    border-radius: 10px;
    text-align: center;
    -moz-ox-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-Shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    background-color: rgba(60,120,180,.2);
    color: #545454;
    width:fit-content;
    transition-duration:.5s;
    */
    margin:10px auto;
}
#vl-connection-graph-search-button:hover {
    opacity: .8;
    cursor:pointer;
}
.vl-connection-graph-button {
    flex-basis: 90px;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    text-align: center;
    background-color: rgba(60,120,180,.2);
    background-color: #fafafa;
    transition-duration:.5s;
    opacity:.8;
}

.vl-connection-graph-button:hover {
    cursor:pointer;
    background-color:white;
    -moz-ox-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-Shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    opacity:1;
}

.vl-connection-graph-button.selected {
    background-color:white;
    -moz-ox-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -webkit-box-Shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    opacity:1;
}

/* Start New Detail Styles */
#the-joomla-content-div-no-styling {
    /*background-color: #ececec !important; /* overrides the normal white above */
    /*background-color: #eeeeee !important; /* overrides the normal white above */
}

#VL_navpage_newdetail_block {
    overflow:visible;
    padding: 0;
    box-sizing:border-box;
    margin:auto;
    padding-bottom:20px;
}

/* container styling */
.vl-newdetail-section-wrapper {
    box-sizing:border-box;
    width:100%;
}
.vl-newdetail-section-container {
    max-width: 1080px;
    box-sizing:border-box;
    margin: auto;
    padding: 10px 20px 0;
}

#vl-header-container {
    padding: 20px;
    overflow:hidden;
}

#vl-summary-wrapper {
    background-color:#fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#vl-summary-container {
    display: flex;
    flex-wrap:wrap;
    /* border-bottom: 2px solid #ccc; */
    padding-bottom: 0px;
    box-sizing:border-box;
}



.vl-newheader-1 {
    font-size: 22px;
    font-weight: 700;
    color: #0566b1;
    color: #555;
    margin: 0;
    /*
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    */

}
.vl-newdetail-section-header {
    display:inline-block;
}
.vl-newdetail-section-svg {
    padding:0 10px 0 5px;
    float:left;
}
.vl-newdetail-section-svg, .vl-newdetail-section-header {
    color: #555;
    fill: #555;
    margin:0;
}

.vl-newdetail-section-header-container {
    /* padding: 30px 0px 20px ; */
    padding: 0;
    margin: 30px 0 15px;
    color: #555;
    fill: #555;
}

.vl-newdetail-box {
    margin: 0 0 20px;
    /* padding: 10px 10px; */
    background-color: #fff;
    color: #555;
    border-radius: 5px;
    /* -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.25); */
    /* box-shadow: 0 2px 8px 0 rgba(0,0,0,.25); */
    box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px;
    overflow:hidden;
    box-sizing:border-box;
    margin:20px auto 0px;

}
.vl-newdetail-box--header {
    color: #20558a;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 7px;
    margin:0;
    padding: 10px 10px;
    background-color:#fafafa;
    border-bottom:1px solid #eee;
}
.vl-newdetail-box--content {
    color: #555;
    font-size: 14px;
    overflow-x:hidden;
    overflow-y:auto;
}

.vl-newdetail-summary-box {
    margin:20px;
    color: #555;
    position: relative;
    overflow:hidden;
    /*min-width:180px;*/
    max-width:300px;
}

.vl-newdetail-summary-box--header {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 7px;
    margin:0;
}
.vl-newdetail-summary-box--content {
    max-height:500px;
    overflow:auto;
}
.vl-summary-clickable {
    /*color: #20558a;*/
    font-size: 14px;
    /*font-weight: 700;*/
}

.vl-summary-clickable:hover {
    cursor:pointer;
    /*color: #38d;*/
    text-decoration:underline;
}

.vl-table {
    text-align:left;
    width:100%;
    /*border:1px solid #1f5581;*/
    /* border:1px solid #eee; */
    margin:0;
    border-spacing:0px;
    /* border-radius:5px; */
    overflow:hidden;
    padding-bottom:45px;
    position:relative;
    border-collapse: separate; /* needed for joomla */
}
.vl-table--heading .vl-table--cell{
    /* background-color: #1f5581; */
    /* background-color: #eee; */
    /* border-radius:5px; */
    color:white;
    color:#555;
    font-size:16px;
    font-size:14px;
}
.vl-table--heading .vl-table--cell {
    font-weight:normal !important;
}
.vl-table--row {

}
.vl-table--heading .vl-table--cell.clickable {
    transition-duration:.5s;
    cursor:pointer;
    position:relative;
    padding:10px 20px 10px 10px;
    border-bottom:1px solid rgba(60,120,180, .5);
    border-bottom:1px solid #eee;
    /* border-top:1px solid #eee; */
}
.vl-table--heading .vl-table--cell.clickable.selected.asc:after {
    content: '';
    position: absolute;
    right: 7px;
    top: calc(50% - 2px); 
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(60, 120, 180);
    clear: both;
}
.vl-table--heading .vl-table--cell.clickable.selected.desc:after {
    content: '';
    position: absolute;
    right: 7px;
    top: calc(50% - 2px); 
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(60, 120, 180);
    clear: both;
}
.vl-table--heading .vl-table--cell.clickable:hover {
    color:black;
}
.vl-table--heading .vl-table--cell.clickable.selected {
    color: rgb(60,120,180);
    border-bottom: 2px solid rgb(60,120,180);
    /* background-color:rgba(60,120,180, .1); */ 
    /* background-color:#fafafa; */
}
.vl-table--cell {
    padding:10px 10px;
    vertical-align:top;
    border-bottom: 1px solid #eee;
    color:#555;
}
.vl-table--cell-top {
    padding:10px 10px 5px 10px;
    vertical-align:top;
}
.vl-table--cell-bottom {
    padding:0px 10px 10px 10px;
    vertical-align:top;
    border-bottom: 1px solid #eee;
    color:#555;
    /* width:1px; */
    /* text-align:right; */
}
.vl-table--cell-bottom:first-child {
    /* width:100%; */
}
/* .vl-table--heading-cool { */
/*     text-align:right; */
/* } */
.vl-table--cell-clickable {
    color: #20558a;
    /*color:#555;*/
    font-size: 14px;
    font-weight: normal;
    max-height:500px;
    overflow:auto;
    transition-duration:.5s;
    display:inline-block;
    margin-bottom:5px;
}
.vl-table--cell-clickable:hover {
    cursor:pointer;
    /*color: #38d;*/
    text-decoration:underline;
}
.vl-table--forward, .vl-table--back {
    /*
     color:#555;
    padding:10px;
    border-radius:1px solid #efefef;
    background-color:#efefef;
    margin:10px;
     */
    position:absolute;
    bottom:10px;
}
.vl-table--forward:hover, .vl-table--back:hover {
    /*background-color:#dedede;
    cursor:pointer;
    */
}
.vl-table--forward {
    right:10px;

}
.vl-table--back {
    right:70px;
}
.vl-table--total {
    position:absolute;
    color: #555;
    color: #777;
    bottom:13px;
    left:10px;
}
.vl-newdetail-similar-button, .vl-newdetail-search-button, .vl-newdetail-map-button {
    float:right;
    margin-left:5px;
    margin-bottom:5px;
}

@media screen and (max-width: 900px) {
    .vl-newdetail-similar-button, .vl-newdetail-search-button, .vl-newdetail-map-button {
        clear:both;
    }
}




.vl-map-icon {
    display:inline-block;
    margin-left:10px;
    fill: #555;
    fill: rgb(60,120,180);
}
.vl-map-icon:hover {
    fill: #777;
    fill: rgba(60,120,180, .7);
    cursor:pointer;
}

.vl-folio {
}
.vl-folio-tabs {
    display:flex;
    /* background-color:#efefef; */
    /* background-color:#fafafa; */
    flex-wrap:wrap;
    transition-duration:.5s;;
    z-index:1;
}
.vl-folio-tab {
    padding:10px 20px;
    padding:10px 10px;
    margin:10px 5px 10px 10px;
    margin:0;
    cursor:pointer;
    font-weight:700;
    font-size:16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right:0px;
    margin-right:10px;
    margin-top:0px;
     /* box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px; */
    box-shadow: -2px -1px 2px rgba(0, 0, 0, .05),
    2px -1px 2px rgba(0, 0, 0, .05);
}
.vl-folio-tab:not(.selected) {
    color:#989898;
    background-color:#fafafa;
}
.vl-folio-tab:not(.selected):hover {
    color: #545454 !important;
    z-index: 101 !important;
}
.vl-folio-tab.selected {
    /* color:rgb(60,120,180); */
    z-index: 100 !important
}
.vl-folio-contents {
    box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px;
    z-index:1;
    border-top:1px solid #eee;
}

.vl-newdetail-tabs {
    display:flex;
    background-color:#efefef;
    background-color:#fafafa;
    flex-wrap:wrap;
}
.vl-newdetail-tab {
    padding:10px 20px;
    transition-duration:.5s;
    /* border-bottom: 2px solid #efefef; */ 
    cursor:pointer;
    color:#545454;
    font-weight:700;
    font-size:16px;
}
.vl-newdetail-tab:hover {
    color: black;
}
.vl-newdetail-tab.selected {
    color:rgb(60,120,180);
    /* border-bottom: 2px solid rgb(60,120,180); */
}
.vl-newdetail-tab-content {
    /* display:none; */
}

.vl-newdetail-timeline-graph {
    /* border-radius:5px; */
    /* border:1px solid #eee; */
    padding: 0;
}
.vl-newdetail-timeline-graph svg{
    background-color: white !important;

}

/* End New Detail Styles */