/*
#########################################################################################################################################################################
# Project/Product/Service: The Lease App v 1.0.0
# Release Date: 2025/02/15 
# Release Platform: hosted site 
# Author: Interested parties may email inventive.developments@gmail.com for info.
# This software and the associated code, barring included packages licensed separately, is proprietary and may not be copied and/or distributed without the express written consent knowingly provided by the author.
# Please see the associated documentation for licensing and use rights associated with this software, bundled components, and products/outcomes produced by The Lease App software package
#########################################################################################################################################################################
*/

/*@import url('https://fonts.cdnfonts.com/css/akaya-kanadaka');    'Akaya Kanadaka',   */
@import url("https://fonts.cdnfonts.com/css/rationale");
@import url("https://fonts.cdnfonts.com/css/dm-sans");
@import url("https://fonts.cdnfonts.com/css/roboto-condensed");
@import url("https://fonts.cdnfonts.com/css/roboto");
@import url("https://fonts.cdnfonts.com/css/roboto-flex");
/* @import url("https://fonts.cdnfonts.com/css/dm-sans?styles=50588"); */
html {
  font-family: "Roboto Flex", "Roboto", "Roboto Condensed", "rationale",
    "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  background-color: white;
}

.dark-mode {
  background-color: rgb(255, 255, 255, 0.1);
}

:root {
  color-scheme: only light;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
  }
}

/* Chrome */
@media (forced-colors: active) {
  :root {
    color-scheme: light;
  }
}

label {
  min-height: fit-content;
}

button {
  min-height: fit-content;
}

input {
  height: 2.5vh;
  border-radius: 1.2vh;
}

h1 h2 h3 h4 h5 h6 {
  max-width: 37vh;
}

main {
  margin: 0;
}

footer {
  margin: 0;
}

head {
  margin: 0;
}

body {
  padding: 0;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

form {
  margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 40000s ease-in-out 0s;
  -webkit-text-fill-color: black;
}

.header1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  height: 14vh;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  margin-bottom: auto;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0.2vh 0.2vh 0.2vh lightgrey;
  z-index: 200;
}

.header1 button {
  color: rgb(0, 100, 70);
}

.body_main {
  height: 72vh;
  min-height: 72vh;
  max-height: 72vh;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  position: absolute;
  bottom: 14vh;
  right: 0;
  left: 0;
  top: 14vh;
  margin: 0;
}

.footer_body {
  background-color: white;
  display: flex;
  flex-direction: row;
  width: 100vw;
  max-height: 14vh;
  height: 14vh;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: auto;
  margin: 0;
  box-shadow: -0.2vh -0.2vh 0.2vh lightgrey;
  z-index: 200;
}

.footer_mid {
  color: rgb(0, 100, 70);
  height: 10vh;
  width: 39vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-align: center;
  overflow-y: scroll;
  margin: 0;
  font-size: 2vh;
}

option {
  background-color: rgba(255, 255, 255, 0.333);
}

.body1 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  height: 72vh;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  width: 100vw;
  margin: 0;
  overflow-x: scroll;
}

.body2 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  height: 72vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  margin-left: -1%;
  margin-right: -2%;
  justify-content: space-evenly;
  align-content: space-around;
  align-items: center;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: scroll;
}

.body3 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  height: 72vh;
  display: flex;
  justify-content: space-evenly;
  align-content: space-evenly;
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
  overflow-x: scroll;
}

.body4 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  display: flex;
  flex-direction: row;
  height: 72vh;
  display: flex;
  justify-content: space-evenly;
  align-content: center;
  align-items: center;
  justify-items: center;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
  overflow-x: scroll;
}

.body5 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  height: 72vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-content: center;
  align-items: center;
  justify-items: center;
  width: 100vw;
  margin-left: 0;
  margin-right: 0;
}

.body_loader {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  height: 100vh;
  width: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
}

list {
  background-color: white;
  color: rgb(0, 100, 70);
  border-color: none;
  max-height: 14vh;
  max-width: 20vh;
}

#preloader {
  position: absolute;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
}

.body7 {
  /*background-color: rgb(223, 243, 227);*/
  /*background-image: url("../img/background.png");*/
  background-color: rgba(255, 255, 255, 0.333);
  height: 72vh;
  display: flex;
  justify-content: space-between;
  align-content: space-around;
  align-items: center;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: scroll;
  margin-left: 0;
  margin-right: 0;
  overflow-x: scroll;
}

#logo {
  align-self: center;
  height: 10vh;
  flex-direction: start;
  margin: 0.25rem;
  cursor: pointer;
  margin-left: 2vh;
}

button {
  background-color: transparent;
  border: 0px;
  color: rgb(0, 100, 70);
  color: white;
  align-self: center;
  font-size: 4vh;
  cursor: pointer;
}

#h_button {
  height: 5vh;
  align-self: center;
  margin: 0.2em;
  flex-direction: end;
  cursor: pointer;
}

#m_glass {
  height: 3vh;
  align-self: center;
  justify-self: flex-end;
  margin: 0.5em;
  cursor: pointer;
}

#m_glass2 {
  height: 3vh;
  margin: 1vh;
  cursor: pointer;
}

#m_glass2_div {
  max-width: 13vw;
  min-width: 13vw;
  display: None;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

#search_input {
  align-self: center;
  width: 10vw;
  min-width: 100px;
  height: 3.5vh;
  border-radius: 5px;
  border-color: rgb(0, 100, 70);
  background-color: transparent;
  border-style: solid;
}

#search {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: center;
  margin: 1rem;
  align-self: center;
}

#search_w_button {
  display: flex;
  justify-content: flex-end;
}

#login_menu {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 5vh;
}

#login button {
  color: white;
  min-height: 4vh;
}

#log_img {
  align-self: center;
  height: 3vh;
  width: 2vh;
}

#login_menu_button {
  width: 10vh;
  font-size: 2.8vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0vh;
}

.index_banner {
  width: 27vh;
  min-width: 27vh;
  max-width: 34vw;
  margin-left: 3vh;
  margin-right: 3vh;
  margin-top: 7vh;
  margin-bottom: 7vh;
  height: 27vh;
  min-height: 27vh;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 100, 70, 0.8);
  /*background-image: radial-gradient(circle, rgba(135,231,162,1) 0%, rgba(0,176,80,1) 100%);*/
  align-self: center;
  display: flex;
  align-items: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  color: white;
  padding: 1rem;
  justify-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  margin: 3vh;
  border-style: solid;
  border-color: white;
  border-width: 0.01vh;
  box-shadow: 0.2vh 0.2vh 0.2vh darkgrey;
}

#drop_menu {
  height: 72vh;
  width: 30.9vh;
  border-radius: 10px;
  background-color: white /*rgba(217, 243, 228, 0.8)*/;
  align-self: center;
  position: absolute;
  z-index: 10000;
  flex-direction: column;
  justify-content: space-evenly;
  justify-items: space-evenly;
  text-align: space-evenly;
  text-justify: space-evenly;
  top: 14vh;
  right: 0vw;
  color: rgb(0, 100, 70);
  font: bold;
  padding: 1em;
  font-size: 3.5vh;
  visibility: hidden;
}

#arbitration_drop_menu {
  height: 68vh;
  width: 22.9vh;
  border-radius: 10px;
  background-color: rgb(255, 255, 255) /*rgba(217, 243, 228, 0.8)*/;
  align-self: center;
  position: absolute;
  z-index: 10000;
  flex-direction: column;
  justify-content: space-evenly;
  justify-items: space-evenly;
  text-align: space-evenly;
  text-justify: space-evenly;
  top: 12vh;
  right: 0vw;
  color: rgb(0, 100, 70);
  font: bold;
  padding: 1em;
  font-size: 3.5vh;
  visibility: hidden;
}

.menu_button {
  cursor: pointer;
  margin-bottom: 0.47vh;
  font-size: 2.9vh;
}

.m_button {
  font-size: 3vh;
}

.list_img {
  max-height: 7vh;
  max-width: 10vh;
}

@media (max-width: 150vh) {
  .header1 {
    background-color: white;
    height: 14vh;
    min-height: 14vh;
    align-self: flex-start;
    display: flex;
    box-shadow: 0.2vh 0.2vh 0.2vh lightgrey;
    z-index: 200;
    overflow-x: hidden;
  }
  .index_banner {
    margin: 2vh;
    margin-left: auto;
    margin-right: auto;
    min-height: 25vh;
    height: 25vh;
    min-width: 25vh;
    width: 25vh;
    margin-top: 4vh;
    margin-bottom: 2vh;
  }

  #account_banner {
    margin-bottom: 4vh;
  }

  .footer_body {
    overflow-x: hidden;
  }

  .footer_body {
    overflow-x: hidden;
  }

  head {
    margin: 0;
    overflow-x: hidden;
  }

  html body {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  #m_glass2_div {
    display: flex;
    max-width: 13vw;
    min-width: 13vw;
  }

  #logo {
    align-self: center;
    height: 10vh;
    flex-direction: start;
    margin-right: 0.5vh;
  }

  .body1 {
    /*background-color: rgb(223, 243, 227);*/
    /*background-image: url("../img/background.png");*/
    height: 72vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: space-around;
    justify-items: flex-start;
    overflow-y: scroll;
    margin-left: 0;
    margin-right: 0;
  }

  .body2 {
    /*background-color: rgb(223, 243, 227);*/
    /*background-image: url("../img/background.png");*/
    height: 72vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: space-around;
    align-items: center;
    overflow-y: scroll;
    margin-left: 0;
    margin-right: 0;
  }

  .body4 {
    /*background-color: rgb(223, 243, 227);*/
    /*background-image: url("../img/background.png");*/
    display: flex;
    flex-direction: column;
    height: 72vh;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    justify-items: flex-start;
    width: 100vw;
    overflow: scroll;
    margin-left: 0;
    margin-right: 0;
  }

  .m_button {
    background-color: transparent;
    border: 0px;
    color: rgb(0, 100, 70);
    align-self: center;
    font-size: 4vh;
    display: none;
  }

  #search {
    display: flex;
    justify-content: flex-end;
    font-size: 2vh;
  }

  #search_bar_form {
    display: none;
  }

  #background {
    min-width: 100vw;
    height: 80vh;
  }
}

/* ABOUT PAGE  */

.about_main {
  font-size: 2.5vh;
  background-color: rgb(0, 100, 70, 0.8);
  border-radius: 10px;
  width: 37vh;
  height: 55vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
  color: white;
  align-items: center;
  left: 3vw;
  padding: 3vh;
  text-justify: flex-start;
  text-align: center;
  flex-direction: column;
  margin: 3vh;
  border-style: solid;
  border-color: white;
  border-width: 0.01vh;
  box-shadow: 0.2vh 0.2vh 0.2vh darkgrey;
}

/* LIST ITEMS PAGE  */

#list_item_photos {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

#list_item_terms {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2vh;
  flex-direction: column;
}

#list_item_response {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70, 0.8);
  color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#list_item_response_inner {
  width: 39vh;
}

#list_item_response button {
  font-size: 3vh;
}

#main_photo_div {
  width: 36vh;
  height: 30vh;
  background-color: rgba(217, 243, 228, 0.7);
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
}

