div.initialDisclaimer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.initialDisclaimer div.gridContainer {
    width: 84%;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas: "disclaimerHeader disclaimerHeader disclaimerHeader"
                         "greenBox         greenBox         greenBox"
                         "disclaimerInfo   disclaimerInfo   disclaim"
                         "limitations      limitations      limitations"
                         "waivers          waivers          waivers";
    grid-gap: 40px 20px;
    margin-bottom: 65px;
}

div.initialDisclaimer div.gridContainer div.disclaimerHeader {
    width: 100%;
    grid-row: 1;
    margin-bottom: -10px;
    grid-area: disclaimerHeader;
}

div.headerText {
    height: 43px;
    line-height: 43px;
    color: #046A38;
    font-size: 32px;
    font-weight: 800;
    font-family: "Segoe UI", Arial, sans-serif;
}

div.initialDisclaimer div.gridContainer div.disclaimerHeader div.headerText {
    margin-top: 20px;
}

div.initialDisclaimer div.gridContainer div.greenBox {
    background-color: #00816D;
}

div.initialDisclaimer div.gridContainer div.greenBox div.text {
    color: #FFFFFF;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    font-family: "Calibri", sans-serif;
    padding: 30px 20px;
    grid-area: greenBox;
}

div.initialDisclaimer div.gridContainer div.disclaimerHeader,
div.initialDisclaimer div.gridContainer div.limitations,
div.initialDisclaimer div.gridContainer div.waivers {
    grid-column: 1 / 4;
}

div.initialDisclaimer div.gridContainer div.disclaimerInfo {
    grid-area: disclaimerInfo;
    grid-column: 1 / 3;
}

div.initialDisclaimer div.gridContainer div.disclaimerInfo div.disclaimerInformationSource {
    margin-bottom: 50px;
}

div.subheader {
    color: #00816D;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    font-family: "Calibri", sans-serif;
}

