.vl-card--otl .vl-card__header {
    /*color:rgb(178, 46, 38); */
}

.callout-block-extras-div {
    border:0;
}

.callout-navigate-to-div {
    position:absolute;
    max-width:200px;
    z-index:100;
    background:white;
    padding:5px;
    border:1px solid #d5d5d5;
    font-size:12px;
    -moz-box-shadow:    2px 2px 4px 2px rgba(0,0,0,.6);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,.6);
    box-shadow:         2px 2px 4px 2px rgba(0,0,0,.6);
}
.callout-topic-summary-div {
    max-height:125px;
    overflow:auto;
    overflow:hidden;
    text-align:left !important;
    margin-top:5px !important;
}
.callout-keywords-div {
    max-height:66px;
    /* max-height:60px; */
    /*overflow:hidden;*/
    overflow:hidden;
    margin:0;
    border:0;
    padding:0;
    color:#545454;
    /*font-style:italic;*/
    font-size:12px;
    font-weight:normal;
    margin-top:5px;
    display:none !important
}
.callout-keywords-div:hover {
    overflow-y:auto;
}
/*The following is how to edit the look of the scroll bar. Confirmed in Chrome*/
/*
::-webkit-scrollbar {
    width: 9px;
}


::-webkit-scrollbar-track {
    border:1px solid rgb(220,220,220);
    border-radius: 10px;
    background-color:rgb(235,235,235);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#6590C3;
    background-color:#B6B6B6;
    background-color:rgb(200,200,200);
}
*/

.callout-keywords-div a {
    margin:0 10px 0 0;
    text-decoration: underline;
    word-wrap: break-word;
    font-style: normal;
    opacity:1.0;
}

.callout-keywords-div a:hover {
    opacity:.7;
}

#popup-callout-div-wrapper {
    position:absolute;
    width:450px;
    height:350px;
    border:0;
    z-index:1002;
    /*overflow:auto;*/
    pointer-events:none;
}
#popup-callout-div-wrapper .callout-block {
    pointer-events:auto;
    
}
#popup-callout-div-wrapper.otl-widget-callout {
    position:absolute;
    height:375px;
    width:450px;
    z-index:100;
    overflow:hidden;
    left:50px
}

.callout-block {
    position: absolute;
    background: white;
    margin:0;
    padding:8px;
    min-width: 300px;
    overflow:hidden;
    box-shadow: 0 0 5px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
    border:1px solid rgb(200,200,200) !important;
/*
  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);
  */
    
}

.callout-block.hidden-dot {
    opacity:0.25;
}
.callout-block.highlighted-dot {
    background:#F0F0F0;
}
.callout-block-image-div {
    float:left;
    /*max-width:110px;*/
    height:100%;
    border:0;
    margin:0;
    box-sizing:border-box;
    padding:0 10px 0 0;
}


.callout-block-info-div {
    /*float:left;*/
    /*max-width:320px;*/
    /*max-width:300px;*/
    /*min-width:175px;*/
    box-sizing:border-box;
    height:100%;
    margin:0 0 0 0;
    border:0;
}
.listblock-thumbnail .callout-block-info-div {
    /*max-width:175px;*/
    /*max-width:280px;*/
}
.callout-block .callout-block-info-div {
    /*max-width:240px;*/
}

.callout-block-button-div {
    /*float:right;*/
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    margin:0;
    padding:0;
    border:0;
}

.callout-block-header-div {
    position:relative;
    margin:0;
    padding:1px 0px;
    border:0;
    overflow:hidden;
    padding-right:65px;
/*max-width:180px;*/
}

.callout-block-title-div {
    border:0;
    /*max-width: 300px;*/
    /*max-width: 259px;*/
    /*float:left;*/
    margin:0;
    /*padding:2px 0 0 0;*/
    line-height:1.2;
    font-size:16px;
    font-size:18px;
    font-weight:normal;
    color:#545454;
    text-align:left !important;
}
.callout-block-title-div span {
    opacity:1.0;
}
.callout-block-title-div span:hover {
    opacity:0.7;
}
span.title-span-linked {
    color:rgb(60,120,180) !important;
}
.callout-block-date-div span {
    /*color:rgba(0,0,0,.87) !important;*/
    /*color:#545454 !important;*/
}
.callout-block-title-div span.title-span-linked {
    margin:0;
}
.callout-block-title-div span.title-span-linked:hover {
    opacity:.7;
    cursor: pointer;
}

.callout-block-title-div span.title-span-static:hover {
}

.callout-block-closebox-div {
    border:0;
    float:right;
    margin:0;
    padding:0;
    margin:1px 1px 0 5px;
}
.callout-block-innovators-div {
    max-height:36px;
    overflow:hidden;
    overflow-x:hidden;
    margin-top:5px !important;
}
.innovator-span {
    float:left;
    margin-right:5px;
    /*text-decoration:underline;*/
    cursor:pointer;
}
.innovator-span:hover {
    text-decoration: underline;
}
.callout-block-date-div {
    margin:0;
    border:0;
    /*padding:0 0 0 5px;*/
    padding:0;
    padding-right:65px;
    font-size:14px;
    font-weight:normal;
    color:grey;
    /*text-align:left !important;*/
}
.callout-block-related-links-div {
    margin:0;
    /*margin:0 0 0 105px;*/
    border:0;
    /*padding:5px 0 0 0;*/
    text-align:left !important;
    max-height: 64px;
    overflow:hidden;
    /*display:none;*/
    
}
.callout-block-related-links-div:hover {
    overflow-y:auto;
}
.related-links-title, .keywords-title {
    /*margin-top:6px;*/
    display:none;
}
.callout-block-related-links-div a, .detail_lielem_text a {
    color: rgb(50,100,150);
    margin:0 5px 0px 0;
    float:left;
    opacity:1.0;
    text-decoration:underline;
}
.related-links-div {
overflow:hidden;
margin-top:5px !important;
}
.callout-block-related-links-div a:hover {
    opacity:0.7;
}

.callout-block-more-links-table td {
    opacity:.7;
    color:#202020;
    font-size:12px;
}

.callout-block-more-links-table td:hover {
    opacity: 1.0;
}

.callout-navigate-to-button {
    visibility:visible;
}
.callout-navigate-to-button.empty {
    visibility:hidden;
}
.callout-topic-summary-button {
    visibility:visible;
}
.callout-topic-summary-button.empty {
    visibility:hidden;
}
.callout-keywords-button {
    visibility:visible;
}
.callout-keywords-button.empty {
    visibility:hidden;
}
.callout-closebox {
    opacity:0.6;
}

.callout-closebox:hover {
    opacity:1.0;
}
.callout-gotoNavigator {
    /*height:20px;
    width:20px;*/
    /*border-radius:3px;*/
    /*border: 1px transparent solid;*/
    /*border:1px solid black;
      /*cursor:alias;*/
    cursor:pointer;
    /*border-radius:200px;*/
    border-radius:1px;
    outline:none;
    padding:2px 5px 2px 5px;
    line-height:1;
    font-weight:normal;
}

.callout-gotoNavigator:hover {
    /*background-color:rgb(230,230,230);*/
    /*border:1px solid gold;*/
    /*background-color:#8BC34A;*/
    /*border:1px solid gold;*/
}
.callout-gotoDetail {
}

.callout-gotoDetail:hover {
}
.vl-open-detail {
    /*padding:5px;*/
    float:right;
    height:auto;
    width:75px;
    position:relative;
    margin: 2px 2px 0 0;
/*top:-5px;*/
}