.asset_attributes {
  width: 37vh;
  min-width: 37vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* overflow-y: scroll;
  overflow-x: hidden; */
}

#photo_group {
  font-size: 2vh;
  width: 36vh;
  height: 12vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#list_item_instructions {
  font-size: 2.2vh;
  width: 37vh;
}

.list_photo_container {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  min-width: 30vh;
  max-width: 30vh;
  min-height: 28vh;
  max-height: 28vh;
  background-color: rgba(226, 238, 231, 0.7);
  border-radius: 1.5vh;
}

.small_photo {
  max-width: 26vh;
  max-height: 24vh;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  justify-content: center;
  border-radius: 1.5vh;
}

#ls_photo {
  display: flex;
  width: 36vh;
  color: white;
  padding: 2vh;
}

#ls_notes {
  display: flex;
  max-width: 33vh;
  width: 33vh;
  color: black;
  padding: 2vh;
  border-radius: 2vh;
  min-height: 30vh;
  height: 30vh;
}

#main_photo {
  width: 36vh;
  height: 30vh;
}

#small_photo_1 {
  width: 10vh;
  height: 10vh;
}

#small_photo_2 {
  width: 10vh;
  height: 10vh;
}

#small_photo_3 {
  width: 10vh;
  height: 10vh;
}

.list_alignment {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#condition_age {
  display: flex;
  flex-direction: row;
  width: 31vh;
  align-items: center;
  justify-content: space-between;
}

#condition {
  display: flex;
  flex-direction: column;
  text-align: left;
}

#age {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  justify-self: flex-end;
  text-align: left;
}

#list_item_photos input {
  width: 30vh;
  height: 1.5vh;
}

input[type="checkbox"] {
  accent-color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.5vh;
}

#list_item_terms input {
  width: 10vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

#list_item_terms select {
  width: 10vh;
  height: 3vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 1.5vh;
}

.label_input {
  width: 34vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-top: 1vh;
}

.label_input2 {
  width: 34vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.label_input4 {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding-top: 0.5vh;
}

.label_input3 {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}

.label_input select {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  height: 2.5vh;
  width: 15vh;
}

.label_input input {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  height: 2.5vh;
  width: 15vh;
}

.label_input select {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  height: 2.5vh;
}

.label_input2 input {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  width: 17vh;
  height: 2.5vh;
}

.label_input2 select {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  width: 17vh;
  height: 2.5vh;
}

.label_input4 input {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  width: 17vh;
  height: 2.5vh;
  justify-self: flex-end;
}

.radio {
  max-width: 4vh;
}

.label_input4 select {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  width: 17.7vh;
  height: 2.5vh;
}

textarea {
  padding: 0.5vh;
}

#list_item_terms textarea {
  width: 32.5vh;
  height: 5vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgb(143, 222, 160);
}

#asset_list {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

.table_container {
  max-height: 45vh;
  width: 38vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.table_container3 {
  max-height: 30vh;
}

.my_listings_table table,
th,
td {
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  font-size: 1.8vh;
  line-height: 3vh;
  text-align: center;
}

.my_listings_table img {
  height: 5vh;
  align-items: center;
  align-content: center;
  align-self: center;
}

.my_listings_table button {
  height: 6vh;
  display: flex;
  align-items: center;
  align-content: center;
  align-self: center;
}

#my_listings_buttons {
  display: flex;
  flex-direction: row;
  font-size: 2vh;
  text-align: center;
  text-justify: center;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  justify-items: space-between;
}

#my_listings_buttons button {
  width: 15vh;
}

.image_button {
  width: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#profile_header {
  width: 40vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#profile_header img {
  height: 10vh;
}

#profile_header_2 {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-self: flex-start;
  text-align: left;
  font-size: 4vh;
}

#profile {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  justify-self: center;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#profile_list {
  display: flex;
  flex-direction: column;
  font-size: 2vh;
}

#div_button {
  align-self: center;
}

.combined_labels {
  width: 30vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#lease_it {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  justify-self: center;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
  align-content: center;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#lease_it input {
  width: 11vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 1.5vh;
}

#registration {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  justify-self: center;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
  align-content: center;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#registration input {
  width: 15vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 1.5vh;
}

#Sign_Submit_Button_Div {
  display: flex;
  justify-content: center;
  align-content: center;
}

.login_card {
  width: 45vh;
  height: 37vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  justify-items: Center;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  font-size: 2vh;
  text-align: center;
  box-shadow: 0.2vh 0.2vh 0.2vh darkgrey;
}

.login_card input {
  width: 17vh;
  height: 3vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

.signup_card input {
  width: 17vh;
  height: 3vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

#login_form {
  justify-self: center;
  overflow-y: hidden;
  min-height: 16vh;
}

#not_signed_up_group {
  font-size: 2vh;
  display: flex;
  flex-direction: row;
  color: white;
  justify-content: space-evenly;
  justify-items: space-evenly;
  align-items: center;
  align-content: center;
  text-align: center;
  text-justify: center;
}

#login_button {
  height: 4vh;
  justify-self: center;
  font-size: 3.7vh;
}

#login_button_div {
  width: 34vh;
  height: 4vh;
  display: flex;
  justify-content: center;
}

#login_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  max-height: 32vh;
  width: 40vh;
  /* background-color: rgb(0,100,70); */
  background-color: white;
  /* color: white; */
  color: rgb(0, 100, 70);
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 2px;
  text-align: center;
  border-radius: 1.5vh;
  display: flex;
  justify-self: flex-end;
  font-size: 2.5vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 101;
  padding: 2vh;
  overflow-y: scroll;
}

#login_message button {
  color: rgb(0, 100, 70);
}

#login_message h3 {
  padding-bottom: 0.5vh;
  margin: 1vh;
}

#selfie_instructions_inner::-webkit-scrollbar-thumb {
  background: rgb(0, 100, 70);
  width: 2vh;
  border-radius: 1.5vh;
  visibility: hidden;
}

#selfie_instructions_inner::-webkit-scrollbar {
  width: 0.3vh;
  height: 0.7vh;
}
#selfie_instructions_inner:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

#selfie_instructions {
  width: 45vh;
  height: 65vh;
  font-size: 2.5vh;
  border-radius: 1.5vh;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 100, 70);
  background-color: white;
  color: rgb(0, 100, 70);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: None;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

#selfie_instructions h1 {
  font-size: 3vh;
  margin: 1.2vh;
}

#upload_selfie_button {
  width: 25vh;
  font-size: 2.7vh;
  border-radius: 1.5vh;
  border-color: rgb(0, 100, 70);
  color: rgb(0, 100, 70);
  margin-bottom: 2vh;
}

#selfie_instructions_inner {
  width: 37vh;
  height: 37vh;
  margin-bottom: 2vh;
  overflow-y: scroll;
}

#selfie_illustration {
  width: auto;
  height: 13vh;
}

#selfie_img_and_print_div {
  width: 37vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

#selfie_sheet_button {
  width: 12vh;
  height: auto;
  font-size: 2.2vh;
  color: rgb(0, 100, 70);
}

#print_sheet_card {
  width: 45vh;
  height: 45vh;
  font-size: 2.5vh;
  border-radius: 1.5vh;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 100, 70);
  background-color: white;
  color: rgb(0, 100, 70);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: None;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

#print_sheet_card button {
  color: rgb(0, 100, 70);
}


#selfie_print_button {
  width: 20vh;
  font-size: 2.2vh;
}

#page {
  width: 21cm;
  min-height: 29.7cm;
  padding: 2cm;
  background: white;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  justify-content: center;
  font-size: 2cm;
  font-weight: bold;
}

#selfie_print_return_button {
  width: 20vh;
  font-size: 2.2vh;
}

#greeting {
  font-size: 1.8vh;
}

#sign_up_button {
  height: 4vh;
  font-size: 3vh;
}

#sign_up {
  text-align: center;
  text-justify: center;
  width: 45vh;
  height: 60vh;
  /*background-color: rgb(0, 100, 70);*/
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#sign_up input {
  width: 15vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 1.5vh;
}

.sign_up2 {
  font-size: 2.5vh;
  text-align: center;
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-items: flex-start;
}

.sign_up2 button {
  height: 4vh;
  font-size: 3vh;
  color: white;
}

.info_button {
  align-self: flex-end;
  width: auto;
  height: auto;
  /* position: relative; */
  /* top: 5vh; */
  /* bottom: auto;
  left: auto;
  right: 2vh;
  margin: auto; */
}

#info_panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.info_img {
  max-width: 3vh;
  max-height: 3vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#cryto_info_a {
  background-color: rgba(255, 255, 255, 0.7);
  width: 37vh;
  height: 12vh;
  border-radius: 1vh;
  flex-direction: column;
  text-align: left;
  color: black;
  padding: 1vh;
}

#cryto_info_pk {
  background-color: rgba(255, 255, 255, 0.7);
  width: 37vh;
  height: 12vh;
  border-radius: 1vh;
  flex-direction: column;
  text-align: left;
  color: black;
  padding: 1vh;
}

.terms {
  display: flex;
  justify-content: center;
  width: 34vh;

  justify-self: center;
}

#terms {
  color: white;
  font-size: 2vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  width: 37vh;
}
#terms2 {
  color: white;
}

#su_response {
  width: 34vh;
  display: flex;
  justify-content: space-between;
}

#username_availability {
  width: 12vh;
  color: light-grey;
  text-align: right;
}

#logged_out {
  width: 45vh;
  height: 34vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  justify-items: space-evenly;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  font-size: 2vh;
  align-self: center;
}

#username_data {
  height: 3vh;
  width: 45vh;
}

#signup_success {
  width: 40vh;
  text-align: center;
  font-size: 2.5vh;
}

#signup_success2 {
  width: 40vh;
  text-align: center;
  font-size: 2.5vh;
}

#sslogin {
  font-size: 4vh;
  color: rgb(0, 100, 70);
}

#signup_msg {
  height: 50vh0;
  width: 30.9vh;
  border-radius: 10px;
  background-color: rgba(217, 243, 228, 0.7);
  align-self: center;
  position: absolute;
  flex-direction: column;
  justify-content: space-evenly;
  justify-items: space-evenly;
  text-align: space-evenly;
  text-justify: space-evenly;
  top: 12vh;
  right: 1vw;
  color: rgb(0, 100, 70);
  font: bold;
  padding: 1em;
  font-size: 4vh;
  /*visibility: hidden;*/
}

#search1 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  justify-items: flex-start;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  font-size: 3vh;
  text-align: center;
}

#search1 button {
  color: white;
}

#search1_text_width {
  width: 30vh;
  font-size: 2.2vh;
}

.asset_listings img {
  height: 4vh;
  align-items: center;
  align-content: center;
  align-self: center;
}

#search_response_asset_list {
  width: 45vh;
  height: 60vh;
  min-height: fit-content;
  min-width: fit-content;
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

.search_listings_table table,
th,
td {
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  font-size: 1.8vh;
  line-height: 3vh;
  text-align: center;
  column-width: 8vh;
}

.search_listings_table img {
  height: 5vh;
  align-items: center;
  align-content: center;
  align-self: center;
}

.search_listings_table button {
  height: 6vh;
  display: flex;
  align-items: center;
  align-content: center;
  align-self: center;
}

