{!-- COLLECTIONS PACK v1.1.32 | file: jrfsupplier/embeds.group/custom.css.css | built: 2026-01-20 06:05 UTC --}
body {
	color: #8f9397 !important;
}

h1 {
	font-size: 3rem;
}

a {
    color: #6b9fb5;
    text-decoration: none;
    background-color: transparent;
}

a:hover, a.text-primary:hover {
  color: #3f6d80 !important;
  text-decoration: none !important;
}

.documentation li p {
    line-height: 1.5em;
        margin-bottom: 1rem;
}

.documentation ul, ol, dl {
    list-style-position: outside;
    padding: 0;
    margin: 0 15px;

}

.documentation ol li {
    line-height: 1em;
}

.documentation ol ol li {
    margin: 0 15px 0px 15px;
}

.icon-primary i:before {
  color: #6b9fb5;
}

.tooltip {
  color: #8f9397 !important;
  background-color: #fff !important;
}

/*Highlight Color*/
::selection {
  color: #ffffff;
  background: #3f6d80 !important;
}

::-moz-selection {
  color: #ffffff;
  background: #3f6d80 !important;
}


.navbar-brand .navbar-brand-item {
    height: 44px;
    display: block;
    max-width: 100%;
    width: auto;
}

.navbar-brand .jrf-logo {
	width: 30px !important;
    height: 30px !important;
}

.navbar {
    font-weight: 600 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-nav .nav-link {
    font-weight: 600 !important;
    line-height: 50px !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar .dropdown-menu a {
    font-weight: 600 !important;
    color: #66696a !important;
}

.navbar-nav .dropdown-menu:before {
    background: -moz-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6b9fb5), color-stop(100%, #3f6d80)) !important;
    background: -webkit-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -o-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -ms-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  }

.navbar .dropdown-menu a.waves-effect:hover, .navbar .dropdown-menu a.waves-light:hover  {
    background-color: transparent !important;
    color: #6b9fb5 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-toggler-icon {
	background: url("/assets/images/icons/icon-navbar-toggler.svg") !important;
}

.navbar-collapse {
	background: red !important;
    z-index: 9999 !important;
}

.offcanvas-header {
    justify-content: space-between !important;
    padding: 1.5rem 2rem !important;
}

.offcanvas-header .btn-close {
    padding: 0 !important;
    margin: 0 !important;
}

.offcanvas-body {
    padding: 1.5rem 2rem !important;
}

.accordion-item {
    border: 0 !important;
    background: none !important;
}

.accordion-body {
    padding: 0 2rem 1rem !important;
}

.accordion-button {
	color: #f7f6f3 !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

#accordionNav .accordion-button:focus {
    box-shadow: none !important;
}

#accordionNav .accordion-button:not(.collapsed) {
    /*color: #e3731a !important;*/
    box-shadow: none !important;
}

#accordionNav .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238f9397'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

span.bubble-btn-count {
    position: absolute;
    top: 5px;
    right: 7px;
    color: #fff;
    font-size: .8rem;
}

span.bubble-btn-comments {
    position: absolute;
    top: 30px;
    left: 10px;
    color: #fff;
    font-size: .8rem;
    padding-left: 6px;
    padding-right: 6px;
}

span.bubble-recommendations-count {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 1.25rem;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 50%;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.2),
      0 6px 12px rgba(0, 0, 0, 0.1);	
}

.step-bubble {
  	display: inline-flex;               /* Enable Flexbox */
  	justify-content: center;     /* Center horizontally */
  	align-items: center;         /* Center vertically */
    height: 40px;
    width: 40px;
}

.bubble-orange {
	background-color: #e37319;
}

.bubble-red {
	background-color: #dc3545;
}

.bubble-blue {
	background-color: #6b9fb5;
}

span.notification-bubble {
    color: #f7f6f3;
    font-size: .8rem;
    background: -moz-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e37319), color-stop(50%, #cf6917), color-stop(100%, #e37319));
    background: -webkit-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
    background: -o-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
    background: -ms-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
    background: linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

#accordionNav .accordion-nav-link {
	color: #b5cfda;
    font-size: 1rem;
}

