/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
    display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 6000;
}

.card-header-pic .card-header {
    height: 40vw;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.card-header-pic .card-content-padding .date {
    color: #8e8e93;
}

img.responsive {
    width: 100%;
    height: auto;
}

.navbar-img {
    max-height: 40px;
    padding-right: 5px;
}

.md .color-theme-lkp .navbar, .md .color-theme-lkp.navbar {
    background: #fbfcfb;
}

.md .navbar {
    color: #333;
}

.md body {
    color: #333;
    background-color: #f5fff5;
}

.md .page {
    background: #f5fff5;
}

a {
    background: #f5fff5;
}

.login-screen-content {
    background-color: #f5fff5;
}

.sheet-modal .sheet-modal-inner {
    background-color: #f5fff5;
}

.card-header-pic .card-header {
    height: 95%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    margin: 5px;
}

.mouse-hand:hover {
    cursor: pointer;
}

.mouse-cursor:hover {
    cursor: auto;
}

.card-header-pic .card-content-padding .date {
    color: #8e8e93;
}

.row {
    align-items: stretch;
}

.card-min-height {
    min-height: 150px;
}

.card-custom-header {
    text-transform: uppercase;
}

.link-list-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.hidden {
    display: none;
}

.size-20 {
    font-size: 20px
}

.size-12 {
    font-size: 12px;
    line-height: 0;
}

.subnavbar-inner {
    background-color: #fbfcfb;
}

.md .navbar .button:not(.button-fill):not(.button-fill-md), .md .subnavbar .button:not(.button-fill):not(.button-fill-md), .md .toolbar .button:not(.button-fill):not(.button-fill-md) {
    background-color: #4caf50;
}

.sub-header {
    font-size: 6pt;
}

.sub-header-line-height {
    line-height: 10px !important;
    padding-top: 9px !important;
}

.data-table-input-green {
    border-radius: 5px !important;
    padding: 5px !important;
    background-color: #4caf50 !important;
    color: #fff !important;
    font-weight: bold;
    min-width: 50px !important;
    max-width: 99.99% !important;
}

.data-table-input-red {
    border-radius: 5px !important;
    padding: 5px !important;
    background-color: rgb(244, 67, 54) !important;
    color: #fff !important;
    font-weight: bold;
    min-width: 50px !important;
    max-width: 99.99% !important;
}

.italic {
    font-style: italic;
}

.item-divider {
    font-size: large !important;
    font-weight: bold;
}

.sub-divider {
    font-size: medium !important;
    font-weight: normal !important;
    background: #fafafa !important;
}

.bold {
    font-weight: bold !important;
}

.underline {
    text-decoration: underline;
}

.highlightFocus:focus {
    box-shadow: 0 0 3pt 2pt red;
}

.large-textarea {
    height: 130px !important;
    overflow: hidden;
}

.wrapping-list {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.fixed {
    width: 95%;
    z-index: 5;
    position: fixed;
}

div.fixed-space {
    height: 60px;
}

div.fixed-space-large {
    height: 90px;
}

.chip-real-gray {
    background: #e0e0e0 !important;
    color: #000000 !important;
}

.chip-real-red {
    background: #f44336 !important;
    color: #ffffff !important;
}

.chip-real-white {
    background: #ffffff !important;
}

@media (min-width: 768px) {
    .col-right {
        padding-left: 25%;
    }
}

@media (max-width: 767px) {
    .col-right {
        padding-left: 15%;
    }
}

.background-color, .link-information-and-law, .panel-close {
    background-color: #f5fff5 !important;
}

.tab-link {
    color: white !important;
}

.color-green, .item-input-focused, .wrapping-list, .toggle, .checkbox, .checkbox-cell, .calendar-day-number, .calendar-prev-month-button, .calendar-next-month-button, .calendar-prev-year-button, .calendar-next-year-button, .range-slider {
    --f7-theme-color: #4caf50;
}

.text-color-green {
    --f7-theme-color-text-color: #4caf50;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-left-260 {
    margin-left: 260px;
}

.margin-left-40 {
    margin-left: 40px;
}

.link-color {
    color: #4caf50;
}

.width-49-percent {
    width: 49% !important;
}

.width-95-percent {
    width: 95%;
}

.color-black {
    color: black;
}

.color-red {
    color: red;
}

.color-white {
    color: white;
}

.soilinvestigation-upload-csv {
    color: green;
}

.dsn-online-upload-csv {
    color: green;
}

.width-20px {
    width: 20px;
}

.width-120px {
    width: 120px;
}

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

.soil-investigation-step3 {
    font-weight: bold;
    background-color: #F5F5F5;
}

.investigation-step3-icon {
    width: 37px;
    height: 27px;
    border-radius: 3px;
}

.nav-background-color {
    background-color: rgba(76, 175, 80, 0.5);
}

.background-dsn-online-red {
    background-color: #dddddd;
}

.background-image-soilinvestigation {
    background-image: url("../img/icons/soilinvestigation.png");
}

.background-image-microscope {
    background-image: url("../img/icons/microscope.png");
}

.background-image-event {
    background-image: url("../img/icons/event.png");
}

.background-image-workflow {
    background-image: url("../img/icons/workflow.png");
}

.background-image-fertilizer {
    background-image: url("../img/icons/fertilizer.png");
}

.background-image-matereial-flow-balance {
    background-image: url("../img/icons/material_flow_balance.png");
}

.background-image-organic-fertilizer {
    background-image: url("../img/icons/organic_fertilizer.png");
}

.background-image-mineral-fertilizer {
    background-image: url("../img/icons/mineral_fertilizer.png");
}

.background-image-favour-fertilizer {
    background-image: url("../img/icons/favour_fertilizer.png");
}

.background-image-own-fertilizer {
    background-image: url("../img/icons/own_fertilizer.png");
}

.background-image-sell-vertilizer {
    background-image: url("../img/icons/sell_vertilizer.png");
}

.background-image-buy-fertilizer {
    background-image: url("../img/icons/buy_fertilizer.png");
}

.background-image-substance {
    background-image: url("../img/icons/substance.png");
}

.background-image-crop-protection {
    background-image: url("../img/icons/crop_protection.png");
}

.background-image-animal-population {
    background-image: url("../img/icons/animal_population.png");
}

.background-image-nmin {
    background-image: url("../img/icons/nmin.png");
}

.background-image-dsn-online {
    background-image: url("../img/icons/dsn_online.png");
}

.background-image-delivery-note {
    background-image: url("../img/icons/delivery.png");
}

.background-image-agb {
    background-image: url("../img/icons/agb.png");
}

.background-image-pdf {
    background-image: url("../img/icons/pdf.png");
}

.button-stretch {
    width: 100%;
}

.background-dsn-step3 {
    background-color: #f4f4f4 !important;
}

.margin-left-plus-100 {
    margin-left: 100px;
}

.margin-left-minus-100 {
    margin-left: -100px;
}

.margin-left-plus-115 {
    margin-left: 115px;
}

.margin-left-minus-115 {
    margin-left: -115px;
}

.active-tab-index {
    background-color: rgba(156, 156, 156, 0.20);
}

.active-tab-index-navigation {
    box-shadow: inset 0px 0px 0px 3px rgba(76, 175, 80, 0.5);
}

.float-right {
    float: right;
}

.investigation-step1-border {
    border: 2px solid red;
}

.font-size-25 {
    font-size: 25px;
}

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

.font-size-12 {
    font-size: 12px;
}

.dsn-items:before {
    display: none !important;
}

.last-cultivated-hint {
    color: red;
    font-style: italic;
    font-weight: bold;
}

.fieldIsDue {
    background-color: #fff5cc;
}

.badge-large {
    font-size: 15pt;
    height: 22px;
    width: 22px;
}

.fab-cover {
    position: absolute;
    bottom: 0;
    height: 100px;
    z-index: -1;
    width: 100%;
}

.background-color-blue {
    background-color: #2196f3;
}

.top-minus-30 {
    top: -30px;
}

.white-space-normal {
    white-space: normal;
}

.background-color-orange {
    background-color: #ffa500;
}

.login-info {
    font-style: italic;
    font-weight: bold;
    font-size: large;
}

.login-registration-space {
    height: 50px;
}

.registration-border {
    border: black solid thick
}

.link {
    background-color: transparent;
}

.dropdown-arrow {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #666;
    pointer-events: none;
}