#search_listings_buttons {
  display: flex;
  flex-direction: row;
  font-size: 2vh;
  text-align: center;
  text-justify: center;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  justify-items: space-between;
}

#search_listings_buttons button {
  width: 15vh;
}

#lease_item_photos {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

.label_label {
  width: 37vh;
  min-height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-evenly;
  overflow: hidden;
  margin-top: 1.2vh;
}

.label_label_label {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-evenly;
  overflow: hidden;
  word-wrap: break-word;
}

.label_label5 {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
}

.label_label label {
  overflow: hidden;
}

.label_label2 {
  width: 32vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-evenly;
  overflow: hidden;
}

.label_label2 label {
  overflow: hidden;
}

.label_label3 {
  width: 34vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-evenly;
  overflow: hidden;
}

.label_label3 label {
  overflow: hidden;
}

.label_img3 {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-evenly;
}

.label_img3 img {
  width: 1.5vh;
}

.label_left1 {
  width: 10;
  text-align: start;
}

.label_right {
  width: 10;
  text-align: end;
}

#lease_photo_div {
  width: 35vh;
  height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lease_photo_div {
  width: 35vh;
  height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asset_photo_div {
  width: 35vh;
  height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#my_hires_selection_lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#my_listings_selection_lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#my_listings_selection_lease_photo_2 {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#my_hires_selection_lease_photo_2 {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#delivery_selection_accept_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}
#lease_photo5 {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

.asset_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#delivery_lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#mh_delivery_lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#lease_table_2 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#lease_table_14 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#hire_table_2 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
  width: 37vh;
}

#my_listings_table_8 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#my_hires_table_8 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#delivery_table_2 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#lease_table_3 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#lease_item_details {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2vh;
  flex-direction: column;
}

#lease_table_2 button {
  height: 2vh;
  font-size: 3vh;
  width: 17vh;
  color: white;
}

#lease_table_3 button {
  height: 2vh;
  font-size: 3vh;
  width: 10vh;
  color: white;
}

#lease_table_3_container {
  max-height: 32vh;
  overflow-y: scroll;
}

#notes {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 37vh;
  width: 37vh;
  justify-content: space-around;
  min-width: 37vh;
  margin-top: 1vh;
}

#notes button {
  font-size: 2.7vh;
}
/*
#notes_outer {
    width: 45vh;
    height: 60vh;
    background-color: rgba(0,100,70,0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: space-evenly;
    justify-content: space-evenly;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    visibility: visible;
    border-radius: 1.5vh;
}
*/

#notes_outer button {
  color: white;
}

#notes_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#requirements_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;

  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#requirements_outer button {
  color: white;
}

#requirements_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

@media (max-width: 150vh) {
  #requirements_outer {
    position: absolute;
    top: 275vh;
    left: 0;
    right: 0;
  }

  #requirements_approval_outer {
    position: absolute;
    top: 275vh;
    left: 0;
    right: 0;
  }

  #notes_outer {
    position: absolute;
    top: 145vh;
    left: 0;
    right: 0;
  }

  #notes_approval_outer {
    position: absolute;
    top: 145vh;
    left: 0;
    right: 0;
  }

  #lessee_notes_approval_outer {
    position: relative;
    top: 1000vh;
    left: 0;
    right: 0;
  }
}

#request_form1 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-content: space-evenly;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#request_form_instructions {
  height: 42vh;
  width: 37vh;
  display: flex;
  padding-left: 3vh;
  padding-right: 3vh;
  padding-bottom: 2vh;
  font-size: 2.2vh;
  overflow-y: scroll;
}

#request_form2 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2vh;
  flex-direction: column;
}

#request_form2 input {
  width: 15vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

#request_form2 .label_input {
  width: 34vh;
  height: 4vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#notice_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#notice_outer button {
  color: white;
}

#notice_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#bell {
  height: 2vh;
  position: relative;
  right: 1vh;
  top: 1.5vh;
}

#notes_approval_outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#requirements_approval_outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#lessee_notes_approval_outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_asset_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_asset_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*#notes_approval_outer {*/
/*    width: 45vh;*/
/*    height: 60vh;*/
/*    background-color: rgba(0,100,70,0.6);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    align-content: center;*/
/*    justify-items: space-evenly;*/
/*    justify-content: space-evenly;*/
/*    position: absolute;*/
/*    margin: auto;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    text-align: center;*/
/*    visibility: visible;*/
/*    border-radius: 1.5vh;*/
/*}*/

/*#notes_approval_outer button {*/
/*    color: white;*/
/*}*/

/*#notes_approval_inner {*/
/*    width: 37vh;*/
/*    height: 50vh;*/
/*    background-color: rgba(255, 255, 255, 0.7);*/
/*    text-align: left;*/
/*    margin-top: 5vh;*/
/*    border-radius: 1vh;*/
/*    padding: 1vh;*/

/*}*/

/*#requirements_approval_outer {*/
/*    width: 45vh;*/
/*    height: 60vh;*/
/*    background-color: rgba(0,100,70,0.6);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    align-content: center;*/
/*    justify-items: space-evenly;*/
/*    justify-content: space-evenly;*/
/*    position: absolute;*/
/*    margin: auto;*/

/*    right: 10vh;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    text-align: center;*/
/*    visibility: visible;*/
/*    border-radius: 1.5vh;*/
/*}*/

/*#requirements_approval_outer button {*/
/*    color: white;*/
/*}*/

/*#requirements_approval_inner {*/
/*    width: 37vh;*/
/*    height: 50vh;*/
/*    background-color: rgba(255, 255, 255, 0.7);*/
/*    text-align: left;*/
/*    margin-top: 5vh;*/
/*    border-radius: 1vh;*/
/*    padding: 1vh;*/

/*}*/

#name_userID {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

/*#lessee_notes_approval_outer {*/
/*    width: 45vh;*/
/*    height: 60vh;*/
/*    background-color: rgba(0,100,70,0.6);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    align-content: center;*/
/*    justify-items: space-evenly;*/
/*    justify-content: space-evenly;*/
/*    position: absolute;*/
/*    margin: auto;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    text-align: center;*/
/*    visibility: visible;*/
/*    border-radius: 1.5vh;*/
/*}*/

/*#lessee_notes_approval_outer button {*/
/*    color: white;*/
/*}*/

/*#lessee_notes_approval_inner {*/
/*    width: 37vh;*/
/*    height: 50vh;*/
/*    background-color: rgba(255, 255, 255, 0.7);*/
/*    text-align: left;*/
/*    margin-top: 5vh;*/
/*    border-radius: 1vh;*/
/*    padding: 1vh;*/

/*}*/

#transfer_feedback {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2vh;
  flex-direction: column;
}

#transfer_feedback input {
  width: 17vh;
  height: 2vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

#password_entry_popup {
  width: 45vh;
  height: 20vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: space-evenly;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: hidden;
  border-radius: 1.5vh;
}

#password_entry_popup button {
  color: white;
}

#password_entry_popup_inner {
  width: 45vh;
  display: flex;
  flex-direction: row;
  align-items: space-evenly;
  align-content: space-evenly;
  justify-items: space-evenly;
  justify-content: space-evenly;
}

#password_entry_popup input {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

.card {
  width: 45vh;
  min-width: 45vh;
  max-width: 95vw;
  margin-left: 3vh;
  margin-right: 3vh;
  margin-top: 3vh;
  margin-bottom: 3vh;
  height: 60vh;
  min-height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  justify-items: space-between;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
  border-style: solid;
  border-color: white;
  border-width: 0.01vh;
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
  overflow: unset;
  box-shadow: 0.2vh 0.2vh 0.2vh darkgrey;
}

.card_popup {
  width: 45vh;
  min-width: 45vh;
  max-width: 95vw;
  margin-left: 3vh;
  margin-right: 3vh;
  margin-top: 3vh;
  margin-bottom: 3vh;
  height: 60vh;
  min-height: 60vh;
  color: rgba(0, 100, 70, 0.8);
  background-color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  justify-items: space-between;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 2px;
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
  overflow: unset;
  box-shadow: 0.2vh 0.2vh 0.2vh darkgrey;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000;
}

.card_popup button {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: rgb(0, 100, 70);
  font-size: 3vh;
}

.card_popup::-webkit-scrollbar-thumb {
  background: rgb(0, 100, 70);
  width: 2vh;
  border-radius: 1.5vh;
  visibility: hidden;
}

.card h1,
h2,
h3,
h4 {
  max-width: 37vh;
}

.card h1 {
  font-size: 2.9vh;
}

@media (max-width: 150vh) {
  .body7 {
    /*background-color: rgb(223, 243, 227);*/
    /*background-image: url("../img/background.png");*/
    height: 72vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    overflow: scroll;
    margin-left: 0;
    margin-right: 0;
  }

  .card {
    margin: 0vh;
    margin-top: 6vh;
    margin-bottom: 6vh;
  }
}

@media (max-width: 200vh) {
  #password_entry_popup {
    width: 45vh;
    height: 20vh;
    background-color: rgba(0, 100, 70, 0.8);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: space-evenly;
    align-content: center;
    justify-items: space-evenly;
    justify-content: space-evenly;
    position: absolute;
    margin-bottom: auto;
    top: 400vh;
    left: 3vw;
    margin-right: auto;
    text-align: center;
    visibility: hidden;
    border-radius: 1.5vh;
  }
}

#cancelation_popup {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  text-align: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: hidden;
  border-radius: 1.5vh;
}

#cancelation_popup button {
  color: white;
}

#cancelation_popup_inner {
  width: 45vh;
  display: flex;
  flex-direction: row;
  align-items: space-evenly;
  align-content: space-evenly;
  justify-items: space-evenly;
  justify-content: space-evenly;
}

#Delivery_Notes1 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#Delivery_Notes2 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#Delivery_Notes3 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: space-between;
  justify-items: space-between;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#button_note {
  text-align: center;
  width: 37vh;
  display: flex;
  justify-content: center;
}

#Delivery_Notes2 textarea {
  width: 37vh;
  height: 5vh;
  border-radius: 0.7vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgb(143, 222, 160);
  font-size: 2.1vh;
}

#delivery_notes_p {
  width: 37vh;
  font-size: 2.1vh;
}

.label_input label {
  font-size: 2.1vh;
}

.label_input Select {
  width: 12vh;
  height: 2.5vh;
}

#post_delivery {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  justify-self: center;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#post_delivery button {
  font-size: 2.1vh;
}

#post_delivery_description {
  width: 38vh;
  text-align: center;
}

#post_delivery_inner {
  width: 37vh;

  display: flex;
  flex-direction: column;
  align-self: center;
  align-content: center;
  align-items: center;
}

#Delivery_Receipt1 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#Delivery_Receipt2 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#receipt_image_div {
  height: 12vh;
  width: 37vh;
}

#Delivery_Receipt2 img {
  height: 12vh;
  align-self: flex-start;
}

#Delivery_Receipt2 button {
  font-size: 2.4vh;
  color: white;
}

#Delivery_Receipt3 button {
  font-size: 2.4vh;
  color: white;
}

