/* Apical Brand Standard define standard Web Font as Montserrat.  Import from Google. */
@import url(https://fonts.googleapis.com/css?family=Montserrat);
/*@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);*/

/* Instead of calling Google every time we display a page, use local fonts stored on the server.
   We go with most modern WOFF2, then WOFF, then standard TrueType fonts.
 */
@font-face {
    font-family: "Montserrat";
    src: url("/static/site/font/Montserrat-Regular.34de1239b121.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("/static/site/font/Montserrat-Bold.d14ad1035ae6.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "Montserrat Italic";
    src: url("/static/site/font/Montserrat-Italic.df17124cad6f.ttf") format("truetype");
    font-style: italic;
}

@page {
    size: A4 landscape;
}

html, body {
    height: 98%; /* For full height images */
    width: 100%;
    font-family: Montserrat, sans-serif; /* Apical Brand Standard */
    background-color: white;
    font-size: 12px;
}

body {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}

/* Use word-wrapping for table cells to prevent overflow into other elements */
td {
    overflow-wrap: break-word !important;
}

/* When printing, don't show the contents of hyperlinks (because it takes up so much space and makes clutter) */
@media print {
    a:link:after, a:visited:after {
        content: none !important; /* Remove URL from printout */
    }
}

@media screen {
    .screen-only {
        display: inline;
    }

    .print-only {
        display: none;
    }
}

@media print {
    .screen-only {
        display: none;
    }

    .print-only {
        display: inline;
    }
}

.show-when-printing {
    display: none;
}

.hide-when-printing {
    /* DO NOTHING HERE.  This is to provide balance to the version in print.css which hides these same elements. */
}

.print:first-child {
    page-break-before: avoid;
    page-break-inside: avoid;
    margin-bottom: 0;
}

.print:last-child {
    page-break-after: avoid;
    page-break-inside: avoid;
    margin-bottom: 0;
}

.break {
    page-break-after: always !important;
    break-after: page !important;
    break-inside: avoid-page;
    page-break-inside: avoid;
}

.no-break {
    break-inside: avoid-page;
    page-break-inside: avoid;
}

/* Content, wrapper and footer work in tandem to keep footer always at bottom of page */
.main-page-content {
    padding-bottom: 60px;
}

.footer-aware-wrapper {
    min-height: 100%;
    position: relative;
}

.footer {
    height: 40px; /* Height of the footer */
    width: 100%;
    background-color: white;
    position: absolute;
    bottom: 0;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 2px solid #eee;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
    background-color: white;
}

.alert {
    margin-top: 55px;
    margin-bottom: 0;
}

body > .navbar-transparent {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.navbar-transparent .navbar-nav > .active > a {
    background-color: transparent;
    color: #1e8649;
}

.navbar-form {
    margin-right: 0;
}

.navbar-nav > li > a.profile-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav > .btn {
    margin-top: 6px;
    margin-right: 1em;
}

.navbar-nav > .btn:hover {
    background-color: rgba(30, 134, 73, 0.6);
}

.navbar-nav > li > a {
    font-size: 16px;
}

/* Add dark gray background to hovered list element */
.navbar-nav > li:hover {
    background-color: darkgreen;
    color: #1e8649;
}

/* Hovered link is Apical green */
.navbar-default .navbar-nav > li > a:hover {
    color: #1e8649;
    font-weight: bold;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Selected link is Apical green */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #1e8649;
    font-weight: bold;
}

.navbar-brand {
    font-weight: bold;
}

.navbar-brand > img {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

.btn {
    background-image: none;
    -webkit-box-shadow: 0 1px 0 #ddd;
    -moz-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
}

/* Because the collapsible user profile menu does not function well
   when it's in the collapsed navbar, show individual menu items when collapsed,
   but show the user menu when in larger screen modes (nav menu not collapsed).
 */
.user-menu-collapsed {
    display: none;
}

.navbar-collapse.collapse.in {
    display: block !important;
}

/* Collapsible left-side navigation panel with green background and white text */
.green-left-collapse-panel {
    color: white;
    background-color: #209023;
    padding-top: 20px;
    padding-bottom: 20px;
}

.green-left-collapse_link {
    color: white !important;
}

.green-left-collapse-panel > ul > li > a {
    color: white !important;
}

.staff-top {
    background-color: rgba(30, 134, 73, 0.3);
    border-radius: 20px;
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px;

    font-size: 16px !important;

    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.grower-credits {
    background-color: rgba(30, 144, 255, 0.3);
    border-radius: 20px !important;
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px !important;

    font-size: 16px !important;

    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.home-assets {
    border-radius: 20px;
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px;
}


.slim {
    padding-left: 0;
    padding-right: 0;
}

/* Flow cards on Grower Home page using CSS Grid */
.grower_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.crop_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.sampling_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    width: 100%;
}

.report_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.order_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.staff_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    grid-template-rows: repeat(auto-fit, 200px);
}

.report_home_grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr;
}


.staff_home_card {
    flex: 1 1 300px;
    border: 2px solid green;
    /*max-width: 300px;*/
    min-width: 600px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.cultivar_home_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: repeat(auto-fit, 200px);
}

.crop-card {
    flex: 1 1 300px;
    border: 2px solid green;
    max-width: 300px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;

    border-radius: 40px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

    /* 20 */
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px;
}

.cultivar-card {
    flex: 1 1 300px;
    border: 2px solid green;
    max-width: 300px;
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 8px;

    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

    /* 20 */
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px;
}

.crop-card:hover {
    background-color: rgba(255, 255, 0, 0.25);

    transform: scale(1.1, 1.1);
    transform-origin: center;
}

.cultivar-card:hover {
    background-color: rgba(255, 255, 0, 0.25);

    transform: scale(1.1, 1.1);
    transform-origin: center;
}

.cultivar-my_crops-card {
    flex: 1 1 300px;
    border: 2px solid green;
    /*max-width: 300px;*/
    min-width: 200px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.crop-detail-card {
    flex: 1 1 600px;
    border: 2px solid green;
    /*max-width: 300px;*/
    min-width: 500px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.crop-detail-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}


/* Home page styling */
.corporate-jumbo {
    background-repeat: no-repeat;
    background-position: 100% center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.corporate-jumbo .well {
    background-color: rgba(245, 245, 245, .7);
}

.corporate-jumbo p, .corporate-jumbo h1 {
    color: #eee;
    text-shadow: 6px 6px 18px black, 0 0 25px blue, 0 0 12px darkblue;
    /*  text-shadow: 0 0 10 px rgba(255, 255, 255, 1), 0 0 20 px rgba(255, 255, 255, 1), 0 0 30 px rgba(255, 255, 255, 1), 0 0 40 px #ff00de, 0 0 70 px #ff00de, 0 0 80 px #ff00de, 0 0 100 px #ff00de; */
}

.corporate-jumbo p {
    font-weight: 500;
}

.corporate-jumbo .well legend {
    color: #333;
}

.corporate-jumbo > .container {
    display: block;
    bottom: 2em;
    left: 15px;
}

.contact-banner {
    padding: 100px 0;
    background: #e0e0e0;
    margin-top: 100px;
}

.footer a:hover {
    text-decoration: none;
}

/* About page styling */
#sec1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkAIILFy78NzAwYATRjCABZEGwAEwFiA1WBlIOUwkA72gTdDIYVO4AAAAASUVORK5CYII=) repeat;
}

/* Profile page styling */
.profile-head {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkAIILFy78NzAwYATRjCABZEGwAEwFiA1WBlIOUwkA72gTdDIYVO4AAAAASUVORK5CYII=) repeat;
    padding: 70px 0 30px 20px;
}

.profile-body {
    padding: 4px 0;
}

.text-page {
    padding: 120px 0;
}

#map-outer {
    height: 440px;
    padding: 40px 20px;
    margin-bottom: 20px;
    background-color: #FFF
}

#map-container {
    height: 400px
}

.img-dim {
    opacity: 0.5;
    box-shadow: inset 0 0 64px 64px #EA1717, 0 0 4px 4px #EA1717;
}

/* Authentication forms */
.form-box form,
.form-box .form-message {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-box form .checkbox {
    margin-bottom: 10px;
}

.form-box form .checkbox {
    font-weight: normal;
}

.form-box form .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-box form .form-control:focus {
    z-index: 2;
}

/* Horizontal unordered list with hover highlighting */
.list-group-horizontal .list-group-item {
    display: inline-block;

    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
    border-right-width: 0;
    width: 160px;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-right-width: 1px;
}

.list-group-horizontal a {
    text-align: center;
}

.list-group-horizontal a:hover {
    background-color: rgba(30, 134, 73, 0.4);
    font-weight: bold;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

}

/* Vertical list groups green background on mouse hover */
a.list-group-item:hover {
    background-color: rgba(30, 134, 73, 0.4);
}

.rec-card {
    flex: 1 1 400px;
    max-width: 400px;
    min-width: 300px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.rec-card:hover {
    background-color: rgba(255, 255, 0, 0.25);
}

#scouting-list tr:hover {
    background-color: rgba(30, 134, 73, 0.4);
}

.post:hover {
    background-color: rgba(255, 255, 0, 0.25);
}


/* Shared cultivar page header */
.cultivar_header_table {
    width: 100%;
}

.cultivar_header_table th {
    width: 40%;
    padding-left: 10px;
    font-weight: bold;
}

.cultivar_header_table td {
    width: 60%;
    padding-left: 10px;
}

/* Recommendation notes on Analysis reports */
.report_notes_table {
    width: 100%;
}

.report_notes_table th {
    width: 25%;
    padding-left: 10px;
    font-weight: bold;
    word-wrap: break-word;
}

.report_notes_table td {
    width: 75%;
    padding-left: 10px;
    word-wrap: break-word;
}

/* Cultivar weather page */
.cultivar_weather_table {
    width: 100%;
}

.cultivar_weather_table th {
    width: 40%;
    padding-left: 10px;
    font-weight: bold;
}

.cultivar_weather_table td {
    width: 60%;
    padding-left: 10px;
}

.cultivar_weather_data {
    width: 100%;
}

.cultivar_weather_data th {
    width: 40%;
    padding-left: 10px;
    font-weight: bold;
}

.cultivar_weather_data td {
    width: 60%;
    padding-left: 10px;
}

.card_weather_hr {
    height: 10px;
    background-color: #228649;
    color: #209023;
    margin-top: 4px;
    margin-bottom: 8px;
    margin-left: 4px;
    margin-right: 4px;
}

.cultivar_rain_data {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.cultivar_rain_data th {
    width: 60%;
    padding-left: 10px;
    font-weight: bold;
}

.cultivar_rain_data td {
    width: 40%;
    padding-left: 10px;
}

.cultivar_base_hr {
    height: 12px;
    /*background-color: #228649;*/
    /*color: #209023;*/
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
    margin-right: 20px;
}

.cultivar_new_hr {
    height: 12px;
    background-color: #228649;
    color: #209023;
    margin-top: 12px;
    margin-bottom: 12px;
}

.cultivar_scouting_data {
    width: 100%;
}

.cultivar_scouting_data th {
    width: 20%;
    padding-left: 10px;
    font-weight: bold;
}

.cultivar_scouting_data td {
    width: 80%;
    padding-left: 10px;
    padding-bottom: 20px;
}

/* Leaf/Soil/Water/Nutrient Analysis pages */
.report_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.report_table_black {
    background-color: black;
    color: white;
    padding-left: 2px;
}

.report_table_gray {
    background-color: #595959;
    color: white;
    padding-left: 2px;
}

.leaf_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.leaf_chart_title {
    background-color: #228649;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 11px;
    height: 20px;
    padding-top: 3px;
}

.soil_chart_title {
    background-color: #54381C;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 11px;
    height: 20px;
    padding-top: 3px;
}

.water_chart_title {
    background-color: #203864;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 11px;
    height: 20px;
    padding-top: 3px;
}


.leaf_table_main {
    background-color: #77bc1f !important;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.leaf_table_sub {
    background-color: #228649 !important;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
}

.soil_table_main {
    background-color: #996633 !important;
    color: white;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.soil_table_sub {
    background-color: #54381C !important;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
}

.water_table_main {
    background-color: #B4C7E7 !important;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.water_table_sub {
    background-color: #203864 !important;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
}

.sna_table_main {
    background-color: #58135E !important;
    color: white;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.sna_table_sub {
    background-color: #8B4513 !important;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
}

.cna_table_main {
    background-color: #58135E !important;
    color: white;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.cia_table_main {
    background-color: #800000 !important;
    color: white;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}


/* Report table spacing and layout */
.leaf_table > thead > tr > th {
    border: none;
    font-weight: bold;
    text-align: left;
}

.leaf_table th {
    font-weight: bold;
    padding-left: 2px;
    border: none;
}

.leaf_table td {
    border: none;
    padding-left: 2px;
}

.leaf_table_black {
    background-color: black;
    color: white;
    padding-left: 2px;
}

/* Assay pages */
.assay_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.assay_table_main {
    background-color: #77bc1f;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.assay_table_sub {
    background-color: #228649;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
    padding-left: 6px;
}

.assay_table > thead > tr > th {
    border: none;
    font-weight: bold;
    text-align: left;
    padding-left: 6px;
}

.assay_table th {
    font-weight: bold;
    padding-left: 6px;
    border: none;
}

.assay_table td {
    border: none;
    padding-left: 6px;
}

.assay_table > caption {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
}

.assay_table_black {
    background-color: black;
    color: white;
}

/* Chart Div properties */
.chart_title {
    background-color: #228649;
    color: white;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 11px;
    height: 20px;
    padding-top: 3px;
}

.gray-divider {
    border-bottom: 4px solid lightgray;
}

.analysis_chart_div {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.analysis_chart {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 0;
    display: inline-block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

/* For image thumbnails */
.object-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover; /*auto-crop thumbnail to fit container*/
}

/* Fix tooltip flickering issue with Google Charts */
svg > g > g:last-child {
    pointer-events: none
}

/* Image handling */
.image-full-wrapper {
    box-sizing: border-box;
    margin-bottom: 5px;
    width: 90%;
}

.image-wrapper {
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    width: 50%;
}

/*.image-wrapper:nth-child(even)*/
/*{*/
/*padding-left:5px;*/
/*}*/

.image-wrapper:nth-child(odd) {
    padding-right: 5px;
}

.image-wrapper > img {
    width: 100%;
}

.image-wrapper > span {
    display: inline-block;
    width: 100%;
}

.assay-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(600px, 50%));
    grid-row-gap: 20px;
}

.edit-formset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

.bulk-order-formset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

/* Degree Days */
div#degree_days_content {
    display: none;
}

div#degree_days_loading {
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1000;
    cursor: wait;
}

.degree_days_form {
    font-size: 14px;
    font-family: "Montserrat !important", sans-serif;
}

.page-subtitle {
    padding-bottom: 20px;
    margin-top: 10px
}

/* Color-highlighted cells for temperature and wind reporting */
.cultivar_weather_cold {
    font-weight: bold;
    color: blue;
}

.cultivar_weather_very_cold {
    font-weight: bold;
    color: blue;
    font-style: italic;
    background-color: yellow;
}

.cultivar_weather_hot {
    font-weight: bold;
    color: red;
}

.cultivar_weather_very_hot {
    font-weight: bold;
    color: red;
    font-style: italic;
    background-color: yellow;
}

.cultivar_wind_high {
    font-weight: bold;
    color: red;
}

.cultivar_wind_very_high {
    font-weight: bold;
    color: white;
    font-style: italic;
}

/* Color-highlighted cells for LeafExtract and SoilSolution Analyses */
.analysis_cell_small {
    color: darkgreen !important;
    font-weight: bold;
}

.analysis_cell_medium {
    color: #2ECC71 !important;
    font-weight: bold;
}

.analysis_cell_large {
    background-color: yellow !important;
    font-weight: bold;
}

.analysis_cell_very_large {
    background-color: rgba(255, 0, 0, 0.5) !important;
    font-weight: bold;
}

/* Used when certain values are zero due to sample being too small */
.analysis_cell_zero {
    color: orange !important;
    font-weight: bold;
}

/* Used when certain values are zero due to sample being too small */
.analysis_cell_udl {
    color: purple !important;
    font-weight: bold;
    opacity: 0.7;
}

.analysis_cell_na {
    color: sienna !important;
    font-weight: bold;
    opacity: 0.7;
}

.analysis_cell_totaln {
    color: sienna !important;
    font-weight: bold;
    opacity: 0.7;
}

.analysis_cell_pct {
    color: grey !important;
    font-weight: bold;
    opacity: 0.7;
}

/* Prevent tooltip flicker when hovering over table cells */
.tooltip {
    pointer-events: none;
!important;
}

/* Custom HTTP Error Messages */
.http-error-handler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80vh;
}

.staff_horizontal_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    clear: both;
}

/* Headers above charts and on chart selection screen */
.chart_header_div {
    margin-top: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: green;
    color: white;
    font-size: 22px;
    font-weight: bold;
    border-radius: 8px;
}

.order_type_header_div {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: green;
    color: white;
    font-size: 18px;
    font-weight: bold;
}


/* Cultivar weather page */
.order_summary_table {
    width: 100%;
}

.order_summary_table th {
    width: 30%;
    padding-left: 10px;
    font-weight: bold;
}

.order_summary_table td {
    width: 70%;
    padding-left: 10px;
}

.front_page_hr {
    height: 12px;
    background-color: #228649;
    color: #209023;
    margin-top: 12px;
    margin-bottom: 12px;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}

.front_page_block {
    font-size: 16px;
    text-align: center;
}


.card-report-complete {
    background-color: rgba(0, 255, 0, 0.1);
    min-width: 340px !important;
}

.card-leaf-report-complete {
    background-color: rgba(0, 255, 0, 0.1);
    min-width: 340px !important;
}

.card-soil-report-complete {
    background-color: rgba(189, 189, 123, 0.3);
    min-width: 340px !important;
}

.card-sna-report-complete {
    background-color: rgba(189, 189, 123, 0.3);
    min-width: 340px !important;
}

.card-water-report-complete {
    background-color: rgba(153, 217, 234, 0.3);
    min-width: 340px !important;
}

.card-report-pending {
    background-color: rgba(255, 255, 0, 0.2);
    min-width: 340px !important;
}

/* Force a page break before this item when printing within browser */
.pagebreak {
    page-break-before: always;
}

.new-item-button {
    font-size: 12px;
    height: 40px;
    margin-bottom: 10px;
    min-width: 140px;
    padding: 10px;
}

.local-weather-small {
    font-size: 14px;
    font-weight: normal;
}

.local-weather-medium {
    font-size: 16px;
    font-weight: normal;
}

.local-weather-large {
    font-size: 18px;
    font-weight: bold;
}


/* Change base colors of Navbar Menu items */
.navbar-default .navbar-nav > li > a {
    color: rgba(0, 100, 0, 0.75);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: rgba(0, 100, 0, 0.75);
}

/* Give dropdown list element rounded corners */
.dropdown-menu {
    border-radius: 20px;
}

.dropdown-menu > li > a {
    color: black;
}

/* Add yellow background to hovered dropdown list element */
.dropdown-menu > li > a:hover {
    background-color: lightgreen;
    font-weight: bold;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

    /* Round the edges so it doesn't overlap the menu in the last element (rectangle vs. rounded) */
    border-radius: 20px;
}

.indented {
    margin-left: 2em;
}

/* Home screen toolbar buttons on report panels */
.home-panel-toolbar {
    float: right;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-top: -5px;
    margin-left: 10px;
    width: 40px;
    height: 40px;

}


.rec-list-header {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}


.glyphicon-fw {
    width: 1.28571429em;
    text-align: center;
}


ul.no-bullets {
    list-style-type: none; /* Remove bullets */
    color: white !important;
    padding-left: 10px;
}

.scroll-pane {
    height: 40%;
    max-height: 400px;
    /*overflow-x: scroll;*/
    overflow-y: scroll;
}

.home-reports {
    height: 80%;
    max-height: 800px;
    overflow-x: scroll;
    overflow-y: scroll;
}

.home-panel {
    background-color: rgb(30, 175, 78);
}

.home-panel h4, .home-panel h3, .home-panel > ul, .home-panel li, .home-panel a {
    color: white !important;
    background-color: rgb(30, 175, 78);
}

.home-panel > ul, .home-panel li, .home-panel a {
    font-size: 16px;
}

.home-panel hr {
    color: white !important;
    background-color: rgb(30, 175, 78);
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 10px;
    /*padding-bottom: 10px;*/
}

.home-panel h4, .home-panel h3 {
    color: white !important;
    background-color: rgb(30, 175, 78);
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.view-button {
    background-color: rgb(30, 175, 78);
    color: white;
    vertical-align: middle;
    border-radius: 16px;

    transition: color 0.5s, background-color 0.5s;
}

.view-button:hover {
    background-color: white;
    color: rgb(30, 175, 78);
    transform: scale(1.3, 1.3);
    transform-origin: center;

}

.blink {
    animation: blinker 1.4s linear infinite;
}

@keyframes blinker {
    75% {
        opacity: 0;
    }
}

.table-hover > tbody > tr:hover {
    background-color: yellow;
}

/* Override Bootstrap 3.4's using wrong header colors */
.panel-success > .panel-heading, .panel-success > .panel-heading a {
    color: white !important;
    background-color: green !important;
}

.panel-info > .panel-heading, .panel-info > .panel-heading a {
    color: white !important;
}

/* Watermark used on bottom right of most report pages */
.watermark {
    opacity: 0.4;
    font-size: 14px;
    cursor: default;

    position: fixed;
    z-index: 2147483647;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    right: 15px;
    bottom: 10px;
}

/* Stop Google charts tooltip flicker when mouse hovers over it within chart bounds */
svg > g > g.google-visualization-tooltip {
    pointer-events: none
}

svg > g:last-child > g:last-child {
    pointer-events: none
}

.google-visualization-tooltip {
    pointer-events: none;
}

.credit-banner {
    text-align: center;
    font-size: 18px;
}

.payment-page-button {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;

    width: 90%;
    min-width: 140px !important;
    text-align: center;
}

.det-rec-header {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: darkgreen;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.rounded_shadow {
    padding-top: 20px;
    border-radius: 30px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.6);
}


.actions_menu_popup {
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    width: 100%;
    min-width: 500px !important;
    font-size: 14px;
}

.actions_menu_popup ul li {
    margin-top: 0;
    margin-bottom: 12px;
    text-decoration: none;
    list-style-type: none;
}

.popup_btn {
    margin-left: 40px;
    margin-bottom: 20px;
    width: 80%;
    text-align: center;
}