.tree-card {
    min-width: 400px;
    max-width: 400px;
}

.tree-card-header {
    background-color: #013f34;
    color: #ffffff;
    padding: 3px;
    text-align: center;
}

.tree-card-header-data {
    background-color: #878787;
    color: #ffffff;
}

.tree-card-note {
    background-color: #878787;
    color: #ffffff;
    text-align: center;
}

#LogOut {
    background-color: white !important;
    color: #004e7d !important;
}

#chartdiv {
    background-color: white;
}

#NavBar {
    background-color: #009d9d;
    background-image: url('https://images-na.ssl-images-amazon.com/images/I/71WhCVEDDIL._SX355_.jpg');
    box-shadow: 1px 1px 20px 2px black;
}

    #NavBar .nav-link {
        color: white;
        text-decoration: none;
        cursor: pointer;
        background-color: #686868;
        margin: 5px;
        border-radius: 5px;
    }

    #NavBar .nav-link.selected {
        background-color: #007d91;
    }

    #NavBar .navbar-brand {
        background-color: white;
        border-radius: 5px;
    }

#PageHeader {
    color: white;
    padding: 10px;
}
.myti-page-header-btn-locked2 {

    color: gold !important;
}

.myti-page-header-btn-selected2 {
    color: #009757;
}

body {
    background-image: url('https://cdn.pixabay.com/photo/2016/07/14/17/36/bark-1517215_960_720.jpg');
    user-select: none;
}

.card {
    margin-top: 10px;
}

.DataRow {
    margin: 10px;
    background-color: #6a8744c2;
    padding: 10px;
    color: white;
    font-weight: 600;
    text-align: center;
    font-size: 1.2em;
}

.DataRow-Title {
    display:block;
    text-decoration:underline;
}

.DataRow-Content {

}