#Delivery_Receipt3 {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 1.5vh;
  text-align: left;
  text-justify: center;
  justify-content: space-between;
  justify-items: space-between;
  align-items: center;
  font-size: 2.1vh;
  flex-direction: column;
}

#Delivery_Receipt3 textarea {
  width: 37vh;
  height: 5vh;
  border-radius: 0.7vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgb(143, 222, 160);
  font-size: 2.1vh;
}

#del_requirements_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;

  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_requirements_outer button {
  color: white;
}

#del_requirements_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_asset_notes_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;

  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_asset_notes_outer button {
  color: white;
}

#del_asset_notes_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_lessee_notes_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;

  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_lessee_notes_outer button {
  color: white;
}

#del_lessee_notes_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_lessor_response_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;

  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_lessor_response_outer button {
  color: white;
}

#del_lessor_response_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_lessor_delivery_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_lessor_delivery_outer button {
  color: white;
}

#del_lessor_delivery_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_reject_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_reject_outer button {
  color: white;
  font-size: 2.2vh;
}

#del_reject_inner {
  width: 37vh;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  margin-top: 5vh;
  border-radius: 1vh;
  padding: 1vh;
}

#del_reject_report_outer {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 10vh;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: visible;
  border-radius: 1.5vh;
}

#del_reject_report_outer button {
  color: white;
  font-size: 2.2vh;
}

#del_reject_report_inner {
  width: 37vh;
}

#del_reject_report_inner {
  color: white;
  width: 37vh;
  height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  justify-items: space-evenly;
}

#del_reject_report_inner textarea {
  width: 37vh;
  height: 12vh;
  border-radius: 0.7vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgb(143, 222, 160);
  font-size: 2.1vh;
}

#post_listing {
  width: 45vh;
  height: 60vh;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  flex-direction: column;
  justify-self: center;
  border-radius: 1.5vh;
  justify-items: center;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  font-size: 2vh;
  align-self: center;
  justify-self: center;
}

#post_listing button {
  font-size: 2.1vh;
}

#post_listing_description {
  width: 38vh;
  text-align: center;
}

#post_listing_inner {
  width: 37vh;

  display: flex;
  flex-direction: column;
  align-self: center;
  align-content: center;
  align-items: center;
}

#delivery_password_entry_popup {
  width: 45vh;
  height: 20vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: space-evenly;
  align-content: center;
  justify-items: space-evenly;
  justify-content: space-evenly;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  visibility: hidden;
  border-radius: 1.5vh;
}

#delivery_password_entry_popup button {
  color: white;
}

#delivery_password_entry_popup_inner {
  width: 45vh;
  display: flex;
  flex-direction: row;
  align-items: space-evenly;
  align-content: space-evenly;
  justify-items: space-evenly;
  justify-content: space-evenly;
}

#delivery_password_entry_popup input {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
}

@media (max-width: 200vh) {
  #delivery_password_entry_popup {
    width: 45vh;
    height: 20vh;
    background-color: rgba(0, 100, 70, 0.8);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: space-evenly;
    align-content: center;
    justify-items: space-evenly;
    justify-content: space-evenly;
    position: absolute;
    margin-bottom: auto;
    top: 400vh;
    left: 3vw;
    margin-right: auto;
    text-align: center;
    visibility: hidden;
    border-radius: 1.5vh;
  }
}

.loader {
  border-top: 0.5vh solid white;
  border-right: 0.5vh solid white;
  border-radius: 50%;
  width: 1.5vh;
  height: 1.5vh;
  animation: spin 1s linear infinite;
}

.loader2 {
  border-top: 0.5vh solid white;
  border-right: 0.5vh solid white;
  border-radius: 50%;
  width: 5vh;
  height: 5vh;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.noLoader {
  color: white;
}

#response_label_outer {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

#response_label {
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-content: center;
}

#currency_list {
  width: 45vh;
  height: 60vh;
  min-height: fit-content;
  min-width: fit-content;
  background-color: rgb(0, 100, 70);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

.card2 {
  width: 45vh;
  min-width: 45vh;
  max-width: 95vw;
  margin: 2vh;
  height: 60vh;
  min-height: 60vh;
  background-color: rgba(0, 100, 70, 0.8);
  color: white;
  display: flex;
  align-self: center;
  border-radius: 1.5vh;
  text-align: center;
  justify-items: space-between;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;

  overflow-y: scroll;
  overflow-x: hidden;
}

.card label {
  word-wrap: break-word;
}

.card input,
select,
textarea {
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 2vh;
  border-radius: 0.7vh;
}

.card button {
  font-size: 3vh;
  color: white;
}

#account_balances {
  width: 40vh;
  height: 37vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  overflow-y: scroll;
  /*overflow-x: scroll;*/
}

::-webkit-scrollbar {
  width: 0.5vh;
  height: 0.7vh;
}

.body7::-webkit-scrollbar-thumb {
  background: rgb(0, 100, 70);
  width: 2vh;
  border-radius: 1.5vh;
  visibility: hidden;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.7);
  visibility: hidden;
}

:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

#label_input_vertical {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  margin-top: 1vh;
}

.label_input_vertical {
  width: 34vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  margin-top: 1vh;
}

.label_input_vertical_center {
  width: 34vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: flex-start;
  margin-top: 1vh;
}

#label_input_vertical input {
  width: 33vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
}

.label_input_vertical input {
  width: 33vh;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
}

#label_label_verticle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  width: 34vh;
  text-align: left;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}

.label_label_verticle {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.label_input_verticle {
  width: 34vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.label_input_verticle input {
  width: 34vh;
}

.label_label_vertical {
  width: 37vh;
  /* min-height: 5vh; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
  margin-top: 1.2vh;
  text-wrap: wrap;
  min-height: fit-content;
}

.label_label_vertical3 {
  width: 34vh;
  /* min-height: 5vh; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
  margin-top: 1.2vh;
  text-wrap: wrap;
  min-height: fit-content;
}

.label_label_vertical label {
  max-width: 36.7vh;
  min-height: fit-content;
}
.label_label_vertical3 label {
  max-width: 34vh;
  min-height: fit-content;
}
.label_label_vertical2 {
  width: 37vh;
  min-height: 5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

#label_label_vertical {
  display: flex;
  width: 15vh;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  text-justify: end;
  text-align: end;
}

.address_37 {
  width: 37vh;
  word-wrap: break-word;
  text-align: left;
  font-size: 1.7vh;
  border-radius: 1vh;
  margin-top: 0.7vh;
}

.address_37_2 {
  width: 37vh;
  max-width: 37vh;
  height: 4vh;
  word-wrap: break-word;
  text-align: center;
  font-size: 1.7vh;
}
.address_37_3 {
  width: 37vh;
  max-width: 37vh;
  word-wrap: break-word;
  text-align: center;
  font-size: 1.7vh;
}

.address_37_4 {
  width: 36vh;
  max-width: 36vh;
  word-wrap: break-word;
  text-align: left;
  font-size: 1.7vh;
  margin-bottom: 0.7vh;
}
#forgot_password {
  font-size: 1.6vh;
}

#address_display {
  width: 34vh;
  font-size: 1.8vh;
  text-align: left;
  word-wrap: break-word;
}

#add_token {
  justify-content: space-between;
  justify-items: space-between;
}

#loader_form {
  position: absolute;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
  margin: auto;
  visibility: hidden;
}

.label_input3 {
  width: 37vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  justify-items: space-between;
  align-content: space-between;
  align-items: space-between;
  text-align: center;
}

.label_left {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: left;
}

.label_left2 {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}

.label_center {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: center;
}

#quote_line {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

#get_quote_button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  justify-items: flex-start;
  justify-self: flex-start;
  font-size: 1.7vh;
  width: 22vh;
}

#get_quote_button button,
img {
  padding: 0vh;
  margin: 0vh;
}

/* #get_quote_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 34.5vh;
} */

#purchase_qty {
  text-align: right;
}

.label_left {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#submit_payment_form {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
}

#notification {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#delivery_address {
  word-wrap: break-word;
  width: 37vh;
  text-align: left;
  font-size: 1.7vh;
  padding-bottom: 1vh;
  height: 4vh;
  overflow-x: break-word;
}

#offer_expitration {
  word-wrap: break-word;
  font-size: 1.7vh;
  padding-bottom: 1vh;
  height: 7vh;
}

#deal_approval_display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_listings_lists {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#Delivery_Acceptance_Request {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_listings_view {
  position: absolute;
}

.label_label_vertical4 {
  min-height: 5vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 15vh;
}

.label_label4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 15vh;
}

.label_left_small {
  text-align: left;
  text-justify: left;
}

.label_right_small {
  text-align: right;
  text-justify: right;
}

#list_item_address {
  position: absolute;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

#BLA_info_and_selection {
  position: absolute;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
  margin: auto;
}

#Create_BLA_Password {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  justify-content: space-evenly;
}

#DCTC_transaction_address {
  max-width: 37vh;
  word-wrap: break-word;
}

#Create_BLA_Feedback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#DCTC_Payment_Hash {
  text-align: left;
  width: 37vh;
  height: 6vh;
  word-wrap: break-word;
}

#DCTC_Deployment_Hash {
  text-align: left;
  width: 37vh;
  height: 6vh;
  word-wrap: break-word;
}

#BLA_Address {
  text-align: left;
  width: 37vh;
  height: 6vh;
  word-wrap: break-word;
}

#bla_receipt_payment {
  justify-content: flex-start;
}

#bla_receipt_payment1 {
  justify-content: flex-start;
}

#bla_receipt_deployment {
  justify-content: flex-start;
}

.table_head {
  padding: 1.5vh;
}

.table_body {
  height: 37vh;
  overflow-y: scroll;
}

.image_thumb {
  max-width: 5vh;
  max-height: 5vh;
  border-radius: 0.5vh;
  box-shadow: 0.15vh 0.15vh rgba(57, 50, 50, 0.341);
}

#search_listings_table td {
  max-width: 5vh;
  word-wrap: break-word;
}

.search_list {
  max-width: 37vh;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 1vh;
}

.image_button2 {
  width: 7.5vh;
  max-width: 7.5vh;
  display: flex;
  flex-direction: row;
}

.label_id_num {
  width: 10vh;
  max-width: 10vh;
}

.label_asset_type {
  width: 15vh;
  max-width: 15vh;
}

.label_available_date {
  width: 12vh;
  max-width: 12vh;
}

.label_rate_unit {
  width: 12vh;
  max-width: 12vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

.image_thumb3 {
  max-width: 5vh;
  max-height: 5vh;
  border-radius: 0.5vh;
  box-shadow: 0.15vh 0.15vh rgba(57, 50, 50, 0.341);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

.image_button3 {
  width: 7.5vh;
  max-width: 7.5vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

.label_id_num3 {
  width: 10vh;
  max-width: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

.label_asset_type3 {
  width: 15vh;
  max-width: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

.label_rate_unit3 {
  width: 12vh;
  max-width: 12vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 5vh;
}

#asset_lease {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#asset_lease2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

table td {
  color: white;
}

#search_criteria {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#search_criteria2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#search_criteria_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#search_circle_container {
  height: 27vh;
  width: 37vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}

#search_radius_img_circle {
  width: 10vh;
  height: 10vh;
  max-width: 20vh;
  max-height: 20vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  border-radius: 50%;
  border-color: white;
  border-style: solid;
  border-width: 1vh;
}

#search_graphic {
  height: 30vh;
  width: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  padding: 0vh;
  margin: 0vh;
}

#search_radius {
  -webkit-appearance: none;
  background-color: white;
  width: 15vh;
  height: 1vh;
  border-radius: 1vh;
  color: white;
  cursor: pointer;
}

input[type="range"] {
  -webkit-appearance: none;
  background-color: white;
  color: white;
  /* width: 35vh; */
  height: 1vh;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: white;
  width: 2vh;
  height: 2vh;
  border-radius: 50%;
  cursor: pointer;
}

#search_radius::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: white;
  width: 2vh;
  height: 2vh;
  border-radius: 50%;
  cursor: pointer;
}

