@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

/* More playing */
.inline {
    display: inline
}

.left {
    float: left;
}

.plant-selection {
    float: right;
}

.width-3_5 {
    width:3.5em;
}
.width-6 {
    width:6em;
}
.width-8 {
    width:8em;
}
.width-10 {
    width:10em;
}
.width-20 {
    width:20em;
}

/* This section is copied from Agilo stylesheet */
html * {
    margin:0;
    padding:0;
}
optgroup option {
    padding-left:1em;
}
a img {
    border:0 none;
}
#logo {
    float:left;
    width:auto;
}
body, th, td {
    -x-system-font:none;
    font-family:"Lucida Grande",'Open Sans', Arial,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:12px;
}

.control-in-focus {
    border: solid 3px #0099CC;
}

.check-box-focus {
    higth: 11pt;
    width: 11pt;
}

.edit_table tr td {
    padding:2px 2px;
}

.edit_table tr td table tr td {
  border-bottom:none;
}

.edit_table {
    width:100%;
}

.column-1-of-2 .edit_table td,
.column-2-of-2 .edit_table td {
  max-width:250px;
  word-wrap: break-word;
}

a {
    outline-style:none;
    outline-width:medium;
}
.sf-with-ui a:link,.sf-with-ui a:visited {
    color:#FFFFFF;
    text-decoration:none;
}
.sf-with-ui a:hover, .sf-with-uia:active {
    color:#FFFFFF;
}
h1 {
    padding-top:0.5em;
    font-size:20px;
    line-height:24px;
}
h2 {
    font-size:21px;
    line-height:24px;
}
h3 {
    font-size:18px;
    line-height:24px;
}
h4, h5 {
    font-size:14px;
    font-weight:bold;
}
h5 {
}
hr {
    margin-bottom:18px;
}
ul, ol {
    margin-bottom:18px;
    padding-left:1.5em;
}


/* Styles for main page */

.body {
    overflow:hidden;
}

#main-pane {
  padding-top:90px;
  margin-bottom:30px;
}

.top-pane {
    height:22px;
    /*line-height:72px;*/
    overflow:visible;
    position:absolute;
    top:7px;
    width:98%;
    z-index: 950;
    left: 5px;
}

.top-pane-nobar {
    height:22px;
    /*line-height:72px;*/
    overflow:visible;
    position:static;
    top:7px;
    width:98%;
    z-index: 950;
    left: 5px;
    vertical-align: top;
    font-size: 16px;
}
.top-pane * {
    vertical-align: top;
    font-size: 16px;
}

.main-menu {
    padding:1px;
  z-index:900;
}

#single {
    padding-top: 1em;
    padding-left: 1em;
    background: white;
}

.plant_record td {
    padding-left: 2em;
}

/* Table styles */
body
{
    line-height: 1.6em;
    font-size:13px;
}

inside_table td {
  border-bottom:none !important;
}

.hor-minimalist-b, .edit_table
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    /* margin: 45px; */
    /* width: 480px; */
    border-collapse: collapse;
    text-align: left;
}
.hor-minimalist-b th, .edit_table th
{
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 0px 2px;
    border-bottom: 2px solid #6678b1;
}
.hor-minimalist-b td, .edit_table td
{
    border-bottom: 1px solid #ccc;
    /*color: #669;*/
    padding: 0px 2px;
}
.hor-minimalist-b tbody tr:hover td, .edit_table tbody tr:hover td
{
    color: #009999;
}

.hor-minimalist-b tr #highlight, .edit_table tr #highlight
{
    background: #009999
}

.grid_alt_class {
    background: #f0fafa
}

.warning {
    color: #990033;
    border: 1px solid #ff9999;
	background-color: beige;
   border-radius: 3px;
   padding-top: 3px;
   line-height: normal;
}

.de-emphasize {
    color:#999999;
    font-style:italic;
}

.grid_row_created_today {
    background: #ccffcc
}

.ui-datepicker { z-index:5; }

.toolbar {
    height:20px;
    /*line-height:72px;*/
    overflow-x:auto;
    position:absolute;
    top:29px;
    width:98%;
    z-index: 15;
    left: 5px;
}

.toolbar * {
    vertical-align: top;
    margin-right: 1px;
    margin-left: 1px;
}

