#page-content-area {
    margin-top: 60px;
}

.page-header {
    display: none;
}

@media only screen and ( max-width: 767px) {
    .col-xs-4, .col-xs-3 {
        text-align: center;
    }
}

.two-column-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.entry-content hr.divider {
    clear: both;
    height: 1px;
    border: none;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid black;
    margin: 40px 0 5px 0;
}

.products.Sorghum,
.products.Soybeans,
.products.Alfalfa {
    color: rgba(0, 0, 0, 0.7);
}

.products {
    color: #000000;
}

.control-button-panel {
    background-color: #e8e9e9;
    padding-top: 15px;
    height: 50px;
}

.control-buttons {
    background-color: #e8e9e9;
}

.header {
    display: flex;
    justify-content: space-between;
}

.product-name-header {
    color: white;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
    width: 100%;
    padding: 20px 0;
}

    .product-name-header h1 {
        color: white;
        padding-bottom: 0;
        margin-bottom: 0;
        font-weight: bold;
    }

.lg-name-section {
    color: rgba(158, 37, 43);
    margin-right: 0;
    padding-right: 0;
    float: left;
    font-size: 1.5em;
    font-weight: 800;
    display: flex;
    align-items: flex-end;
}

.name-section {
    color: rgba(158, 37, 43);
    margin-left: 0;
    padding-left: 0;
    float: left;
    font-size: 1.5em;
    font-weight: initial;
    display: flex;
    align-items: flex-end;
}

.isNew {
    font-size: 2.5mm;
    font-weight: 300;
    line-height: 1mm;
    display: flex;
}

    .isNew badge {
        display: flex;
        align-items: flex-end;
    }


.RM, .rm-section {
    font-size: 1em;
    color: black;
    font-weight: 800;
    line-height: normal;
}

.RM {
    font-size: 1em;
    font-weight: normal;
    line-height: normal;
    align-items: flex-end;
}

.product-name-header h1 .RM {
    font-weight: normal;
    display: flex;
    align-items: flex-end;
}


.crop-text {
    font-weight: bold;
    line-height: normal;
    color: black;
    text-align: center;
    margin-left: -77px;
}

    .crop-text span {
        font-weight: normal;
    }

.crop-type-image {
    width: 50px;
}
.bar {
    padding: .5rem 0px;
    margin-left: -5px;
}

.myrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.trait {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    margin-right: 25px;
    /* max-width: 75px !important; */
    max-height: 100% !important;
    font-size: 10px;
}

.trait-secondary {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    margin-right: 25px;
    font-size: 10px;
}


.traitIMG {
    max-height: 30px !important;
}

img.mixMakerIMG {
    max-height: 10mm;
    padding-top: 1.75mm;
}

img.mobileMixMakerIMG {
    max-height: 5mm;
    padding-top: 0mm;
}

img.fastTrackIMG {
    max-height: 10mm;
    padding-top: 1.75mm;
}

img.mobileFastTrackIMG {
    max-height: 5mm;
    padding-top: 0mm;
}

.product-info-container {
    padding: 0 0px;
}

.model-summary {
    margin-bottom: 1rem;
    font-style: italic;
    font-size: 1.5em;
}

.productInformation > ul {
    font-size: 1.25em;
    margin: 0 1rem 1rem 1rem;
    list-style: none;
}

    .productInformation > ul li {
        display: flex;
        align-items: center;
        gap: 0.5em;
        line-height: 1.2;
    }

        .productInformation > ul li > img {
            max-width: 2.8571428571em;
            max-height: 2.8571428571em;
        }

img.brand-color {
    /* filter generated from https://angel-rs.github.io/css-color-filter-generator/ */
    filter: brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(6804%) hue-rotate(334deg) brightness(84%) contrast(105%);
}

