body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}
.graph-default{
    position:absolute;
    visibility:hidden;
}
.graph-current{
    visibility:visible;
}

/*MainList paddocks*/
.paddock
{
    padding:15px; 
    height:320px; 
    margin-bottom:30px;
    max-width:450px;
}
.paddock .paddockContainer, .paddockInfoWindow .paddockContainer
{
    background-color:#333333; 
    height: 280px; 
    padding: 10px 0px 0px 20px;
    color: white; 
    text-align:center;
}
.paddock .paddockContainer .paddockHeader, .paddockInfoWindow .paddockContainer .paddockHeader
{
    padding-right: 20px;
}
.paddock .paddockContainer .paddockHeader h4, .paddockInfoWindow .paddockContainer .paddockHeader h4
{
    font-weight:bold; 
    margin-bottom:0px;
}

/*Links info boxes*/
.alert-info a {
    color:#005192; 
    font-weight:bold;
    text-decoration: underline;
}


@media (max-width:1476px) and (min-width:1200px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-10px;
    }
}

@media (max-width:1398px) and (min-width:1200px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-20px;
    }
}

@media (max-width:1314px) and (min-width:1200px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-25px;
    }
}

@media (max-width:1314px) and (min-width:1200px) {
    .paddock .paddockContainer input[type=submit].generateReportButton  {
        padding-left: 4px;
        padding-right:4px;
    }
}

@media (max-width:909px) and (min-width:768px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-10px;
    }
}

@media (max-width:857px) and (min-width:768px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-20px;
    }
}

@media (max-width:817px) and (min-width:768px) {
    .paddock .paddockContainer .generateReportButton {
        margin-left:-25px;
    }
}

@media (max-width:782px) and (min-width:768px) {
    .paddock .paddockContainer input[type=submit].generateReportButton  {
        padding-left: 4px;
        padding-right:4px;
    }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

select.desktopDropDown::-ms-expand {
    display: none;
}

input[type=text], input[type=number], input[type=email], input[type=phone], select, input[type=password]
{
    font-family:Arial;
    font-size:16px;
}

.twitter-share-button{
    visibility:hidden;
}

/*yield graph checkboxes*/
#yieldLineGraphControl input[type="checkbox"]
{
    display:none;
}

#yieldLineGraphControl input[type="checkbox"] + label span
{
    cursor:pointer;
}

.PTQYieldOutcome input[type="checkbox"] {
    display: none;
}

.PTQYieldOutcome input[type="checkbox"] + label span {
    cursor: pointer;
}

/* iPad vertical display dashboard fixes */

@media (max-width:999px) and (min-width:737px) {
    /* general layout fixes */
    .container-fluid, .col-sm-8 h1 {
        padding-left: 15px !important;
    }

    #body_upContent div div.col-sm-9 div.container-fluid div.row div.col-sm-4 {
        width: 33.33333333%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    /* dashboard navigation */
    /*.navbar-fixed-top {
        height: 110px;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 105px;
    }*/
    /*.navbar-right {
        padding-right: 0px;
    }
    .navbar-collapse.collapse {
        position: fixed;
        right:0;
    }
    .navbar-nav > li > a {
        font-size: 14px;
    }*/
    /* general text fixes */
    .col-sm-12 {
        font-size: 12px;
    }
    .col-sm-12 h4 {
        font-size: 16px;
    }

    #body_rrlReports_upRecentReports div.row div.col-sm-12 {
        font-size: 14px;
    }

    /* Generate Reports Col fixes */
    #body_divQuickGenerateReports div div.row div.col-sm-3 {
        padding-left:0;
    }
    input#body_QuickGenerateNewReport_btnGenerateNewReport.btn.btn-default {
        width:50px !important;
    }

    /* Paddock Interface fixes */
    .col-xs-12 {
        font-size: 10px;
    }
    .col-xs-12 img {
        height: 35px;
    }
    .col-xs-3.ActionButton div, .col-xs-4.ActionButton div {
       background-size: 40px !important;
    }
    .col-xs-5 div { 
        width: 70px !important;
    }
    .paddockContainer {
        width: 250px;
    }
}

/* iPad horizontal display dashboard fixes */

@media (max-width:1200px) and (min-width:1000px) {

    /* Generate Reports Col fixes */
    #body_divQuickGenerateReports div div.row div.col-sm-3 {
        padding-left:0;
    }
    input#body_QuickGenerateNewReport_btnGenerateNewReport.btn.btn-default  {
        width:50px !important;
    }

    /* Paddock Interface fixes */
    .col-xs-3.ActionButton div, .col-xs-4.ActionButton div {
       background-size: 45px !important;
    }
}

