/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}

h1 {
    text-align: center;
}

.map-link{display:inline-block !important}
a[href^="http://maps.google.com/maps"]{display:none}
a[href^="https://maps.google.com/maps"]{display:none}
a[href^="http://www.google.com"]{display:none}
a[href^="https://www.google.com"]{display:none}

.form-select {
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

.form-input {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

.form-label {
    margin-top: 10px;
    margin-bottom: 4px;
}

#login-overlay {
    min-height: 100%;
    width: 100%;
    background-color: lightgray;
    background-image: url(/img/home-background.jpg);
    background-size: cover;
    text-align: center;
    position: absolute;
    z-index: 9998;
}

.login-overlay-section {
    width: 100%;
}

.login-overlay-section input {
    padding: 10px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.login-overlay-section select {
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: white;
    width: 190px;
}

#login-logo {
    width: 150px;
    height: 150px;
    margin-top: 70px;
    border-radius: 75px;
}

#login-fields {
    margin-top: 70px;
}

#login-button {
    width: 180px;
    height: 40px;
    margin-top: 70px;
    margin-bottom: 50px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
}

#loading-message {
    height: 15px;
    bottom: 70px;
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    position: absolute;
    z-index: 99999;
    padding: 5px;
    display: none;
}

#status-message-container {
    width: 100%;
    top: 20%;
    position: absolute;
    display: none;
    z-index: 9999;
}

#status-message-container div {
    width: 80%;
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 9999;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding-bottom: 15px;
}

#devices-button, #reports-button, #settings-button, #farms-button, #selected-farm, #selected-block, #info-window, #devices-window, #mylocation-button, #blocks-button {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .5);
}

#devices-button, #reports-button, #settings-button, #mylocation-button, #blocks-button {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    left: 15px;
    position: absolute;
    z-index: 996;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    display: none;
    transition: all 0.4s;
}

#blocks-button {
    top: 110px;
}

#devices-button {
    top: 165px;
}

#reports-button {
    top: 220px;
}

#settings-button {
    top: 275px;
}

#mylocation-button {
    top: 330px;
}

#devices-button img, #reports-button img, #settings-button img, #mylocation-button img, #blocks-button img {
    padding-top: 4px;
}

#farms-button {
    width: 60px;
    height: 60px;
    border-radius: 35px;
    top: 35px;
    left: 5px;
    position: absolute;
    z-index: 996;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
    display: none;
}

#selected-farm {
    min-width: 180px;
    height: 30px;
    border-radius: 10px;
    top: 50px;
    left: 60px;
    position: absolute;
    z-index: 995;
    text-align: left;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .75);
}

#selected-block{
    height: 28px;
    border-radius: 0 0 30px 30px;
    top: 80px;
    left: 80px;
    position: absolute;
    z-index: 994;
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    padding-right: 25px;
    display: none;
}

#selected-grower{
    min-width: 50px;
    height: 28px;
    border-radius: 30px 30px 0 0;
    top: 21px;
    left: 40px;
    position: absolute;
    z-index: 994;
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    padding-right: 25px;
    display: none;
}

#device-info {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    position: absolute;
    z-index: 998;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: scroll;
}

#device-info h2 {
		text-align: center;
	}

#device-info button {
    margin-left: 10px;
    width: 100px;
    height: 40px;
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 15px;
}

#device-info div {
    width: 100%;
    text-align: center;
}

#device-info div span {
    padding-left: 3px;
    padding-right: 3px;
}

#device-info ul {
    margin: 0px;
    padding: 6px;
}

#device-info ul li {
    padding: 3px 3px 3px 3px;
    margin: 0px;
    list-style-type: none;
    border-radius: 5px;
    margin-bottom: 5px;
}

#device-info ul .list-category {
    padding: 6px 3px 6px 3px;
    margin: 0px;
    list-style-type: none;
    border-radius: 3px;
    margin-bottom: 3px;
    text-align: center;
}

#device-info table tr td span {
    vertical-align: super;
}