.alfalfaBulletIcon {
    background: url(../../images/lgseeds/icons/small-red/icon-small-alfalfa-characteristics-red.png) no-repeat left center;
    min-height: 50px;
    display: flex;
    align-items: center;
    background-size: 50px;
}
.silageBulletIcon {
    background: url('../../images/lgseeds/icons/small-red/icon-small-corn-silage-product-red.png') no-repeat left center;
    min-height: 50px;
    display: flex;
    align-items: center;
    background-size: 50px;
}
.sorghumBulletIcon {
    background: url(../../images/lgseeds/icons/small-red/icon-small-sorghum-characteristics-red.png) no-repeat left center;
    min-height: 50px;
    display: flex;
    align-items: center;
    background-size: 50px;
}
.forageBulletIcon {
    background: url(../../images/lgseeds/icons/small-red/icon-small-sorghum-forage-red.png) no-repeat left center;
    min-height: 50px;
    display: flex;
    align-items: center;
    background-size: 50px;
}
.grainBulletIcon {
    background: url(../../images/lgseeds/icons/small-red/icon-small-sorghum-grain-red.png) no-repeat left center;
    min-height: 50px;
    display: flex;
    align-items: center;
    background-size: 50px;
}
.productIllustration {
    position: relative;
}

  

/*** Corn Image ***/

.cornIllustration img.image1 {
    height: 600px;
}

.cornIllustration hr.cornIMG {
    border-top: 1px solid black;
    width: 50px;
    position: absolute;
    z-index: 10;
    left: 220px;
}

.cornIllustration hr.flower {
    top: 35px;
}

.cornIllustration hr.plantH {
    top: 140px;
}

.cornIllustration hr.earH {
    top: 240px;
}

.cornIllustration hr.earT {
    top: 325px;
}

.cornIllustration hr.stalk {
    top: 420px;
}

.cornIllustration hr.root {
    top: 500px;
}

.cornIllustration div.cornIMG {
    position: absolute;
    z-index: 10;
    left: 280px;
    font-weight: bold;
    line-height: normal;
    font-size: 13px;
}

.cornIllustration div.flower {
    top: 60px;
}

.cornIllustration div.plantH {
    top: 165px;
}

.cornIllustration div.earH {
    top: 265px;
}

.cornIllustration div.earT {
    top: 355px;
}

.cornIllustration div.stalk {
    top: 445px;
}

.cornIllustration div.root {
    top: 525px;
}

/*** Soybeans plant ***/

.soybeansIllustration img.image1 {
    height: 400px
}
.soybeansIllustration img.image2 {
    height: 150px
}

.soybeansIllustration hr.soyIMG {
    border-top: 1px solid black;
    width: 50px;
    position: absolute;
    z-index: 10;
    left: 220px;
}

.soybeansIllustration hr.flower {
    top: 90px;
    left: 240px;
    width: 30px;
}

.soybeansIllustration hr.plantH {
    top: 10px;
    left: 190px;
    width: 80px;
}

.soybeansIllustration hr.plantT {
    top: 180px;
    left: 210px;
    width: 60px;
}

.soybeansIllustration hr.pub {
    top: 390px;
    left: 180px;
    width: 90px;
}

.soybeansIllustration hr.hil {
    top: 450px;
    left: 160px;
    width: 110px;
}

.soybeansIllustration hr.pod {
    top: 490px;
    left: 160px;
    width: 110px;
}

.soybeansIllustration div.soyIMG {
    position: absolute;
    z-index: 10;
    left: 280px;
    font-weight: bold;
    line-height: normal;
    font-size: 13px;
}

.soybeansIllustration div.flower {
    top: 115px;
}

.soybeansIllustration div.plantH {
    top: 35px;
}

.soybeansIllustration div.plantT {
    top: 205px;
}

.soybeansIllustration div.pub {
    top: 415px;
}

.soybeansIllustration div.hil {
    top: 475px;
}

.soybeansIllustration div.pod {
    top: 515px;
}
/******/

/*** Alfalfa ****/

.alfalfaIllustration img.image1 {
    height: 500px
}

.alfalfaIllustration hr.alfIMG {
    border-top: 1px solid black;
    width: 50px;
    position: absolute;
    z-index: 10;
    left: 290px;
}

.alfalfaIllustration hr.plantH {
    top: 280px;
}