#search_criteria3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#search_map_div {
  height: 37vh;
  max-height: 37vh;
  width: 37vh;
  max-width: 37vh;
}

#search_map_div_2 {
  height: 22vh;
  max-height: 22vh;
  width: 37vh;
  max-width: 37vh;
}

#asset_map_div {
  height: 28vh;
  max-height: 28vh;
  width: 37vh;
  max-width: 37vh;
  border-radius: 1.2vh;
}

#vendor_map_div {
  height: 37vh;
  max-height: 37vh;
  width: 37vh;
  max-width: 37vh;
}

#search_map_div2 {
  height: 20vh;
  max-height: 20vh;
  width: 37vh;
  max-width: 37vh;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 1.5vh;
}

#mh_search_map_div3 {
  height: 20vh;
  max-height: 20vh;
  width: 37vh;
  max-width: 37vh;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 1.5vh;
}

#search_map_div4 {
  height: 20vh;
  max-height: 20vh;
  width: 37vh;
  max-width: 37vh;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 1.5vh;
}

#search_submision_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.list_table_head {
  width: 37vh;
}

.list_table_body {
  width: 37vh;
  height: 40vh;
}

#my_hires_approvals_asset_list {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

#my_hires_deals_asset_list {
  width: 45vh;
  height: 60vh;
  color: white;
  display: flex;
  border-radius: 1.5vh;
  text-align: center;
  text-justify: center;
  justify-items: center;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 2vh;
}

#BLA_View {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#convert_to_BLA_loader_holder {
  height: 23vh;
  width: 37vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}

#Approval_Outcome_View {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_hires_lists {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#approval_selection_display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_selection_display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.notes_div {
  width: 36vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  height: fit-content;
  overflow-y: scroll;
  background-color: rgba(0, 100, 80, 0.7);
  color: white;
  border-radius: 1vh;
  padding: 0.5vh;
  margin-top: 1.5vh;
  overflow-y: unset;
  overflow-x: unset;
}

#lessee_confirm_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#lessee_confirm_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#lessee_confirm_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#lessee_confirm_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_confirm_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_confirm_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_confirm_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_confirm_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#password_entry_popup_body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#password_form1 {
  display: flex;
  flex-direction: column;
  width: 45vh;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  justify-items: space-between;
  text-align: center;
  text-justify: center;
}

#deposit_receipt1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#deposit_receipt2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tabel_container2 {
  max-height: 48vh;
  overflow-y: scroll;
}

.tabel_container2::-webkit-scrollbar-thumb {
  background: white;
}

.image_button_verticle {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.image_button {
  width: 37vh;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
}

.action_button_img {
  max-height: 4vh;
  padding-right: 2vh;
  margin: 0vh;
  padding-bottom: 0vh;
  padding-top: 0vh;
}

.button_container {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  text-align: left;
  justify-content: flex-start;
  justify-items: flex-start;
  width: 37vh;
  border: groove;
  border-color: white;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}
.button_container_info {
  display: flex;
  font-size: 2vh;
  flex-direction: row;
  align-content: center;
  align-items: center;
  text-align: center;
  justify-content: center;
  justify-items: center;
  width: 5.2vh;
  border: groove;
  border-color: white;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 0vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_container2 {
  font-size: 2.2vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  text-justify: center;
  align-content: center;
  align-items: center;
  text-align: center;
  height: 4vh;
  width: 37vh;
  border: groove;
  border-color: white;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_container4 {
  font-size: 2.2vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  text-justify: center;
  align-content: center;
  align-items: center;
  text-align: center;
  height: 5vh;
  width: 5vh;
  border-color: white;
  border-style: groove;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_container5 {
  font-size: 2.2vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  text-justify: center;
  align-content: center;
  align-items: center;
  text-align: center;
  height: 3.5vh;
  width: 13vh;
  border-color: white;
  border-style: groove;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_container4:active {
  box-shadow: none;
  background-color: rgb(0, 100, 70);
}

.button_container:active {
  box-shadow: none;
  background-color: rgb(0, 100, 70);
}

.button_container:disabled {
  box-shadow: none;
}

.button_container2:active {
  box-shadow: none;
  background-color: rgb(0, 100, 70);
}

.button_img_div {
  height: 4vh;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  width: 7vh;
  padding: 0.4vh;
}

#hire_lessee_make_a_payment {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_make_a_payment_note {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_asset_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_asset_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_lessee_confirm_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_asset_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_asset_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hand_over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#lessee_delivery_comments {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_acceptance_rejection {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#accept_item_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#accept_item_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#accept_item_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#accept_item_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_accept_feedback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_accept_PW {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#reject_option_div {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  justify-items: flex-start;
  height: 12vh;
  width: 37vh;
}

#delivery_issue_resolution {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#delivery_rejection_comments {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_asset_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_asset_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_asset_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_asset_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_table_1 td {
  text-align: left;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  white-space: nowrap;
}

#rejection_lease_photo {
  max-width: 35vh;
  max-height: 25vh;
  border-style: solid;
  border-color: rgb(0, 100, 70);
  border-width: 1px;
  border-radius: 1vh;
}

#remedy_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#deposit_release_password {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#rejection_comements_div {
  width: 35vh;
  height: 20vh;
  border-color: white;
  border-style: solid;
  border-width: 0.2vh;
  color: white;
  overflow-y: scroll;
  padding: 1.2vh;
  border-radius: 1vh;
}

#requested_remedy {
  width: 35vh;
  height: 4vh;
  border-color: white;
  border-style: solid;
  border-width: 0.2vh;
  color: white;
  overflow-y: scroll;
  padding: 1.2vh;
  border-radius: 1vh;
}

#delivery_issue_resolution_comments {
  width: 35vh;
  height: 12vh;
  margin: 1.2vh;
  padding: 1.2vh;
  border-radius: 1vh;
  overflow-y: scroll;
}

#hire_lessee_payment_confirm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hire_lessee_payment_receipt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_hires_contract_data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#deposit_release_pw {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#Delivery_Acceptance_Request_hand_over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_listings_active_deal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#ML_lessee_confirm_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#ML_lessee_confirm_requirements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#ML_lessee_confirm_lessee_notes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#ML_lessee_confirm_lessor_response {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#withdraw_payments_page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#withdraw_payments_receipt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#final_collection_page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#final_collection_page_accept_return {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#item_return_receipt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#accept_and_refund_quote_pg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#deposit_refund_receipt {
  width: 37vh;
  height: 23vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: flex-start;
  justify-content: flex-start;
}

.overflow_x_number {
  overflow-x: scroll;
}

#allowance_password_entry_popup_body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#my_listings_contract_data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.ledger_list {
  max-width: 37vh;
  min-width: 37vh;
  height: 39vh;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 1vh;
}

.ledger_tu {
  max-width: 6vh;
  min-width: 6vh;
}

.ledger_tt {
  max-width: 10vh;
  min-width: 10vh;
}

.ledger_tv {
  max-width: 10vh;
  min-width: 10vh;
}

.ledger_b {
  max-width: 11vh;
  min-width: 11vh;
}

#list_item_response button {
  color: white;
}

#ml_ledger_list_inner {
  width: 37vh;
  height: 37vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
}

#mh_ledger_list_inner {
  width: 37vh;
  height: 37vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
}

#mail_div {
  position: absolute;
  bottom: 4vh;
  right: 4.5vh;
  margin: auto;
  width: 5vh;
  height: 5vh;
}

#mail_img {
  width: 5vh;
}

.notification_panel {
  width: 20vh;
  display: flex;
  flex-direction: row;
  max-height: 5vh;
  height: 5vh;
  justify-content: space-around;
  justify-items: space-around;
  align-items: center;
  align-content: center;
}

.in_deal_mail_img {
  height: 3vh;
}

#mh_deal_message_display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.message_list {
  width: 37vh;
  height: 42vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 1.5vh;
}

.message_loader_container {
  width: 37vh;
  height: 37vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.message_list_item {
  width: 37vh;
  max-height: 12vh;
  min-height: 12vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
}

.notification_list_item {
  width: 37vh;
  max-height: 12vh;
  min-height: 12vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
}

.label_label_msg {
  display: flex;
  flex-direction: row;
  width: 37vh;
  max-height: 2.2vh;
}

.label_label_msg label {
  overflow-x: scroll;
  word-wrap: unset;
}

.msg_label_left {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  max-width: 8vh;
  height: 8vh;
  word-wrap: break-word;
  margin: 1vh;
}

.msg_label_right {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  max-width: 28vh;
  height: 8vh;
  margin: 1vh;
}

.msg_label_img_div {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.notify_label_img_div {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.msg_label_img_div_msg_in {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.msg_label_img_div_msg_read {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.msg_label_img_div_resp_in {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.msg_label_img_div_resp_read {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.msg_label_img_div_msg_sent {
  max-height: 10vh;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 7vh;
}

.small_msg_img {
  max-width: 4vh;
}

.small_notify_img {
  max-width: 3vh;
}

.m_label_1 {
  word-wrap: unset;
  font-size: 3vh;
}

.m_label_2 {
  word-wrap: unset;
  font-size: 2vh;
}

.m_label_3 {
  word-wrap: unset;
  font-size: 1.5vh;
}

.m_name_date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: space-between;
  align-items: center;
  align-content: center;
  width: 28vh;
}

#mh_deal_message_individual {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.msg_div {
  width: 37vh;
  height: auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin: 1vh;
}

#ml_deal_message_individual {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* #ml_deal_message_display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
} */

#mh_fault_display_list {
  width: 37.2vh;
  height: 42vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  align-content: center;
  padding-top: 1vh;
}

.fault_button {
  min-width: 35vh;
}

.fault_message {
  width: 37vh;
  font-size: 2vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: space-evenly;
  align-content: center;
}

#mh_fault_msg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.card_table {
  color: white;
  border-spacing: 0px;
  max-width: 37vh;
  width: 37vh;
}

.card_table td {
  text-align: left;
  border-style: solid;
  border-color: White;
  border-width: 1px;
  padding-left: 1vh;
  min-height: 4vh;
  column-width: auto;
}

.card_table tr {
  height: 4vh;
  min-height: 4vh;
}

.table_container {
  overflow-y: scroll;
  height: 45vh;
}

.table_container2 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 27vh;
  max-height: 27vh;
}

#ml_fault_display_list {
  width: 37.2vh;
  height: 42vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  align-content: center;
  padding-top: 1vh;
}

