.search-container {
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  width: 60%;
  min-width: 320px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.search-input {
  padding: 10px;
  border: none;
  outline: none;
  border-radius: 8px;
}

.btn-search {
  background-color: #FF9900;
  border: 1px solid #FF9900;
  border-radius: 0 7px 7px 0;
  padding: 10px 15px;
}

.btn-search:hover {
  background-color: #E68A00;
}
.see-more{
  color: rgb(0,113,133);
}
.part-nav img{
  width: 100px;
}
.pdf-viewer{
  width: clamp(500px, 100%, 100%);
  height: clamp(100vh, 100vh, 200vh);
  /* background-color:transparent; */
}
.img-thumbnail{
  width: 90%;
  height: auto;
  border:0.2px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

#parts_list tr td:first-child, #parts_list tr th:first-child {
  padding-left: 15px;
}

figure{
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure:hover{
  opacity: .9;
}
figure img{
  object-fit: cover;
}

h1{
  font-size: 1.6em;
};
h2{
  font-size: 0.8em;
}

/* bootstrap hamburger menu's max-width is 991px */
 @media (max-width:600px){ 
  #site-cart{
    display:none;
  }
  #navbarNavAltMarkup{
    flex-direction: column;
    align-items: end;
  }
  #profile_dropdown{
    padding-right: 15px;
  }
  #nav_bar{
    text-align: right;
    padding-right: 15px;
  }
  /* #hamburger_menu .navbar{
    text-align:right;
  } */
} 




/* body{
  margin: 0; 
  font-family: sans-serif;
  }
body.home{
  background-image: url(/img/hemp-bg-bw-3500.jpg); 
  background-size: cover;
  }
body .app-container{
  display: none;
  }
body[data-app="home"] #content{
  padding-right: 140px; 
  }
body[data-internal="false"] .internal{
  display: none;
  }
body[data-internal="true"] .external{
  display: none;
}
.banner{
  margin-top: 1em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.banner a{
  margin-top: 8px;
} */
/* Modal */
/* #modal > div{
  margin: 20px auto;

}
.modal-s{
  width: 30%;
  min-width: 300px;
}
.modal-m{
  width: 50%;
  min-width: 500px;
}
.modal-l{
  width: 70%;
  min-width: 700px;
}
#modal .modal-body{
  overflow-y: auto;
  max-height: 400px;
} */

/* Home */
/* body[data-app="home"] #home-container{
  display: block;
  }
body[data-app="welcome"]{
  background-image: url(/img/hemp-bg-bw-3500.jpg); }
#welcome, #signup{
  position: absolute;
  overflow: auto;
  height: 100%;
  width: 100%;
  padding-right: 140px;
}
#signin{
  position: absolute;
  overflow: auto;
  height: 100%;
  width: 100%;
}
#signin > div{
  margin: 0 auto;
}
#signup select{
  height: 38px;
}
option{
  padding: 0.5em;
  background-color: #333;
  color: white;
}
 */
/* Nav2 */
/* #nav2 select.form-control{
  height:3em;
  font-weight: bold;
  line-height: 2em;
}
#nav2 select.form-control:focus{
  color:white;
}
#nav2 .tabs{
  height: 40px;
  width: 200px;
  border-bottom: 4px solid white;
}
#nav2 .tab{
  margin: 2px 3px 0px 0px;
  height: 38px;
  font-size: 26px;
  display: block;
  float: left;
  padding: 0px 12px;
  background-color: rgba(255,255,255,0.8);
}
#nav2 .tabs a{
  color: #222;
}
#nav2 .tabs a.on{
  background-color: #FFF;
}

.btn-group .btn-link{
  color: white;
}
.btn-group .btn-link:active,
.btn-group .btn-link:hover{
  text-decoration: none;
}
table.table a.btn,
table.table a.dropdown-item,
.dropdown-menu > a.dropdown-item{
  color: white;
  text-decoration: none;
}
.dropdown-menu > a.dropdown-item:hover{color: #333;} */