.alfalfaIllustration hr.flower {
    top: 360px;
}


.alfalfaIllustration div.alfIMG {
    position: absolute;
    z-index: 10;
    left: 350px;
    font-weight: bold;
    line-height: normal;
    font-size: 13px;
}

.alfalfaIllustration div.plantH {
    top: 295px;
}

.alfalfaIllustration div.flower {
    top: 375px;
}


/*******/


/**** Sorghum plant *****/

.sorghumIllustration img.image1 {
    height: 600px
}

.sorghumIllustration hr.cornIMG {
    border-top: 1px solid black;
    width: 80px;
    position: absolute;
    z-index: 10;
    left: 190px;
}

.sorghumIllustration hr.plantHe {
    top: 150px;
}

.sorghumIllustration hr.plantH {
    top: 70px;
}

.sorghumIllustration hr.midBloom {
    top: 315px;
    left: 230px;
    width: 40px;
}

.sorghumIllustration hr.pColor {
    top: 430px;
    left: 170px;
    width: 100px;
}

.sorghumIllustration div.cornIMG {
    position: absolute;
    z-index: 10;
    left: 280px;
    font-weight: bold;
    line-height: normal;
    font-size: 13px;
}

.sorghumIllustration div.plantHe {
    top: 175px;
}

.sorghumIllustration div.plantH {
    top: 95px;
}

.sorghumIllustration div.midBloom {
    top: 340px;
}

.sorghumIllustration div.pColor {
    top: 455px;
}

/*******/


/*** Silage Plant ****/

.silageIllustration img.image1 {
    height: 600px
}

.silageIllustration hr.cornIMG {
    border-top: 1px solid black;
    width: 50px;
    position: absolute;
    z-index: 10;
    left: 220px;
}

.silageIllustration hr.flower {
    top: 35px;
}

.silageIllustration hr.plantH {
    top: 140px;
}

.silageIllustration hr.earH {
    top: 240px;
}

.silageIllustration hr.earT {
    top: 325px;
}

.silageIllustration hr.stalk {
    top: 420px;
}

.silageIllustration hr.root {
    top: 500px;
}

.silageIllustration div.cornIMG {
    position: absolute;
    z-index: 10;
    left: 280px;
    font-weight: bold;
    line-height: normal;
    font-size: 13px;
}

.silageIllustration div.flower {
    top: 60px;
}

.silageIllustration div.plantH {
    top: 165px;
}

.silageIllustration div.earH {
    top: 265px;
}

.silageIllustration div.earT {
    top: 355px;
}

.silageIllustration div.stalk {
    top: 445px;
}

.silageIllustration div.root {
    top: 525px;
}


/****/




.charactericsInformation {
    margin-top: 35px;
}

.charTitle {
    color: rgb(158,37,43);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .2mm;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}


