/* new  common css for both corn and soybean */

.page-brand-title {
    background: #d25f15 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    display: flex;
    align-items: center;
    height: 100px;
}
.pageTitle {
    text-align: left;
    font: normal normal normal 60px/60px GHVeneerClean;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    margin-top:2rem;
}

.heroTitle {
    text-align: left;
    font: normal normal normal 48px/48px GHVeneerClean;
    letter-spacing: 0.48px;
    color: #DF6420;
    opacity: 1;
}
#tiles {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: relative;
    background-image: linear-gradient(185deg, rgba(179, 191, 184, 0.15) 0%, rgba(90, 96, 92, 0) 100%);
}
    #tiles::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -999;
        background: transparent url(https://assets.syngentaebiz.com/images/gh-background-white-grid-desktop@2x.png) 0 0 no-repeat padding-box;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        mix-blend-mode: multiply;
        opacity: 6.5;
    }
.seed-logo {
    width: 80%;
    height: 650px;
}
.detail-tile {
    background: #FFFFFF;
}
.seed-image{
    margin-top:-19rem;
}
.product-container{
    margin-top:5px;
}
li::marker {
    color: #DF6420;
}
.btn-group{
    margin-top:50px;
    margin-left:15px;
}
a {
    color: #231F20;
    font: normal normal normal 20px/20px GHVeneerClean;
}
    a:hover {
        color: #DF6420;
    }
.sectionTitle {
    text-align: left;
    font: normal normal normal 32px/32px GHVeneerClean;
    letter-spacing: 0.32px;
    color: #DF6420;
    opacity:1;
}
.seed-guide-sec {
    background: #d25f15 0% 0% no-repeat padding-box;
    padding: 20px !important;
    mix-blend-mode: multiply;
    display: flex;
    align-items: center;
    height: 150px;

}
.plant-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width:11%;
    margin-left:32rem;
    display:block;
}
.disease-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 57%;
    margin-left: 32rem;
    display: block;
}
.seeding-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 53%;
    margin-left: 17rem;
    display: block;
}
.soy-seeding-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 45%;
    margin-left: 20rem;
    display: block;
}
.agronomic-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 57%;
    margin-left: 33rem;
    display: block;
}
.maturity-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 53%;
    margin-left: 17rem;
    display: block;
}
.agrochar-underline::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 56.2%;
    margin-left: 33rem;
    display: block;
}
.detail-tile li {
    border-bottom: 2px solid #F0F0F0;
    opacity:1;
}
.chart {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    padding: 0 20px 40px; /* Added padding bottom for numbers */
}

.bar-container {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px; /* Added space after border */
    z-index:2;
}

.bar-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0px;
    transition: background-color 0.3s ease;
    margin-left:-2.6rem;
}

    .bar-row:hover {
        background-color: #f5f5f5;
    }

.bar-label {
    width: 210px;
    font: normal normal normal 16px/24px Noto Sans;
    color: #231F20;
    padding-right: 15px;
    text-align: right;
}

.bar-wrapper {
    flex-grow: 1;
    border-radius: 4px;
    overflow: hidden;
}

.bar {
    height: 24px;
    transition: width 0.3s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: white;
    font-size: 13px;
}

    /* Poor Range (0-25%) */
