body {
    padding-top: 50px;
    padding-bottom: 20px;
}
.cacl-label-1#true-cost-difference {
	font-size: 35px !important;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.layout-header {
    font-size: 32px;
    color: #d31245;
}

.layout-header-text {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 32px;
    Line-height: 31px;
    Max-width: 820px;
}

.layout-subheader {
    font-size: 24px;
    color: #d31245;
}
.bg-mashed-green{
    color:#006F42;
}
.mashed-green-top{
  font-size:50px;  
  line-height:1.0;
}
.mashed-green-bottom{
    font-size:40px;
    line-height:1.0;
}
.calc-header {
    font-size: 32px;
}

.calc-header-1 {
    font-size: 26px;
}

.calc-subheader {
    font-size: 21px;
}

.layout-subheader-text {
    font-size: 17px;
    margin-top: 5px;
    Line-height: 26px;
    Max-width: 820px;
}

.layout-header-logo {
    margin: 20px 0 60px;
}

.calc-page {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.calc-col4 {
    width: 33.5%;
    float: left;
    height: 200px;
}

.calc-col3 {
    width: 27%;
    float: left;
    height: 200px;
}

.calc-col1 {
    width: 22%;
    float: left;
}

.calc-col2 {
    width: 14%;
    float: left;
}

.calc-col6 {
    width: 40%;
    float: left;
    height: 200px;
}

.calc-col7 {
    width: 64%;
    float: left;
}

.calc-col12 {
    width: 100%;
    float: left;
}

.calc-col-49 {
    width: 45%;
    float: left;
}

.calc-col-middle-2 {
    width: 9%;
    float: left;
}

.color-red {
    color: #d31245;
}

.rounded-corners {
    border-radius: 25px;
}

.margin-right-20 {
    margin-right: 20px;
}
.margin-top--25{
    margin-top:-25px;
}
.padding-bottom-100{
    padding-bottom:100px;
}
.padding-top-25 {
    padding-top: 25px;
}
.padding-top-30{
    padding-top:30px;
}
.padding-bottom-30{
    padding-bottom:30px;
}
.padding-top-50 {
    padding-top:50px;
}
.padding-top-60{
    padding-top:60px;
}
.padding-top-70 {
    padding-top:70px;
}
.padding-bottom-40{
    padding-bottom:40px;
}
.padding-top-100{
    padding-top:100px;
}
.padding-top-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-top-bottom-3 {
    padding-top: 25px;
    padding-bottom: 45px;
}

.padding-top-bottom-2 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-75 {
    padding-bottom: 75px;
}

.padding-bottom-200 {
    padding-bottom: 200px;
}

.padding-top-10 {
    padding-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-top-15{
    margin-top:15px;
}

.vertical-middle-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
 input.mashed-radio[type='radio']:after {
        width: 29px;
        height: 29px;
        border-radius: 15px;
        top: 8px;
        left: 7px;
        position: relative;
        background-color: #E0E0E0;
        content: '';
        display: inline-block;
        visibility: visible;
        /*border: 2px solid white;*/
    }

   input.mashed-radio[type='radio']:checked:after {
        width: 29px;
        height: 29px;
        border-radius: 15px;
        top: 8px;
        left: 7px;
        background-color: #006F42;
        content: '';
        display: inline-block;
        visibility: visible;
        /*border: 2px solid white;*/
    }
input.mashed-radio[type='radio']{
        margin-top:0 !important;
}
.mashed-radio {
    margin-right:auto !important;
    margin-left:auto !important;
    display:block !important;
    width:45px;
    height:45px;
}
.calc-label {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	line-height: 1.2;
    font-weight: 700;
}

.calc-label-1, .calc-label-2, .calc-label-3 {
    width: 18%;
    height: 40px;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 700;
}

.calc-label-2 {
    width: 40%;
}
.calc-label-3{
    width:18%;
}

.bg-gray {
    background: #F6F6F6;
    background-color: #F6F6F6 !important;
}

.bg-dark-gray {
    background: #E8E8E8;
    background-color: #E8E8E8 !important;
}

.bg-calc-red {
    background: #d31245;
    background-color: #d31245 !important;
}

.color-white {
    color: #ffffff;
}

.color-white {
    color: white;
}

.calc-anchor {
    color: #fff;
}

    .calc-anchor:hover {
        color: white;
    }

    .calc-anchor:focus {
        color: white;
        text-decoration: none;
    }

.calc-header-img {
    /*clip-path:inset(250px 0px 0px 0px);*/
    /*margin-top:-250px;
    margin-bottom:-250px;*/
    /*filter:brightness(65%);*/
    /* background: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)),url("https://placehold.co/1170x875") 0; */
    /*background:url("Images/calc_header_new.jpg") 0;*/
   
    /*max-width:100%;
    height:auto;
    width:auto;*/
}
.mashed-header-img{
    background: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)),url("Images/Mash_header.jpg") 0;
    /*background:url("Images/calc_header_new.jpg") 0;*/
    height: 300px;
    margin-bottom: 75px;
}

