.data-query-container .section-container .section-title {
    background-color: #440e62;
    padding: 10px 20px;
    color: #fff;
}

.data-query-container .section-container .section-content {
    padding: 0 20px 20px 0;
}

.data-query-container #areas-container {
    margin: 20px 0;
}

    .data-query-container #areas-container .area {
        font-weight: 600;
        margin-bottom: 5px;
    }

.data-query-container p.area-description {
    margin-top: 0;
    padding-left: 28px;
    font-weight: normal;
}

.data-query-container .topics-container {
    margin: 0 30px 15px 24px;
}

    .data-query-container .topics-container .topic {
        margin-bottom: 3px;
    }

#questions-container {
    margin-top: 20px;
}

    #questions-container p {
        /* margin-bottom: 0; */
        margin: 7px 0 0 0;
    }

.data-query-container .parent-question {
    font-weight: 400;
}

.data-query-container .sub-questions-container {
    margin-left: 28px;
}

.data-query-container span.content-map {
    margin-left: 10px;
    font-weight: normal;
}

.browse-data-container {
    margin-bottom: 20px;
}

.browse-data-info {
    width: 60%;
    float: left;
}

span.expand-area {
    padding: 10px 0;
    cursor: pointer;
}

span.indicator-sub {
    font-weight: bold;
}

.browse-data-citation {
    width: 37%;
    float: left;
    font-size: 12px;
    background-color: #f9f7f7;
    padding: 0 15px;
    margin-top: -10px;
    margin-left: 20px;
}

.data-query-chart-notes {
    font-size: 11px;
    margin-left: 10px;
}

    .data-query-chart-notes p {
        margin: 0;
    }

DIV#citations, .citations {
    border-top: none !important;
    margin-bottom: 30px;
}

/* Select Boxes */
.data-query-container select {
    width: 100%;
    max-width: 400px;
}

/* Font Awesome Icons */
.data-query-container .fa-plus-square,
.data-query-container .fa-plus-square {
    color: #440e62;
}

.data-query-container .fa-info-circle {
    color: #a8c6fa;
}

.data-query-container .fa-lg {
    vertical-align: -0.14em;
    margin-right: 12px;
}

.data-query-container i.fas.fa-lg.fa-info-circle {
    margin-left: 10px;
    vertical-align: -.1em;
}

/* Radio Button Customizations */
[type="radio"].with-gap:checked + span:after {
    background-color: #440e62;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #440e62;
}

.data-query-container [type="radio"]:not(:checked) + span, .data-query-container [type="radio"]:checked + span {
    font-size: inherit;
}

.data-query-container [type="radio"] + span:before, .data-query-container [type="radio"] + span:after {
    width: 13px;
    height: 13px;
}

.data-query-container [type="radio"]:not(:checked) + span, .data-query-container [type="radio"]:checked + span {
    padding-left: 30px;
}


/* Search Results */
#results #actions {
    width: 45%;
    float: right;
    margin: 0 10px 10px 0;
    padding: 10px 10px 0 15px;
    background: none;
    background-color: #ebebeb;
    border: none;
}

#results #criteria li {
    color: #810042;
    font-weight: normal;
}

#results #actions h2 {
    color: #810042;
    font-weight: normal !important;
}

#results #actions select {
    margin-bottom: 10px;
}

#results #criteria h2 {
    color: #810042;
    font-weight: normal !important;
}

#tabular table caption, #tabular .caption span {
    color: #810042;
}

#tabular table thead th {
    background: #ffc3ae;
}

#tabular .results-table tr th,
#tabular .results-table tr td {
    padding: 10px 0;
}


    #tabular .results-table tr td:first-child {
        width: 20%;
        background: rgb(36,62,22, 0.1);
    }

    #tabular .results-table tr td:last-child {
        /*width: 10%;*/
    }

#tabular .results-table tfoot tr td:first-child {
    width: 100%;
    background: #fff;
}
/*
#tabular .results-table .percent-0 td:nth-child(2) {
    width: 20%;
    background: rgb(36,62,22, 0.1);
}*/

#tabular table tbody td.compare-td-1 {
    width: 20%;
    background: rgb(36,62,22, 0.1);
}

#tabular .results-table tfoot tr td {
    padding-left: 10px;
    padding-right: 10px;
}

#tabular .results-table {
    margin-bottom: 20px;
}

#results .fa-info-circle {
    color: #a8c6fa;
}

#results #criteria div.current-search-criteria-header {
    color: #810042;
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.2em;
    font-family: 'Roboto Slab', serif;
}

    #results #criteria div.current-search-criteria-header .edit-search-criteria {
        font-size: 13px;
        font-family: 'Roboto', serif;
        font-weight: bold;
    }

.quick-edit {
    font-size: 13px;
    font-family: 'Roboto', serif;
    /*display: none;*/
}

.quick-edit-modal .modal-dialog.modal-small {
    width: 400px;
}

.quick-edit-modal select {
    width: 80%;
}

.quick-edit-modal .modal-dialog .btnAction {
    width: 100px;
    float: right;
    margin: 5px 0;
}

.quick-edit-modal .modal-dialog .modal-title {
    font-size: 14px;
    padding: 6px 0;
}

@media all and (max-width: 768px) {
    .browse-data-info {
        width: 100%;
    }

    .browse-data-citation {
        width: 100%;
        margin-left: 0;
    }
}

#results #tabular {
    position: relative;
}

    #results #tabular table caption {
        width: 80%;
        margin-bottom: 20px;
    }

    #tabular p.caption {
        width: 85%;
        margin: 0;
    }