.modal-button {
    z-index: 998;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    position: absolute;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

#info-close, #window-close {
    z-index: 999;
}

#window-close, #info-close, #modal-window-close {
    top: 5px;
    right: 5px;
}

#half-info-close {
    bottom: 25%;
    right: 5px;
}

#half-open-device-button {
    bottom: 25%;
    left: 5px;
}

#half-open-to-full {
    bottom: 27%;
    margin-left: 45%;
}

#full-to-half-open {
    bottom: 94%;
    margin-left: 45%;
}

#modal-nav-container {
    display: flex;
    justify-content: center;
}

#create-new-tj-btn {
    width: 150px;
    height: 25px;
    margin-top: 5%;
    margin-left: 13%;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#new-tj-btn {
    width: 150px;
    height: 25px;
    margin-left: 25%;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#start-tracking-btn {
    width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#continue-tracking-btn {
    width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#stop-tracking-btn {
    width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#playback-btn {
    width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#playrange-btn {
    width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

.change-trackjob-options {
    width: 190px;
    height: 30px;
    margin-left: 4%;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

#tj-in-progress {
    text-align: center;
}

.tracking-coordinates-container  {
    overflow: scroll;
}

.tracking-coordinates-container  table {
    min-width: 100%;
}

.tracking-coordinates-container  th {
    border-radius: 3px;
    padding: 3px;
}

#new-trackjob-container {
    width: 100%;
    top: 20%;
    position: absolute;
    display: none;
    z-index: 9999;
}

#new-trackjob-container div {
    width: 80%;
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 9999;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding-bottom: 15px;
}

#new-trackjob-close {
    z-index: 10000;
}

#modal-window-back {
    z-index: 998;
    top: 5px;
    left: 5px;
}

#new-trackjob-close {
    top: 20%;
    right: 6%;
}

.tracking-interval-dd dd, .tracking-interval-dd dt {
     margin-left: auto;
     margin-right: auto;
     padding:0;
     position:relative;
 }

 .tracking-interval-dd dd {
     position:relative;
     width: 170px;
 }

 .tracking-interval-dd a, .tracking-interval-dd a:visited {
     text-decoration:none;
     outline:0;
 }

 .tracking-interval-dd dt a {
     display: block;
     width: 165px;
     margin-left: auto;
     margin-right: auto;
     background: #44508c;
 }

 .tracking-interval-dd dt a label {
     cursor:pointer;
     display:block;
     padding:7px;
     color:#fff;
 }

 .tracking-interval-dd dd ul {
     background:#fff;
     border:1px solid #ccc;
     color:#777;
     display:none;
     left:0;
     padding:0;
     position:absolute;
     top:2px;
     width:auto;
     min-width:165px;
     list-style:none;
 }

 .tracking-interval-dd span.value {
     display:none;
 }

 .tracking-interval-dd dd ul li a {
     padding:5px;
     display:block;
     color: #777;
 }

 #modal-window {
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 0px;
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     padding-left: 10px;  /*From Device-info styling*/
     padding-right: 10px; /*From Device-info styling*/
     position: absolute;
     z-index: 996;
     display: none;
     overflow-y: scroll;
     background-color: white;
     color: #44508c;
     border: 3px solid #44508c;
 }

 #modal-window h2 {
     text-align: center;
     background-color: white;
     color: #44508c;
 }

 #modal-window button {
    margin-left: 10px;
    width: 100px;
    height: 40px;
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
}

 #modal-window ul {
     margin: 0px;
     padding: 10px;
 }

 #modal-window ul li {
     padding: 5px 5px 5px 5px;
     margin: 0px;
     list-style-type: none;
     border-radius: 5px;
     margin-bottom: 5px;
 }

 #modal-window ul .list-category {
     padding: 10px 5px 10px 60px;
     margin: 0px;
     list-style-type: none;
     border-radius: 5px;
     margin-bottom: 5px;
     text-align: left;
 }

 #modal-window table tr td span {
    vertical-align: super;
}

#modal-window::-webkit-scrollbar {
    height: 4px;
    background-color: #F5F5F5;
}

