#biosignature-category {
    background-color: #c8c8c8;
}
.node.nodeExample1.selectable.header{
    background-color: #c65a11;
    color:#fff;
    letter-spacing: 1px;
}
.node.nodeExample1.selectable.header:hover{
    background-color: #ed701c;
}
.node.nodeExample1.selectable.header.selectable.selected{
    background-color: #ed701c;
}
.node.nodeExample1.text-left{
    background-color: transparent;
    padding: 0;
}
.fa.fa-info-circle { color:#7f7f7f;font-size:20px; vertical-align: text-top; }
.btn.btn-lg { border-radius: 0px; margin-right:30px; }

.btn-grey {
    color: #fff;
    background-color: #7e7e7e;
    border-color: #7e7e7e;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-grey:hover {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
}
.btn-grey:active {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
}


h2 {
    font-weight: bold;
    font-size: 30px;
}
@media (max-width: 768px) {
    h2 { font-size: 24px; margin-right: 20px;}
}


label {
    margin-bottom: 0; width:100%;
}

.header {
    background: #8297b2;
    color: #000;
}

.selectable {
    cursor: pointer;
}

.selectable.selected {
    background: #337ab7;
    color: #555;
}

.selectable:hover {
    background-color: #337ab7;
}

strong {
    font-weight: bold;
}


#mobile {
    display: none;
    text-align: left;
}

@media (max-width: 898px) {
    .info-btn { margin-top:10px; }
    h1 {
        background-color:#395723;
        padding:10px;
        color:#fff;
    }
    h2 {
        padding:10px;
        margin-bottom: 30px;
    }
    .card {border-radius: 0px; border:none;}
    .card-header:first-child{border-radius: 0px;}
    .card-header { color: #fff; background-color: #c65a11; font-size: 18px; padding: 10px; }
    div.card-header:hover { background-color: #ed701c!important;}

    .list-group-item {
        background-color: #ffda67!important;
    }

    .chart {
        display: none;
    }
    #mobile {
        display: block;
    }

    .list-group-item .form-check-input {
        margin-right: 10px;
    }

    .list-group-item label {
        color: #000;
        font-weight:bold;
    }
    .list-group-item label.empty {
        color: #9b9062;
    }

    ul.instruction {
        text-align: left !important;;
        margin-left: 15px !important;;
    }

}

.text-left {
    text-align: left;
}

.text-left label {
    padding: 3px 5px;
    color: #000;
    font-size: 13px;
}

.text-left label input {
    margin-right: 5px;
}

.text-left label.empty {
    color: #9b9062;
}

.checkboxes {
    width: 100%;
}

.checkboxes tr td:nth-child(2) {
    background: white;
}

.checkboxes>tbody>tr>td {
    border-top: none;
}

.checkboxes tr td:first-child {
    text-align:center;
    padding: 0px 10px 0px 10px;
    max-width: 35px;
}

.node.nodeExample1.selectable.header {
    font-weight: bold;
    color: black;
}