#ml_fault_msg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.card_container {
  width: 38vh;
  max-height: 46vh;
  height: 46vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-content: center; */
  align-items: center;
  font-size: 2.2vh;
  overflow-y: scroll !important;
  overflow-x: hidden;
  white-space: wrap;
}

.card_container2 {
  width: 37vh;
  height: 35vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

.card_container2 > .label_input {
  margin-bottom: 2vh;
}

.card_container_inner {
  width: 37vh;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

#response_update {
  display: flex;
  flex-direction: row;
}

.msg_txt_area {
  width: 35vh;
  height: 32vh;
  border-radius: 1vh;
  padding: 1vh;
}

#arbitration_notes {
  width: 37vh;
  height: 40vh;
  overflow-y: scroll;
  font-size: 2vh;
}

#ml_arbitration_notes {
  width: 37vh;
  height: 40vh;
  overflow-y: scroll;
  font-size: 2vh;
}

#arbitration_request_form {
  width: 37vh;
}

#ml_arbitration_request_form {
  width: 37vh;
}

#arbitration_sub_text {
  width: 34vh;
  padding: 1vh;
  height: 32vh;
  border-radius: 1vh;
}

#ml_arbitration_sub_text {
  width: 34vh;
  padding: 1vh;
  height: 15vh;
  border-radius: 1vh;
}

.row_form {
  display: flex;
  flex-direction: row;
}

.button_holder {
  width: 37vh;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.review_text {
  width: 37vh;
  height: 32vh;
  text-align: left;
}

.arb_card_inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 37vh;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 45vh;
}

.arb_list_body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 37vh;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40vh;
}

.table_div_hash {
  width: 33vh;
  max-width: fit-content;
  text-overflow: break-word;
}

.list_container {
  align-self: center;
  width: 38vh;
  height: 45vh;
  overflow-y: scroll;
}

.data_log_display_item {
  font-size: 2vh;
}

#data_log_display_container {
  display: flex;
  flex-direction: column;
  width: 37vh;
  align-items: center;
  align-content: center;
  overflow-y: scroll;
  overflow-x: hidden;
}

#quotations_display_container {
  display: flex;
  flex-direction: column;
  width: 37vh;
  align-items: center;
  align-content: center;
}

#invoices_display_container {
  display: flex;
  flex-direction: column;
  width: 37vh;
  align-items: center;
  align-content: center;
}

#vendor_image {
  visibility: hidden;
}

#vendor_image_label {
  width: 11vh;
  height: 12vh;
  display: flex;
  flex-direction: column;
  align-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-width: 1px;
  border-color: rgb(143, 222, 160);
  font-size: 1.8vh;
  border-radius: 0.5vh;
  text-align: center;
  cursor: pointer;
  color: black;
  justify-content: center;
  align-self: flex-start;
}

.category_list {
  width: 37vh;
  max-width: 37vh;
  height: 40vh;
  padding-top: 2vh;
  padding-bottom: 2vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  justify-items: center;
  margin: 0.5vh;
}

#cat_left {
  width: 17vh;
  max-width: 17vh;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
}

#cat_right {
  width: 17vh;
  max-width: 17vh;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-items: flex-start;
}

.category_item {
  width: 17vh;
  max-width: 17vh;
  height: fit-content;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  justify-items: center;
  min-height: 5vh;
}

.category_check {
  width: 3vh;
  height: 3vh;
}

.category_label {
  max-width: 13vh;
  width: 13vh;
  text-align: left;
  word-break: break-all;
  height: fit-content;
}

.user_search_img {
  width: 5vh;
  max-height: 7vh;
}

.user_search_item {
  width: 37vh;
  min-height: 13vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  justify-items: center;
}

#user_search_wallet_address {
  padding-bottom: 1vh;
  width: 37vh;
  height: 7vh;
}

#yes_no_selection {
  width: 37vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
}

#profile_img {
  max-width: 8vh;
  max-height: 8vh;
  height: 8vh;
  /*border-radius: 1vh;*/
  /*border-style: solid;*/
  /*border-color: white;*/
  /*border-width: 0.01vh;*/
  width: auto;
}

#profile_img_div {
  height: 8vh;
  width: 8vh;
  flex-direction: row;
  cursor: pointer;
  align-self: flex-start;
}

#profile_img_update2 {
  display: none;
}

#profile_header {
  width: 37vh;
  height: 10vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-start;
  justify-items: flex-start;
}

#profile_header_names {
  width: 25vh;
  height: 8vh;
  max-height: 8vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}

#profile_update_kyc_selfy_file {
  display: none;
}

#profile_update_kyc_id_copy {
  display: none;
}

.button_container_7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 12vh;
  height: 6vh;
  text-align: center;
  cursor: pointer;
  border: groove;
  border-color: white;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_container_7:active {
  box-shadow: none;
  background-color: rgb(0, 100, 70);
}

.button_label {
  width: 37vh;
  height: 7vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}

.button_label label {
  width: 25vh;
  max-width: 25vh;
  min-height: 7vh;
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  overflow: hidden;
}

#profile_update_address_por {
  display: none;
}

.card_container_2 {
  width: 38vh;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

.card_container3 {
  width: 40vh;
  min-height: 47vh;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: normal;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.card_container4 {
  width: 40vh;
  min-height: 45vh;
  max-height: 45vh;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: normal;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.card_container5 {
  width: 40vh;
  height: auto;
  max-height: 39vh;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: normal;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

#kyc_file_disp_1a {
  max-height: 6vh;
  overflow: hidden;
}

#kyc_file_disp_1b {
  max-height: 6vh;
  overflow: hidden;
}

#FAQ_search_display {
  width: 37vh;
  min-height: 32vh;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-wrap: break-word;
}

#question_header {
  width: 37vh;
  height: 6.2vh;
  min-width: 37vh;
  min-height: 6.2vh;
  max-width: 37vh;
  max-height: 6.2vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

#answer_body {
  width: 37vh;
  height: 17vh;
  min-width: 37vh;
  min-height: 17vh;
  max-width: 37vh;
  max-height: 17vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

select {
  background: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
}

select option {
  /* background-color: rgba(255, 255, 255, 0.7); */
  background-color: rgba(255, 255, 255, 0.333);
}

#quote_button {
  height: 4vh;
  width: 34vh;
  font-size: 2.2vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  text-justify: center;
  align-content: center;
  align-items: center;
  text-align: center;
  border: groove;
  border-color: white;
  border-width: 0.2vh;
  border-radius: 0.5vh;
  margin-right: 1.2vh;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

form {
  margin: 0vh;
  padding: 0vh;
}

#main_notify1 {
  width: 1.2vh;
  height: 1.2vh;
  border-radius: 35%;
  background-color: rgba(254, 44, 131, 0.901);
  color: white;
  text-align: center;
  text-justify: center;
  position: absolute;
  top: -1vh;
  bottom: auto;
  right: -1vh;
  left: auto;
  visibility: hidden;
}

#main_notify2 {
  width: 1.7vh;
  height: 1.7vh;
  border-radius: 35%;
  background-color: rgba(254, 44, 131, 0.901);
  color: white;
  text-align: center;
  text-justify: center;
  position: absolute;
  top: -1vh;
  bottom: auto;
  right: -1vh;
  left: auto;
  visibility: hidden;
}

.sub_notify {
  min-width: 1.2vh;
  min-height: 1.2vh;
  max-width: 1.2vh;
  max-height: 1.2vh;
  border-radius: 50%;
  background-color: rgba(254, 44, 131, 0.901);
  color: white;
  text-align: center;
  text-justify: center;
  font-size: 1.5vh;
  margin-top: -0.5vh;
  margin-left: -1vh;
  border-style: solid;
  border-color: white;
  border-width: 0.2vh;
}

#main_my_listings {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

#main_my_hires {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.my_button_labels {
  width: fit-content;
  position: relative;
  cursor: pointer;
}

@media (max-width: 150vh) {
  #main_my_listings {
    display: flex;
    flex-direction: row;
    position: relative;
    font-size: 1.8vh;
    max-width: 13vw;
    min-width: 13vw;
    cursor: pointer;
  }

  #main_my_hires {
    display: flex;
    flex-direction: row;
    font-size: 1.8vh;
    position: relative;
    max-width: 13vw;
    min-width: 13vw;
    cursor: pointer;
  }

  .my_button_labels {
    width: 7ch;
    position: relative;
    cursor: pointer;
  }

  #main_notify1 {
    width: 1.2vh;
    height: 1.2vh;
    position: Absolute;
    top: -1vh;
    bottom: auto;
    right: -1vh;
    left: auto;
  }

  #main_notify2 {
    width: 1.2vh;
    height: 1.2vh;
    position: Absolute;
    top: -1vh;
    bottom: auto;
    right: -1vh;
    left: auto;
  }
  #login_menu {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    height: 5vh;
    max-width: 13vw;
    min-width: 13vw;
  }
  #greeting {
    font-size: 1.3vh;
  }

  #h_button {
    margin-right: 1vh;
    margin-left: 0vh;
    height: 4vh;
  }

  #logo {
    height: 10vh;
    margin-left: 2vh;
  }
}

.notification_popup {
  height: 27vh;
  width: 37vh;
  border-radius: 1.5vh;
  border-style: solid;
  border-width: 0.5vh;
  border-color: rgb(0, 100, 70);
  background-color: white;
  position: absolute;
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  justify-items: space-evenly;
  text-align: space-evenly;
  text-justify: space-evenly;
  align-items: center;
  align-content: center;
  top: 0vh;
  bottom: 0vh;
  right: 0vh;
  left: 0vh;
  margin: auto;
  color: rgb(0, 100, 70);
  font: bold;
  font-size: 2.2vh;
  padding: 1vh;
}

.notification_popup button{
    color:rgb(0,100,70) !important;
}

.img_header_34 {
  width: 35vh;
  min-height: 5vh;
  max-height: 7vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: auto;
  align-items: center;
}

#n_message {
  min-height: 15vh;
  width: 35vh;
  text-align: left;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*#message_item_message {*/
/*  overflow-y: scroll;*/
/*}*/

#mh_message_item_message {
  overflow-y: scroll;
}

.smile_outer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 7vh;
  height: 7vh;
  border-style: solid;
  border-width: 0.5vh;
  border-radius: 50%;
  border-color: white;
}

.rating_slider {
  -webkit-appearance: none;
  background-color: white;
  width: 10vh;
  height: 1vh;
  border-radius: 1vh;
  color: white;
  cursor: pointer;
}

.rating_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: white;
  width: 2vh;
  height: 2vh;
  border-radius: 50%;
  cursor: pointer;
}

.eyes_container {
  width: 6vh;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: center;
}

.eye {
  width: 0.5vh;
  height: 0.5vh;
  border-width: 0.5vh;
  border-style: solid;
  border-color: white;
  border-radius: 50%;
  background-color: white;
}

.mouth_happy {
  width: 4vh;
  height: 3vh;
  border-style: solid;
  border-color: white;
  border-radius: 50%;
  border-width: 0vh 0vh 0.7vh 0vh;
}

.mouth_sad {
  width: 4vh;
  height: 3vh;
  border-style: solid;
  border-color: white;
  border-radius: 50%;
  border-width: 0.7vh 0vh 0vh 0vh;
}

