﻿html {
  font-size: 14px; }

.form-group.required .control-label::after {
  content: "*";
  color: red; }

body {
  padding-right: 0px; }

.search-dropdown-menu {
  max-height: 200px; }

.search-icon-small {
  max-height: 18px;
  max-width: 18px; }

/**
 * Basic typography style for copy text
 */
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px; }

@media (min-width: 768px) {
  html {
    font-size: 16px; } }

.border-top {
  border-top: 50px solid #e5e5e5; }

.border-bottom {
  border-bottom: 1px solid #e5e5e5; }

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05); }

button.accept-policy {
  font-size: 1rem;
  line-height: inherit; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px !important; }

.footer {
  position: absolute !important;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  max-height: 61px !important;
  /* Vertically center the text there */ }

.footerbody {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 11px;
  text-align: center;
  line-height: 15px !important; }

.header {
  position: relative;
  top: 0;
  /* Set the fixed height of the header here */
  height: 40px; }

.headerbody {
  background-color: #173380; }

.customerheaderbody {
  background-color: #C0C6DE;
  max-height: 30px; }

.navbar-brand {
  width: auto; }

.ball-btn-primary,
.ball-btn-primary.disabled,
.ball-btn-primary:disabled {
  color: white !important;
  background-color: #173380 !important;
  border-color: #173380 !important; }

.ball-btn-primary:hover {
  color: white !important;
  background-color: #102459;
  border-color: #0e1f4d; }

.ball-btn-primary:focus, .ball-btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.ball-btn-outline-primary {
  color: #173380 !important;
  border-color: #173380; }

.ball-btn-outline-primary:hover {
  color: white !important;
  background-color: #173380;
  border-color: #173380; }

.ball-btn-outline-primary:focus, .ball-btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.ball-btn-secondary {
  color: black !important;
  background-color: #C0C6DE;
  border-color: #C0C6DE; }

.ball-btn-secondary:hover {
  color: black !important;
  background-color: #9ea3b8;
  border-color: #9398ab; }

.ball-btn-secondary:focus, .ball-btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.ball-btn-tertiary {
  color: #173380 !important;
  background-color: #f0f8ff;
  border-color: #f0f8ff; }

.ball-btn-tertiary:hover {
  color: #173380 !important;
  background-color: #ccd2d9;
  border-color: #c0c6cc; }

.ball-btn-tertiary:focus, .ball-btn-tertiary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

[data-bs-toggle="collapse"].collapsed .if-not-collapsed {
  display: none; }

[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none; }

.carousel-control-prev {
  margin-left: -60px; }

.carousel-control-next {
  margin-right: -60px; }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%343A40' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%343A40' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important; }

.loading {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101000 !important;
  background-color: black;
  /* Fallback for web browsers that doesn't support RGBa */
  background: black;
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.2);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

.loading > div.flower {
  background-image: url(/images/flower.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 160px;
  height: 186px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -110px 0 0 -93px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.loading > div.stem {
  background-image: url(/images/stem.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 160px;
  height: 186px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -93px; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

body {
  color: #000000; }

.ball-badge-primary {
  color: white;
  background-color: #173380; }

.ball-card-header {
  background-color: #f0f8ff;
  color: #173380; }

.ball-primary-link,
.ball-text-primary {
  color: #173380 !important; }

.ball-primary-link:hover {
  color: #173380 !important;
  text-decoration: underline;
  cursor: pointer; }

.ball-secondary-header-row {
  background-color: #C0C6DE;
  height: 10px; }

.catalog-search {
  background-image: url(/images/catalog_search.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 60px;
  min-width: 187px;
  border: none; }

.ContactInfo1:before {
  content: "For assistance call Ball Seed Customer Service at "; }

.ContactInfo2:before {
  content: ""; }

.left-logo {
  background-image: url(/images/logo_ballseed.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 54px;
  min-width: 176px; }

.right-logo {
  background-image: url(/images/logo_webtrack.svg);
  background-repeat: no-repeat;
  position: relative;
  min-height: 54px;
  min-width: 266px; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #173380 !important;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.page-link:hover {
  z-index: 2;
  color: #173380 !important;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.page-item.active .page-link {
  z-index: 1;
  color: white !important;
  background-color: #173380 !important;
  border-color: #173380 !important; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #173380;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #173380; }

.order-fill-rating {
  background-color: #fcfdd7; }

.gold-supplier {
  background-color: #fff091; }

.tooltip-inner {
  max-width: 500px !important;
  width: 500px !important;
  background-color: #fcfdd7 !important;
  color: #000 !important;
  text-align: left !important;
  opacity: 1 !important; }

.tooltip {
  opacity: 1 !important; }

.letter-filter:hover {
  cursor: pointer; }

table.dataTable.stripe tbody tr.odd:not(:hover),
table.dataTable.stripe tbody tr.odd + tr:not(.even) {
  background-color: #ececec; }

table.dataTable.stripe tbody tr.odd:hover + tr:not(.even),
table.dataTable.stripe tbody tr.even:hover + tr:not(.odd) {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.075) !important; }

.table-hover tbody tr:not(.even):not(.odd):hover {
  color: inherit;
  background-color: inherit; }

.product-search-filter-image, .catalog-search-filter-image {
  background-image: url(/images/OrderEntry/Filters.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative; }

.search-filter-panel {
  background-color: #002f5f;
  border: 1px solid #d0d0d0;
  color: white; }

.search-filter-control {
  color: #a3af07 !important;
  border-color: #a3af07; }

.cart-border {
  border: 1px solid #b4aaaa !important; }

.btn-outline-secondary:not(.disabled, .active, :disabled) {
  color: #000000; }

.btn-outline-secondary:focus-visible {
  background-color: unset; }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #b4aaaa;
  border-color: #b4aaaa; }

/*Override textbox font color that was set by jquery-ui*/
input[type="text"], input[type="password"], .ui-autocomplete-input {
  color: #000000 !important; }

/*Border on dropdown control*/
button.dropdown-toggle {
  border: 1px solid #808080; }

/*Background on not-disabled dropdown control*/
button.dropdown-toggle:not(.disabled, :disabled) {
  background-color: white; }

/*Darker dot on disabled radio button*/
input[type="radio"]:disabled:checked {
  position: relative;
  height: 15px;
  width: 15px;
  box-sizing: border-box;
  margin: 0; }

input[type="radio"]:disabled:checked::after {
  position: absolute;
  content: '';
  display: block;
  top: 3px;
  left: 3px;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-color: grey; }

textarea[readonly], textarea:disabled {
  background-color: #e9ecef !important; }

.ball-alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis); }

.qll-icon {
  width: 24px; }

body {
  font-family: Roboto; }

.ball-alert-danger {
  --bs-alert-color: white;
  --bs-alert-bg: #e40032;
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
  border-radius: 20px; }

.ball-alert-danger .close {
  color: white; }

.ball-btn-tertiary {
  background-color: #f0f8ff !important;
  border-color: #001391 !important; }

.ball-btn-tertiary:hover {
  background-color: #D6D6D6 !important;
  border-color: #001391 !important; }

.catalog-search {
  background-image: url(/images/icon_catalog_search.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  min-height: 60px;
  min-width: 187px;
  border: none; }

.carousel-control-prev-icon {
  background-image: url(/images/Icons/icon_slide_left_red.svg) !important; }

.carousel-control-next-icon {
  background-image: url(/images/Icons/icon_slide_right_red.svg) !important; }