/* DASHBOARD */
/* body[data-app="dashboard"] #dashboard-container{
  display: block;
  }
.calendar-date table.table-condensed{background-color:white;}
.calendar .available{color: #333;}
.calendar th{color: #333;} */

/* LOGIN */
/* a.oauth{
  color: #fff;
  background-color: #2d5986;
  border-color: #224567;
}
#signin-form input{
  width: 80%;
  margin: auto;
}
button.login{
  color: #fff;
  background-color: #1d5156;
  border-color: #123437;
  margin: 3px auto;
  width:39%;
}
a.signup{
  color: #fff;
  background-color: #b7151b;
  border-color: #931115;
  width: 39%;
}
#signin .lg-login-option{
  display: none;
}

#signin.khronos a.oauth{
  color: #fff;
  background-color: #2d5986;
  border-color: #224567;
  font-size: 24px;
  margin-top: 40px;
  padding: 6px 20px;
}
#signin.khronos form{
  display: none;
}
#signin.khronos .lg-login-option{
  display: block;
  margin: auto;
  margin-top: 20px;
}
#signin.khronos .lg-login-option:hover{
  color: #222;
}


.corner-search{
  border-radius:0px 0px 0px 0px;
  font-size:12pt;
  padding-left: 34px;
}
.corner-search-icon{
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 14px;
  color: #ccc;
}
.corner-create-icon{
  position: absolute;
  top: 8px;
  left: 280px;
  font-size: 14px;
  color: #eee;
} */

/* PROFILE */
/* body[data-app="profile"] #profile-container{
  display: block;
  } */

/* USR */
/* body[data-app="usr"] #usr-container{
  display: block;
  }
#usr-list{
  overflow: auto;
  height: calc(100% - 69px);
}
#usr-list a{
  display: block;
  border-bottom: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding: 6px 6px 6px 10px;
  width: 100%;
}
#usr-list a.on, #usr-list a:hover{
  text-decoration: none;
  background-color: #444;
  color: white;
}
#usr-list .avatar{
  width: 40px;
  float: right;
  color: white;
}
#usr-list .admin-icon{
  color: #396;
}
#usr-list .name{
  display: block;
  font-weight: bold;
  padding: 3px 0 2px;
  overflow: hidden;
}
#usr-list .email{
  display: block;
  font-size: smaller;
  overflow: hidden;
}
#usr-list .co{
  display: block;
  overflow: hidden;
}
#usr-list .is-pending{
  border-left: 1px solid yellow;
}
#usr-q{ */
  /*border: 1px solid #555;*/
/* } */
/* #usr-groups-icon{
  position: absolute;
  top: 8px;
  right: 10px;
}
#usr-admin{
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
}
#usr-admin a{
  width: 50%;
  border-radius:0;
  margin: 0;
} */

/* COMPANY */
/* body[data-app="company"] #company-container{
  display: block;
  }
#company-list{
  overflow: auto;
  height: calc(100% - 30px);
}
#company-list a{
  display: block;
  border-bottom: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding: 6px 6px 6px 10px;
  width: 100%;
}
#company-list a.on, #usr-list a:hover{
  text-decoration: none;
  background-color: #444;
  color: white;
}
#company-list .logo{
  width: 50%;
  display: none;
}
#company-list .name{
  font-weight: bold;
  padding: 3px 0 2px;
}
#company-container .company-detail[data-mode="edit"] [data-mode="view"]{
  display: none;
}
#company-container .company-detail[data-mode="view"] [data-mode="edit"]{
  display: none;
}
#company-container table[data-role="admin"] tr[data-role="user"],
#company-container tr[data-role="admin"] .user{
  display: none;
}
#company-container table[data-role="user"] tr[data-role="admin"],
#company-container tr[data-role="user"] .admin{
  display: none;
}
#company-container a{
  text-decoration: none;
}
#company-admin{
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
}
#company-admin a{
  width: 50%;
  border-radius:0;
  margin: 0;
} */