div.initialDisclaimer div.text {
    color: #000000;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}

div.initialDisclaimer div.gridContainer div.disclaim {
    background-color: #C0BFBF;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: disclaim;
}

div.initialDisclaimer div.gridContainer div.disclaim div.text {
    color: #000000;
    line-height: 36px;
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    font-family: "Calibri", sans-serif;
    padding: 70px;
}

div.initialDisclaimer div.gridContainer div.limitations {
    border: 1px solid #000000;
    width: 100%;
    grid-area: limitations;
}

div.initialDisclaimer div.gridContainer div.waivers {
    border: 1px solid #000000;
    width: 100%;
    grid-area: waivers;
}

div.initialDisclaimer div.gridContainer div.limitations div.limitationsContainer,
div.initialDisclaimer div.gridContainer div.waivers div.waiversContainer {
    padding: 36px;
}

div.initialDisclaimer div.gridContainer div.limitations div.limitationsContainer div.datapoints,
div.initialDisclaimer div.gridContainer div.waivers div.waiversContainer div.datapoints {
    margin-left: 30px;
}

div.initialDisclaimer div.gridContainer div.limitations div.limitationsContainer div.datapoints ul,
div.initialDisclaimer div.gridContainer div.waivers div.waiversContainer div.datapoints ul {
    margin-bottom: 0;
}

div.initialDisclaimer div.gridContainer div.limitations div.limitationsContainer div.datapoints ul li:last-child,
div.initialDisclaimer div.gridContainer div.waivers div.waiversContainer div.datapoints ul li:last-child {
    padding-bottom: 0;
}

div.initialDisclaimer div.gridContainer div.accept {
    padding-top: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #F09802;
    font-weight: 700;
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    line-height: 24px;
}

div.initialDisclaimer div.gridContainer div.accept div.acceptCheckbox {
    margin-bottom: 40px;
    margin-top: 10px;
}

div.initialDisclaimer div.gridContainer div.accept div.acceptCheckbox label {
    padding-left: 16px;
}

div.initialDisclaimer div.gridContainer div.accept div.acceptCheckbox label:hover,
div.initialDisclaimer div.gridContainer div.accept div.acceptCheckbox input:hover {
    cursor: pointer;
}

div.initialDisclaimer div.gridContainer div.accept div.acceptButton {
    display: flex;
    justify-content: center;
    align-items: center;
}

:root {
    --orange1: #F09802;
    --orange2: #C88005;
}

@property --orange1 {
    syntax: '<color>';
    initial-value: #F09802;
    inherits: false;
  }

@property --orange2 {
    syntax: '<color>';
    initial-value: #C88005;
    inherits: false;
}

input.orangeButton {
    background: var(--orange1);
    background: linear-gradient(180deg, var(--orange1) 0%, var(--orange2) 100%);
    transition: --orange1 .5s, --orange2 .5s;
    border-radius: 6px;
    border: none;
    width: 100px;
    height: 50px;
    color: #FFFFFF;
    line-height: 21px;
    font-size: 16px;
    font-weight: 700;
    font-family: "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

input.orangeButton:hover,
input.orangeButton:focus {
    --orange1: #F09802;
    --orange2: #F09803;
}

input.orangeButton.medium {
    width: 200px;
}

div.headerContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

div.headerContainer div.header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 85px;
    flex-wrap: wrap;
}

div.greenhr {
    border-bottom: 20px solid #00816D;
}

div.headerContainer div.header div.homeLink {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
div.headerContainer div.header div.homeLink a {
    margin: 10px 15px;
}
div.headerContainer div.header div.login {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
div.headerContainer div.header div.login input {
    margin: 10px 15px;
}

div.headerContainer div.links {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1;
}

div.headerContainer div.links a {
    margin: 12px 8px;
    color: #C27B02;
    text-decoration: underline;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
    transition: all .5s;
}

div.headerContainer div.links a.green {
    color: #046A38;
    margin-right: 5px;
}

div.headerContainer div.links a:hover,
div.headerContainer div.links a:focus {
    color: #000000;
}

div.headerContainer div.links span.bar {
    color: #C0BFBF;
    line-height: 22px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}

div.selectOptions {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.selectOptions form.commercialapprovalstatus {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.selectOptions div.searchBody {
    width: 84%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "headerText      headerText      headerText      headerText      headerText      headerText"
                         "headerSubText   headerSubText   headerSubText   headerSubText   .               ."
                         "marketStatus    authForOption   crop            company         country         country"
                         "event           event           event           event           event           event"
                         "lastUpdatedDate lastUpdatedDate lastUpdatedDate lastUpdatedDate lastUpdatedDate lastUpdatedDate"
                         "searchReset     searchReset     searchReset     searchReset     searchReset     searchReset";
    grid-gap: 30px 20px;
}
div.selectOptions div.searchBody div.headerText {
    grid-area: headerText;
    grid-column: 1 / 7;
    margin-top: -20px;
}
div.selectOptions div.searchBody div.text {
    color: #000000;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}
div.selectOptions div.searchBody div.headerSubText {
    grid-area: headerSubText;
    grid-column: 1 / 5;
}
div.selectOptions div.searchBody div.optionHeader {
    color: #046A38;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: "Calibri", sans-serif;
    border-bottom: 2px solid #046A38;
}
div.selectOptions div.searchBody div.marketStatus {
    grid-area: marketStatus;
    grid-column: 1 / 2;
}
div.selectOptions div.searchBody div.optionCheckbox {
    display: flex;
    flex-direction: column;
}
div.selectOptions div.searchBody div.optionCheckboxTwoColumn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas: "leftCol rightCol";
}
div.selectOptions div.searchBody div.optionCheckboxTwoColumn div.leftColumn {
    grid-area: leftCol;
    grid-column: 1 / 2;
}
div.selectOptions div.searchBody div.optionCheckboxTwoColumn div.rightColumn {
    grid-area: rightCol;
    grid-column: 2 / 3;
}
div.selectOptions div.searchBody div.optionCheckbox div,
div.selectOptions div.searchBody div.optionCheckboxTwoColumn div div,
div.selectOptions div.searchBody div.event div.text {
    padding: 3px 0;
    display: flex;
    align-items: center;
}
div.selectOptions div.searchBody div.optionCheckbox div label,
div.selectOptions div.searchBody div.optionCheckbox div label input,
div.selectOptions div.searchBody div.optionCheckboxTwoColumn div label,
div.selectOptions div.searchBody div.optionCheckboxTwoColumn div input,
div.selectOptions div.searchBody div.event div#select_event div label,
div.selectOptions div.searchBody div.event div#select_event div input {
    display: flex;
    align-items: center;
    cursor: pointer;
}
div.selectOptions div.searchBody div.authForOption {
    grid-area: authForOption;
    grid-column: 2 / 3;
}
div.selectOptions div.searchBody div.crop {
    grid-area: crop;
    grid-column: 3 / 4;
}
div.selectOptions div.searchBody div.company {
    grid-area: company;
    grid-column: 4 / 5;
}
div.selectOptions div.searchBody div.country {
    grid-area: country;
    grid-column: 5 / 7;
}
div.selectOptions div.searchBody div.event {
    grid-area: event;
    grid-column: 1 / 7;
}
div.selectOptions div.searchBody div.event div.eventHeader {
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: end;
    padding-bottom: 5px;
    border-bottom: 2px solid #046A38;
    margin-bottom: 10px;
}
div.selectOptions div.searchBody div.event div.eventHeader div.sideNote {
    color: #767676;
    line-height: 14px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}
div.selectOptions div.searchBody div.lastUpdatedDate {
    grid-area: lastUpdatedDate;
    grid-column: 1 / 7;
    width: 539px;
}
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate div.start,
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate div.end {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate div.start input,
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate div.end input {
    width: 250px;
    height: 34px;
    cursor: pointer;
}
div.selectOptions div.searchBody div.lastUpdatedDate div.startEndDate div.to {
    margin: 0 6px;
    padding-top: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}
div.selectOptions div.searchBody div.searchReset {
    grid-area: searchReset;
    grid-column: 1 / 7;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas: "reset search .";
    align-items: center;
    margin-bottom: 30px;
}
div.selectOptions div.searchBody div.searchReset div.reset {
    grid-area: reset;
    grid-column: 1 / 2;
    padding-left: 10px;
}
div.selectOptions div.searchBody div.searchReset div.reset a {
    color: #C27B02;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
    transition: all .5s;
}
div.selectOptions div.searchBody div.searchReset div.reset a:hover,
div.selectOptions div.searchBody div.searchReset div.reset a:focus {
    color: #000000;
}

div.selectOptions div.searchBody div.searchReset div.search {
    grid-area: search;
    grid-column: 2 / 3;
    text-align: center;
}

div.orangeButton {
    display: flex;
}

div.selectBy {
    display: flex;
}
div.selectBy div.orangeRadioButton .uiButtonHidden,
.hidden {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
}
div.selectBy div.orangeRadioButton label.uiButton {
    height: 50px;
    width: 208px;

    display: flex;
    justify-content: center;
    align-items: center;

    text-decoration: none !important;
    cursor: pointer;

    color: #FFFFFF;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    font-family: "Calibri", sans-serif;

    border: 1px solid #F09802;
    background-color: #FFFFFF;
    color: #C27B02;

    transition: all .5s;
}
div.selectBy div.orangeRadioButton label.uiButton.noLeftRightBorder {
    border-right: none;
    border-left: none;
}
div.selectBy div.orangeRadioButton label.uiButton:hover {
    background-color: #F09802;
}
div.selectBy div.orangeRadioButton label.uiButton.uiButtonLeft {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.selectBy div.orangeRadioButton label.uiButton.uiButtonRight {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.selectBy div.orangeRadioButton label.uiButton span {
    padding: 16px;
    display: block;
    line-height: 1.4;
}
div.selectBy div.orangeRadioButton label.uiButtonActive {
    border: 1px solid #F09802;
    background-color: #F09802;
    font-weight: bold;
    color: #FFFFFF;
}

div.selectOptions div.searchBody div.event div#select_event {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas: "dr1 dr2 dr3";
}
div.selectOptions div.searchBody div.event div#select_event div.dr1 {
    grid-area: dr1;
    grid-column: 1 / 2;
}
div.selectOptions div.searchBody div.event div#select_event div.dr2 {
    grid-area: dr2;
    grid-column: 2 / 3;
}
div.selectOptions div.searchBody div.event div#select_event div.dr3 {
    grid-area: dr3;
    grid-column: 3 / 4;
}

div.searchResult {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "searchResultFilters"
                         "searchResultResults";
    grid-gap: 20px 20px;
}
div.searchResult div.searchResultFilters {
    grid-area: searchResultFilters;
    grid-column: 1 / 1;
    display: flex;
    justify-content: space-between;
    background-color: #EFEFEF;
    padding: 12px 0;
}
div.searchResult div.searchResultFilters div.leftColumn {
    display: flex;
    flex-direction: column;
}
div.searchResult div.searchResultFilters div.leftColumn div.filterContainer {
    display: flex;
}

div.searchResult div.searchResultFilters div.leftColumn div.filterName {
    text-align: right;
    color: #046A38;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    font-family: "Calibri", sans-serif;
}

div.searchResult div.searchResultFilters div.leftColumn div.filterName {
    margin: 10px 15px;
    width: 105px;
}

div.searchResult div.searchResultFilters div.leftColumn div.filterInput {
    color: #000000;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
    margin: 10px 15px 10px 0;
}
div.searchResult div.searchResultFilters div.rightColumn {
    display: flex;
    justify-content: center;
    align-items: center;
}
form#searchResultsForm {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
div.searchResult div.searchResultResults {
    grid-area: searchResultResults;
    grid-column: 1 / 1;
}
div.searchResult div.searchResultResults div.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
div.searchResult div.searchResultResults div.header div.left {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
div.searchResult div.searchResultResults div.header div.left div.groupName {
    margin-right: 15px;
}
div.searchResult div.searchResultResults div.header div.left div.resultTotal {
    color: #767676;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
}
div.searchResult div.searchResultFooter {
    text-align: right;
    display: flex;
    flex-direction: column;
}
div.searchResult div.searchResultFooter div.nav {
    margin-top: 10px;
    margin-bottom: 50px;
}
div.searchResult div.searchResultFooter div.modifySearch {
    margin-bottom: 50px;
}
div.searchResult input.orangeButton.medium {
    margin: 10px 15px;
}


@media only screen and (max-width: 1200px) {
    div.initialDisclaimer div.gridContainer {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "disclaimerHeader"
                             "greenBox"
                             "greenBox"
                             "greenBox"
                             "disclaimerInfo"
                             "disclaimerInfo"
                             "disclaim"
                             "limitations";
    }

    div.initialDisclaimer div.gridContainer div.disclaimerHeader,
    div.initialDisclaimer div.gridContainer div.disclaimerInfo,
    div.initialDisclaimer div.gridContainer div.limitations,
    div.initialDisclaimer div.gridContainer div.waivers {
        grid-column: auto;
    }

    div.initialDisclaimer div.gridContainer div.limitations div.limitationsContainer div.datapoints {
        margin-left: 0;
    }
}

@media only screen and (max-width: 620px) {
    div.headerText {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 400px) {
    div.initialDisclaimer div.gridContainer {
        width: 95%;
    }
    div.headerText {
        font-size: 28px;
    }

    div.headerContainer div.header div.homeLink {
        width: 100%;
        justify-content: center;
    }
    div.headerContainer div.header div.login {
        width: 100%;
        justify-content: center;
    }
    div.headerContainer div.header {
        margin-bottom: 45px;
    }

    div.headerContainer div.links span.bar {
        display: none;
    }
    div.headerContainer div.links a {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.selectOptions div.searchBody div.headerText {
        margin-top: 0
    }

    div.headerContainer div.header div.login input {
        margin: 0;
    }

}