#modal-window::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #F5F5F5;
}

#modal-window::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: lightgray;
}

 .tj-pause-play {
     display: inline-block;
     margin-right: 10px;
     /* padding: 5px 5px; */
     border: none;
     background: none;
 }

 #tj-play-options {
    width: 100%;
    text-align: center;
 }

 .tj-name-buttons {
     display: inline-block;
     margin-right: 10px;
     border-radius: 4px;
     padding: 5px 5px;
 }

 #saveEditButtons {
     text-align: center
 }
/*******************************************************************************************/

#graph-to-table-button {
    z-index: 999;
    bottom: 5px;
    left: 45%;
}

#table-to-graph-button {
    z-index: 999;
    top: 5px;
    /* left: 45%; */
    left: 48%;
    right: 50%;
}

#window-close, #info-close, #graph-to-table-button, #table-to-graph-button, #half-info-close, #half-open-device-button, #half-open-to-full, #full-to-half-open, #new-trackjob-close,
#modal-window-back, #modal-window-close {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    position: absolute;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

#graph-table button {
    margin-left: 10px;
    width: 60px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 15px;
}

#graph-table div {
    width: 100%;
    text-align: center;
    overflow: auto;
}

#graph-table div span {
    padding-left: 3px;
    padding-right: 3px;
}

.disabled{
  pointer-events: none;
  opacity: 0.65;
}

.activated{
  pointer-events: auto;
  opacity: 1;
}

.list-window {
    height: 96%;
    left: 5px;
    right: 5px;
    top: 5px;
    border-radius: 30px;
    position: absolute;
    z-index: 997;
    display: none;
    overflow-y: scroll;
}

.list-window h2 {
    text-align: center;
}

.list-window ul {
    margin: 0px;
    padding: 10px;
}

.list-window ul li {
    padding: 5px 5px 5px 5px;
    margin: 0px;
    list-style-type: none;
    border-radius: 5px;
    margin-bottom: 5px;
}

.list-window ul .list-category {
    padding: 10px 5px 10px 5px;
    margin: 0px;
    list-style-type: none;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}

#farm-search-bar {
    padding: 10px 5px 10px 5px;
    margin-left: 10px;
    border-color: white;
    border-radius: 5px;
    margin-bottom: 5px;
    border-style: hidden;
    left: 5px;
    width: 90%;
    text-decoration: underline;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#farm-search-bar:focus {
    outline: none;
}

.farm-list-grower-label {
    font-size: 10px;
}

.hide-left {
  transform: translateX(-100%);
}
.hide-top {
  transform: translateY(-100%);
}

#moisture-probe-status {
    margin-bottom: 15px;
}

.top-bottom-symbols {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

#youtube-help {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#probe-report-container  {
    overflow: scroll;
}

.theme-table {
    min-width: 100%;
}

.theme-table th {
    white-space: nowrap;
    border-radius: 3px;
    padding: 3px;
}

#probe-report-container td:nth-of-type(2) {
    text-align: left;
}

.theme-table td {
    white-space: nowrap;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

.sensor-status-indicator {
    display: inline-block;
    height: 20px;
    margin-right: 1px;
}

.rz-report-bar {
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
    line-height: 21px;
    text-align: left;
}

.sensor-status-indicator:first-of-type {
    border-radius: 4px 0 0 4px;
}
.sensor-status-indicator:last-of-type {
    border-radius: 0 4px 4px 0;
    margin-right: 0px;
}

#widget-container {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    border-radius: 3px;
}

.half-info-window {
    height: 30%;
    left: 5px;
    right: 5px;
    bottom: 0px;
    border-radius: 30px 30px 0 0;
    position: absolute;
    z-index: 998;
    display: none;
    overflow-y: scroll;
}

.overlayNameClass {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.overlayDescClass {
    text-align: left;
    font-size: 12px;
}

.overlayDate {
    text-align: left;
    font-size: 12px;
}

#sm_overlay_list {
    width: 100%;
}

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

