* {
  box-sizing: border-box;
}

header #eodheader {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, #baa1e0, #80ecba);
}
header #eodheader a {
  color: green;
  text-decoration: none;
  font-style: italic;
  font-size: 80px;
}

.optionDiv {
  width: 100%;
  display: flex;
  margin-top: 10px;
}
.optionDiv .navselect {
  color: #fff;
  text-decoration: none;
  flex-basis: 16.66667%;
  flex-direction: row;
  flex-wrap: nowrap;
  text-align: center;
  border-radius: 30px;
  padding: 10px;
  font-size: 20px;
  background-image: linear-gradient(to right, #31B404, #088A29);
  border-left: 1px solid green;
  border-top: 1px solid green;
  border-bottom: 1px solid green;
}
.optionDiv .navselect:last-child {
  border-right: 1px solid green;
}
.optionDiv a:hover {
  cursor: pointer;
}

footer {
  margin-top: 20px;
}
footer #bottomnav {
  width: 100%;
  display: grid;
}
footer #bottomnav img {
  width: 100%;
  border-radius: 15px;
}
footer #nipgrlink {
  width: 100%;
  text-align: center;
  background-image: linear-gradient(to right, #31B404, #088A29);
  line-height: 2;
  margin-top: 5px;
  margin-bottom: -2px;
}
footer #nipgrlink a {
  color: #fff;
}

body {
  margin: 0;
  padding: 8px;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.container_top_button {
  position: relative;
}
.container_top_button #scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 8px;
}
.container_top_button #scrollTopBtn:hover {
  background-color: #4ba7a2;
}
@media only screen and (max-width: 767px) {
  .container_top_button #scrollTopBtn {
    bottom: 15px;
    right: 15px;
    padding: 8px;
    font-size: 15px;
  }
}

.mainPageOverlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
}
.mainPageOverlay.showOverlay {
  display: block;
}
.mainPageOverlay .mainPageLoader {
  display: none;
  position: relative;
  /* Safari */
}
.mainPageOverlay .mainPageLoader.showloader {
  display: block;
}
.mainPageOverlay .mainPageLoader .loader {
  margin-left: auto;
  margin-right: auto;
  margin-top: 180px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.input_dropdown_outer_div {
  position: relative;
}
.input_dropdown_outer_div .datalistInput {
  width: 100%;
  padding: 12px 20px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 20px;
  outline: none;
}
.input_dropdown_outer_div .datalistInput.inputBottomBorder {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.input_dropdown_outer_div .dropdownlistwrap {
  overflow: hidden;
  border-bottom-right-radius: 20px;
  position: absolute;
  z-index: 100;
  width: 100%;
}
.input_dropdown_outer_div .dropdownlistwrap .dropdownlist {
  display: none;
  background-color: #fff;
  border: 1px solid green;
  margin: 0;
  padding: 0;
  height: 100%;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.input_dropdown_outer_div .dropdownlistwrap .dropdownlist li {
  list-style-type: none;
  padding: 8px;
  cursor: pointer;
  border-top: 1px solid green;
  width: 100%;
}
.input_dropdown_outer_div .dropdownlistwrap .dropdownlist li:first-child {
  border-top: 0;
}
.input_dropdown_outer_div .dropdownlistwrap .dropdownlist li:hover {
  background-color: green;
}
.input_dropdown_outer_div .dropdownlistwrap .dropdownlist.showDropDownList {
  display: block;
}

.cross-icon {
  display: none;
  position: absolute;
  top: 10px;
  right: 40px;
  opacity: 0.3;
}
.cross-icon:hover {
  opacity: 1;
  cursor: pointer;
}
.cross-icon:before, .cross-icon:after {
  position: absolute;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: red;
}
.cross-icon:before {
  transform: rotate(45deg);
}
.cross-icon:after {
  transform: rotate(-45deg);
}

.down-arrow {
  width: 12px;
  height: 8px;
  position: absolute;
  top: 16px;
  right: 10px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -ms-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.down-arrow polygon {
  fill: gray;
  stroke: black;
  stroke-width: 1;
}
.down-arrow:after {
  float: none;
  content: '';
  display: block;
}
.down-arrow.up-arrow {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.greenButton {
  width: 50%;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 8px;
  font-size: 18px;
  background-image: linear-gradient(to right, #31B404, #088A29);
  border: 1px solid green;
  flex-basis: 50%;
  outline: none;
}
.greenButton:hover {
  cursor: pointer;
}

.whiteButton {
  cursor: pointer;
  font-weight: 600;
  width: 50%;
  padding: 10px;
  border-radius: 50px;
  border: 0;
  color: green;
  font-size: 20px;
  background-color: #fff;
  outline: none;
}

.error {
  border: 1px solid red !important;
}

.error-outer {
  position: relative;
  width: 500px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 125px;
  border: 1px solid gray;
  border-radius: 20px;
}
.error-outer .error-inner {
  padding: 25px;
}
.error-outer .error-inner .errorDiv {
  text-align: center;
  color: red;
}
.error-outer .error-inner .buttonDiv {
  text-align: center;
  margin-top: 25px;
}
.error-outer .error-inner .buttonDiv button {
  width: 100px;
  height: 50px;
  border-radius: 50px;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.error-outer .error-inner .buttonDiv button .fa {
  font-size: 50px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clearFloat {
  content: '';
  float: none;
  clear: both;
}

.gapclass {
  margin-top: 18px;
  width: 100%;
}

.main {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #33FF3C, #088A29);
  border-radius: 15px;
  margin-top: 10px;
}
.main #searchblock {
  width: 100%;
  max-width: 500px;
  padding-top: 100px;
  padding-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
}
.main #searchblock #eodDiv {
  text-align: center;
}
.main #searchblock #eodDiv span {
  font-size: 75px;
  color: #fff;
}
.main #searchblock #searchOuterDiv {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  display: flex;
}
.main #searchblock #searchOuterDiv input:first-child {
  font-style: italic;
}
.main #searchblock #moreOuterDiv {
  display: none;
  margin-top: 10px;
  text-align: center;
}
.main #searchblock #moreOuterDiv #inputchemicalname input::-webkit-calendar-picker-indicator {
  display: none;
}
.main #searchblock #moreOuterDiv #moreSearchDiv {
  margin-top: 10px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.main #descDiv {
  width: 100%;
  background-image: linear-gradient(to right, #31B404, #088A29);
  margin-top: 20px;
}
.main #descDiv #descInnerDiv {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.main #descDiv #descInnerDiv #descImageDiv {
  flex-basis: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main #descDiv #descInnerDiv #descImageDiv img {
  width: 60%;
}
.main #descDiv #descInnerDiv #descDescDiv {
  flex-basis: 60%;
}
.main #descDiv #descInnerDiv #descDescDiv p {
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
}
.main #descDiv #descInnerDiv #descDescDiv p a {
  text-transform: uppercase;
}
.main.search {
  background-color: white;
  background-image: none;
  border: 1px solid green;
  outline: none;
}
.main.search .m_Search_div {
  text-align: right;
  margin-top: 10px;
}
.main.search .m_Search_div .button_container_div form {
  display: inline;
}
.main.search .m_Search_div .whiteButton {
  border: 1px solid green;
  max-width: 200px;
  font-size: 18px;
}
.main.search .m_Search_div .modifySearchButton {
  background-image: linear-gradient(to right, #33FF3C, #088A29);
  cursor: pointer;
  border: none;
  border: 0;
  outline: 0;
  font-size: 18px;
  color: white;
  border-radius: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 200px;
  margin-right: 10px;
}
.main.search .search_criteria_text_div {
  text-align: center;
  font-size: 45px;
  color: #acdede;
}
.main.search table, .main.search td, .main.search th {
  border-collapse: collapse;
}
.main.search .table_search_criteria_div, .main.search .table_content_div {
  border-top: 1px solid green;
  border-radius: 15px;
}
.main.search .table_search_criteria_div table, .main.search .table_content_div table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.main.search .table_search_criteria_div table th, .main.search .table_search_criteria_div table td, .main.search .table_content_div table th, .main.search .table_content_div table td {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.main.search .table_search_criteria_div table tr:first-child th:first-child, .main.search .table_content_div table tr:first-child th:first-child {
  border-top-left-radius: 15px;
}
.main.search .table_search_criteria_div table tr:first-child th:last-child, .main.search .table_content_div table tr:first-child th:last-child {
  border-top-right-radius: 15px;
}
.main.search .table_search_criteria_div table tr:last-child td:first-child, .main.search .table_content_div table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}
.main.search .table_search_criteria_div table tr:last-child td:last-child, .main.search .table_content_div table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}
.main.search .table_search_criteria_div {
  margin-top: 10px;
}
.main.search .table_search_criteria_div .table_search_criteria tr {
  background-color: #d8ecec;
}
.main.search .table_search_criteria_div .table_search_criteria tr td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 0 !important;
}
.main.search .table_search_criteria_div .table_search_criteria tr td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0 !important;
}
.main.search .table_search_criteria_div.all_result_div {
  margin-top: 0;
  border-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.main.search .table_content_div .table_content tr:nth-child(even) {
  background-image: linear-gradient(to right, #33FF3C, #088A29);
}
.main.search .table_content_div .table_content th {
  color: red;
  background-image: linear-gradient(to right, #FFEE58, #ccb879);
}
.main.search .table_content_div .table_content th a {
  text-decoration: none;
}
.main.search .table_content_div .table_content th span {
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 16px;
  background-position: 4px 0px;
  background-size: 12px 16px;
  cursor: pointer;
  background-image: url("data:image/png;base64,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");
}
.main.search .table_content_div .table_content th span.up_arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.main.search .table_content_div .table_content th, .main.search .table_content_div .table_content td {
  border-right: 1px solid red;
}
.main.search .table_content_div .table_content th:last-child, .main.search .table_content_div .table_content td:last-child {
  border-right: none;
}
.main.errorMain {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 500px !important;
}
.main.errorMain .errorInnerDiv {
  font-size: 30px;
  color: red;
}
.main.modifysearch .m_search_outer_div {
  padding-top: 100px;
  padding-bottom: 100px;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .m_header_div {
  text-align: center;
  font-size: 45px;
  color: #acdede;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .text_button_outer_div .text_button_inner_div .floatLeft {
  width: 70%;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .text_button_outer_div .text_button_inner_div .floatLeft .datalistInput.inputBottomBorder {
  border-left: 1px solid green;
  border-right: 1px solid green;
  border-top: 1px solid green;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .text_button_outer_div .text_button_inner_div .floatRight {
  width: 25%;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .text_button_outer_div .text_button_inner_div .floatRight .greenButton {
  width: 100%;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .m_search_all_div {
  text-align: center;
  margin-top: 35px;
}
.main.modifysearch .m_search_outer_div .m_search_inner_div .m_search_all_div .whiteButton {
  border: 1px solid green;
}
.main.profilesearch .profile_outer_div {
  padding-top: 100px;
  padding-bottom: 100px;
}
.main.profilesearch .profile_outer_div .profile_inner_div {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.main.profilesearch .profile_outer_div .profile_inner_div .profile_header_div {
  text-align: center;
  font-size: 45px;
  color: #acdede;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div {
  display: flex;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div input[type=button] {
  background-color: #ffffff;
  border: 1px solid #4CAF50;
  color: #4CAF50;
  padding: 12px;
  font-size: 20px;
  text-decoration: none;
  cursor: pointer;
  width: 50%;
  outline: none;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div input[type=button].left_button {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div input[type=button].right_button {
  border-left: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div input[type=button]:hover {
  text-decoration: underline;
}
.main.profilesearch .profile_outer_div .profile_inner_div .outer_button_div input[type=button].selected {
  background-color: #4CAF50;
  border: 1px solid #568858;
  color: #ffffff;
}
.main.profilesearch .profile_outer_div .profile_inner_div .profileClass {
  display: none;
}
.main.profilesearch .profile_outer_div .profile_inner_div .profileClass.selected {
  display: block;
}
.main.profilesearch .profile_outer_div .profile_inner_div .profile_search_button_div {
  text-align: center;
  margin-top: 35px;
}
.main.profilesearch .profile_outer_div .profile_inner_div .profile_search_button_div .greenButton {
  width: 40%;
}
.main.drawchart {
  border-radius: 0;
  background-image: none;
}
.main.drawchart .header_div {
  text-align: center;
  font-size: 25px;
  background-color: #c4f7c4;
  padding: 15px;
}
.main.drawchart .chart_outer_div {
  border: 1px solid green;
}
.main.drawchart .chart_outer_div .tab_header_outer_div table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.main.drawchart .chart_outer_div .tab_header_outer_div table td {
  text-align: center;
  padding: 15px;
  font-size: 20px;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
}
.main.drawchart .chart_outer_div .tab_header_outer_div table td:last-child {
  border-right: 0;
}
.main.drawchart .chart_outer_div .tab_header_outer_div table td:hover {
  background-color: #31B404;
  cursor: pointer;
}
.main.drawchart .chart_outer_div .tab_header_outer_div table td.active {
  cursor: default;
  border-bottom: 0;
  color: #31B404;
  background-color: #FFFFFF;
}
.main.drawchart .chart_outer_div .chart_image_div {
  width: 100%;
}
.main.drawchart .chart_outer_div .chart_image_div img {
  display: none;
  width: 100%;
}
.main.drawchart .chart_outer_div .chart_image_div img.active {
  display: block;
}

#aboutDiv {
  margin-top: 20px;
}
#aboutDiv #descInnerDiv {
  display: flex;
}
#aboutDiv #descInnerDiv #descImageDiv {
  flex-basis: 20%;
  width: 20%;
}
#aboutDiv #descInnerDiv #descImageDiv img {
  width: 100%;
  border-radius: 150px;
}
#aboutDiv #descInnerDiv #descDescDiv {
  flex-basis: 80%;
  width: 80%;
  padding-left: 56px;
}
#aboutDiv #descInnerDiv #descDescDiv p:last-child {
  text-align: center;
  padding-top: 20px;
}
#aboutDiv #descInnerDiv #descDescDiv p:last-child a {
  background-image: linear-gradient(to right, #33FF3C, #088A29);
  padding: 15px 50px;
  border-radius: 36px;
  font-size: 25px;
  text-decoration: none;
  color: brown;
}

#contactDiv {
  padding-bottom: 50px;
  padding-top: 50px;
}
#contactDiv .row {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 650px) {
  #contactDiv .row {
    display: flex;
  }
}
#contactDiv .row:first-child {
  margin-top: 25px;
}
#contactDiv .leftPhoto {
  text-align: center;
}
@media only screen and (min-width: 650px) {
  #contactDiv .leftPhoto {
    flex-basis: 23%;
    max-width: 23%;
  }
}
#contactDiv .leftPhoto img {
  width: 100%;
}
@media only screen and (max-width: 649px) {
  #contactDiv .leftPhoto img {
    max-width: 150px;
  }
}
@media only screen and (min-width: 650px) {
  #contactDiv .rightInfo {
    flex-basis: 77%;
    max-width: 77%;
    padding-left: 35px;
  }
}
#contactDiv .rightInfo h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 650px) {
  #contactDiv .rightInfo .descblock {
    text-align: center;
  }
  #contactDiv .rightInfo .descblock h4 {
    margin-bottom: 0;
  }
}
#contactDiv #contact-outer {
  display: none;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}
