﻿
.bill-search {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 10px 10px 10px;
}

.bill-search-filters2 {
    display: grid;
    grid-template-columns: auto auto 0fr 0fr;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
    max-width: 900px;
}

@media only all and (max-width: 600px) {
    .bill-search-filters2 {
        display: grid;
        grid-template-columns: repeat(1, 2fr);
        gap: 10px 10px;
        grid-auto-flow: row;
        padding-left: 5px;
        margin: 10px 0 10px 0;
    }
}

.bill-search-results > .bill-search-result-label {
    width: 135px;
    white-space: nowrap;
}

.bill-search-results .row {
    display: grid;
    grid-template-columns: .10fr 1fr;
    grid-auto-flow: row;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .bill-search-results .row:nth-child(2n+2) {
        background-color: #dcdcdc;
        padding-bottom: 20px;
        padding-top: 20px;
    }

@media (max-width: 600px) {

    .bill-search-results > .bill-search-result-label {
        white-space: nowrap;
    }

    .bill-search-results > .bill-search-result-data {
    }

    .bill-search-results .row {
        display: grid;
        grid-template-columns: none;
        grid-template-areas: "bill-search-result-label"
            "bill-search-result-data";
        gap: 4px 4px;
        grid-auto-flow: row;
        padding-left: 5px;
        margin: 10px 0 10px 0;
    }
}

.bill-search-legislators {
    display: grid;
    grid-template-columns: .20fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.bill-search-committees {
    display: grid;
    grid-template-columns: .20fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.bill-search-subjects {
    display: grid;
    grid-template-columns: .20fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.bill-search-actions {
    display: grid;
    grid-template-columns: .20fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.Panel {
    background-image: url(../Images/folderpanellight.gif);
}

.text-search {
    display: grid;
    grid-template-columns: .30fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.simple-search {
    display: grid;
    grid-template-columns: .7fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}


.input-arguments {
    display: grid;
    grid-template-columns: .04fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}


.text-search-results .row {
    padding-bottom: 10px;
    padding-top: 10px;
}

.text-search-results .row:nth-child(2n+2) {
        background-color: #ece9e9;
        padding-bottom: 20px;
        padding-top: 20px;
}


.amend-search {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.simple-search-amend {
    display: grid;
    grid-template-columns: 130px auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}


.input-arguments-amend {
    display: grid;
    grid-template-columns: .5fr auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
}

.dropdown {
    outline: 2px gray solid;
}


.grid-template-two-column_amendsearchviewcriteria {
    display: grid;
    grid-template-columns: .4fr 2fr;
    gap: 20px 20px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
    row-gap: 10px;
}

.grid_billsearch {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
    max-width: 900px;
}

@media (max-width: 600px) {
    .grid_billsearch {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 350px;
    }
}

@media (max-width: 400px) {
    .grid_billsearch {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 340px;
    }
}


.grid_billsearch > * {
    min-height: 180px;
}

.grid_billsearchrefine {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr));
    max-width: 900px;
}

    .grid_billsearchrefine > * {
        min-height: 80px;
    }

.subjects {
    display: grid;
    grid-template-columns: .2fr 3fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    padding-left: 5px;
    row-gap: 10px;
}

.grid_billsearchsubjects {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr));
    max-width: 900px;
}

    .grid_billsearchsubjects > * {
        min-height: 80px;
    }

.actionButton {
    float: right;
    margin-right: 30px;
}


.grid-template-two-column_billsearchviewcriteria {
    display: grid;
    grid-template-columns: 130px 2fr;
    gap: 20px 20px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
    row-gap: 10px;
}

.grid-template-two-column_textsearchviewcriteria {
    display: grid;
    grid-template-columns: .4fr 2fr;
    gap: 20px 20px;
    grid-auto-flow: row;
    padding-left: 5px;
    margin: 10px 0 10px 0;
    row-gap: 10px;
}