.calc-img-header-text {
    color: #000;
    z-index: 10;
    font-size: 45px;
    filter: brightness(100%);
    font-family:'Helvetica', 'Arial', sans-serif;
}
.mashed-body {
    font-family: 'proximaNova-Regular';
}
@media (min-width: 768px) and (max-width: 991px) {
	.cacl-label-1#true-cost-difference {
		font-size: 35px !important;
	}
    .calc-col3 {
        width: 27%;
        float: left;
        height: 180px;
    }

    .calc-col6 {
        width: 40%;
        float: left;
        height: 180px;
    }

    .calc-header {
        font-size: 20px;
    }

    .calc-header-1 {
        font-size: 18px;
    }

    .calc-subheader {
        font-size: 16px;
    }

    .calc-label-1, .calc-label-2 {
        width: 15%;
        height: 40px;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: 700;
    }

    .calc-label-2 {
        width: 34%;
    }

    .calc-col2 {
        width: 10%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .calc-form-control {
        font-size: 20px !important;
        width:70% !important;
    }
}

@media (max-width:480px) {
    .mashed-header-img{
    background: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url("Images/Mash_header.jpg");
    background-position:-430px -250px;
    /*background:url("Images/calc_header_new.jpg") 0;*/
    height: 300px;
    margin-bottom: 75px;
}
    .calc-header {
        font-size: 26px;
    }

    .calc-col3 {
        width: 46%;
        float: left;
        height: 180px;
    }

    .calc-subheader {
        font-size: 18px;
    }

    .calc-form-control {
        font-size: 18px !important;
    }

    .calc-label {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: 700;
    }
    .calc-subheader-1 {
        font-size: 16px;
    }
    .calc-label-1, .calc-label-2, .calc-label-4, .calc-label-5 {
        width: 30%;
        height: 40px;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: 700;
    }
    .calc-label-2 {
        width:40%;
    }
    .calc-label-4{
        width:25%;
    }
    .calc-label-5{
        width:35%;
    }
    .calc-header-1 {
        font-size: 20px;
    }
    .mashed-img-header-text {
    color: #fff;
    z-index: 10;
    font-size: 35px;
    filter: brightness(100%);
    font-family:'Helvetica', 'Arial', sans-serif;
}
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .calc-header {
        font-size: 26px;
    }

    .calc-col3 {
        width: 46%;
        float: left;
        height: 180px;
    }

    .calc-subheader {
        font-size: 18px;
    }

    .calc-form-control {
        font-size: 18px !important;
    }
    .calc-label {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: 700;
    }
    .calc-subheader-1 {
        font-size: 16px;
    }
    .calc-label-1, .calc-label-2, .calc-label-4, .calc-label-5   {
        width: 20%;
        height: 40px;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-weight: 700;
    }
    .calc-label-2 {
        width:30%;
    }
    .calc-label-4{
        width:25%;
    }
        .calc-label-5{
        width:35%;
    }
    .calc-header-1 {
        font-size: 20px;
    }
       .mashed-img-header-text {
    color: #fff;
    z-index: 10;
    font-size: 35px;
    filter: brightness(100%);
    font-family:'Helvetica', 'Arial', sans-serif;
}
}

@media (min-width: 768px) {
    .login-left {
        float: left;
        margin-top: 40px;
        border-right: 1px solid grey;
    }

    .login-right {
        float: left;
        margin-top: 40px;
        padding-left: 60px;
    }
}

.btn-eggs {
    display: inline-block;
    background-image: url(Images/papetti-etool.jpg);
    width: 240px;
    height: 171px;
}

.btn-pasta {
    background-image: url(Images/dg-etool.jpg);
    display: inline-block;
    width: 240px;
    height: 171px;
}

.btn-potatoes {
    background-image: url(Images/sp-etool.jpg);
    display: inline-block;
    width: 240px;
    height: 171px;
}

.btn-coming {
    display: inline-block;
    background-image: url(Images/mf-etool.jpg);
    width: 240px;
    height: 171px;
}


.btn-meggathon {
    display: inline-block;
    background-image: url(Images/sales_tracker.jpg);
    width: 240px;
    height: 171px;
}

.btn-egg-calculator {
    display: inline-block;
    background-image: url(Images/Calculator_sales_portal_thumbnail.png);
    width: 240px;
    height: 171px;
}
.btn-mashed-calculator {
    display: inline-block;
    background-image: url(Images/mashed_sales_portal_thumbnail.png);
    width: 240px;
    height: 171px;
}
.btn-papetti-brochure {
    display: inline-block;
    background-image: url(Images/SECPresentationThumbnail.jpg);
    width: 240px;
    height: 171px;
}

.btn-liquid-to-shell-guide {
    display: inline-block;
    background-image: url(Images/SECSellSheetThumbnail.jpg);
    width: 240px;
    height: 171px;
}

.btn-liquid-eggs-app {
    display: inline-block;
    background-image: url(Images/papettis_app.jpg);
    width: 240px;
    height: 171px;
}


.contest-container {
    float: left;
}

    .contest-container span {
        color: rgb(0, 110, 66);
        font-weight: 600;
        font-size: 20px;
        line-height: 26px;
    }