/* iPad vertical display Advanced Paddock view */

@media (max-width:999px) and (min-width:737px) {
    
    /* Paddock/Grower Name fixes */
    div.col-sm-8.col-lg-6 div.row .col-sm-6 {
        padding-left: 40px !important;
    }

    .col-sm-6 h1 select {
        font-size: 18px !important;
    }

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

    /* quick reference view fixes */
    div.row.padding-bottom-small.padding-top-small {
        font-size: 14px;
    }

    .col-sm-2 h3 {
        font-size: 16px;
    }
    .col-sm-2 div div div {
        height: 20px;
        width: 20px;
    }
    div.row.padding-bottom-small.padding-top-small div div.col-sm-2:last-child{
        width: 20%;
    }
    div.row.padding-bottom-small.padding-top-small div div.col-sm-2 {
        width: 15%;
        padding: 0px;
    }

    /* Graph layout fixes */

    /* rainfall + yield prediction container */

    div.row.margin-top-tiny.padding-bottom-small {
        margin-left: 15px !important;
    }

    /* rainfall */

    div.col-md-6.padding-left-none.padding-right-small {
        width: 700px;
        padding-right: 0px;
        margin-bottom: 15px !important;
    }

    #body_divRainfallButtons, #body_dvNitrogenButtons {
        margin-top: -25px;
    }

    /* yield prediction */

    #YieldProbabilityLineGraph {
        width: 700px !important;
    }

    div.col-md-6.padding-right-none.padding-left-small {
        padding-left: 0px;
        padding-top: 10px;
    }

    div.col-xs-2 div button, div.col-xs-2 div input {
        width: 40px !important;
        height: 40px !important;
    }
    .btn-social-icon.btn-lg>:first-child {
        line-height: 40px !important;
    }
    #body_ucYieldGraph_divCurrentPredictions {
        font-size: 16px !important;
    }
    #body_ucYieldGraph_divCurrentPredictions div div h3 {
        font-size: 18px !important;
    }

    #body_divYieldPredictionGraphButtons {
        margin-right: 7px;
    }

    /* management container */

    div.row.margin-bottom-small {
        margin-left: 15px !important;
    }

    /* water management */

    div.col-md-8.padding-left-none.padding-right-small {
        width: 700px;
        padding-right: 0px;
    }

    div.row.padding-top-small.padding-bottom-tiny div.col-xs-3 {
        font-size: 16px !important;
    }
    div.row.padding-top-small.padding-bottom-tiny div.col-xs-3 h3 {
        font-size: 20px !important;
    }

    /* N management, growth stage predictions + frost/heat risk */

    div.col-md-4.padding-right-tiny.padding-left-small, div.col-xs-12.padding-top-tiny.padding-left-none.padding-right-small {
        margin-top: 50px;
        padding-left: 0px;
        padding-right: 0px;
        width: 700px;
    }

    /* growth stage font fixes */
    #body_divGSPredictions div div div div {
        font-size: 12px !important;
    }

    /* frost/heat risk graph fixes */

    div.box_longest div div div div, div.box_other div div div div {
        font-size: 12px !important;
    }
    div.box_longest div div div div:first-child, div.box_other div div div div:first-child, div.col-xs-6 div div.sbgPercent {
        font-size: 16px !important;
    }

    div.box_longest div div.row div.col-xs-3, div.box_longest div div.row div.col-xs-6, div.box_other div div.row div.col-xs-3, div.box_other div div.row div.col-xs-6 {
        width: 100px;
    }

    /* Irrigation Management fixes*/

    #body_dvIrrigationManagement {
        width: 700px !important;
        padding-left: 0px;
        margin: 15px 0px 0px -15px;
    }

    /* generate reports button fixes */

    input#body_ucPaddockReports_QuickGenerateNewReport_btnGenerateNewReport.btn.btn-default {
        width:50px !important;
    }

    #body_ucPaddockReports_pnlGenerateReports div div.row div.col-sm-3 {
        padding-left:0;
    }

    #container-reports-advanced {
        width: 700px;
        margin-left: -15px !important;
        margin-right: -10px !important;
    }

    #container-reports-advanced a, #container-reports-advanced span {
        font-size: 16px;
    }
}

/* iPad vertical display Paddock Setup view */