.plantCharacteristics {
    margin-bottom: 10px;
    font-size: 12px;
}

    .plantCharacteristics .characteristics-bar {
        padding: 0px 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 25px;
    }

    .plantCharacteristics .product-name {
        display: inline-block;
        width: 55%;
        text-align: right;
        padding-right: 5px;
        font-weight: bold;
        line-height: 1;
    }

    .plantCharacteristics .product-value {
        width: 45%;
        text-align: left;
        padding-left: 5px;
    }

    .plantCharacteristics .textBlock {
        line-height: 1.1;
    }

    .plantCharacteristics .scaleBlock .my-bar span {
        width: 100%;
        /*height: 0.5rem;*/
        position: relative;
        display: block;
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span {
        /*background: #000;*/
        /*border: solid 1px #A000;*/
        display: block;
    }

        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-1, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-2,
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-3, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-4,
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-5 {
            color: rgb(80,81,80);
            /*width: 25%;*/
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-1::after {
            content: '●';
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-2::after {
            content: '● ●';
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-3::after {
            content: '● ● ●';
        }
            .plantCharacteristics .scaleBlock .my-bar.selected span.bar-4::after {
                content: '● ● ● ●';
                color: rgb(243,110,32);
            }
            .plantCharacteristics .scaleBlock .my-bar.selected span.bar-5::after {
                content: '● ● ● ● ●';
                color: rgb(243,110,32);
            }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-6::after {
            content: '● ● ● ● ● ●';
            color: rgb(255,195,16);
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-7::after {
            content: '● ● ● ● ● ● ●';
            color: rgb(255,195,16);
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-8::after {
            content: '● ● ● ● ● ● ● ●';
            color: rgb(0,133,64);
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-9::after {
            content: '● ● ● ● ● ● ● ● ●';
            color: rgb(0,133,64);
        }
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-LOW, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-MS {
            color: rgb(88,0,24);
            /*width: 50%;*/
        }            
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-MODERATE, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-MT {
            color: rgb(25, 178, 49);
        }
            
        .plantCharacteristics .scaleBlock .my-bar.selected span.bar-HIGH, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-T, .plantCharacteristics .scaleBlock .my-bar.selected span.bar-TOLERANT {
            color: rgb(218,0,43);
            /*width: 100%;*/
        }
            
        /*.plantCharacteristics .scaleBlock .my-bar.selected.top-item span {
            border-top-right-radius: 0.35rem;
            border-bottom-right-radius: 0.35rem;
        }*/

    .plantCharacteristics .scaleBlock .my-bar span.na {
        width: 2rem;
        height: 0.2rem;
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.na {
        background: #000;
    }

.characteristics-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

    .characteristics-grid .characteristics-bar {
        flex: 0 0 50%;
    }

.marker-img {
    width: 100%;
}

.product-information {
    margin-bottom: 1rem;
    padding: 8px;
    background: #ececec;
    line-height: 1.5em;
    font-size: 12px;
}

.management-tips-info {
    margin-bottom: 1rem;
    padding: 8px;
    background: #ececec;
    line-height: 1.5em;
    font-size: 12px;
}

.managementPractices {
    margin-bottom: 1rem;
    line-height: 1.5em;
    font-size: 12px;
}

.diseaseRatings {
    /*margin-bottom: 1rem;*/
    line-height: 1.5em;
    font-size: 12px;
}

.herbicideInteraction {
    margin-bottom: 1rem;
    padding: 8px;
    background: #ececec;
    line-height: 1.5em;
    font-size: 12px;
}

.prod-detail-footer {
    margin-top: 2rem;
    /*border-top: 1px solid #ddd;*/
    padding-top: 2rem;
}

.rating-label {
    display: inline-block;
    margin-right: 1rem;
    font-size: 14px;
}

.rightRatings {
    padding-bottom: 1rem;
    float: right;
}

.leftIcons {
    padding-bottom: 1rem;
}

.legal {
    margin-bottom: 75px;
}

.entry-content .legal p {
    font-family: 'proxima-nova', sans-serif;
    font-weight: 100;
    font-size: 18.6px;
    line-height: 19.2px;
    margin-bottom: 20px;
}

.entry-content img.icon-legend-img,
.icon-legend-img {
    height: 17px;
}

.notebook {
    display: none;
}

.pdf-show-flex {
    display: none;
}


.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-2::after {
    content: '●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-3::after {
    content: '●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-4::after {
    content: '●●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-5::after {
    content: '●●●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-6::after {
    content: '●●●●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-7::after {
    content: '●●●●●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-8::after {
    content: '●●●●●●●●';
}

.pdf .pdf .plantCharacteristics .scaleBlock .my-bar.selected span.bar-9::after {
    content: '●●●●●●●●●';
}

@media only screen and (min-width: 768px) and (max-width: 1146px){

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-2::after {
        content: '●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-3::after {
        content: '●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-4::after {
        content: '●●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-5::after {
        content: '●●●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-6::after {
        content: '●●●●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-7::after {
        content: '●●●●●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-8::after {
        content: '●●●●●●●●';
    }

    .plantCharacteristics .scaleBlock .my-bar.selected span.bar-9::after {
        content: '●●●●●●●●●';
    }
}