.mouth_neutral {
  width: 3vh;
  height: 0.7vh;
  border: 0vh;
  background-color: white;
  border-radius: 30%;
}

.range_lable {
  display: flex;
  flex-direction: row;
  width: 17vh;
  height: 4vh;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  justify-items: space-between;
}

hr {
  color: white;
  height: 0.05vh;
  width: 37vh;
  background-color: white;
  padding: 0vh;
}

.suggestion_label {
  width: 20vh;
  background-color: white;
  color: rgb(0, 100, 70);
}

#asset_location_map {
  position: absolute;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
  margin: auto;
}

#map_checkbox {
  margin-left: 0vh;
}

.crypto_info_logo_div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  min-width: 7.2vh;
  min-height: 7.2vh;
  background-color: rgb(143, 222, 160);
  border-radius: 50%;
  box-shadow: 0.15vh 0.15vh rgba(57, 50, 50, 0.341);
}

.crypto_info_logo {
  width: 7vh;
  height: 7vh;
}

.switch {
  position: relative;
  display: inline-block;
  width: 6.2vh;
  height: 2.4vh;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.8vh;
  width: 1.8vh;
  left: 0.2vh;
  bottom: 0.2vh;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #53e497;
}

input:focus + .slider {
  box-shadow: 0 0 1px #53e497;
}

input:checked + .slider:before {
  -webkit-transform: translateX(4.2vh);
  -ms-transform: translateX(4.2vh);
  transform: translateX(4.2vh);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.grecaptcha-badge {
  position: absolute;
  bottom: 0;
  top: 200;
  margin-top: auto;
  z-index: 201;
}

@media (max-width: 62vh) {
  #CheckoutIframe {
    position: absolute;
    top: 20vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

#background {
  min-width: 100vw;
  height: 100vh;
}

#background_div {
  width: 100vw;
  height: 72vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: hidden;
  z-index: -1;
  /*background-color: rgb(228, 227, 227);*/
  background-color: rgb(241, 241, 241);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#discount_button {
  font-size: 2vh;
  max-width: 17vh;
  height: 3vh;
  border-style: solid;
  border-color: white;
  border-radius: 0.7vh;
  border-width: thin;
}

#discount_code {
  max-width: 17vh;
}

.pad_1_below {
  padding-bottom: 1vh;
}

#addon_list_div {
  width: 35vh;
  min-width: 35vh;
  height: 20vh;
  min-height: 10vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.5vh;
  padding: 1vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.7vh;
  margin-bottom: 2vh;
}

.box_button {
  width: auto;
  font-size: 2.7vh;
  height: 4vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.7vh;
}

.box_button_small {
  width: auto;
  font-size: 2vh;
  height: 4vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.5vh;
}

#loaded_addons_heading {
  font-size: 1.7vh;
  align-self: flex-start;
  color: white;
}

#add_addon_div {
  display: None;
  width: 37vh;
  min-width: 37vh;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

#addon_list_inner {
  width: 34vh;
  min-width: 34vh;
  height: auto;
  display: flex;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  font-size: 1.8vh;
}

.addon_list_item {
  min-width: 34vh;
  width: 34vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.addon_bin {
  height: 3vh;
  width: auto;
  align-self: center;
  cursor: pointer;
}

#addon_item_info_body {
  display: Flex;
}

#addon_providers_text {
  /* min-height: 13vh;
  max-height: 13vh;
  overflow-y: scroll;
  overflow-x: hidden; */
  margin-bottom: 2vh;
}

#add_on_options_list_div {
  width: 35vh;
  min-width: 35vh;
  height: 30vh;
  min-height: 30vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.5vh;
  padding: 1vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.7vh;
  margin-bottom: 2vh;
}

#add_on_options_list_heading {
  font-size: 1.7vh;
  align-self: flex-start;
  color: white;
}

#add_on_options_list_inner {
  width: 34vh;
  min-width: 34vh;
  height: auto;
  display: flex;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  font-size: 1.8vh;
}

.prelisted_addon_item_div {
  max-width: 34vh;
  min-width: 34vh;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1vh;
}

.box_button_small2 {
  width: auto;
  font-size: 2vh;
  height: 3.2vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.3vh;
  align-self: flex-start;
}

.addons_div_container {
  min-width: 36.7vh;
  max-width: 36.7vh;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 1.5vh;
  /* padding-top:1vh;
  padding-bottom:1vh; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2vh;
  padding-bottom: 1vh;
  margin-bottom: 2vh;
}

.addon_desc_div {
  width: 34vh;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1vh;
}

.addon_label_label {
  max-width: 34vh;
  min-width: 34vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1vh;
}

.addon_label_label_vertical {
  max-width: 34vh;
  min-width: 34vh;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1vh;
}

.addon_label_label_vertical label {
  max-width: 33vh;
  text-wrap: wrap;
  height: auto;
  text-align: left;
}

.currency_suffix {
  font-size: 1.2vh;
}

.subscript {
  font-size: 1.2vh;
}

.label_div_subscript_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: center;
}

.table_d_label {
  max-width: 17vh;
  min-width: 17vh;
}

.table_d_value {
  max-width: 17vh;
  min-width: 17vh;
}

#lease_table_2 th {
  font-size: 2.2vh;
  width: 37vh;
  text-wrap: nowrap;
  text-align: center;
  align-items: center;
}

.asset_header_div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  /* color: rgba(0, 176, 80); */
  color: white;
  min-width: 35vh;
  max-height: 15vh;
  max-width: 35vh;
  /* background-color: rgba(255, 255, 255, 0.7); */
  /* background-color: rgba(255, 255, 255, 0.295); */
  background-color: rgba(0, 100, 80, 0.7);
  border-radius: 1.2vh;
  padding: 2vh;
}

.asset_header_label_div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  max-width: 16vh;
  min-width: 16vh;
}

.asset_type_header {
  font-size: 2.5vh;
  font-weight: bold;
}

.asset_make_header {
  font-size: 2vh;
}

.lease_rate_header {
  font-size: 3.5vh;
}

.lease_rate_header_div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  max-width: 16vh;
  min-width: 14vh;
  text-align: right;
}

.asset_make_header_rate {
  font-size: 3.2vh;
  font-weight: bold;
  text-align: right;
}

.currency_per_unit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.asset_make_header_currency {
  font-size: 1.5vh;
  margin-top: 0.2vh;
}

.asset_make_header_unit {
  font-size: 1.5vh;
}

.h_button_array_div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  max-width: 37vh;
  min-width: 37vh;
  max-height: 5vh;
  min-height: 5vh;
  margin-top: 1vh;
  padding-top: 0.2vh;
  padding-bottom: 0.2vh;
}

.h_button_array_div button {
  font-size: 2vh;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.823);
  box-shadow: 0.3vh 0.3vh 0.3vh rgba(0, 0, 0, 0.337);
  color: rgba(0, 176, 80);
  border-radius: 1.2vh;
  margin: 0;
  padding: 0.4vh;
}

.h_button_array_div button:active {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.337);
}

.addons_div {
  min-width: 38vh;
  max-width: 38vh;
  min-height: 42vh;
  max-height: 42vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-y: scroll;
  overflow-x: hidden;
}

.view_select_addon_div {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 37vh;
  max-width: 37vh;
  /* background-color: rgba(255, 255, 255, 0.823); */
  background-color: rgba(0, 100, 80, 0.7);
  border-radius: 1.7vh;
  /* color: rgba(0, 176, 80); */
  color: white;
  padding: 1vh;
  margin-bottom: 2vh;
}

.view_select_addon_upper {
  min-width: 33vh;
  max-width: 33vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.view_select_addon_labels {
  min-width: 16vh;
  max-width: 16vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  justify-content: center;
}

.view_select_addon_name {
  font-size: 2.5vh;
  font-weight: bold;
}

.view_select_addon_type {
  font-size: 2.4vh;
  /* font-weight: bold; */
}

.view_select_addon_sw {
  font-size: 2vh;
  /* font-weight: bold; */
}

.view_select_addons_rate_div {
  min-width: 15vh;
  max-width: 15vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  /* background-color: white;
  border-radius: 1.2vh;
  color: rgba(0, 176, 80); */
}

.view_select_addon_rate {
  font-size: 2.5vh;
  font-weight: bold;
}

.view_select_addon_currency {
  font-size: 1.2vh;
}

.view_select_addon_unit {
  font-size: 1.2vh;
}

.view_select_addon_lower {
  flex-direction: column;
  align-items: center;
  max-width: 33vh;
  min-width: 33vh;
  margin-top: 1vh;
}

.view_select_addon_address_div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 33vh;
  min-width: 33vh;
  text-align: left;
  word-break: break-all;
  word-wrap: wrap;
  margin-top: 1vh;
}

.view_select_addon_address_type_div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 33vh;
  margin-top: 1vh;
}

.addon_select_div {
  max-width: 33vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1vh;
}

.label_37 {
  max-width: 37vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.label_34 {
  max-width: 32vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.label_32 {
  max-width: 34vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.label_30_min {
  max-width: 30vh;
  min-width: 30vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

#confirm_location_container {
  max-height: 37vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

#lat_lon_div {
  margin-top: 1vh;
  margin-bottom: 1vh;
}

#map_check_box_div {
  width: 37vh;
  max-width: 39vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.mini_info {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: center;
  justify-content: flex-start;
  padding: 1vh;
  max-width: 37vh;
  max-height: 37vh;
  min-width: 37vh;
  min-height: 37vh;
  background-color: white;
  font-size: 1.8vh;
  color: rgba(0, 176, 80);
  border: 1.7vh;
  border-radius: 1.7vh;
  border-style: solid;
  border-color: rgba(0, 176, 80);
  border-width: 2px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}

.info_container {
  max-height: 27vh;
  min-height: 27vh;
  max-width: 31vh;
  min-width: 31vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 1vh;
  overflow-y: scroll;
}

.info_container::-webkit-scrollbar-thumb {
  background: rgb(0, 100, 70);
  width: 2vh;
  border-radius: 1.5vh;
  visibility: hidden;
}

.info_container::-webkit-scrollbar {
  width: 0.3vh;
  height: 0.7vh;
}
.info_container:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.mini_info button {
  color: rgba(0, 176, 80);
  min-width: none;
  max-width: none;
  width: auto;
  align-self: center;
  font-size: 3vh;
  margin: 1vh;
}

.info_icon_div {
  max-width: 1.7vh;
  max-height: 1.7vh;
  min-width: 1.7vh;
  min-height: 1.7vh;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 1.7vh;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  border-color: white;
  color: white;
  margin: 0;
  margin-left: 1vh;
  padding: 0;
  position: relative;
  top: 0;
  left: -1vh;
  right: auto;
  bottom: 0;
  cursor: pointer;
}

#delivery_arrangements_div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  width: 37vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

#search_loader {
  width: 7vh;
  height: 7vh;
  align-self: center;
  justify-self: center;
}

.button_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 37vh;
  width: 30vh;
}

.statement_item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1vh;
}

.statement_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.statement_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.statement_date {
  text-align: left;
  font-size: 1.5vh;
}

.statement_period {
  text-align: left;
  font-size: 1.7vh;
}