#half-info h2 {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sliders_container {
  position: relative;
  margin-left: 10%;
  margin-right: 10%;
}

.sliders {
    margin-bottom: 3%;
}

.slider-names {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 1em;
}


input[type=range] {
  -webkit-appearance: none;
  margin-top: 2%;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  margin-bottom: 5%;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 10px;
  border-radius: 3px;
  cursor: pointer;
}

.hide-soil-overlay-button {
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
    padding: 5px 5px;
}

#widget-container iframe {
    height: 100%;
}

.button-small {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 15px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
    box-shadow: 2px 2px lightgray;
}

.surveys-container {
    overflow-x: auto;
    white-space: nowrap;
}

.surveys-container::-webkit-scrollbar {
    height: 4px;
    background-color: #F5F5F5;
}

.surveys-container::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #F5F5F5;
}

.surveys-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: lightgray;
}


input[type="text"] {
    width: 98%;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
}

input[type="date"] {
    width: 50%;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
}

input[type="time"] {
    width: 98%;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
}

input[type="datetime-local"] {
    width: 98%;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.inputFile {
  	width: 0.1px;
  	height: 0.1px;
  	opacity: 0;
  	overflow: hidden;
  	position: absolute;
  	z-index: -1;
}

.addNoteButton {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfileLabel {
    vertical-align: center;
    padding: 6px 6px 6px 6px;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    width: 85px;
}

.addNote {
    align: center;
    margin-bottom: 5px;
}

.noteFile {
  transition: 0.3s;
  width: 48px;
  height: 48px;
}

.notes-container {
    width:100%;
    border:1px solid #d3d3d3;
}

.note-content {
    width:100%;
    border:1px solid #d3d3d3;
}

.note-image {
    /* width: 20%;
    height: 20%; */
    border:1px solid #d3d3d3;
    /* float: left; */
}

.image {
  width: 48px;
  height: 48px;
  border:1px solid #d3d3d3;
  /* float: left; */
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 50px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Add Animation */
.modal-content{
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Modal Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 5000px){
  .modal-content {
    width: 100%;
}

#noteDescription {
    margin-top: 20px;
    color: #FFFFFF;
}

#modalHeader {
    margin-bottom: 30px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
}

#noteDateModal {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #FFFFFF;
}

/* #notesDisplay, tr, td  {
    text-align: left;
    font-size: 14px;
    border: 1px solid black;
} */

#notesDisplay {
    width: 100%;
}

.noteTitleClass {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.noteDescClass {
    text-align: left;
    font-size: 12px;
}

.noteDate {
    text-align: left;
    font-size: 12px;
}

.blank_row {
    height: 2px !important;
    background-color: #000000;
    background-image: linear-gradient(to right, #FFFFFF, #000000, #FFFFFF);
}

.checked_inline {
    display: inline-block;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 5px;
}

.runDateTime {
    vertical-align: center;
    text-align: center;
    padding: 6px 6px 6px 6px;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    width: 85px;
    margin-bottom: 10px;
}

.runDTButton {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.weather-stations-container  {
    overflow: scroll;
}

.weather-stations-container  table {
    min-width: 100%;
}

.weather-stations-container  th, .weather-stations-container  td, .weather-stations-container  table th {
    white-space: nowrap;
}

.weather-stations-container  th {
    border-radius: 3px;
    padding: 3px;
}

.weather-stations-container  td:nth-of-type(2) {
    text-align: left;
}
.weather-stations-container  td {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

#water-monitor-container  {
    overflow: scroll;
}

#water-monitor-container table {
    min-width: 100%;
}

#water-monitor-container th, #water-monitor-container td, #water-monitor-container table th {
    white-space: nowrap;
}

#water-monitor-container th {
    border-radius: 3px;
    padding: 3px;
}

#water-monitor-container td:nth-of-type(2) {
    text-align: left;
}
#water-monitor-container td {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

#difference-report-container  {
    overflow: scroll;
}

#difference-report-container table {
    min-width: 100%;
}

#difference-report-container th, #difference-report-container td, #difference-report-container table th {
    white-space: nowrap;
}