.toolbar-big-container{
  width:100%;
  height: 40px;
  margin-top: 38px;
  text-align: center;
  position: absolute;
  /*overflow-x: auto;
  overflow: visible;*/	
}

a.toolbar-link-big {
  text-align: center;
  margin: 0px 2px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  width: 30px;
  position: absolute;
  display: block;
  top: 0;
}

.toolbar-link-big img {
  border: none;
  width: 100%;
  z-index:999;
}

.toolbar-link-big div {
  display: none;
  position: absolute;
  top: -15px;
  height: 0;
  left: -65px;
  width: 180px;
  color: white;
  z-index: 999;
  text-align: center;
}

.toolbar-big {
  top: 2px;
  height: 30px;
  width: 800px;
  left: 300px;
  position: absolute;
}

.top-logo{
    z-index: 999;
    position:absolute;
    top:7px;
    left: 7px;
}

/*Scrolling tables with fixed header styles */
.wrap {
  margin-top:5px;
  margin-left: 0;
  padding: 0;
  position:relative;
  height:200px;
  overflow:hidden;
  width:auto;
  border: 1px #bde0f1 solid;
}

.inner {
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  position: static;
}

.thp  {
  background-color: #BDD9F9;
  color: #000000;
  border-bottom:   #bde0f1 1px solid;
  text-align: left;
}

.list1 th, .thp1 {
	background-color: #BDD9F9;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #7DAAEA;
	border-left:  1px solid #7DAAEA;
	padding-right: 8px;
	padding-left: 2px;
	padding-top: 3px;
  padding-bottom: 4px;
}

/* For kvhkosher.org */

.lock img {
  margin:0 10px;
}

.list2 th, .thp2 {
background-color: black;
        color: #000000;
        font-weight: bold;
        border-bottom: 1px solid #7DAAEA;
        border-left:  1px solid #7DAAEA;
        padding-right: 8px;
        padding-left: 2px;
        padding-top: 3px;
  padding-bottom: 4px;
}

.list td p {
  text-align:justify;
  margin:4px auto;
}

.frame {
  margin:5px -5px 5px -5px;
  border: 2px #bde0f1 solid;
  padding:5px;
}

.home_buttons_left{
  text-align: center;
}

.home_menu_left{
  margin: 0px 10px 0px 0px;
}

.home_menu {
  /*background: url("../images/right_block_bg_btm.gif") no-repeat scroll left bottom transparent;*/
  background: #fce6cb;
  border: 2px solid #bbbbbb;
  display: block;
  height: auto !important;
  min-height: 182px;
  position: relative;
  width: 230px;
  border-radius:3px;
}

.home_menu ul, ol {
  list-style: none outside none;
}
.home_menu ul li{
  background: url("../images/right_block_separate.png") no-repeat scroll center bottom transparent;
  color: #505050;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: -3px 0;
  padding: 7px 3px 7px 0;
  position: relative;
}

.home_menu ul li a, .home_menu ul li div {
  color: #505050;
  display: block;
  margin-top: -2px;
  padding: 7px 5px 10px 15px;
  text-decoration: none;
  font-size: 17px;
  line-height: 22px;
  text-shadow: 0.01em 0.1em 0 #BDD9F9;
}

.home_menu ul li ul li {
  padding-left: 25px;
} 


/* button styles - to add the class to rails buttons - e.g. :class => 'home_button'; otherwise, use format such as input[type="submit"]:hover */
.home_button {
  /*background: url("../images/tab_bg.gif") no-repeat scroll left top transparent;*/
  background: #fce6cb;
  border: 2px solid #bbbbbb;
  color: #505050;
  display: block;
  float: left;
  height: 37px;
  padding-top: 16px;
  padding-left: 0px;
  margin-bottom: 8px;
  text-decoration: none;
  text-shadow: 0.01em 0.1em 0 #BDD9F9;
  font-size: 17px;
  text-align: center;
  line-height: 22px;
  width: 270px;
  border-radius:3px;
}

.home_buttons ul, ol {
  list-style: none outside none;
  margin-bottom:0;
  margin-top: 0px;
  padding-left: 0px;
}

.home_buttons{
  margin-top: 0px;
  margin-right: 0px;
}