/* CONTENT */
/* body[data-app="content"] #content-container{
  display: block;
}
#content-list{
  overflow: auto;
  height: 100%;
}
#content-list a{
  display: block;
  border-bottom: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding: 6px 6px 6px 10px;
  width: 100%;
}
#content-list a.on #content-list a:hover{
  text-decoration: none;
  background-color: #444;
  color: white;
}
#content-list .logo{
  width: 50%;
  display: none;
}
#content-list .name{
  font-weight: bold;
  padding: 3px 0 2px;
}
#content-container .content-detail[data-mode="edit"] [data-mode="view"]{
  display: none;
}
#content-container .content-detail[data-mode="view"] [data-mode="edit"]{
  display: none;
}
#content-container a{
  text-decoration: none;
} */

/* INVESTOR */
/* body[data-app="investor"] #investor-container{
  display: block;
}
#investor-list{
  overflow: auto;
  height: 100%;
}
#investor-list a{
  display: block;
  border-bottom: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding: 6px 6px 6px 10px;
  width: 100%;
}
#investor-list a.on #content-list a:hover{
  text-decoration: none;
  background-color: #444;
  color: white;
}
#investor-list .logo{
  width: 50%;
  display: none;
}
#investor-list .name{
  font-weight: bold;
  padding: 3px 0 2px;
}
#investor-container .investor-detail[data-mode="edit"] [data-mode="view"]{
  display: none;
}
#investor-container .investor-detail[data-mode="view"] [data-mode="edit"]{
  display: none;
}
#investor-container a{
  text-decoration: none;
} */

/* Header */
/* #header {
  position: fixed; 
  z-index: 100;
  width: 100%; 
  height: 70px; 
  border-bottom: 2px solid #222; 
  background-color: rgba(0,0,0,0.8);
  top: 0; 
  left: 0;}
body[data-sdk-version="1.0"] #header { */
  /*border-bottom: 4px solid #77b300;*/