#difference-report-container th {
    border-radius: 3px;
    padding: 3px;
}

/* #difference-report-container td:nth-of-type(2) {
    text-align: left;
} */

#difference-report-container td {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

#graph-table-container table {
    min-width: 100%;
}

#graph-table-container th, #graph-table-container td, #graph-table-container table th {
    white-space: nowrap;
}

#graph-table-container th {
    border-radius: 3px;
    padding: 3px;
}

#graph-table-container td:nth-of-type(2) {
    text-align: left;
}
#graph-table-container td {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.irrigation-report,
.irrigation-report * {
	box-sizing: border-box;
}

.irrigation-report{
	width: 100%;
	height: 100%;

	padding: 15px;

	color: #3c3c3c;

	position: relative;
}

.irrigation-report-wrapper{
	width: 100%;
	height: 100%;

	overflow-x: auto;
}

.irrigation-headings{
	width: calc(24 * 50px + 100px);
	height: 50px;

	margin: 0 auto;

	border-bottom: 2px solid #3c3c3c;
}

.irrigation-headings-empty{
	width: 100px;
	height: 100%;

	float: left;
}

.irrigation-headings-hours{
	width: calc(24 * 50px);
	height: 100%;

	float: left;
}

.irrigation-heading-hour{
	width: 50px;
	height: 100%;

	line-height: 50px;
	text-align: center;

	font-size: 10px;
	font-weight: bold;

	float: left;
}

.irrigation-days{
	width: calc(24 * 50px + 100px);
	height: calc(7 * 50px);

	margin: 0 auto;
}

.irrigation-day{
	width: 100%;
	height: 50px;
}

.irrigation-day-heading{
	width: 100px;
	height: 100%;

	float: left;
}

.irrigation-day-hours{
	width: calc(100% - 100px);
	height: 100%;

	float: left;
}

.irrigation-day-hour{
	width: 50px;
	height: 50px;

	float: left;
}

.irrigation-day-heading{
	font-size: 13px;
}

.irrigation-day-heading .halved{
	width: 100%;
	height: 50%;
	line-height: 25px;
}

.irrigation-day-weekday{

}

.irrigation-day-date{
	font-size: 14px;
	color: #8a8a8a;
}

.spray-hour{
	width: 100%;
	height: 100%;

	text-align: center;

	position: relative;
}


.spray-hour.empty-hour{
	line-height: 50px;
	text-align: center;
}

.spray-hour .halved{
	width: 100%;
	height: 50%;

	line-height: 25px;
	font-size: 13px;
}

.spray-hour-main{
	color: #3c3c3c;
}

.spray-hour-extra{
	color: #000;
}

.spray-hour-item{
	width: 100%;
	height: 100%;

	line-height: 25px;
	font-size: 13px;
}

.spray-hour-item .unit-small{
	font-size: 8px;
}

.spray-hour-color{
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	z-index: -1;
}

.spray-rain,
.spray-hour-color.spray-rain{
	background-color: #5f5ff9;
}

.spray-rain-after,
.spray-hour-color.spray-rain-after{
	background-color: rgba(95,95,249,0.4);;
}

.spray-rain-before,
.spray-hour-color.spray-rain-before{
	background-color: rgba(95,95,249,0.7);
}

.spray-ideal,
.spray-hour-color.spray-ideal{
	background-color: #0f0;
}

.spray-good,
.spray-hour-color.spray-good{
	background-color: #32cd32;
}

.spray-ok,
.spray-hour-color.spray-ok{
	background-color: #ff0;
}

.spray-bad-1,
.spray-hour-color.spray-bad-1{
	background-color: #8a8a8a;
}

.spray-bad-2,
.spray-hour-color.spray-bad-2{
	background-color: #ff4000;
}

.spray-bad-3,
.spray-hour-color.spray-bad-3{
	background-color: #f44;
}

.spray-not-recommended,
.spray-hour-color.spray-not-recommended{
	background-color: #e79c39;
}


.irrigation-report-overlay{
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	display: none;
}