#accordionNav .accordion-nav-link:hover {
	color: #dee2e6 !important;
}

.btn-close {
	background-image: url("/assets/images/icons/icon-close-x.svg") !important;
}

.link-close-overlay {
	color: #8f9397;
    font-weight: bold;
}

.link-close-overlay:hover {
	color: #fff !important;
}

.photo-close-overlay {
	font-size: 1.75rem;
    color: #8f9397;
    font-weight: bold;
}

.photo-close-overlay:hover {
	color: #fff !important;
}

.subnav-step p {
	font-size: 1rem !important;
    color: #8f9397;
}

.subnav-step p span {
	font-size: 1rem !important;
    border 2px solid #8f9397 !important;
    background: #fcfbfa;
}

.subnav-step-complete p {
	font-size: 1rem !important;
    color: #6b9fb5;
}

.subnav-step-complete p span {
  font-size: 1rem !important;
  color: #fff;
  background: -moz-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6b9fb5), color-stop(100%, #3f6d80));
  background: -webkit-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -o-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -ms-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.subnav-step-active p {
	font-size: 1rem !important;
    color: #e3731a;
}

.subnav-step-active p span {
  font-size: 1rem !important;
  color: #fff;
  background: -moz-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e37319), color-stop(50%, #cf6917), color-stop(100%, #e37319));
  background: -webkit-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -o-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -ms-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.75);
  z-index: 1040; /* Above Bootstrap's modal overlay */
}

.overlay {
    /* Other styles */
    display: none; /* Hidden by default */
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.overlay.active {
    display: block; /* Show overlay */
    opacity: 1;
}

.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}

#tabContentGradeLevels.tab-content {
    padding: 0 !important;
}

#tabsGradeLevels.nav-tabs {
    border-bottom: 1px solid #454d55;
}

#tabsGradeLevels.nav-tabs .nav-item .nav-link {
    color: #dee2e6;
}

#tabsGradeLevels.nav-tabs .nav-link:hover {
    border: 1px solid #454d55;
}

#tabsGradeLevels.nav-tabs .nav-link.active {
    color: #282828;
    background: #b5cfda;
    border: 1px solid #454d55;
}

.table-grade-levels th {
    padding: .25rem !important;
}

.table-grade-levels td {
    padding: .75rem !important;
}

.table-grade-levels .th-inner {
    padding: 0 !important;
}

.grade-level-check {
	color: #b5cfda;
    font-size: 1rem;
}

#searchGraftsTab.nav-tabs {
    border-bottom: 1px solid #B4B8BB;
}

#searchGraftsTab .nav-link {
    font-size: 1.1rem;
    font-weight: 600 !important;
    border-left: 1px solid #B4B8BB;
    border-top: 1px solid #B4B8BB;
    border-right: 1px solid #B4B8BB;
    border-bottom: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#searchGraftsTabContent.tab-content {
    border: 1px solid #B4B8BB;
}

.table-api-data {
	border: 2px solid #B4B8BB;
    border-radius: 3px;
}

.table-api-data-recommendations {
	width: 450px !important;
}

.table-api-data th {
	color: #8f9397;
}

.table-api-data td {
	color: #66696a;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #B4B8BB !important;
}

.table-api-data .table-bordered th {
	background-color: #F8F9FA;
}

.table-api-data tr.row-highlight-high-priority td {
	background-color: #eef3ef !important;
}

.table-api-data tr.row-highlight-graft-produced td {
	background-color: #fdfdf1 !important;
}

.api-data-check {
	color: #66696a;
    font-size: 1.25rem;
}

.alert a:hover, .footer a:hover {
  color: #6b9fb5 !important;
}

.block-photo-text-button {
	background-color: rgba(0, 0, 0, 0.7);
    border-radius: 16px;
}

.dropdown-menu-lots {
	background-color: #fdfcfc;
    min-width: 225px;
    z-index: 9999;
}

.form-switch .form-check-input {
    position: relative !important;
    margin-left: 0 !important;
    width: 2.25rem;
    height: 1.25rem;
}

.form-check-label {
	font-weight: 700;
    font-size: 1.2rem;
    /*letter-spacing: 1px;*/
    line-height: 1.7;
}

