/* SHOPPING CART RELATED STYLES */
@import url(https://unpkg.com/fieldset-legend@1/fieldset-legend.css);

.scBox {
  padding: 3% 2%;
  display: table;

}

#item_details .row {
  margin-left: 0;
  margin-right: 0;
}

#item_details .scHeader,
#item_details .scRowWhite {
  display: flex;
  align-items: center;
}

#item_details .scBox {
  width: 100%;
}

.scHeader {
  line-height: 20px;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  padding: 1.5% 0;
  flex-wrap: nowrap;
}

.scRowWhite {
  line-height: 20px;
  font-size: 12px;
  padding: 2.5% 0;
  border-bottom: 1px solid #ccc;
  flex-wrap: nowrap;
}

.scRowGrey {
  line-height: 20px;
  font-size: 12px;
  padding: 2.5% 0;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  flex-wrap: nowrap;
}

.sc_cart_btn {
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  background: #fd6212;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
}

/* Style the tab */

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: #FFFFFF !important;
  background-color: #000000;
}

/* Create an active/current tablink class */
.tab button.active {
  color: #FFFFFF !important;
  background-color: #2c8778;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px;
  width: 100%;
  border-top: 1px solid #ccc;
}

/** Shopping Cart display page styles below **/

.sc_cart {
  background-color: #fd6212;
  border: 1px solid #fd6212;
}



.cell {

  background-color: #FFFFFF;

}

.cellAlign {

  background-color: #FFFFFF;
  text-align: right;
}

.cartButton {

  background: #fd6212;
  color: #FFFFFF;
  text-decoration: none;
  min-width: 90px;
  border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font: normal 14px/30px 'Lato', sans-serif;
  display: inline-block;
  padding: 0 8px;

}



a.cart:link {

  font-weight: bold;
  color: #007173;
  padding: 3px;
  text-decoration: none;

}

a.cart:hover {

  font-weight: bold;
  color: #21AEC6;
  padding: 3px;
  text-decoration: none;

}



.inp_form {
  width: 100%;
  border: 1px solid #ccc;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}


.cartButton {
  color: #FFFFFF !important;
}

.inntblBoxes .row {
  justify-content: center;
}


@media (min-width: 768px) and (max-width: 991px) {
  .inntblBoxes .cartButton {
    font-size: 13px;
  }

  .inntblBoxes .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .inner_top_heading h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .innerPageMainContentBox {
    margin-top: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .inntblBoxes .cartButton {
    font-size: 13px;
  }

  .inntblBoxes .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .inner_top_heading h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .innerPageMainContentBox {
    margin-top: 20px !important;
  }
}

@media only screen and (max-width: 480px) {
  .innerPageMainContentBox {
    overflow: auto;
    padding: 0px 0px 15px;
  }

  .inntblBoxes {
    width: 500px;
  }
}



.fieldset-classname {
  padding: 25px 0;
  /*border: 5px solid white;
  outline: 2px solid #eee;
  outline-offset: -2px;
  border-radius: 1rem;*/
  background: var(--pjbg), lime;
  color: black;

  /* offset the title position from the left */
  --fl-left: 25px;

  /* change how far the knockout extends down from the top */
  --fl-sink: 5px;

  h1 {
    padding: 0.33em;
    color: white;
  }
}

legend {
  border: 1px solid #ccc;
  color: #000;
  background-color: #fd62125c;
  width: 200px;
  padding: 7px;
}

.mp0 {
  padding: 0 !important;
  margin: 0 !important;
}

.ar {
  text-align: right !important;
}

.al {
  text-align: left !important;
}