body {
    font-family: "Roboto",sans-serif;
    background-color:#e7e7e7;
}
.logo {
    color: #354052;
    font-size: 22px;
}
.header {
    background-color: #d7d7d7;
/*    border-bottom: 1px solid #bfc2c4;*/
}
.navdiv {
    background-color: #d7d7d7;
    border-bottom: 1px solid #d7dadd;
}

.card {
    background-color:#eee;
}

.nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #7f8fa4;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
    .nav-link:hover {
        color: #354052;
    }
.news{
    background-color:#e8e8e8;
    border-left:1px solid #dfe2e5;
}
.about:first-letter
{
    font-size:x-large;
    margin-left:4em;
}

.search-info{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:x-small;
    font-style:italic;
    vertical-align:super;
}
.search-header{
    font-weight:bold;
    font-size:larger;
    text-align:center;
}

.element_label{
    font-weight:bolder;
}
.element_value{
    font-style:oblique;
}
.divtext div:first-letter {
    padding-left: 2em;
}

/*---- for GRNTI tree view-----*/
.TreeUl {
    list-style-type: none;
}

.DispInline {
    display: inline-block;
}
.Leaf {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #6c757d;
    padding: 0rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.40rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #6c757d;
}

    .Leaf:hover {
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }
    a{
        text-decoration:none;
    }