.quality-issue-label {
	font-weight: 700;
    font-size: 1.09375rem;
    line-height: 1.7;
}

.btn {
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    padding: 0.4rem 0.9rem !important;
    line-height: 1.6 !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-xl {
    padding: 1rem 1.5rem !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    border-radius: 3px !important;
}

.btn-outline-primary {
	color: #6b9fb5 !important;
    background-color: transparent !important;
    border: 2px solid #6b9fb5 !important;
}

.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show>.btn-outline-white.dropdown-toggle {
    background-color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-primary {
  color: #fff;
  background-color: #6b9fb5 !important;
  border-color: #6b9fb5 !important;
} 

.btn-primary:hover {
  color: #fff !important;
  background-color: #3f6d80 !important;
  border-color: #3f6d80 !important;
} 

.btn-link {
    color: #6b9fb5;
}

.btn-link:hover {
    color: #3f6d80 !important;
}

.btn-link:after {
    border-bottom: solid 2px #3f6d80 !important;
}

.btn-orange {
    color: #fff;
    background-color: #ef601a !important;
    border-color: #ef601a !important;
}

.btn-orange:hover {
    color: #fff !important;
    background-color: #b9450c !important;
    border-color: #b9450c !important;
}

.btn-outline-orange {
	color: #e3731a !important;
    background-color: transparent !important;
    border: 2px solid #e3731a !important;
}

.btn-outline-orange:hover {
	color: #b9450c !important;
}

.btn-outline-green {
	color: #6bbbae !important;
    background-color: transparent !important;
    border: 2px solid #6bbbae !important;
}

.btn-outline-green:hover {
	color: #286247 !important;
}

.btn-outline-dark {
	color: #66696a !important;
    background-color: transparent !important;
    border: 2px solid #66696a !important;
}
.btn-outline-dark:hover {
	color: #286247 !important;
}

.btn-light {
	color: #6b9fb5 !important;
    background-color: #FCFBFA !important;
}

.btn-no-outline-delete {
    color: #dc3545;
    border-color: none !important;
}

.btn-no-outline-clone {
    color: #6bbbae;
    border-color: none !important;
}

.btn-add-lot {
 	width: 175px;
    z-index: 100;
 }

.footer {
	width: 100%;
    border-top: 2px solid #6b9fb5 !important;
}

.btn-notifications {
	font-weight: 700 !important;
    letter-spacing: 0px !important;
    padding: 0.4rem 0.9rem .4rem 0 !important;
    line-height: 1.6 !important;
    border-radius: 3px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #6b9fb5 !important;
    background-color: transparent !important;
    border: 2px solid #6b9fb5 !important;
}

.notification-count {
	border-top: 0 !important;
    border-right: 2px solid #6b9fb5 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}

.text-primary {
  color: #6b9fb5 !important;
}

.text-orange {
  color: #e3731a !important;
}

.text-green {
  color: #6bbbae !important;
}

.text-dark-green {
  color: #4F9990 !important;
}

.text-red {
  color: #dc3545 !important;
}

.text-blue {
  color: #6b9fb5 !important;
}

.text-light-blue {
  color: #b5cfda !important;
}

.text-purple {
  color: #c6bcd0 !important;
}

.text-mint-green {
  color: #b9dcd2 !important;
}

.text-lighter {
  color: #979B9E !important;
}

.text-dark-gray {
  color: #7E7E7E !important;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #6b9fb5 !important;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6b9fb5 !important;
}

.bg-dark-grad {
  background: -moz-linear-gradient(150deg, #343a40 0%, #626d78 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #343a40), color-stop(100%, #626d78));
  background: -webkit-linear-gradient(150deg, #343a40 0%, #626d78 100%);
  background: -o-linear-gradient(150deg, #343a40 0%, #626d78 100%);
  background: -ms-linear-gradient(150deg, #343a40 0%, #626d78 100%);
  background: linear-gradient(150deg, #343a40 0%, #626d78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.bg-grad-gray {
  background: -moz-linear-gradient(150deg, #757c7b 0%, #4e5252 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #757c7b), color-stop(100%, #4e5252));
  background: -webkit-linear-gradient(150deg, #757c7b 0%, #4e5252 100%);
  background: -o-linear-gradient(150deg, #757c7b 0%, #4e5252 100%);
  background: -ms-linear-gradient(150deg, #757c7b 0%, #4e5252 100%);
  background: linear-gradient(150deg, #757c7b 0%, #4e5252 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.bg-grad-blue {
  background: -moz-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6b9fb5), color-stop(100%, #3f6d80));
  background: -webkit-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -o-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: -ms-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  background: linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.bg-grad-orange {
  background: -moz-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e37319), color-stop(50%, #cf6917), color-stop(100%, #e37319));
  background: -webkit-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -o-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: -ms-linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  background: linear-gradient(150deg, #e37319 0%, #cf6917 50%, #e37319 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

/*

DARK PURPLE 

.bg-grad-purple {
  background: -moz-linear-gradient(150deg, #8c769e 0%, #5d4c6c 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8c769e), color-stop(100%, #5d4c6c));
  background: -webkit-linear-gradient(150deg, #8c769e 0%, #5d4c6c 100%);
  background: -o-linear-gradient(150deg, #8c769e 0%, #5d4c6c 100%);
  background: -ms-linear-gradient(150deg, #8c769e 0%, #5d4c6c 100%);
  background: linear-gradient(150deg, #8c769e 0%, #5d4c6c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}
*/

.bg-grad-purple {
  background: -moz-linear-gradient(150deg, #c6bcd0 0%, #8c769e 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c6bcd0), color-stop(100%, #8c769e));
  background: -webkit-linear-gradient(150deg, #c6bcd0 0%, #8c769e 100%);
  background: -o-linear-gradient(150deg, #c6bcd0 0%, #8c769e 100%);
  background: -ms-linear-gradient(150deg, #c6bcd0 0%, #8c769e 100%);
  background: linear-gradient(150deg, #c6bcd0 0%, #8c769e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.bg-darkest-gray {
    background-color: #282828 !important;
}

.bg-dark-gray {
    background-color: #404040 !important;
}

.bg-light {
    background-color: #f7f6f3 !important;
}

.bg-lighter {
    background-color: #FCFBFA !important;
}

.bg-light-gray {
	background-color: #f8f9fa !important;
}


h2.counter-item-digit {
    background: -moz-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6b9fb5), color-stop(100%, #3f6d80)) !important;
    background: -webkit-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -o-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: -ms-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    background: linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 ) !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -ms-background-clip: text !important;
    -o-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -moz-text-fill-color: transparent !important;
    -ms-text-fill-color: transparent !important;
    -o-text-fill-color: transparent !important;
    text-fill-color: transparent !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.feature-box.f-style-1:before, .feature-box.f-style-3:before {
    background: -moz-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6b9fb5), color-stop(100%, #3f6d80));
    background: -webkit-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
    background: -o-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
    background: -ms-linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
    background: linear-gradient(150deg, #6b9fb5 0%, #3f6d80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}

.feature-box.f-style-3:hover {
  border-color: #6b9fb5;
  box-shadow: 0px 0px 20px rgba(83, 88, 93, 0.1);
}

.accordion.toggle-icon-round .accordion-title a:after {
    background: #6b9fb5;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #6b9fb5 !important;
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.65rem 1.1rem !important;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    /*border: 2px solid #dfe2e5;*/
    border: 2px solid #B4B8BB;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  border-color: #6b9fb5;
}

.stepper {
    display: flex;
    align-items: center;
}

.stepper-input {
    width: 80px;
    text-align: center;
    border: 2px solid #B4B8BB;
    border-radius: 0;
}

.stepper-button {
    cursor: pointer;
}

.btn-stepper {
    background: transparent;
    /*color: #343a40;*/
    margin: 0 !important;
}

.btn-stepper i {
    font-size: 1rem;
    background: transparent;
    /* color: #343A40; */
    margin: 0 !important;
    padding: 0.55rem 0.65rem !important;
}

.btn-stepper.down {
    border-top: 2px solid #B4B8BB;
    border-right: 0;
    border-bottom: 2px solid #B4B8BB;
    border-left: 2px solid #B4B8BB;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-stepper.up {
    border-top: 2px solid #B4B8BB;
    border-right: 2px solid #B4B8BB;
    border-bottom: 2px solid #B4B8BB;
    border-left: 0;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-check-input {
	border: 1px solid #B4B8BB !important;
}


/* Hide spinners for Chrome, Safari, Edge, and Opera */
.stepper-input::-webkit-outer-spin-button,
.stepper-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinners for Firefox */
.stepper-input[type="number"] {
    -moz-appearance: textfield;
}

dt {
  font-size: 1rem !important;
}

.counter {
    top: 0 !important;
    left: auto !important;
    z-index: 0  !important;
    margin-left: 0  !important;
    border-radius: 0 !important;
    -webkit-box-shadow: !important;
    box-shadow: none !important;
}

table th {
    font-size: .8rem !important;
}

table td {
    font-size: .8rem !important;
    font-weight: 600 !important;
}    

h3, .h3 {
    font-size: 1.4rem;
}

h4, .h4 {
    font-size: 1.2rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: .9rem;
}

.text-orange {
  color: #e3731a !important;
}

.text-green-light {
  color: #9fded9 !important;
}


a.text-orange:hover {
  color: #cf6917 !important;
}

.text-gray {
  color: #a9abac !important;
}

.text-gray-dark {
  color: #66696a !important;
}

a.text-gray-dark:hover {
  color: #6ebfaa !important;
}

.info-title {
  color: #66696a;
}

/* TOP NAV */

.navbar-top span {
    font-size: 0.8125rem;
    font-weight: 700 !important;
    color: #66696a;
}

span.top-header-orange-letter {
    color: #f47721;
}

.navbar-top a {
    color: #6ebfaa;
    font-size: 0.8125rem;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
    color: #66696a;
}

.navbar-nav .nav-link {
    font-weight: 600 !important;
}

.container-shadow {
    /*border: 1px solid #000;*/
    border-radius: 16px;
    border: 2px solid #8F8F8F;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
}

.joints-container {
    background-image: url("/assets/images/bg/bg-dot.svg");
  	background-repeat: repeat-y;
    background-position: center top;
}

.joint-bar {
    border-radius: 8px;
    /* border: 1px solid #f7f6f3; */
    border: 2px solid #CACDCF;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
    height: 86px;
}

.joint-bar-border-green {
    border: 2px solid #6bbbae !important;
}

.joint-bar-border-dark-gray {
    border: 2px solid #8F8F8F !important;
}

.joint-bar-border-red {
    border: 2px solid #E87B89 !important;
}

.joint-bar-row {
  margin-top: -40px;
}

.joint-bar-label {
  position: relative;
  top: 86px; /* Adjust as needed */
  height: 40px;
  z-index: 1; /* Ensure it stays on top of other content */
}

.joint-bar-label-static {
  height: 40px;
}

.joint-bar-label h2, .joint-bar-label-static h2 {
  width: 260px;
  font-size: 1.25rem;
  font-weight: 700 !important;
  letter-spacing: .5px;
  color: #fff;
  background-color: #e3731a;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
  text-align: center;
  padding: 8px 0 !important;
}

.card-graft {
    border-radius: 8px !important;
    border: 2px solid #CACDCF !important;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10) !important;
    height: 150px;
}

.card-graft img {
  max-width: 100%;
  height: auto;
  display: block;
}

.form-check {
	z-index: 100;
}
.w-98 {
	width: 98%;
}

.w-90 {
	width: 90%;
}

.w-60 {
	width: 60%;
}

.w-35 {
	width: 35%;
}

/*
.accordion-button:not(.collapsed) {
    background-color: #fcfdfd !important;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20) !important;
}
*/
.accordion-lot-details {
    background-color: #fcfdfd !important;
}

 input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
}

.form-check-input:checked {
    background-color: #e3731a;
    border-color: #e3731a;
}

.form-check-input-danger:checked {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

/* HOME */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #66696a;
    font-weight: 600;
}

p {
    color: #66696a;
    font-weight: 500 !important;
}

.display-1 {
    line-height: 1.2;
    letter-spacing: -3px;
}

.mission_em {
  font-size: 1rem;
}

.missionstatement {
    font-size: 1.3rem;
    font-weight: 700 !important;
    line-height: 1;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .missionstatement {
      font-size: 1.1rem;
  }  
}

.orange {
    color: #e3731a;
}

.lead {
    font-size: 1.05rem;
    font-weight: 500 !important;
    line-height: 32px;
}

.lead ul {
    margin-bottom: 25px;
}

.lead li {
    line-height: 24px;
    margin-bottom: 10px;
}

ul.errors li {
  color: #dc3545;
}

.text-small {
    font-size: 0.7rem;
    font-weight: 500 !important;
}

.cta_cover .container .border {
  border-color: #ffffff !important;
  border-width: 2px !important;
 } 
 
 .cta_ordernow .container .border {
  border: none !important;
 } 
 
 @media (max-width: 1200px) {
  .cta_ordernow .container .divider {
     visibility: hidden;
  }
}

 .cta_cover .container .border .h2 {
  color: #ffffff;
 } 

.cta_cover_gray {
  background-color: #66696a !important;
}

.cta_cover_orange {
  background-color: #e3731a;
}

@media (max-width: 1200px) {
  .display-5 {
    font-size: calc(1.275rem + 2.4vw) ;
  }
}

.display-9 {
  font-size: 3.8rem;
  font-weight: 500 !important;
  line-height: 1.2;
}

@media (max-width: 1200px) {
  .display-9 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
}

.display-10 {
  font-size: 3.4rem;
  font-weight: 500 !important;
  line-height: 1.2;
}

@media (max-width: 1200px) {
  .display-10 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
}

.display-11 {
  font-size: 2.6rem;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

@media (max-width: 1200px) {
  .display-11 {
    font-size: calc(1.275rem + 2.4vw) ;
  }
}

.halfover h3 {
  line-height: 36px;
}

.halfover .bg-gray, .halfover-about .bg-gray  {
  background-color: #66696a;
}

.light-gray {
  background-color: #ebeceb;
}

@media (max-width: 768px) {
  .halfover {
      margin-bottom: -7.0rem !important;
  }
}

.halfover-about {
    margin-bottom: -9.5rem !important;
    position: relative;
    z-index: 1;
}

.nav-link {
    font-size: 0.95rem;
    font-weight: 600 !important;
}

@media (max-width: 1200px) {
  .youtube_embed .watch_orange {
    visibility: hidden;
  }
}

/* PRODUCTS */

.nav-tabs .nav-item .nav-link {
    color: #66696a;
}

.nav-tabs .nav-link.active {
    color: #fff;
    background: #e3731a;
}

.nav-tabs.tab-line .nav-link.active {
    background: transparent;
    color: #e3731a;
    border-bottom: 2px solid #e3731a;
}

.btn-info {
    color: #fff;
    background-color: #b9dcd2;
    border-color: #b9dcd2;
}

.btn-light-orange {
    color: #e3731a;
    background-color: #f7f8f9;
    border-color: #dee2e6;
}

.btn-light-orange:hover {
  color: #e3731a;
  background-color: #dee2e6;
  border-color: #dee2e6;
}

.btn-light-orange:focus, .btn-light-orange.focus {
  color: #e3731a;
  background-color: #dee2e6;
  border-color: #dee2e6;
  box-shadow: 0 0 0 0 rgba(215, 216, 218, 0.5);
}

.btn-light-orange:not(:disabled):not(.disabled):active, .btn-light-orange:not(:disabled):not(.disabled).active,
.show > .btn-light-orange.dropdown-toggle {
  color: #fff;
  background-color: #e3731a;
  border-color: #e3731a;
}

.btn-light-gray-dark {
    color: #66696a !important;
    border-color: #66696a !important;
}

/* R&A */

.post-item .post-item-desc {
    padding: 0 0 50px 0;
}

.post-item .post-item-desc h4 {
    margin: 0 0 16px 0;
}

.post-item .item-link {
    color: #6ebfaa;
}

.post-item .item-link:hover {
  color: #5a9d8b;
}

.post-item .item-link:hover i {
  color: #5a9d8b;
  margin-right: 0px !important;
}

.sidebar .widget .widget-post {
    margin: 0;
    padding: 10px 0;
    display: block;
    border-bottom: none !important;
}

.sidebar .widget a {
    color: #6ebfaa;
}

.sidebar .widget a:hover {
    color: #5a9d8b;
}

.tags a {
    border: 1px solid #6ebfaa;
    color: #6ebfaa;
}

.tags a:hover {
    border: 1px solid #5a9d8b;
    color: #5a9d8b;
}


/*===============================
      TIMELINE 
=================================*/
.timeline-dot {
  border: solid 2px #9fded9;
}

.timeline-line:before {
  background: #9fded9;
}

.timeline-top:before {
  background: #9fded9;
}


/* ABOUT BIO */

.border-green-light {
  border: solid 2px #9fded9 !important;
}

.btn-outline-green-light {
  color: #9fded9;
  border-color: #9fded9;
}

.btn-outline-green-light:hover {
  color: #fff;
  background-color: #6ebfaa;
  border-color: #6ebfaa;
}

/* HEADER BACKGROUNDS */

.pattern-overlay-jrf1 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf1::before {
  content: "";
  background: url(../images/bg/Header_01_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf2 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf2::before {
  content: "";
  background: url(../images/bg/Header_02_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf3 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf3::before {
  content: "";
  background: url(../images/bg/Header_03_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf4 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf4::before {
  content: "";
  background: url(../images/bg/Header_04-05_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf5 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf5::before {
  content: "";
  background: url(../images/bg/Header_color-03-blue_About-Innov_1920x900.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf6 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf6::before {
  content: "";
  background: url(../images/bg/Header_06_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf7 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf7::before {
  content: "";
  background: url(../images/bg/Header_07_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf8 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf8::before {
  content: "";
  background: url(../images/bg/Header_08_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

 .pattern-overlay-jrf9 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf9::before {
  content: "";
  background: url(../images/bg/Header_09_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf10 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf10::before {
  content: "";
  background: url(../images/bg/Header_10_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf11 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf11::before {
  content: "";
  background: url(../images/bg/Header_11_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf12 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf12::before {
  content: "";
  background: url(../images/bg/Header_12_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf14 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf14::before {
  content: "";
  background: url(../images/bg/Header_14_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf13 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf13::before {
  content: "";
  background: url(../images/bg/Header_Gray-G60_stock-photo_05_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf15 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf15::before {
  content: "";
  background: url(../images/bg/Header_15_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.pattern-overlay-jrf16 {
  position: relative;
  z-index: 1;
}

.pattern-overlay-jrf16::before {
  content: "";
  background: url(../images/bg/Header_16_2x_3840x1800.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/* CTAs */

.btn-outline-light-orange {
    background: transparent;
    border-color: #e3731a;
    color: #e3731a;
}

.btn-outline-light-orange:hover {
    background: #e3731a;
    border-color: #e3731a;
    color: #fff;
}

.btn-outline-blue-grad {
    background: transparent !important;
    border-color: #6b9fb5 !important;
    color: #6b9fb5 !important;
}

.btn-outline-blue-grad:hover, .btn-outline-blue-grad.active {
    background: #6b9fb5 !important;
    border-color: #fff;
    color: #fff !important;
}

/*New CSS*/

.cd-headline.big-clip .cd-words-wrapper::after {
  width: 6px;
  height: 70%;
  background-color: #4cbd89;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.clip-dark.cd-headline.big-clip .cd-words-wrapper::after {
  background-color: #343a40;
}

/*User CSS*/
.blog-grid-2 .post-item {
	height: 24vh !important;
}

.blog-grid-2 .post-item-image {
  height: 54vh !important;
}

.thicc {
    color: gray;
    border-width: 0.5vh;
}
.featback {
background-color: #eaf0f3;
    padding: 4vh;
}
.detailhead {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500 !important;
    line-height: 1.2;
    color: #343a40;
    font-size: 8vh;
    text-transform: uppercase;
}
.prodheader {
	background-color: #eeece6;
	min-height: 10vh
;}
.prodbottom {
	   background-image:url('/images/bottomprod.png');
    background-repeat:no-repeat;
    background-position:left bottom;
        background-size:contain;

	}
.productheader {
color: #e17326;
    text-transform: uppercase;
    font-size: 4vh;
    font-weight: 700 !important;
    padding-bottom: 1vh;
}
.info-title {
	 font-family: 'Open Sans', sans-serif;
    font-weight: 500 !important;
    line-height: 1.2;
    color: #343a40;
    font-size: 2vh;
    }
.prodbutton{
	padding: 0.5rem 1rem;
}
.prodbutton-right {
	padding: 0.5rem 1rem;
	float: right;
}
.relatedprod {
	background-color: #eeece6;
	color: black;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 2vh;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.relatedprod .a {
	color: black;
}
.relatedtext {
	padding-top: 3vh;
	padding-bottom: 3vh;
	padding-left: 2vh;
}
.lead {
			 list-style-position: outside !important;
}
.menuspace {
  min-height: 25vh;
}
a.anchor{display: block; position: relative; top: -15vh; visibility: hidden; z-index: -50}

.badge-pdf {
    color: #fff !important;
    background-color: #b9d3dc !important;
}

.badge-link {
    color: #fff !important;
    background-color: #b9dcd2 !important;
}

.badge-video {
    color: #fff !important;
    background-color: #c6bcd0 !important;
}

.badge-priority {
    color: #fff !important;
    background-color: #6bbbae !important; 
}

.badge-normal {
	color: #fff;
	background-color: #8f9397 !important; 
}

.badge-graft-produced {
	color: #fff;
    background-color: #FAD02C !important; 
}

.badge-recommendation {
	color: #fff;
	background-color: #887BB0 !important; 
}

.badge-lot-number {
	font-size: .75rem !important;
    color: #fff;
	background-color: #e3731a !important; 
}

.badge-lot-number-large {
	font-size: 1.15rem !important;
    color: #fff;
	background-color: #e3731a !important; 
}

.form-group {
    margin-bottom: 0 !important;
}

/*
input, button, select, optgroup, textarea {
    margin-bottom: 10px !important;
}
*/

.custom-select {
    font-size: 1rem !important;
    color: #495057 !important;
}

.md-form.md-outline input[type="text"], .md-form.md-outline input[type="password"], .md-form.md-outline input[type="email"], .md-form.md-outline input[type="url"], .md-form.md-outline input[type="time"], .md-form.md-outline input[type="date"], .md-form.md-outline input[type="datetime-local"], .md-form.md-outline input[type="tel"], .md-form.md-outline input[type="number"], .md-form.md-outline input[type="search-md"], .md-form.md-outline input[type="search"], .md-form.md-outline textarea.md-textarea {
    border: 2px solid #dfe2e5 !important;
    border-radius: 3px !important;
    padding: 0.5rem 1rem !important;
}

.md-form.md-outline {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.md-form .input-prefix.active {
    color: #343a40 !important;
}

.accordion-line .accordion-item {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

.accordion-line .accordion-item:first-child {
    border-top: 0px solid rgba(0, 0, 0, 0.1);
}

/*
table.table th, table.table td {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}
*/

.alert {
    border: 2px solid !important;
}

.alert-success {
    color: #fff !important;
    background-color: #ef7200 !important;
    border-color: #ef7200 !important;
}

.alert-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.alert-warning {
    color: #66696a !important;
    background-color: #66696a !important;
    border-color: #66696a !important;
}

.alert-warning p {
    margin-bottom: 0 !important;
}

a.dropdown-item.active {
    font-weight: 900 !important;
}

.accordion {
    margin-bottom: 0px !important;
}

table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
    background-color: #b9dcd2 !important;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.display tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #6bbbae !important;
}

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
    color: #707372 !important;
}

@media only screen and (max-width: 768px) {
	
    .subnav-step-complete {
    	display: none;
    }
    
    .subnav-step {
    	display: none;
    }
    
    .notification-text {
    	display: none;
    }
    
    .btn-next-top {
    	display: none;
    }
}

.no-caret::after {
    display: none !important;
}