.statement_description {
  text-align: left;
  font-size: 2.3vh;
}

.statement_amount {
  font-size: 3vh;
  text-align: right;
}

.statement_balance {
  font-size: 2vh;
  text-align: right;
  margin-top: 0.7vh;
}

.statement_currency {
  font-size: 1.8vh;
}

.subtext_big {
  font-size: 1.7vh;
}

.addon_img {
  max-width: 7vh;
  max-height: 7vh;
}

.account_balance {
  height: auto;
  width: 37vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
  font-size: 2.4vh;
  /* font-weight: bold; */
  padding: 1.2vh;
  border-radius: 1.2vh;
  /* background-color: rgba(255, 255, 255, 0.152); */
  background-color: rgba(0, 100, 80, 0.7);
}

.account_balance_buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: inherit;
  margin-top: 1vh;
}

.account_button {
  background-color: white;
  color: rgba(0, 100, 70) !important;
  border-radius: 0.7vh;
  /* box-shadow: 0.2vh 0.2vh 0.2vh lightgrey; */
  font-size: 1.4vh !important;
  font-weight: bold;
  max-height: 1.5vh !important;
  width: fit-content;
  text-align: center;
  margin-left: 0.5vh;
}

.approve_decline_button {
  background-color: white;
  color: rgba(0, 176, 80) !important;
  border-radius: 0.7vh;
  /* box-shadow: 0.2vh 0.2vh 0.2vh lightgrey; */
  font-size: 2vh !important;
  font-weight: bold;
  max-height: 1.5vh !important;
  width: fit-content;
  text-align: center;
  margin-left: 0.5vh;
}

.plain_white_button {
  color: white;
}

.address_input {
  width: inherit;
  border-radius: 1vh;
  width: 36vh;
  min-width: 36vh;
  word-wrap: break-word;
  text-align: left;
  font-size: 1.7vh;
  border-radius: 1vh;
  margin-top: 0.7vh;
}

.subtexted_label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

#bla_data_balances_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 37vh;
  max-width: 37vh;
  min-height: 39vh;
  max-height: 39vh;
  overflow-y: scroll;
  margin-top: 3vh;
}

.bla_data_balance_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 34vh;
  max-width: 34vh;
  height: auto;
  max-height: 37vh;
  background-color: rgba(255, 255, 255, 0.121);
  /* background-color: rgba(0, 100, 80,0.9); */
  border-radius: 1vh;
  padding: 1vh;
  margin-top: 1vh;
}

.center_loader {
  align-self: center;
  justify-self: center;
  width: 7vh;
  height: 7vh;
  margin-top: 2vh;
}

.bla_data_booking_info_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 34vh;
  max-width: 34vh;
  height: auto;
  max-height: 37vh;
  border-radius: 1vh;
  padding: 1vh;
  margin-top: 1vh;
  font-size: 1.8vh;
  background-color: rgba(0, 100, 80, 0.7);
}

.button_grid {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-content: flex-start;
}

.button_grid button {
  /* background-color: rgba(66, 199, 126, 0.712); */
  background-color: rgba(0, 100, 80, 0.7);
  min-width: 14vh;
  min-height: 14vh;
  max-width: 14vh;
  max-height: 14vh;
  padding: 20px;
  font-size: 1.5vh;
  font-weight: bold;
  text-align: center;
  margin: 2vh;
  border-radius: 1vh;
  /* color: rgba(0, 176, 80); */
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  box-shadow: 0.1vh 0.3vh rgba(72, 103, 78, 0.623);
}

.button_grid img {
  max-width: 6vh;
  max-height: 6vh;
  margin-bottom: 1vh;
}

.logistics_provider_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 37vh;
  max-width: 37vh;
  font-size: 1.7vh;
  justify-content: flex-start;
  background-color: rgba(0, 100, 80, 0.7);
  color: white;
  padding-top: 1vh;
  padding-bottom: 1vh;
  border-radius: 1vh;
  margin-top: 2vh;
}

.logistics_provider_item_name {
  font-size: 2.7vh;
  max-width: 34vh;
}

.inner_item_button {
  font-size: 2vh !important;
}

.addon_item_div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1vh;
  padding-bottom: 1vh;
  margin-top: 2vh;
  background-color: rgba(0, 100, 80, 0.7);
  color: white;
  min-width: 39vh;
}

.arbitration_case_div {
  min-width: 34vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1vh;
  background-color: rgba(0, 100, 80, 0.7);
  border-radius: 1.7vh;
  margin-top: 2vh;
  box-shadow: 0.1vh 0.1vh rgba(69, 72, 69, 0.623);
  justify-self: center;
}

.check_label {
  display: flex;
  flex-direction: row;
  max-width: 37vh;
  align-items: center;
  justify-content: space-between;
}

#tandc_cb {
  max-width: 2.7vh;
  max-height: 2.7vh;
}

.case_list_item {
  width: 35vh;
  height: 15vh;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1vh;
  background-color: rgba(0, 100, 80, 0.7);
  border-radius: 1.7vh;
  margin-top: 2vh;
}

.arbitrator_list_item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 35vh;
  max-width: 35vh;
  padding: 1vh;
  background-color: rgba(0, 100, 80, 0.7);
  box-shadow: 0.1vh 0.1vh rgba(69, 72, 69, 0.623);
  border-radius: 1.7vh;
  cursor: pointer;
  margin-top: 1vh;
}

.arbitrator_list_item_img_container {
  max-width: 8vh;
  min-width: 8vh;
  max-height: 8vh;
  min-height: 8vh;
  width: 8vh;
  height: 8vh;
}

.arbitrator_list_item_img_ {
  max-width: 8vh;
  max-height: 8vh;
}

.arbitrator_list_item_title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1vh;
}

.button_group_row_32 {
  min-width: 32vh;
  max-width: 32vh;
  height: 4.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

.arb_case_button {
  background-color: white;
  color: rgba(0, 176, 80) !important;
  border-radius: 0.7vh;
  /* box-shadow: 0.2vh 0.2vh 0.2vh lightgrey; */
  font-size: 1.7vh !important;
  font-weight: bold;
  max-height: 1.9vh !important;
  width: fit-content;
  text-align: center;
  margin-left: 0.5vh;
}

.case_notes_list {
  max-width: 32vh;
}

.case_notes_list li {
  max-width: 30vh;
  text-align: left;
}

#case_expanded_arb_case_notes {
  overflow-x: hidden;
  overflow-y: scroll;
}

#arbitrator_about h2 {
  font-size: 2.7vh;
  padding: 0;
  margin: 1vh;
}

#arb_profile_id_div {
  display: flex;
  flex-direction: row;
  width: 37vh;
  height: 10vh;
  justify-content: space-between;
  align-items: flex-start;
}

#arb_profile_img_div {
  width: 10vh;
  height: 10vh;
}

#arb_profile_img {
  max-width: 10vh;
  max-height: 10vh;
}

#arb_profile_name_labels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 26vh;
  margin-left: 1vh;
  text-align: left;
}

#arb_profile_name_labels label {
  width: 26vh;
  text-align: left;
}

.rates_label_label {
  display: flex;
  flex-direction: column;
  width: 37h;
  justify-content: space-between;
}

.rates_label_label .label_label {
  margin-bottom: 0vh;
  margin-top: 0vh;
}

.rates_label_label input {
  /* margin-right: 2vh; */
  width: 13vh;
}
/* 
.label_input_rates {
  display: flex;
  flex-direction: column;
  width: 37vh;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 1vh;
} */

.input_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 35vh;
}

.input_button input {
  max-width: 30vh !important;
}
.input_button textarea {
  width: 30vh;
  height: 14vh;
  margin-top: 1vh;
}

.input_button button {
  width: 5vh;
  height: 5vh;
  font-size: 4vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.note_buttons_vertical_div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 35vh;
  height: auto;
  margin-bottom: 1vh;
  margin-top: 1vh;
  padding: 0;
}

.note_buttons_vertical_div label {
  max-width: 36vh;
}

.label_dropdown {
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.label_dropdown label {
  max-width: 35vh;
}

.header_dropdown {
  font-size: 1.8vh !important;
}

.header_dropdown:active {
  content: "▲";
  color: black;
}

.drop_down_selected {
  content: "▲";
  color: black;
}

.note_buttons_vertical_div h2 {
  font-size: 2vh;
  margin: 0;
  padding: 1vh;
}

.note_edit_button {
  background-color: white;
  color: rgba(0, 176, 80) !important;
  border-radius: 0.7vh;
  /* box-shadow: 0.2vh 0.2vh 0.2vh lightgrey; */
  font-size: 1.5vh !important;
  font-weight: bold;
  max-height: 1.7vh !important;
  width: fit-content;
  text-align: center;
  margin-left: 0.5vh;
}

.header_edit_button {
  background-color: white;
  color: rgba(0, 176, 80) !important;
  border-radius: 0.7vh;
  /* box-shadow: 0.2vh 0.2vh 0.2vh lightgrey; */
  font-size: 1.7vh !important;
  font-weight: bold;
  max-height: 2vh !important;
  width: fit-content;
  text-align: center;
  margin-left: 0.5vh;
}

#service_notes_preview {
  border-color: white;
  border-radius: 1.7vh;
  border-style: solid;
  border-width: 1px;
  margin-top: 1.5vh;
  height: auto;
}

.note_edit_button_div {
  /* display: flex; */
  flex-direction: row;
  width: 37vh;
  align-items: center;
  justify-content: space-evenly;
}

.vertical_stack_l {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.vertical_stack_r {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  text-align: right;
}

#deposit_release_check_div {
  margin-top: 1.5vh;
}

.arb_physical_address_data {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  justify-content: flex-start;
  width: 36vh;
}

.address_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: inherit;
  justify-content: flex-start;
  text-align: left;
}

#address_container label {
  text-align: left;
}

#asset_omi_div {
  width: 37vh;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.addon_inner_container {
  flex-direction: column;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  min-height: fit-content;
  width: 37vh;
}

.setting_description {
  width: 37vh;
  max-height: 10vh;
  overflow-y: scroll;
}

#lease_setting_container {
  height: 27vh;
  max-height: 27vh;
  display: flex;
  flex-direction: column;
  width: 37vh;
}

.logistics_input_div {
  width: 37vh;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: auto;
}

#tandcs_preview_container {
  border-color: white;
  border-radius: 1.7vh;
  border-style: solid;
  border-width: 1px;
  margin-top: 1.5vh;
  height: auto;
  padding: 1vh;
}

#temp_section_container {
  display: flex;
  flex-direction: column;
  width: 35vh;
  height: 32vh;
  padding: 1vh;
  overflow-y: scroll;
  border-radius: 1.7vh;
  border-color: white;
  border-width: 1px;
  border-style: solid;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

#payment_content {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 37vh;
  align-self: center;
  height: fit-content;
}

.token_network_vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/*#change_display{*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  position:absolute;*/
/*  top:0;*/
/*  bottom:0;*/
/*  left:0;*/
/*  right:0;*/
/*  margin:0;*/
/*  z-index: 10;*/
/*}*/

.resource_div {
  width: 37vh;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2vh;
  margin-top: 1vh;
}

.embed_video {
  width: 35vh;
  height: auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}