@media (max-width:999px) and (min-width:737px) {

    #form1 div div div.container-fluid div.row div.col-sm-4 {
        width: 690px;
        padding: 0px;
        margin-left: 40px;
        margin-bottom: 40px;
    }

    #form1 div div div div div.col-sm-4 div.row div.col-sm-4 {
        margin-left: 0px;
        margin-bottom: 0px;
        width: 200px;
    }
    #form1 div div div div div.col-sm-4 div {
        background-size: 100% !important;
    }
}

/* iPad horizontal display Advanced Paddock view */

@media (max-width:1200px) and (min-width:1000px) {
    
    /* Paddock/Grower Name fixes */
    div.col-sm-8.col-lg-6 div.row .col-sm-6 {
        padding-left: 40px !important;
    }

    .col-sm-6 h1 select {
        font-size: 18px !important;
    }

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


    /* quick reference view fixes */
    div.row.padding-bottom-small.padding-top-small {
        font-size: 16px;
    }

    .col-sm-2 h3 {
        font-size: 18px;
    }
    .col-sm-2 div div div {
        height: 20px;
        width: 20px;
    }
    div.row.padding-bottom-small.padding-top-small div div.col-sm-2:last-child{
        width: 20%;
    }
    div.row.padding-bottom-small.padding-top-small div div.col-sm-2 {
        width: 15%;
        padding: 0px;
        padding-right: 20px;
    }

    /* Yield Prediction graph fixes*/

    div.col-xs-2 div button, div.col-xs-2 div input {
        width: 40px !important;
        height: 40px !important;
    }
    .btn-social-icon.btn-lg>:first-child {
        line-height: 40px !important;
    }
    #body_ucYieldGraph_divCurrentPredictions {
        font-size: 14px !important;
    }
    #body_ucYieldGraph_divCurrentPredictions div div h3 {
        font-size: 16px !important;
    }

    /* Water manangement fixes */

    div.row.padding-top-small.padding-bottom-tiny div.col-xs-3 {
        font-size: 14px !important;
    }

    div.row.padding-top-small.padding-bottom-tiny div.col-xs-3 h3 {
        font-size: 18px !important;
    }

    /* Nitrogen/Irrigation management fixes */

    div.col-md-4.padding-right-tiny.padding-left-small {
        padding-left: 0px;
    }

    #body_dvNitrogenButtons img, #body_dvIrrigationButtons img {
        width: 100px;
    }

    div.col-md-4.padding-right-tiny.padding-left-small div.padding-left-medium.padding-right-medium, #body_dvIrrigationManagement {
        font-size: 12px;
    }

    div.col-md-4.padding-right-tiny.padding-left-small div.padding-left-medium.padding-right-medium h3, #body_dvIrrigationManagement div div div h3, #body_dvIrrigationManagement div.padding-left-medium.padding-right-medium h3 {
        font-size: 14px;
    }
    #body_dvIrrigationManagement h3 {
        font-size: 24px;
    }

    /* growth stage font fixes */
    #body_divGSPredictions div div div div {
        font-size: 12px !important;
    }

    /* frost/heat risk graph fixes */

    div.box_longest div div div div, div.box_other div div div div {
        font-size: 12px !important;
    }

    div.box_longest div div.row div.col-xs-3, div.box_longest div div.row div.col-xs-6, div.box_other div div.row div.col-xs-3, div.box_other div div.row div.col-xs-6 {
        font-size: 12px !important;
    }
    div.box_longest div div div div:first-child, div.box_other div div div div:first-child, div.col-xs-6 div div.sbgPercent {
        font-size: 16px !important;
    }

    div.box_longest div div.row div.col-xs-3, div.box_longest div div.row div.col-xs-6, div.box_other div div.row div.col-xs-3, div.box_other div div.row div.col-xs-6 {
        width: 100px;
    }

    /* generate reports button fixes */

    input#body_ucPaddockReports_QuickGenerateNewReport_btnGenerateNewReport.btn.btn-default {
        width:50px !important;
    }

    #body_ucPaddockReports_pnlGenerateReports div div.row div.col-sm-3 {
        padding-left:0;
    }
}

/* SIMPLE PADDOCK view fixes */

/*general layout changes (iPad and desktop) */

@media (min-width: 768px) {

    #col-sow-date {
        width: 20%;
    }
    #simple-container-main {
        width: 100%;
    }
    #simple-container-sub {
        width: 50%
    }
    #simple-reports-container {
        width: 20%
    }
    #body_divGSPredictions {
        padding-top:25px;
    }
    #growth-stage-title {
        text-align:center;
    }
}

/* Vertical iPad Simple Paddock layout fixes */