#contactUs {
  display: block; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 4em; /* Place the button at the bottom of the page */
   right: 2em; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   border: none !important; /* Remove borders */
   outline: none; /* Remove outline */
   background-color: #4f5fb187 !important; /* Set a background color */
   height: 3EM;
   width: 3em;
   background-image: url(/images/contact-transparent.png) !important;
   background-position: center;
   background-size: 2.5em 2.5em;
   background-repeat:no-repeat;
   color: white; /* Text color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: .2em .35em .2em .35em; /* Some padding */
   border-radius: 1em; /* Rounded corners */
   font-size: 15px; /* Increase font size */
   font-family: "Open Sans", sans-serif;
}

#contactUs:hover {
  background-color: #4f5fb1db !important; /* Add a dark-grey background on hover */
  background-image: url(/images/contact.png) !important;
}    

#helpButton {
   display: block; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 8em; /* Place the button at the bottom of the page */
   right: 2em; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   border: none !important; /* Remove borders */
   outline: none; /* Remove outline */
   background-color: #4f5fb187 !important; /* Set a background color */
   height: 3EM;
   width: 3em;
   background-image: url(/images/help-bw-transparent.png) !important;
   background-position: center;
   background-size: 3.3em 3.3em;
   background-repeat:no-repeat;
   color: white; /* Text color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: .2em .35em .2em .35em; /* Some padding */
   border-radius: 1em; /* Rounded corners */
   font-size: 15px; /* Increase font size */
   font-family: "Open Sans", sans-serif;
}


#helpButton:hover {
  background-color: #4f5fb1db !important; /* Add a dark-grey background on hover */
  background-image: url(/images/help-bw.png) !important;
}    

#topBtn {
  display: block; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 8em; /* Place the button at the bottom of the page */
   right: 2em; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   border: none !important; /* Remove borders */
   outline: none; /* Remove outline */
   background-color: #4f5fb187 !important; /* Set a background color */
   height: 3EM;
   width: 3em;
   background-image: url(/images/top-transparent.png) !important;
   background-position: center;
   background-size: 2.5em 2.5em;
   background-repeat:no-repeat;
   color: white; /* Text color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: .2em .35em .2em .35em; /* Some padding */
   border-radius: 1em; /* Rounded corners */
   font-size: 15px; /* Increase font size */
   font-family: "Open Sans", sans-serif;
}

#topBtn:hover {
  background-color: #4f5fb1db !important; /* Add a dark background on hover */
  background-image: url(/images/top.png) !important;
}

input[type="submit"]:disabled, .push_button:disabled, a .push_button:disabled{
  opacity:30% !important;
}

 input[type="submit"], .push_button, a .push_button {
  /*background-color: #3C7D8A !important;
  border: 1px solid !important;
  border-color: #3C7D8A !important;
  color: white !important;*/
  padding: 7px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 12px !important;
  margin: 4px 1.5px !important;
  cursor: pointer !important;
 text-transform: uppercase !important;
  font-family:'Open Sans',Sans-serif !important;
  font-weight: 600 !important;
  border-radius: 3px !important;
}

input[type="submit"]:hover, .push_button:hover, a .push_button:hover, 
input[type="submit"]:focus, .push_button:focus, a .push_button:focus {
  background-color: #cae3e8 !important;
  border: 1px solid !important;
  border-color: #3C7D8A !important;
  color: #3C7D8A !important;
  /*padding: 2px 7px !important;*/
  transition: .5s;}

/*funky new styling*/
 input.new-push-button, input.new-push-button:hover,
 a.new-push-button, a.new-push-button:hover {
    padding: 10px 50px !important;
    font-size: 18px !important;
    text-transform:none !important;
    height:50px;
    border-radius:3px !important;
    padding: 10px 20px !important;
}

input[type="submit"]:disabled:hover,
.push_button:disabled:hover,
a.push_button.disabled:hover {
  background-color: #920025 !important; /* default bg */
  color: white !important; /* default color */
  border-color: #920025 !important;
  cursor: not-allowed !important;
  opacity: 30% !important;
  box-shadow: none !important;
}


.current-value {
  color: #027303;
}

.previous-value {
  color: #be311f;
}

.float-right {
  float: right;
}

#js-notice {
  font-weight: bold;
  font-size: 14;
  color: #027303;
}