#contactDiv #contact-outer .contact_container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
#contactDiv #contact-outer .contact_container .contact-div {
  margin-bottom: 16px;
}
#contactDiv #contact-outer .contact_container .contact-div input[type="text"], #contactDiv #contact-outer .contact_container .contact-div select, #contactDiv #contact-outer .contact_container .contact-div textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  resize: vertical;
}
#contactDiv #contact-outer .contact_container .contact-div:last-child {
  text-align: center;
}
#contactDiv #contact-outer .contact_container .contact-div:last-child .whiteButton {
  border: 1px solid #80808094;
  border-radius: 30px;
}

/* Browse By section on Main Page    */
.browseBySection {
  width: 100%;
  background-image: linear-gradient(to right, #33FF3C, #088A29);
  border-radius: 20px;
  margin-top: 10px;
  position: relative;
}
.browseBySection .mainPageOverlay .loader {
  margin-top: 80px;
  width: 75px;
  height: 75px;
}
.browseBySection #bb-label {
  text-align: center;
  font-size: 30px;
  color: #fff;
  padding-top: 20px;
}
.browseBySection .navselect {
  flex-basis: 50%;
}
.browseBySection .navselect#bb-location-a {
  display: none;
}
.browseBySection .navselect:hover {
  text-decoration: underline;
}
.browseBySection .navselect.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: white;
  background-image: none;
  color: black;
}
.browseBySection #bb-family-alphabet, .browseBySection #bb-genus-alphabet {
  text-align: center;
}
.browseBySection #bb-family-alphabet a, .browseBySection #bb-genus-alphabet a {
  text-decoration: underline;
  margin-left: 5px;
  margin-right: 5px;
}
.browseBySection #bb-family-alphabet a:hover, .browseBySection #bb-genus-alphabet a:hover {
  color: white;
  cursor: pointer;
}
.browseBySection #bb-family-alphabet a:active, .browseBySection #bb-genus-alphabet a:active {
  text-decoration: none;
}
.browseBySection .bb-options {
  display: none;
  padding-top: 15px;
}
.browseBySection .bb-options.active {
  display: block;
  padding-bottom: 20px;
}
.browseBySection .bb-family-hide, .browseBySection .bb-genus-hide {
  display: none;
  margin-top: 15px;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
}
.browseBySection .bb-family-hide.active, .browseBySection .bb-genus-hide.active {
  display: flex;
}
.browseBySection .bb-family-hide a, .browseBySection .bb-genus-hide a {
  min-width: 23.5%;
  height: 35px;
  background-color: #fff;
  color: #000;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 15px;
  text-align: center;
  padding-top: 10px;
  text-decoration: none;
}
.browseBySection .bb-family-hide a:nth-child(4n), .browseBySection .bb-genus-hide a:nth-child(4n) {
  margin-right: 0;
}
.browseBySection .bb-family-hide a:nth-last-child(1), .browseBySection .bb-family-hide a:nth-last-child(2), .browseBySection .bb-family-hide a:nth-last-child(3), .browseBySection .bb-family-hide a:nth-last-child(4), .browseBySection .bb-genus-hide a:nth-last-child(1), .browseBySection .bb-genus-hide a:nth-last-child(2), .browseBySection .bb-genus-hide a:nth-last-child(3), .browseBySection .bb-genus-hide a:nth-last-child(4) {
  margin-bottom: 0;
}

