/* *{padding:0; margin:0;} */
body{
    background-color: #6e6e6e;
}
/* table{border-collapse:collapse; padding:0;  font-family:Tahoma; font-size:11px; line-height:16px; color:#54516c;}
td{vertical-align:top; padding:0; font-family:Verdana,Tahoma,Arial; font-size:12px; line-height:16px; color:#54516c;}
a {color:#54516c; text-decoration:underline;}
a:hover{text-decoration:none;} */
img {border:0;}

.centerColumn
{
    background-color: #efefef;
}

.side-box
{
	background-color: #ffce00;
}

.side-box-header2
{
    /* -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4); */
	
	background-image: -webkit-linear-gradient(bottom, #343a40 0%, #4e4e4e 49%, #555 50%, #555 100%);
	background-image: -moz-linear-gradient(bottom, #343a40 0%, #4e4e4e 49%, #555 50%, #555 100%);
	background-image: -ms-linear-gradient(bottom, #343a40 0%, #4e4e4e 49%, #555 50%, #555 100%);
	background-image: -o-linear-gradient(bottom, #343a40 0%, #4e4e4e 49%, #555 50%, #555 100%);
	background-image: linear-gradient(bottom, #343a40 0%, #4e4e4e 49%, #555 50%, #555 100%);
	
	color: var(--light);
}

.box-item-style
{
    padding-top: 3px; 
    padding-bottom: 3px; 
    padding-left: 10px;
    
    background-color: #efefef;
}

.box-item-style a
{
    color: var(--dark);
}

.card-style
{
	background-color: #ffce00;
	margin-top: .5rem!important;
	height: 96%!important;
}

#categoriesSelector .card
{
	background-color: transparent;
}

#categoriesSelector .card a
{
	color: var(--light);
}

.side-box-header {
  background-color: var(--dark);
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );
  color: var(--light);
  
  border: none;
  border-radius: 50px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -8px 8px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    5px 18px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
  transition: transform 0.1s, box-shadow 0.1s;
}

.main-header
{
  background-color: var(--dark);
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );

  border: none;
  border-radius: 50px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -8px 8px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    5px 18px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
  transition: transform 0.1s, box-shadow 0.1s;
}

.main-header a:hover, .main-header .btn:hover {
  box-shadow:
	0 0 4px hsla(0, 0%, 100%, 1), /* bloom */
	0 2px 4px hsla(0, 0%, 0%, 0.1); /* drop shadow */
  border-radius: 15px;
}

.main-header a
{
	color: var(--light);
	
    text-shadow:
    0 0 15px hsla(0, 0%, 100%, 1), /* bloom */
    0 2px 4px hsla(0, 0%, 0%, 0.7); /* drop shadow */
}

.main-header .btn
{
	color: var(--light);
	
  box-shadow:
	0 0 4px hsla(0, 0%, 60%, 1);
  border-radius: 15px;
}

.form-group a:hover
{
  text-decoration: none;
}

#menutoggleButton {
    background-color: #ffce00;
    border-color: #ffce00;
}

#op-nav a.nav-link {
	color: var(--light);
  
  min-width: 5rem;
  text-align: center;
  
  box-shadow:
	0 0 4px hsla(0, 0%, 60%, 1);
  border-radius: 15px;
}

#op-nav a.nav-link span {
  background: #ffce00;
  color: var(--dark);
}

#op-nav a.nav-link:hover {
  box-shadow:
  	0 0 4px hsla(0, 0%, 100%, 1), /* bloom */
  	0 2px 4px hsla(0, 0%, 0%, 0.1); /* drop shadow */
    border-radius: 15px;
}

#op-nav a.nav-link.checkout {
  background: #ffce00;
  color: var(--dark);
}

.cart_anchor{ 
float:right;
}

#siteinfoLegal {
    font-size: 0.9em;
    color: var(--light);
}

/* This is for checkout page to decorate $order_total_modules->output() */
div#subtotalCollapseOne div.list-group {
    padding-left: 1rem;
}

div#subtotalCollapseOne div.list-group > div {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    text-align: -webkit-match-parent;
    border-top-width: 0;
}

div#subtotalCollapseOne div.list-group > div:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-top: 1px solid rgba(0,0,0,.125);
}

div#subtotalCollapseOne div.list-group > div:nth-last-child(2) {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

div#subtotalCollapseOne div.list-group > div+* {
    border-top-width: 0;
}

div#subtotalCollapseOne div.totalBox {
    float: right;
}

div#subtotalCollapseOne div.list-group > br {
    display: none;
}

/* decorate input controls coming from payment modules */
div.ccinfo input, select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.ccinfo select {
  width: inherit;
  display: inline-block;
}

div.ccinfo small {
    display: block;
    margin-top: .25rem;
    color: #6c757d!important;
}

/* class payment.php adds this field. Need not to take space */
div.ccinfo div:last-of-type {
  height: 0px;
}

div.ccinfo div:last-of-type label {
  display: none;
}