.required {
  font-weight: bold;
  font-size: 14;
  color: #ff3333;
}

.pointer {
  background: url(/images/point.gif) repeat-y scroll 50.5% 0% transparent;
  height: 4px
}

.active {
  border: 2px solid #3aadff;
  color: #5a6c79;
}

.visited {
  color: #2589d5;
}

.forward {
  color: black;
}


.login-button{
  background-image: url("/public/images/loginb.jpg");
  height: 40px;
  width: 101px;
  border: solid 0 white;
  cursor: pointer;
  text-indent: -9999px;
}

/*for google directions icon*/
.directions-container {
float:right;
margin-right:50px;
text-align:center;
}

.directions-container img {
width:60px;
height:60px;
}

/* for android icon */
.icon-container {
/*float:center;
  width:20%;*/
margin:50px auto;
/*text-align:center;*/
}

.icon-container a {
    font-size:110% !important;
    font-weight:bold !important;
}

.icon-container img {
width:60px;
height:60px;
  object-fit: cover;
    overflow: hidden;
}

.bottom-button-container {
 width:274px;margin:0 auto 30px auto;
}

/*for use in product_utils/pending_index*/
#expand_all_btn, #collapse_all_btn {
  font-weight:bold;
  border:1px solid #2e6e9e;
  border-radius:4px;
  padding:0 3px;
}
#collapse_all_btn {
  display:none;
}

/* Style the tab */
.tab {
    border-bottom: 1px solid;
  padding: 0;
}

#top-save {
 /* margin-top:10px !important;*/
}

/* Style the buttons inside the tab */
.tab button {
  display: inline; 
    border: solid;
    border-width: 1px 1px 0px 1px;
    margin: 0 0 -3px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  font-family:'Open Sans';
  padding: 5px 10px 2px 10px;
  background:white;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  
  background-color: #ccc;
  padding-bottom: 4px;
  border-bottom:none;
  overflow:visible;
  
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  margin-left:-10px;
  width:100%
}

.tab-column {
  border: 1px solid;
 border-color: #3C7D8A; /*was# #469aac;*/
  border-radius: 3px; /* added to match push_button */ 
  padding: 10px;
  margin: 5px 0px 5px 0px;
  background-color: #fbfcef;
  vertical-align: top;
  width:50%;
}

.new::before{
  content:'New';
  border:1px solid !important;
  border-radius:2px;
  font-size:.7em;
  margin-right:2px;
  background-color:#ecec02;
  color: #006699;
}

.new-feature::before{
  content:'New Feature';
  border:1px solid !important;
  border-radius:2px;
  font-size:.7em;
  margin-right:2px;
  background-color:#ecec02;
  color: #006699;
}


.new:visited::before{
  content:none;
}

.new-field {
  border: 2px yellowgreen solid;
}

.new-p:before {
  content: 'New!'
  font-weight: bold;
  color:green;
  display:block;
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #79767685;
    z-index: 1000;
}
 
#loader-wrapper .loader-section.section-left {
    left: 0;
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
}

#loader {
    position: fixed;
    z-index: 1001; /* anything higher than z-index: 1000 of .loader-section */
    top:45%;
    left:40%;
}

.logo-loader{
  width:250px;
}

span.logo-loader{
  font-size: 150%;
  color:#3c3a3a;
  padding:30%;
  font-weight:bold;
  opacity:75%;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.3s 0.3s ease-out;
            transition: all 0.3s 0.3s ease-out;
}
.loaded #loader-wrapper {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
 
        -webkit-transition: all 0.3s 0.6s ease-out;
                transition: all 0.3s 0.6s ease-out;
}

.produce-name {
  padding-bottom:10px;
  font-size:200%;
  font-weight:bold;
  line-height:normal;
}

td .produce-name {
  width:300px
}

.produce-level, .produce-common-infestation {
  font-size:125%;
  padding-bottom:5px;
  padding-left: 10px;
  font-weight:bold;
  text-align:right;
}

.produce-picture-image {
  height:100px;
  margin-right: 20px !important;
}

.uri-picture-image {
  height:200px;
}

.mini-field {width:25px !important;}

.vertical-label {font-size:larger;}

.center-div, .center-div-label{
  width:60%;}

.center-div input[type="text"] {
  width: 90% !important;
}