.plantdetail-div {
  background-image: none;
}
.plantdetail-div .plantdetail-div-header {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 35px;
  color: #fff;
  background-image: linear-gradient(to right, #33FF3C, #088A29);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.plantdetail-div .plantdetail-div-header:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.plantdetail-div .plantdetail-div-block {
  padding-top: 30px;
  border-left: 1px solid green;
  border-right: 1px solid green;
}
.plantdetail-div .plantdetail-div-block .plantdetail-div-block-line {
  width: 80%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.plantdetail-div .plantdetail-div-block .plantdetail-div-block-line .block-line-left {
  flex-basis: 25%;
  font-size: 25px;
  margin-right: 5%;
}
.plantdetail-div .plantdetail-div-block .plantdetail-div-block-line .block-line-right {
  border-bottom: 1px solid gray;
  flex-basis: 70%;
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 20px;
}
.plantdetail-div .plantdetail-div-block .plantdetail-div-block-line:last-child .block-line-right {
  border-bottom: none;
}

.profileresultPage {
  border: 1px solid green;
  margin-top: 15px;
  margin-bottom: 15px;
}
.profileresultPage .profile_header_div {
  text-align: center;
  font-size: 45px;
  color: #acdede;
  background-color: #FFFFFF;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.profileresultPage .plant_outer_div, .profileresultPage .chemical_outer_div {
  text-align: center;
}
.profileresultPage .plant_outer_div div, .profileresultPage .chemical_outer_div div {
  padding-top: 10px;
  text-align: center;
  font-size: 20px;
}
.profileresultPage .plant_outer_div div {
  padding-bottom: 10px;
}
.profileresultPage .plant_outer_div .plantname_div {
  background-image: linear-gradient(to right, #eaf7b852, #b15310);
}
.profileresultPage .plant_outer_div .plantfamily_div {
  background-image: linear-gradient(to right, #a89cda52, #b1a510);
}
.profileresultPage .p_details_outer_div .details_inner_div {
  display: flex;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 450px;
  width: 100%;
  height: 100%;
}
.profileresultPage .p_details_outer_div .details_inner_div .details_div {
  padding-left: 5px;
  text-align: center;
}
.profileresultPage .p_details_outer_div .details_inner_div .details_div div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.profileresultPage .p_details_outer_div .details_inner_div .details_div .chemical_div:nth-child(even) {
  background-color: #3b60802b;
}
.profileresultPage .c_details_outer_div {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  margin-top: 15px;
}
.profileresultPage .c_details_outer_div table {
  width: 100%;
  font-size: 17px;
  border-collapse: collapse;
}
.profileresultPage .c_details_outer_div table .details_width {
  text-align: center;
  padding: 10px;
  white-space: nowrap;
}
.profileresultPage .c_details_outer_div table .header_div {
  font-weight: bold;
  background-image: linear-gradient(to right, #FFEE58, #ccb879);
}
.profileresultPage .c_details_outer_div table .data_inner_div:nth-child(even) {
  background-color: #FFFFFF;
}
.profileresultPage .c_details_outer_div table .data_inner_div:nth-child(even) td:first-child {
  border-bottom-left-radius: 15px;
}
.profileresultPage .c_details_outer_div table .data_inner_div:nth-child(even) td:last-child {
  border-bottom-right-radius: 15px;
}

.citation_div {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.citation_div .citation_inner_div .imageDiv {
  width: 50%;
  text-align: center;
}
.citation_div .citation_inner_div .imageDiv img {
  width: 56%;
  border-radius: 250px;
}
.citation_div .citation_inner_div .contentDiv {
  width: 50%;
}

.gray_button {
  padding: 10px;
  width: 100%;
  max-width: 250px;
  outline: none;
  border: 1px solid #ada8a8;
  cursor: pointer;
  background-color: #ecebe8;
  color: black;
}
.gray_button:hover {
  background-color: #d0cec7;
}

.range_container_div {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 5px 20px;
}
.range_container_div .range-header {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #806e6e;
  font-size: 15px;
}
.range_container_div .range-header + .range-slider .range_selector {
  display: flex;
  /* Chrome, Safari, Edge, Opera */
}
.range_container_div .range-header + .range-slider .range_selector .range_text_box {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 4px;
  width: 50px;
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font-family: sans-serif;
  text-align: center;
  vertical-align: text-bottom;
  -webkit-border-radius: .3125em;
  border-radius: .3125em;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.range_container_div .range-header + .range-slider .range_selector .range_text_box::-webkit-outer-spin-button, .range_container_div .range-header + .range-slider .range_selector .range_text_box::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider {
  position: relative;
  width: 100%;
  margin: 10px;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider {
  position: relative;
  z-index: 1;
  height: 6px;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: #c6aee7;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .range {
  position: absolute;
  z-index: 2;
  left: 0%;
  right: 0%;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: #6200ee;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb {
  position: absolute;
  z-index: 3;
  width: 20px;
  height: 20px;
  background-color: #6200ee;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(98, 0, 238, 0.1);
  transition: box-shadow .3s ease-in-out;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb > .thumb_label {
  position: absolute;
  top: 20px;
  left: -12px;
  width: 45px;
  text-align: center;
  word-break: break-word;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb.left {
  left: 0%;
  transform: translate(-8px, -7px);
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb.right {
  right: 0%;
  transform: translate(8px, -7px);
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb.hover {
  box-shadow: 0 0 0 10px rgba(98, 0, 238, 0.1);
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider .slider > .thumb.active {
  box-shadow: 0 0 0 20px rgba(98, 0, 238, 0.2);
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 6px;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: all;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 0 none;
  background-color: red;
}
.range_container_div .range-header + .range-slider .range_selector .multi-range-slider input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  pointer-events: all;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 0 none;
  background-color: red;
}