.brand-gh .bar[data-percentage^="2"],
.brand-gh .bar[data-percentage^="1"],
.brand-gh .bar[data-percentage="0"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Fair Range (26-50%) */
.brand-gh .bar[data-percentage^="3"],
.brand-gh .bar[data-percentage^="4"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Good Range (51-75%) */
.brand-gh .bar[data-percentage^="5"],
.brand-gh .bar[data-percentage^="6"],
.brand-gh .bar[data-percentage^="7"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Best Range (76-100%) */
.brand-gh .bar[data-percentage^="8"],
.brand-gh .bar[data-percentage^="9"],
.brand-gh .bar[data-percentage="100"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Poor Range (0-25%) */
.brand-enogen .bar[data-percentage^="2"],
.brand-enogen .bar[data-percentage^="1"],
.brand-enogen .bar[data-percentage="0"] {
    background-color: #439539 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Fair Range (26-50%) */
.brand-enogen .bar[data-percentage^="3"],
.brand-enogen .bar[data-percentage^="4"] {
    background-color: #439539 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Good Range (51-75%) */
.brand-enogen .bar[data-percentage^="5"],
.brand-enogen .bar[data-percentage^="6"],
.brand-enogen .bar[data-percentage^="7"] {
    background-color: #439539 !important;
    border-radius: 0px 25px 25px 0px;
}

    /* Best Range (76-100%) */
.brand-enogen .bar[data-percentage^="8"],
.brand-enogen .bar[data-percentage^="9"],
.brand-enogen .bar[data-percentage="100"] {
    background-color: #439539 !important;
    border-radius: 0px 25px 25px 0px;
}

    .bar[data-percentage="45"] {
        width: 45%;
        border-radius: 0px 25px 25px 0px;
    }

    .bar[data-percentage="67.5"] {
        width: 67.5%;
        border-radius: 0px 25px 25px 0px;
    }

    .bar[data-percentage="90"] {
        width: 90%;
        border-radius: 0px 25px 25px 0px;
    }

.chart-labels {
    display: flex;
    justify-content: space-between;
    margin-top: -27px;
    padding: 0 40px 0 298px;
}

.chart-label {
    position: relative;
    text-align: center;
    font: italic normal normal 16px/24px Noto Sans;
    letter-spacing: 0px;
    color: #DF6420;
    opacity: 1;
}

 

    
.chart-grid {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 160px);
    height: 30px;
    left: 180px;
    bottom:41px;
}

.grid-line {
    position: relative;
    width: 1px;
    /*    height: 100%;*/
        flex-grow: 1;
    /*    text-align: center;*/
    font: normal normal normal 16px/24px Noto Sans;
    color: #231F20;
    padding: 6px 24px;
}

    .grid-line::before {
        content: '';
        position: absolute;
        bottom: 25px;
        width: 1px;
        height: 393px;
        background-color: #ddd;
 /*       transform: translateX(-50%);*/
        left:50%;
    }
#dvDiseaseTolerance{
    margin-top:-1rem;
}
.grid-text {
    position: absolute;
    bottom: 17px; /* Position below the numbers */
    width: 100%;
    display: flex;
    font: italic normal normal 16px/24px Noto Sans;
    letter-spacing: 0px;
    color: #DF6420;
    text-transform:uppercase;
}

.grid-text-left {
    margin-left: 241px; /* Align with start of bars */
  
}

.grid-text-right {
    margin-right: 53px; /* Some spacing from the right edge */
}
grid-text-left::after {
    content: "";
    height: 1.75px;
    background-color: #B3BFB8;
    margin-top: -1.50rem;
    width: 11%;
    margin-left: 32rem;
    display: block;
}
.underline {
    border: 1px solid #B3BFB8;
    opacity: 1;
    margin: 5% 0% 5% 0%;
}
.agrochar {
    margin-top: 4px !important;
}
.seeding-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0;
}
    .seeding-table td {
        text-align: left;
        font: normal normal normal 16px/24px Noto Sans;
        letter-spacing: 0px;
        color: #231F20;
        padding: 5px 5px;
    }
.seeding-tbl-head td {
    text-align: left;
    font: normal normal normal 20px/20px GHVeneerClean;
    letter-spacing: 0.2px;
    color: #DF6420;
}
.seeding-table tr {
    border-bottom: 2px solid #F0F0F0;
    opacity: 1;
    padding: 15px 0;
    height:50px;
}
 
#dvAgronomicmanagement .grid-line::before{
    height:283px;
    left:24px;
    bottom:23px;
}

#dvRelativeMaturity table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0;
}
#dvRelativeMaturity table td {
    text-align: left;
    font: normal normal normal 16px/24px Noto Sans;
    letter-spacing: 0px;
    color: #231F20;
    padding: 5px 5px;
}
#dvRelativeMaturity table tr {
    border-bottom: 2px solid #F0F0F0;
    opacity: 1;
    padding: 15px 0
}
.rmvalue{
    font-weight:bold !important;
}
#dvPlantEarChar table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0;
}

#dvPlantEarChar table td {
    text-align: left;
    font: normal normal normal 16px/24px Noto Sans;
    letter-spacing: 0px;
    color: #231F20;
    padding: 5px 5px;
}

#dvPlantEarChar table tr {
    border-bottom: 2px solid #F0F0F0;
    opacity: 1;
    padding: 15px 0;
    height:50px;
}

#dvPlantEarChar table tr:last-child{
    border-bottom:none;
}

.productStyles {
    line-height: 35px !important;
    font: normal normal normal 16px/24px Noto Sans !important;
    letter-spacing: 0px;
    color: #231F20;
    margin-left: -2rem;
}
    .productStyles li{
        line-height:35px;
    }
    .new-span {
        padding-left: 11px;
        position: absolute;
        padding-top: 3rem;
        text-align: center;
        font: italic normal bold 28px / 14px Noto Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        text-align: center;
        font: italic normal bold 28px / 14px Noto Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }
    .new-span::after {
        content: "";
        /* font-size: 28px;*/
        padding: 8px 6px;
        border-right: 2px solid #fff;
        /*height: 40px;*/ /* Adjust height as needed */
        /*display: inline-block;*/
    }
/*    .grid-line::after {
        content: attr(data-value);
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }
 */
/* Webkit Fix
====================================*/
textarea, input[type="text"], input[type="button"], input[type="search"], input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

