/* 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: #98ab3f;
    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 {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

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

}

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

.sc_cart{

	background-color:#98ab3f;
	border: 1px solid #98ab3f;
}

.cell{

	background-color:#FFFFFF;

}

.cellAlign{

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

.cartButton{

	background:#98ab3f;
	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 #eee;
	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:#98ab3f5c;
	width:200px;
	padding: 7px;
}

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

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

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