@media (max-width:999px) and (min-width:737px) {

    /* summary adjustments */
    #container-summary {
        font-size: 14px;
    }

    #container-summary span {
        font-size: 18px;
    }

    #col-crop {
        width: 18%;
    }

    #col-waterstress, #col-nstress {
        width: 21%;
    }

    /* growth stage layout adjustments */
    .container-growth-simple {
        padding-left: 15px !important;
    }

    #container-current-growth, #container-growth-predictions {
        width: 700px;
    }

    #container-growth-predictions {
        margin-left: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .container-growth-cols {
        width: 33.33% !important;
    }
    
    .container-growth-cols div {
        max-height: 200px;
    }

    #container-growth-predictions span {
        font-size: 16px !important;
    }

    #container-growth-predictions img {
        height: 100px;
    }

    /* Yield Prediction / Rainfall adjustments */

    #container-yield, #container-rain {
        margin-left: 30px;
        margin-top: 30px !important;
        width:700px;
    }

    #container-rainbuttons-simple {
        margin-top: 25px;
    }

    /* generate reports adjustments */
    #simple-reports-container.simple-layout {
        width: 700px !important;
        margin-left: 30px !important;
    }
    #simple-reports-container.simple-layout a, #simple-reports-container.simple-layout span {
        font-size: 16px;
    }

    /* nitrogen / irrigation / probability adjustments */

    #container-bottom-simple {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    #container-nitrogen-simple, .container-irrigation-simple {
        width: 715px;
    }

    #container-nitrogen-simple {
        padding-left: 15px !important;
        padding-right: 0px !important;
    }

    .container-irrigation-simple {
        padding-left: 20px;
        padding-right: 0px !important;
    }

    #container-risk-simple {
        padding-left: 10px;
        
    }
}

/* horizontal iPad Simple Paddock layout fixes */

@media (max-width:1200px) and (min-width:1000px) {
    
    /* column adjustments */
    #content-container-full {
        padding-left: 15px !important;
    }

    #simple-container-all {
        margin-right: 0 !important;
    }

    #simple-container-sub {
        padding-right: 0 !important;
    }

    #simple-reports-container {
        padding-right: 0 !important;
    }
    #simple-reports-container {
        width: 18%
    }
    #simple-reports-container a, #simple-reports-container span {
        font-size: 14px;
    }
    #simple-container-sub {
        width: 55%
    }

    /* yield prediction adjustments */
    #YieldPredictionGraphs span {
        font-size: 16px;
    }

    /* growth stage graph adjustments */
    #body_divGSPredictions img {
        max-height: 100px;
    }

    body_divGSPredictions span {
        font-size: 14px;
    }

    /* rainfall graph adjustments */
    #rainfall-graph-text {
        font-size: 14px;
    }
    /* nitrogen/irrigation management adjustments */
    #container-nitrogen, #container-irrigation {
        font-size: 12px;
    }

    #container-nitrogen h3, #container-irrigation h3{
        font-size: 14px;
    }
}

/*map driven dash*/
.gm-style-iw
{
    /*width: 350px !important;*/
    top: 0 !important;
    left: 0 !important;
    border-radius: 0px 0px 0px 0px;
    width: 500px !important;
    background-color: rgba(0, 0, 0, 0); 
}

/* paddock timeline for auto report */
.child_preview {
    box-sizing: border-box;
    margin-top: 2px;
    position: absolute;
    z-index: 1;
    color: white;
    text-align: center;
    font-size: 12px;
}

.gantt_task_line.task-collapsed {
    height: 4px;
    opacity: 0.25;
}

.gantt_task_line.gantt_project.task-collapsed .gantt_task_content {
    display: none;
}

.gantt_row.task-parent {
    font-weight: bold;
}

.deadline {
    position: absolute;
    border-right: 2px solid #616161;
    border-top: 2px solid #616161;
    background-color: #3db9d3;
    -moz-box-sizing: border-box;
    transform: rotate(45deg);
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    margin-left: -15px;
    margin-top: 9px;
    z-index: 2;
}

.growthStageText {
    position: absolute;
    top: 68%;
    left: -140%;
    transform: rotate(-45deg);
}

#scaleZoom {
    margin-bottom: 15px;
}

#paddockNames {
    float: left;
    text-align: right;
    margin-top: 82px;
    margin-right: -10px;
}

#paddockTimeline {
    height: 350px;
    padding-top: 20px;
}

#nextGS {
    float: right;
    text-align: left;
    margin-top: -256px;
    margin-right: 20px;
}

.changePaddockPageButton
{
    background-color:#005192;
    color:white;
    font-size:18px;
}

.changePaddockPageButton:hover
{
    background-color:#0070CC;
    color:white;
    font-size:18px;
}