input[type="text"]
{
    padding: 0 15px;
}

    .detail-tile {
            height: 460px;
            padding: 30px !important;
        }

            .detail-tile.plantear {
                height: 460px;
            }

.connect-btn-div{
    display:flex;
    justify-content:center;
}

.detail-tile {
    border: 2px solid #F0F0F0;
    opacity: 1;
}

.row-1-div-height{
    height:510px !important;
}
.line-bar {
    border-top: 2px solid #F0F0F0;
    width: 384px;
    position: relative;
    top: 12px;
    margin-left: 10px;
    margin-right: 10px;
}
.row-2-div-height{
    height:470px
}
#dvAgronomicChar .chart .chart-grid .grid-line::after{
    height:363px !important;
}
#dvRelativeMaturity table tr:last-child {
    border-bottom: none;
}
.seeding-table-div table tr:last-child {
    border-bottom: none;
}
.seeding-table-div table tr:first-child {
    border-bottom: none;
}
.agchar-grid::before{
    height:363px;
}
.connect-bt-row{
    padding-bottom:60px;
}
@media only screen and (min-width: 1600px) {
    #globalFooter::before {
                width: 60% !important;
            }
        }

        @media only screen and (min-width: 1700px) and (max-width:2000px) {
            #globalFooter::before {
                width: 44% !important;
                right: 27rem;
            }
        }

        @media only screen and (min-width: 2100px) and (max-width:2500px) {
            #globalFooter::before {
                width: 50% !important;
            }
        }

        @media only screen and (min-width: 2500px) {
            #globalFooter::before {
                width: 40% !important;
            }
        }

        @media only screen and (min-width: 3800px) {
            #globalFooter::before {
                width: 30% !important;
            }
        }

 
.tech-sheet-btn {
    margin-left: 10px;
}
.print-button {
    margin-left: 10px;
}
.email-button {
    margin-left: 10px;
}
.pdf-white-icon {
    padding-right: 5px;
    height: 19px;
}
.prod-btn-grp:hover{
    text-decoration:none;
}
.pdf-icon{
    padding-right:5px !important;
}
.email-icon{
    padding-right:5px !important;
}
.yieldbtn + br{
    display:none;
}

.brand-gh-soy .bar[data-percentage^="2"],
.brand-gh-soy .bar[data-percentage^="1"],
.brand-gh-soy .bar[data-percentage="0"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

/* Fair Range (26-50%) */
.brand-gh-soy .bar[data-percentage^="3"],
.brand-gh-soy .bar[data-percentage^="4"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

/* Good Range (51-75%) */
.brand-gh-soy .bar[data-percentage^="5"],
.brand-gh-soy .bar[data-percentage^="6"],
.brand-gh-soy .bar[data-percentage^="7"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}

/* Best Range (76-100%) */
.brand-gh-soy .bar[data-percentage^="8"],
.brand-gh-soy .bar[data-percentage^="9"],
.brand-gh-soy .bar[data-percentage="100"] {
    background-color: #DF6420 !important;
    border-radius: 0px 25px 25px 0px;
}
.agronomic-diease-div{
    height:546px;
}
#mainBody_dvDiseaseTolerance .chart-grid {
    bottom:16px;
}
#mainBody_dvDiseaseTolerance .bar-container{
    margin-top:9px;
}
.agronomic-diease-div .grid-text{
    bottom:70px;
}

#mainBody_dvagrochargraph .grid-line::before{
    height:258px !important;
}
.agronomic-char-div2{
    height:408px;
}
.agrchar-div1{
    height:408px;
}
.agronomic-char-div2 .grid-text{
    height:56px;
}
.diesaseandpestdiv{
    height:373px;
}
.Adapsoildiv{
    height:373px;
}
#mainBody_dvAdaptionSoilTypes .grid-line::before {
    height: 207px;
    left: 23%;
}
.brand-enogen li::marker {
    color: #439539;
}
.brand-enogen .sectionTitle {
    color: #439539;
}
.brand-enogen .page-brand-title {
    background: #439539 0% 0% no-repeat padding-box;
}
.brand-enogen .grid-text {
    color: #439539;
}
.brand-enogen .seeding-tbl-head td {
    color: #439539;
}
.brand-enogen a.btn-default.white {
    border: 2px solid #439539;
    background: #439539;
}
.brand-enogen .seed-guide-sec {
    background: #439539 0% 0% no-repeat padding-box;
}
.brand-enogen .chart-label{
     color: #439539;
}
 