/* } */
/* #header .nav{
  height: 50px;
  }
#header a.sdk-tab{
  height: 70px;
  min-width: 100%;
  padding-top: 24px;
  color: white;
  float: left;
  text-align: center;
  }
body[data-sdk-version="1.0"] a.sdk-tab[data-sdk-version="1.0"], 
a.sdk-tab[data-sdk-version="1.0"]:hover{
  background-color: #77b300;
  font-weight: bold;
  }
body[data-sdk-version="1.1"] a.sdk-tab[data-sdk-version="1.1"], 
a.sdk-tab[data-sdk-version="1.1"]:hover{
  background-color: #2a9fd6;
  font-weight: bold;
  }
#logo{
  width: 100%;
  max-width: 110px;
  min-width: 60px;
  margin-top: 8px;
  }

#download-static{
  margin: -10px 0 0 0;}
#download-static img{
  height: 60px;
}
#user-menu{
  float: right;
  height: 60px;
  display: block;
}
#user-menu img{
  height: 40px;}
#nav1 {
  position: fixed; 
  top: 70px; 
  bottom: 0; 
  width: 140px; 
  overflow-y: auto; 
  color: white;
  background-color: rgba(0,0,0,0.5);
  }
#nav1 > li{
  display: block;
  width: 100%;
}
#nav1 li a{
  padding: 10px 10px;
  width: 140px;
  display: block;
}
#nav1 li a:hover, #nav1 li a:active{
  background-color: rgba(0,0,0,.4)
}
#nav1 > div{
  margin: 0.8em;}
#nav1 li i{
  margin-right: 8px;
}
.nav2 {
  position: fixed; 
  top: 70px; 
  bottom: 0; 
  left: 140px; 
  width: 200px;
  background-color: transparent;
}
#content {
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 140px; */
  /* background-image: linear-gradient(to right, rgba(209, 209, 209, 0) 0, rgba(226, 226, 226, 0.05) 100%); */
  /* padding: 0;
}
.content2 {
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 340px;
  padding: 0;
}
img.avatar{border-radius: 50%;}
#copyright{
  position: fixed;
  bottom: 8px;
  right: 15px;
  color: #bbb;
  font-size: 11px;
  width: 180px;
}
#mailto-info{
  position: fixed;
  bottom: 8px;
  left: 8px;
  color: #bbb;
  font-size: 12px;
  width: 100px;
}
#mailto-info:hover{
  background-color: inherit;
  color: #ddd;
}
#valve-sponsor{
  position: fixed;
  bottom: 40px;
  left: 12px;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  width: 100px;
}

#user-menu .avatar{
  vertical-align: bottom;
  margin-top: 3px;
}
.light, a.light{
  color: #eee !important;}
a{
  color: #fff;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
.comment a{
  color: #6acfff;
}
.sm{
  font-size: smaller;}
input.form-control, select.form-control, textarea.form-control{
  background-color: #23201f;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
  border-color: #aaa;
  color: white;
  background-color: #2F2F2F;
} */
/* Override bootstrap 4 */
/* .bg-dark { background-color: rgba(47,47,47,.4) !important; color: #e8e8e8; }
.anchor{
  display: block; */
  /* height: 70px; same height as header */
  /* margin-top: -70px; same height as header */
  /* visibility: visible;
}
.m-t{margin-top:    1.3em;}
.m-r{margin-right:  1.3em;}
.m-b{margin-bottom: 1.3em;}
.m-l{margin-left:   1.6em;}
.m-t-s{margin-top:    0.6em;}
.m-r-s{margin-right:  0.6em;}
.m-b-s{margin-bottom: 0.6em;}
.m-l-s{margin-left:   0.6em;}
.bold{font-weight: bold;}
.lg{font-size: larger;}
.xl{font-size: x-large;}
.s, .sm{font-size: small;}
.xs{font-size: x-small;}
.clear{clear: both;}
iframe{border:0;}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */
/* #doc-version{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background: #ffffff url('/img/chevron-down-48x48.png') no-repeat right top;
  background-size: 28px 28px;
  border:none;
  color:#111; 
  font-size:12pt;
  font-weight:bold;
  height:30px;
  padding:0 0 0 10px;
  width:100%; 
}
.markdownContainerRight{
  text-align:right;
}
.highlight{
  color: #2a7abf; 
  font-family: courier,monospace;
  white-space:pre;
}
.marked{
  color:black;
  background-color:yellow;
}
.markdown-container{
  border: 1px solid #555;
  border-top: none;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #262626;
}
.btn-danger2{
  background-color: #a41e22;
  border-color: #a41e22;
}
.btn-danger2:hover{
  background-color: #a01020;
  border-color: #a01020;
}
.btn-success2{
  background-color: #396;
  border-color: #396;
}
.btn-success2:hover{
  background-color: #309060;
  border-color: #309060;
}
.btn-primary2{
  background-color: #369;
  border-color: #369;
}
.btn-primary2:hover{
  background-color: #306090;
  border-color: #306090;
}
.btn-info2{
  background-color: #669;
  border-color: #669;
}
.btn-info2:hover{
  background-color: #606090;
  border-color: #606090;
}
.btn-warning2{
  background-color: #c60;
  border-color: #c60;
}
.btn-warning2:hover{
  background-color: #c06000;
  border-color: #c06000;
}
#modal input{
  background-color: #444;
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.8);
  background-color: #111;
  border-radius: 6px;
}
::-webkit-scrollbar
{
  width: 6px;
  background-color: #000;
}
::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.1);
  border-radius: 6px;
  background-color: rgb(30,30,30);
}
 */