.img-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.btn-contest {
    display: inline-block;
    /*background-image: url(Images/2016-agency-challenge.png);
    width: 240px;
    height: 171px;*/
    background-image: linear-gradient(rgb(115, 165, 51) 0%, rgb(54, 143, 63) 100%);
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-width: 0px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: none;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

    .btn-contest:hover {
        color: #BED030;
        background: #368F3F;
        text-decoration: none;
    }

.calc-button, .calc-button-top {
    -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
    box-shadow: inset 0px 1px 0px 0px #f29c93;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d31245), color-stop(1, #ce0100) );
    background: -moz-linear-gradient( center top, #d31245 5%, #ce0100 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d31245', endColorstr='#ce0100');
    background-color: #d31245;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0px;
    border: 1px solid #d83526;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #b23e35;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 60%;
}

.calc-button-top {
    width: 65%;
}

    .calc-button:hover, .calc-button-top:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #d31245) );
        background: -moz-linear-gradient( center top, #ce0100 5%, #d31245 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#d31245');
        background-color: #ce0100;
    }

    .calc-button:active, .calc-button-top:active {
        position: relative;
        top: 1px;
    }

.promo-copy {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 240px;
    margin-bottom: 0px;
}

.navbar-nav .dropdown {
    padding: 15px;
}

.dropdown-menu {
    background-color: #101010;
}

    .dropdown-menu > li > a {
        color: #9d9d9d;
    }

.nav-dropdown {
    color: #9d9d9d;
}

    .nav-dropdown:hover {
        color: #fff;
        text-decoration: none;
    }

.summary-table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*box-shadow: 10px 10px 5px #888888;*/
    border: 1px solid rgba(0, 0, 0, 0.28);
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
}

    .summary-table table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .summary-table tr:last-child td:last-child {
        -moz-border-radius-bottomright: 2px;
        -webkit-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .summary-table table tr:first-child td:first-child {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
    }

    .summary-table table tr:first-child td:last-child {
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
    }

    .summary-table tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 2px;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .summary-table tr:hover td {
    }

    .summary-table tr:nth-child(odd) {
        background-color: #e4e4e4;
    }

    .summary-table tr:nth-child(even) {
        background-color: #ffffff;
    }

    .summary-table td {
        vertical-align: middle;
        /*border:1px solid #000000;*/
        border: 0px solid rgba(0, 0, 0, 0);
        border-width: 0px 1px 1px 0px;
        text-align: left;
        padding: 7px;
        font-size: 16px;
        font-family: Arial;
        font-weight: normal;
        color: #000000;
        max-width: 70px;
    }

    .summary-table tr:last-child td {
        border-width: 0px 1px 0px 0px;
    }

    .summary-table tr td:last-child {
        border-width: 0px 0px 1px 0px;
    }

    .summary-table tr:last-child td:last-child {
        border-width: 0px 0px 0px 0px;
    }

    .summary-table tr:first-child td {
        background: -o-linear-gradient(bottom, rgb(115, 165, 51) 0%, rgb(54, 143, 63) 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, rgb(115, 165, 51)), color-stop(1, rgb(54, 143, 63)) );
        background: -moz-linear-gradient( center top, rgb(115, 165, 51) 0%, rgb(54, 143, 63) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(115, 165, 51), endColorstr=rgb(54, 143, 63));
        background: -o-linear-gradient(top,rgb(115, 165, 51),rgb(54, 143, 63));
        background-color: rgb(115, 165, 51);
        border: 0px solid #000000;
        text-align: left;
        border-width: 0px 0px 1px 1px;
        letter-spacing: 1px;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
        color: #ffffff;
    }

    .summary-table tr:first-child:hover td {
        background: -o-linear-gradient(bottom, rgb(115, 165, 51) 0%, rgb(54, 143, 63) 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, rgb(115, 165, 51)), color-stop(1, rgb(54, 143, 63)) );
        background: -moz-linear-gradient( center top, rgb(115, 165, 51) 0%, rgb(54, 143, 63) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(115, 165, 51), endColorstr=rgb(54, 143, 63));
        background: -o-linear-gradient(top,rgb(115, 165, 51),rgb(54, 143, 63));
        background-color: rgb(115, 165, 51);
    }

    .summary-table tr:first-child td:first-child {
        border-width: 0px 0px 1px 0px;
    }

    .summary-table tr:first-child td:last-child {
        border-width: 0px 0px 1px 1px;
    }

.contest-select-list {
    width: 100%;
    padding-left: 0px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .calc-button, .calc-button-top {
        -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
        -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
        box-shadow: inset 0px 1px 0px 0px #f29c93;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d31245), color-stop(1, #ce0100) );
        background: -moz-linear-gradient( center top, #d31245 5%, #ce0100 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d31245', endColorstr='#ce0100');
        background-color: #d31245;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
        text-indent: 0px;
        border: 1px solid #d83526;
        display: inline-block;
        color: #ffffff;
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 12px;
        padding-right: 15px;
        text-decoration: none;
        text-align: center;
        text-shadow: 1px 1px 0px #b23e35;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 60%;
    }
}