#agronomic-main-div .grid-text{
    bottom:36px;
}
.row.tiles {
    margin-top: 35px;
}
.sectionTitle {
    margin: 25px 0;
}
@media only screen and (max-width: 990px) {
    .page-brand-title {
        height: 80px;
    }

    .pageTitle {
        text-align: left;
        font: normal normal normal 48px/48px GHVeneerClean;
        letter-spacing: 0.48px;
    }

    .new-span {
        text-align: center;
        font: normal normal bold 28px/14px Noto Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding-top: 1.8rem;
        padding-left: unset;
    }

    .product-label div {
        display: block !important;
    }

    .right {
        text-align: center;
        font: normal normal bold 28px/14px Noto Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    .product-label .right span {
        padding-top: unset !important;
    }

    .heroTitle {
        text-align: left;
        font: normal normal normal 40px/40px GHVeneerClean;
        letter-spacing: 0.4px;
        color: #DF6420;
    }

    .plant-underline::after {
        height: unset;
    }

    .detail-tile.plantear {
        height: 309px !important;
        padding: 30px !important;
        margin-top: 40px;
    }

    .detail-tile {
        height: 309px !important;
        padding: 30px !important;
    }

    .bar-label {
        width: 250px;
        font: normal normal normal 16px / 24px Noto Sans;
        color: #231F20;
        padding-right: 15px;
        text-align: left;
        position: absolute;
        z-index: 4;
        padding-left: 10px;
    }

    .bar-row {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        padding: 0px;
        transition: background-color 0.3s ease;
        margin-left: -2rem;
    }

    .bar-container {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 20px;
        z-index: 2;
        top: 47px;
        left: -9px;
    }

    .chart {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: 20px auto;
        padding: 0 20px 40px;
    }

    .chart-grid {
        display: flex;
        justify-content: space-between;
        position: absolute;
        /* width: 50%; */
        height: 30px;
        left: -80px;
        bottom: 41px;
        width: 1px;
    }

    .grid-line::before {
        content: '';
        position: absolute;
        bottom: 25px;
        width: 1px;
        height: 393px;
        background-color: #ddd;
        /* transform: translateX(-50%); */
        left: 50%;
    }

    .disease-underline::after {
        height: unset;
    }

    .detail-tile-mbl {
        height: 567px !important;
        border: 2px solid #F0F0F0;
    }

    .grid-line {
        width: .5px;
        padding: 6px 18px;
        top: 62px;
        left: 51px;
    }

    .grid-text {
        bottom: 35px;
    }

    .grid-text-left {
        margin-left: 23px;
    }

    .grid-text-right {
        margin-right: 40px;
    }

    .agrochar-underline::after {
        height: unset !important;
    }

    .maturity-underline::after {
        height: unset !important;
    }

    .seeding-underline::after {
        height: unset !important;
    }

    .agronomic-underline::after {
        height: unset !important;
    }

    .chart-labels {
        margin-top: 34px;
        padding: unset;
    }

    #dvAgronomicmanagement .grid-line::before {
        height: 300px;
        left: 100%;
    }

    #dvAgronomicmanagement .chart-grid {
        left: -143px;
        bottom: 41px;
        width: 122%;
    }

    #agronomic-main-div .grid-text {
        bottom: 60px;
    }

    .seeding-table-div {
        height: 430px !important;
        border: 2px solid #F0F0F0;
    }

    .productStyles-txt {
        margin-left: unset;
    }

    #dvPlantEarChar table tr {
        height: 40px;
    }

    .yieldbtn + br {
        display: block;
    }

    .yieldbtn {
        margin-bottom: 2rem;
    }

    .tech-sheet-btn {
        margin-top: 2rem;
        margin-left: 0px;
    }

    .print-button {
        margin-left: 30px;
    }

    .email-button {
        margin-left: 30px;
    }

    .plant-character-div {
        height: 423px !important;
    }

    .agronomic-diease-div {
        height: 545px !important;
    }

    #mainBody_dvPlantCharecter table tr {
        height: 40px;
    }

    .agrochar-underline {
        margin: 25px 0px !important;
    }

    .agronomic-char-div2 {
        height: 436px !important;
    }

    .agronomic-diease-div .grid-text {
        bottom: 23px;
    }

    .agronomic-char-div2 .grid-text {
        bottom: 0px;
    }

    #mainBody_dvAdaptionSoilTypes .chart {
        padding: 0 20px 0px;
    }

    .AgronomicMange {
        top: 45px;
        left: -9px;
    }

    .ag-managment {
        height: 500px !important;
    }
    #agronomic-main-div .grid-text-left {
        margin-left:13px;
    }
    #agronomic-main-div .grid-text-right{
        margin-left:64px;
    }
    .pd-mbl-lg{
        padding-top:30px;
        padding-bottom:30px;
    }
    .py-md-mbl {
        padding-top: unset;
        padding-bottom: unset;
    }
    .row.tiles {
         margin-top: unset !important; 
    }
    .connect-bt-row{
        margin-top:35px;
    }
    .title-mbl-height{
        margin-bottom:55px;
    }
    .sectionTitle{
        margin:0px 0px 25px 0px;
    }
    .plant-title-mbl-height{
        margin-top:25px;
    }
    .plant-character-div {
        margin-top: 60px;
    }
    .soy-col-div-mbl{
        margin-bottom:55px;
    }
    .soybean-agro-line{
        margin:25px 14px !important;
    }
    .titles-first-child{
        Padding-top:25px !important;
    }
}
    /* Global
====================================*/

  

        .sectionTitle h2 {
            color: #5f7800;
            font-size: 22px;
            line-height: 25px;
            margin: 0;
            padding: 0;
            display: inline-block;
        }

    span.sectionTitle {
        display: block;
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 35px 0;
        color: #000;
    }

    span.managementTitle {
        display: block;
        font-weight: bold;
        color: #d25f15;
        margin-top: 15px;
    }

    .brand-enogen span.managementTitle {
        color: #439539;
    }

    .seed-logo {
        float: right;
        padding: 15px 0;
    }

    .learnMoreBtn, .learnMoreBtn:link, .learnMoreBtn:visited {
        display: block;
        width: 225px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #333;
        padding: 15px 0;
        text-decoration: none;
        cursor: pointer;
        text-align: center;
    }

    .brand-gh .learnMoreBtn,
    .brand-gh-soy .learnMoreBtn {
        background: transparent;
        border: 1px solid #d25f15;
        color: #d25f15;
    }

        .brand-gh .learnMoreBtn:hover,
        .brand-gh-soy .learnMoreBtn:hover {
            background: #d25f15;
            color: #fff;
        }

    .brand-enogen .learnMoreBtn {
        background: transparent;
        border: 1px solid #439539;
        color: #439539;
    }

        .brand-enogen .learnMoreBtn:hover {
            background: #439539;
            color: #fff;
        }

    .product-finder-legal {
        margin-top: 15px;
    }

        .product-finder-legal p {
            font-size: 12px;
            line-height: 1.5em;
        }

            .product-finder-legal p:first-child {
                margin-top: 0;
            }

        .product-finder-legal .legal-images {
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
        }

            .product-finder-legal .legal-images img {
                height: 50px;
                width: auto;
                margin-right: 10px;
                flex-shrink: 0;
            }

            .product-finder-legal .legal-images .break {
                flex-basis: 100%;
                height: 1.5rem;
            }


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

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

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

    .brand-enogen .heroTitle {
        color: #439539;
    }

    /* Product Labels
====================================*/
    .results > hr {
        height: 15px;
        background: #f5f5f5;
        border-top: none;
        margin: 15px;
    }
    /*.product-container
{
    margin-top: 25px;
}*/
    .product-label {
        margin: 0 auto 25px auto;
        font-family: sans-serif;
        line-height: 16px;
        position: relative;
    }

        .product-label div {
            display: table-cell;
        }

        .product-label .left {
            width: 10px;
            background: url('../images/products/labels.jpg') 0 0;
        }

    .brand-gh .product-label.active .left,
    .brand-gh-soy .product-label.active .left {
        background: url('../images/products/labels.jpg') 0 176px;
    }

    .brand-enogen .product-label.active .left {
        background: url('../images/products/labels.jpg') 0 132px;
    }

    .product-label .middle {
        font-size: 18px;
        font-weight: 700;
        height: 44px;
        border-top: 1px solid #55565a;
        border-bottom: 1px solid #55565a;
        vertical-align: middle;
        width: 238px;
    }

    .brand-gh .product-label.active .middle,
    .brand-gh-soy .product-label.active .middle {
        background: #f99900;
    }

    .brand-enogen .product-label.active .middle {
        background: #439539;
    }





    .product-label .middle-right {
        width: 16px;
        background: url('../images/products/labels.jpg') 16px 0;
    }

    .product-label.new .middle-right {
        background: url('../images/products/new-bg.png') -10px 0 !important;
        background-position: -10px 0;
    }

        .product-label.new .middle-right:before {
            display: block;
            width: 10px;
            height: 42px;
            content: "";
            background: url('../images/products/new-bg.png');
            position: absolute;
            top: 0;
            right: 56px;
        }

        .product-label.new .middle-right:after {
            display: block;
            width: 42px;
            height: 44px;
            content: "";
            background: #9e1c20 url('../images/products/new.png') center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            right: 14px;
        }

    .brand-gh .product-label.active .middle-right,
    .brand-gh-soy .product-label.active .middle-right {
        background: url('../images/products/labels.jpg') 16px 176px;
    }

    .brand-enogen .product-label.active .middle-right {
        background: url('../images/products/labels.jpg') 16px 132px;
    }



    .product-label .right {
        width: 240px;
        height: 44px;
        background: unset;
        color: #fff;
        text-align: center;
        font: normal normal bold 28px / 14px Noto Sans;
    }

        .product-label .right span {
            display: block;
            padding-top: 6px;
            line-height: 41px;
        }

    /*.chart {
    position: relative;
    max-width: 800px;
    margin: 20px auto;
    padding: 0 20px 40px;*/ /* Added padding bottom for numbers */
    /*}
.chart img
{
    width: 100%;
}
.chart .bar-container
{*/
    /* background: url('../images/product-detail/chart.png');*/
    /*background-size: contain;
    padding: 10px 0;
    z-index:2;
}
.chart .bar-container.management
{*/
    /*background: url('../images/product-detail/chart-management.png');*/
    /*background-size: contain;
}
.chart .bar-container .bar
{
    margin-top: 5px;
    color: #333;
    font-size: 15px;
    padding: 2px 5px;
    white-space: nowrap;
}
.chart .bar-container .bar:first-child
{
    margin-top: 0;
}
.brand-gh .chart .bar-container .bar,
.brand-gh-soy .chart .bar-container .bar
{
    background: #d25f15;
    color:#fff;
}

.brand-enogen .chart .bar-container .bar
{
    background: #439539;
    color:#fff;
}



.chart span
{
    position: absolute;
    right: 0px;
    bottom: -25px;
}

.chart-labels
{
    position: relative;
}
.chart-label
{
    display: inline-block;
    position: absolute;
}
.chart-label:nth-child(1)
{
    left: 18%;
}
.chart-label:nth-child(2)
{
    left: 44%;
}
.chart-label:nth-child(3)
{
    left: 68%;
}
.chart-label:nth-child(4)
{
    left: 94%;
}

.chart-table
{
    display: table;
    width: 100%;
}
.chart-row
{
    display: table-row;
}
.chart-row > div
{
    display: table-cell;*/
    /*width: 50%;*/
    /*}*/

    .more-information {
        color: #333;
        padding: 15px 0;
        display: block;
        text-align: center;
        font-weight: 700;
        cursor: pointer;
        margin-top: 30px;
        text-decoration: none;
    }

    .brand-gh .more-information,
    .brand-gh-soy .more-information {
        background: #f99900;
    }

    .brand-enogen .more-information {
        background: #439539;
    }

    /* Product Details
====================================*/
    #product-detail {
        margin-bottom: 30px;
    }

        #product-detail hr {
            margin: 50px 0;
        }

    .product-label {
        margin: 15px 0 0 0;
        display: inline-block;
    }

    .hero {
        position: relative;
    }

        .hero ul {
            margin: 25px 0 0 0;
        }

    .utility-buttons {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

        .utility-buttons a {
            display: inline-block;
            font-size: 3rem;
            margin-right: 1.5rem;
            color: #d25f15;
        }

            .utility-buttons a:hover {
                cursor: pointer;
            }

    .brand-gh .utility-buttons a.email-button,
    .brand-enogen .utility-buttons a.email-button {
        background-position: -44px 44px;
    }

    .brand-gh .utility-buttons a.print-button
    .brand-enogen .utility-buttons a.print-button {
        background-position: -44px 0;
    }

    .brand-nkcorn .utility-buttons a.email-button {
        background-position: 0 44px;
    }

    .brand-nkcorn .utility-buttons a.print-button {
        background-position: 0 0;
    }

    .brand-nksoy .utility-buttons a.email-button {
        background-position: 0 44px;
    }

    .brand-nksoy .utility-buttons a.print-button {
        background-position: 0 0;
    }

    .brand-multi .utility-buttons a.email-button {
        background-position: -44px 44px;
    }

    .brand-multi .utility-buttons a.print-button {
        background-position: -44px 0;
    }


    .brand-gh-soy .utility-buttons a.email-button {
        background-position: 0 44px;
    }

    .brand-gh-soy .utility-buttons a.print-button {
        background-position: 0 0;
    }

    .brand-multi-soy .utility-buttons a.email-button {
        background-position: -44px 44px;
    }

    .brand-multi-soy .utility-buttons a.print-button {
        background-position: -44px 0;
    }

    .brand-gh .utility-buttons a,
    .brand-gh-soy .utility-buttons a {
        /*    background-color: #d25f15;*/
    }

        .brand-gh .utility-buttons a:hover,
        .brand-gh-soy .utility-buttons a:hover {
            opacity: 75%;
        }

    .brand-enogen .utility-buttons a {
        background-color: #439539;
    }

        .brand-enogen .utility-buttons a:hover {
            opacity: 75%;
        }


    #key {
        margin-bottom: 25px;
    }

    .detail-key {
        background: #f5f5f5;
        padding: 25px 20px;
    }

    .key-item {
        display: inline-block;
    }

    .col-sm-3 .key-item {
        margin-left: 7px;
    }

        .col-sm-3 .key-item:first-child {
            margin-left: 0;
        }

    .col-sm-8 .key-item {
        margin-right: 7px;
    }

    .detail-key span.sectionTitle {
        margin-bottom: 0;
    }

    .icon {
        display: inline-block;
        width: 26px;
        height: 18px;
        background: url('../images/product-detail/key.png');
        text-align: center;
    }

        .icon.singleKey {
            width: 12px;
        }

        .icon.highly {
            background-position: 0 0;
        }

        .icon.most {
            background-position: 0 72px;
        }

        .icon.appropriate {
            background-position: 0 54px;
        }

        .icon.nr {
            background-position: 0 36px;
        }

        .icon.na {
            background-position: 0 18px;
        }

    .detail-key .col-sm-3 .icon, .detail-key .col-sm-8 .icon {
        background: none;
        font-weight: 700;
    }

   

        .row.tiles:first-child {
            margin-top: 0;
        }

        .row.tiles .learnMoreBtn {
            width: 100%;
            margin-top: 40px;
        }

    .detail-tile {
        padding: 30px 35px;
    }

    .row.tiles .col-sm-4:first-child .detail-tile {
        padding-top: 0;
    }

    .detail-tile > strong {
        display: block;
        margin-top: -26px;
    }

    .detail-tile ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .detail-tile .bold {
        font-weight: 700;
    }

    .detail-tile .chart {
        margin: 0;
    }

        .detail-tile .chart .bar-container .bar {
            padding: 0 5px;
        }

    .detail-tile.download {
        padding: 0;
        display: table;
        width: 100%;
    }

    .brand-gh .detail-tile.download,
    .brand-gh-soy .detail-tile.download {
        background: #DF6420 url('../images/product-detail/download.png') center center no-repeat;
    }

        .brand-gh .detail-tile.download:hover,
        .brand-gh-soy .detail-tile.download:hover {
            background-color: #da7c09;
        }

    .brand-enogen .detail-tile.download {
        background: #439539 url('../images/product-detail/download.png') center center no-repeat;
    }

        .brand-enogen .detail-tile.download:hover {
            background-color: #c1cd23;
        }




    .detail-tile.download a {
        display: table-cell;
        font-size: 22px;
        font-weight: 700;
        color: #333;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
    }

        .detail-tile.download a span {
            display: block;
            font-size: 15px;
            font-weight: 400;
        }

    .brand-nkcorn .detail-tile.download a, .brand-nksoy .detail-tile.download a, .brand-gh-soy .detail-tile.download a {
        color: #fff;
    }

    .resources a {
        text-decoration: none;
    }

    .resources .col-sm-4 {
        margin-top: 20px;
    }

    .resources .learnMoreBtn {
        width: 100%;
    }

    .related ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    /* Hybrid Search
====================================*/
    /*#hybrid-search
{
    background: #f5f5f5;
    padding: 30px 20px;
    margin:0 -15px;
    margin-top: 3rem;
    
}

    #hybrid-search:before {
        background: #f5f5f5;
        left: -999em;
        right:-999em;
        content: '';
        display: block;
        position: absolute;
        
        top: 0;
        bottom: 0;
    }*/
    #hybrid-search span {
        text-transform: uppercase;
        display: inline-block;
        margin-right: 30px;
        line-height: 45px;
    }

    #hybrid-search form {
        display: inline-block;
        width: 100%;
    }

    #hybrid-search input[type="text"] {
        border: 1px solid #d1d1d1;
        height: 45px;
        width: calc(100% - 45px);
        display: inline-block;
    }

    #hybrid-search input[type="submit"] {
        background: #000 url('../images/search.png') no-repeat center;
        background-position: 0 0;
        border: none;
        width: 45px;
        height: 45px;
        display: inline-block;
        margin-left: -5px;
        outline: none;
    }

    /*Hybrid detail page updates CR-245*/
    .adpSoiltype {
        height: 21px;
    }
    /*Hybrid detail page updates CR-245*/

    /* MEDIA QUERIES */
    @media only screen and (min-width:768px) {

        .seed-logo {
            padding: 0;
        }


        /* PRODUCT LABELS */
        .product-label {
            width: auto;
            margin: -11px 0;
        }

        /* PRODUCT DETAILS */
        .key-item {
            top: 8px;
        }

        .key-margin-right {
            margin-right: 2rem !important;
        }

        .row.tiles .col-sm-6:nth-child(-n+2) .detail-tile {
            margin-top: 0;
        }

        .row.tiles .col-sm-4:first-child .detail-tile {
            padding-top: 30px;
        }

        .resources .col-sm-4 {
            margin-top: 0;
        }

        .detail-tile .chart .bar-container .bar {
            padding: 0 5px;
        }

        .related ul > li {
            display: inline-block;
            margin-left: 45px;
        }

            .related ul > li:first-child {
                margin-left: 0;
            }
    }


    /*  Medium devices (desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        /* PRODUCT LABELS */
        .product-label .middle {
            width: 211px;
        }

        /* PRODUCT DETAILS */
        .detail-tile .chart .bar-container {
            bottom: 0;
        }

            .detail-tile .chart .bar-container .bar {
                padding: 5px 5px;
            }
    }


    /*  Large devices (large desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        /* PRODUCT LABELS */
        .product-label .middle {
            width: 278px;
        }

        /* PRODUCT DETAILS */
        .row.tiles .col-sm-6:nth-child(-n+3) .detail-tile {
            margin-top: 0;
        }

        .detail-tile .chart .bar-container {
            bottom: 0;
        }

            .detail-tile .chart .bar-container .bar {
                padding: 0 5px;
            }
    }

    /* Print Styling */
    @media print {
        footer, .survey, .resources, .learnMoreBtn, hr {
            display: none;
        }

        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
            float: left;
        }

        .col-sm-12 {
            width: 100%;
        }

        .col-sm-11 {
            width: 91.66666667%;
        }

        .col-sm-10 {
            width: 83.33333333%;
        }

        .col-sm-9 {
            width: 75%;
        }

        .col-sm-8 {
            width: 66.66666667%;
        }

        .col-sm-7 {
            width: 58.33333333%;
        }

        .col-sm-6 {
            width: 50%;
        }

        .col-sm-5 {
            width: 41.66666667%;
        }

        .col-sm-4 {
            width: 33.33333333%;
        }

        .col-sm-3 {
            width: 25%;
        }

        .col-sm-2 {
            width: 16.66666667%;
        }

        .col-sm-1 {
            width: 8.33333333%;
        }

        .col-sm-pull-12 {
            right: 100%;
        }

        .col-sm-pull-11 {
            right: 91.66666667%;
        }

        .col-sm-pull-10 {
            right: 83.33333333%;
        }

        .col-sm-pull-9 {
            right: 75%;
        }

        .col-sm-pull-8 {
            right: 66.66666667%;
        }

        .col-sm-pull-7 {
            right: 58.33333333%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .col-sm-pull-5 {
            right: 41.66666667%;
        }

        .col-sm-pull-4 {
            right: 33.33333333%;
        }

        .col-sm-pull-3 {
            right: 25%;
        }

        .col-sm-pull-2 {
            right: 16.66666667%;
        }

        .col-sm-pull-1 {
            right: 8.33333333%;
        }

        .col-sm-pull-0 {
            right: auto;
        }

        .col-sm-push-12 {
            left: 100%;
        }

        .col-sm-push-11 {
            left: 91.66666667%;
        }

        .col-sm-push-10 {
            left: 83.33333333%;
        }

        .col-sm-push-9 {
            left: 75%;
        }

        .col-sm-push-8 {
            left: 66.66666667%;
        }

        .col-sm-push-7 {
            left: 58.33333333%;
        }

        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-push-5 {
            left: 41.66666667%;
        }

        .col-sm-push-4 {
            left: 33.33333333%;
        }

        .col-sm-push-3 {
            left: 25%;
        }

        .col-sm-push-2 {
            left: 16.66666667%;
        }

        .col-sm-push-1 {
            left: 8.33333333%;
        }

        .col-sm-push-0 {
            left: auto;
        }

        .col-sm-offset-12 {
            margin-left: 100%;
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-sm-offset-9 {
            margin-left: 75%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-sm-offset-6 {
            margin-left: 50%;
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-sm-offset-3 {
            margin-left: 25%;
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-sm-offset-0 {
            margin-left: 0%;
        }

        .visible-xs {
            display: none !important;
        }

        .hidden-xs {
            display: block !important;
        }

        table.hidden-xs {
            display: table;
        }

        tr.hidden-xs {
            display: table-row !important;
        }

        th.hidden-xs, td.hidden-xs {
            display: table-cell !important;
        }

        .hidden-xs.hidden-print {
            display: none !important;
        }

        .hidden-sm {
            display: none !important;
        }

        .visible-sm {
            display: block !important;
        }

        table.visible-sm {
            display: table;
        }

        tr.visible-sm {
            display: table-row !important;
        }

        th.visible-sm, td.visible-sm {
            display: table-cell !important;
        }
    }
    /* Seeding Rates */
    #seeding-rates table {
        width: 100%;
        border: 1px solid #c9cacd;
        border-collapse: collapse;
        font-weight: 700;
        text-align: center;
    }

    #seeding-rates tr:nth-child(even) {
        background: #e3ecf1;
    }

    #seeding-rates td {
        border: 1px solid #c9cacd;
        padding: 5px 0;
    }

    #seeding-rates h3 {
        padding: 25px 15px 20px 0px;
    }

    .btn-container {
        display: flex;
        justify-content: center;
    }