.irrigation-report-overlay-back{
	width: 100%;
	height: 100%;

	background-color: rgba(250, 250, 250, 0.6);
}

.irrigation-report-card{
	width: 200px;
	height: 200px;

	position: absolute;
	top: calc(50% - 100px);
	left: calc(50% - 100px);

	z-index: 1;
}

.irrigation-report-card-content{
	width: 100%;
	height: 100%;
}

.irrigation-report-card-nav{
	width: 50px;
	height: 50px;

	position: absolute;
	top: calc(50% - 25px);

	font-size: 30px;
	line-height: 50px;
	text-align: center;

	color: rgba(30, 30, 30, 0.8);
	cursor: pointer;
}

.irrigation-report-card-nav.prev{
	left: -50px;
}

.irrigation-report-card-nav.next{
	right: -50px;
}


.spray-card{
	width: 100%;
	height: 100%;

	position: relative;

	background-color: #f5f5f5;
	border-radius: 10px;
}

.spray-card-back{
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	z-index: 0;

	border-radius: 10px;
}

.spray-card-info{
	width: 100%;
	height: 100%;

	position: relative;
}

.spray-card-main-row{
	width: 100%;
	height: calc(100% - 50px);

	padding: 10px;
}

.spray-card-date{
	width: 100%;
	height: 50px;
}

.spray-card-date-hour,
.spray-card-date-day{
	width: 100%;
	height: 50%;

	text-align: left;
	line-height: 25px;
}

.spray-card-date-hour{
	font-size: 18px;
	color: #3c3c3c;
}

.spray-card-date-day{
	font-size: 13px;
	color: #000;
}


.spray-card-info-display{
	width: 100%;
	height: calc(100% - 50px);
}

.spray-card-reason,
.spray-card-value{
	width: 100%;
	height: 50%;

	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.spray-card-row{
	width: 100%;
	height: 50px;
}

.spray-card-extras{
	width: 100%;
	height: 50%;
}

.spray-card-extras.light{
	background-color: rgba(245, 245, 245, 0.5);
}

.spray-card-extras.white{
	background-color: rgba(245, 245, 245, 1);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.spray-card-extra{
	width: calc(100% / 3);
	height: 100%;

	float: left;

	text-align: center;
	line-height: 25px;

	font-size: 12px;
}

/* #graphTable td {
    text-align: right !important;
} */

#diseaseReportTable td {
    text-align: left;
}

.nav-arrow-img {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.nav-arrow-img-left {
    transform: rotate(90deg);
}
.nav-arrow-img-right {
    transform: rotate(270deg);
}
.nav-arrow-img-up {
    transform: rotate(180deg);
}
.nav-arrow-img-down {
    transform: rotate(0deg);
}
.survey-slider-value {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 5px;
}
.survey-select {
    margin-left: 5px;
    background-color: white;
    padding: 3px;
    border-radius: 5px;
}

.valve-status {
    vertical-align: text-bottom;
}

.valve-status-notconnected {
    color: lightgray;
}

.valve-status-notscheduled {
    color: lightblue;
}

.valve-status-scheduled {
    color: lawngreen;
}

.valve-status-active {
    color: blue;
}

.valve-status-error {
    color: red;
}

.valve-schedule-completed {
    color: lightgray;
}

.valve-schedule-active {
    color: blue;
}

.block-farm-indicator {
    font-size: 13px;
}

.block-list-item {
    padding-top: 1px;
    padding-bottom: 1px;
}

.poi-setup-container input[type="text"], .poi-setup-container input[type="number"], .poi-setup-container input[type="date"] {
    display: block;
    padding: 5px;
    font-size: 16px;
    width: 97%;
    height: 30px;
}

.poi-setup-container textarea {
    display: block;
    padding: 5px;
    font-size: 16px;
    width: 97%;
    height: 50px;
}

.poi-setup-container select {
    display: block;
    padding: 5px;
    font-size: 16px;
    height: 46px;
    width: 100%;
}

.poi-setup-container span {
    display: block;
    margin-top: 10px;
}