html,
body {
  height: 100%;
}

td {
  vertical-align:middle;
}

.importanthide{
  display:none !important;
}

colgroup {
  display: none;
}
pre{
  background-color: var(--bs-myBlueGrey);
  border-radius: 5px;
}

.fullWidth {
  width:100%;
}
.routetableOpObj {
  margin-left:5px;
  margin-top:2.5px;
  margin-bottom:2.5px;
}

.nav-tabs .nav-link{
  border: var(--bs-nav-tabs-border-width) solid var(--bs-border-color);
}
.achievementGraphic {
  max-width:1180px;
}

#boatscheduletoggle {
  width:250px;
  display:block;
  float:right;
}
.headingforfishtable{

  padding-left: 15px;
  padding-top: 15px;
}

.achievementSelector img {
  max-height:50px;
  width:auto;
  /*float:left;*/
}

.achievementSelector {
  margin-top:5px;
  margin-bottom:10px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  /*height:105px;*/
}

.achievementDesc {
margin-bottom:20px;
}

.achievementTitle{
margin:10px;
}

.activeRow { 
  background-color: var(--bs-myBlueGrey);
}
.stopsRow > td:first-child{
  padding-left:1em;
}

.stopsRow {
  cursor: pointer;
}

.fullPadding{
  padding:15px;
}

.massivePre{
  padding-top: 20px;
}

.preInside {
  display:inline-block;
  margin-bottom: 0px;
}

.infographic {
  width:95%;
  margin-top:5px;
  margin-bottom:10px;
}
body>footer {
  position: sticky;
  top: 100vh;
}

.form-control,.form-select {
  display:inline-block !important;
  width:auto !important;
  vertical-align: middle;
}

.centerAlign {
  text-align:center;
}
.smallbait {
  width: 50px;
}

.left {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.apkallu {
  z-index:-5;
  position:relative;
}

.notCatchable {
  opacity:.25;
}

.caughtRow {
  --bs-table-bg: #274d20;
}

.caughtFish {
  width: 35px;
  height: 50px;
  accent-color: #274d20;
}

.caughtFish:hover {
  accent-color: #487940;
}

.iconMedium {
  width:75px;
}

.iconSmall {
  width: 50px;
}

.iconSmaller {
  width: 35px;
}

.iconMini {
  width: 20px;
  margin-bottom: 4px;
}

.iconSmallest {
  width: 25px;
}

.minibait {
  width: 20px;
  margin-bottom: 4px;
  margin-left: 5px;
}

.padding-toggles {
  padding: 15px 15px 0px 15px;
  margin-bottom: 0px;
}

.fabledCheck {
  float: right;
  margin-top: 25px;
  padding-right: 15px;
}

.destBtn {
  width:100%;
}

#myTabRow{
  --bs-gutter-x: 0rem;
}

.bitebadge {
  font-size:1em;
  margin-top:10px;
  font-family:Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  width: 36.8px;
}

.speciesbadge {
  padding: 9px;
  background-color: var(--species-badge);
}

.timebadge {
  background-color: var(--time-badge);
  margin: 5px;
  padding: 5px;
  margin-left:-5px;
}

.destLabel {
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.min50 {
  min-width:50px;
}

.desttextrt{
  vertical-align:middle;
  margin-right:5px;
}

.row,
.row>* {
  margin-right: 0px !important;
  padding-right: 0px !important;
}

table.dataTable td.dt-type-numeric {
  text-align: center !important;
}

.callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: #355c73;
  border-left: 0.25rem solid #6d9ab4;
}

.tyoto {
  position: relative;
  width: 100%;
  margin-bottom: -10em;
  padding-top: 2em;
}

@media (max-width: 1400px) {
  .tyoto {
    margin-bottom: -9em;
  }
}

@media (max-width: 1200px) {
  .tyoto {
    margin-bottom: -7.5em;
  }
}

@media (max-width: 992px) {
  .tyoto {
    margin-bottom: -6.5em;
  }
}

#boatSchedule,
[id*="desttable"] {
  width: 100% !important;
  clear:both;
}

.iconSocial {
  padding: 5px;
}

.svgColor {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}

p .svgColor {
  top: 0.35em;
  vertical-align: sub;
}

.cardLink {
  text-decoration: none !important;
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #7c99aa;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6d9ab4;
  --bs-btn-hover-border-color: #6d9ab4;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #87b6d2;
  --bs-btn-active-border-color: #6d9ab4;
}

.btn-bait-primary {
  --bd-violet-bg: #828d94;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6d9ab4;
  --bs-btn-hover-border-color: #6d9ab4;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #51a2d1;
  --bs-btn-active-border-color: #6d9ab4;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}