/*
  Main Cart styles
*/

div.vibracart{
  display: flex;
  flex: auto;
  flex-direction: column;
  position: fixed;   /*  this is controlled by cartposition in settings.js   */
  overflow: hidden;
	visibility: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
  line-height: normal;
	border: #aaaaaa solid 1px;
  border-radius: 5px;
	background-color: white;
	z-index: 1999;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.1);
}

div.vibracart_content{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
/*
  overflow: scroll;
*/
  overflow-x: hidden;
  overflow-y: auto;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  border-top: solid #aaaaaa 1px;
  border-bottom: solid #aaaaaa 1px;
  flex: auto;
  overscroll-behavior: contain;
}
div.vibracart_fade{
  overflow: hidden;
	visibility: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: white;
}
div.vibracart_waiting{
  position: fixed;   /*  Don't adjust as this is controlled by cartposition in settings.js   */
  overflow: hidden;
  visibility: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  z-index: 2000;
}
div.vibracart_alert{
  position: fixed;   /*  Don't adjust as this is controlled by cartposition in settings.js   */
  overflow: hidden;
  visibility: hidden;
  padding: 0 0 0 0;
	margin: 0 0 0 0;
  z-index: 2001;
}
p.vibracart_alerterror{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: red;
	font-weight: bold;
  line-height: 20px;
  background-color: transparent;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 10px;
}
p.vibracart_alertmessage{
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color: navy;
  font-weight: bold;
  line-height: 20px;
  background-color: transparent;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 10px;
}
div.vibracart_header{
  overflow: visible;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
  background-color: #ededed;
  box-sizing: border-box;
  width: 100%;
}
div.vibracart_title{
  float: left;
  overflow: visible;
  width: calc(100% - 1.5em);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: black;
  font-weight: normal;
  padding-top: 1px;
  margin-left: 5px;
}
div.vibracart_closebutton{
  overflow: hidden;
  margin-right: 5px;
  background-color: transparent;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  cursor: pointer;
  float: right;
}
div.vibracart_footer{
  overflow: visible;
  padding: 5px;
  margin: 0 0 0 0;
  background-color: #ededed;
  box-sizing: border-box;
  width: 100%;
  font-size: 12px;
  display: block;
}
div.vibracart_continuebutton{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: transparent;
  display: block;
}

/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_continuebutton {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: black;
  font: normal normal normal 14px Arial, Helvetica, sans-serif;
  padding: 3px 8px;
  margin: 0 0 1px 0;
  text-decoration:none;
  border: solid #aaaaaa 1px;
  outline: none;
}
button.vibracart_continuebutton:hover {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
}
button.vibracart_continuebutton:active {
  position:relative;
  top:1px;
}
/* End of button */


div.vibracart_checkoutbuttons {
  display: block;
  width: 100%;
  margin: 10px 5px 0 0;
}

div.vibracart_checkoutbuttonsflex {
  display: flex;
  align-items: normal;
  flex-wrap: wrap-reverse;
  flex-direction: row;
  justify-content: right;
  width: 100%;
  gap: 5px;
}

div.vibracart_paypalcheckoutbutton{
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  background-color: transparent;
}

/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_paypalcheckoutbutton {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: #FFFFFF;
  font: normal normal bold 14px Arial, Helvetica, sans-serif;
  padding: 3px 8px;
  margin: 0 0 1px 0;
  text-decoration:none;
  border: solid #FF8C00 1px;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
button.vibracart_paypalcheckoutbutton:hover {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;

}
button.vibracart_paypalcheckoutbutton:active {
  position:relative;
  top:1px;
}
/* End of button */

div.vibracart_stripecheckoutbutton{
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  background-color: transparent;
}

/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_stripecheckoutbutton {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: #FFFFFF;
  font: normal normal bold 14px Arial, Helvetica, sans-serif;
  padding: 3px 8px;
  margin: 0 0 1px 0;
  text-decoration:none;
  border: solid #FF8C00 1px;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
button.vibracart_stripecheckoutbutton:hover {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;  
}
button.vibracart_stripecheckoutbutton:active {
  position:relative;
  top:1px;
}
/* End of button */


div.vibracart_externalcheckoutbutton{
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  background-color: transparent;
}

/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_externalcheckoutbutton {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: #FFFFFF;
  font: normal normal bold 14px Arial, Helvetica, sans-serif;
  padding: 3px 8px;
  margin: 0 0 1px 0;
  text-decoration:none;
  border: solid #FF8C00 1px;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
button.vibracart_externalcheckoutbutton:hover {
  background:linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
  background-color:#FF8C00;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;  
}
button.vibracart_externalcheckoutbutton:active {
  position:relative;
  top:1px;
}
/* End of button */


div.vibracart_total{
  float: right;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: black;
  font-weight: bold;
}
div.vibracart_terms{
  overflow: visible;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
  background-color: #ededed;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: block;
}
div.vibracart_termscheckbox{
  overflow: hidden;
  float: left;
  padding: 0 0 0 0;
  margin: 2px 0 0 2px;
  background-color: transparent;
}
.vccheckbox{
  width: 14px;
  height: 14px;
  margin: 0px 0px 0px 5px;
  position: relative;
  display: inline;
  float: left;
}
.vccheckbox input {
  opacity: 0;
  z-index: 1000; /* needed in one case */
  position: absolute;
}
.vccheckbox label {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    background: white;
    border:1px solid #aaaaaa;
}
.vccheckbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 4px;
    background: transparent;
    top: 3px;
    left: 2px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}
.vccheckbox label:hover::after {
    opacity: 0;
}

.vccheckbox input[type=checkbox]+label{
  margin:0;
}

.vccheckbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

div.vibracart_termslink{
  overflow: hidden;
  padding: 2px 0 0 6px;
  margin: 0 0 0 0;
  background-color: transparent;
  display: block;
  line-height: 1.1em;
  width: calc(100% - 30px);
}
a.vibracart_termslink{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: normal;
  text-decoration:underline;
  background-color: transparent;
  text-shadow: none;
}
/*If not terms link*/
span.vibracart_termslink{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: normal;
  background-color: transparent;
  text-shadow: none;
}
div.vibracart_coupon{
  overflow: visible;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
  background-color: #ededed;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: block;
}
input.vibracart_coupontextbox[type="text"]{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: black;
  font-weight: normal;
  text-align: left;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 3px;
  width: 8em;
  background-color: white;
  border: solid #aaaaaa 1px;
  height: 24px;
  vertical-align: middle;
  outline:none;
  display: inline;
}
/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_applybutton {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: #000000;
  font: normal normal normal 12px Arial, Helvetica, sans-serif;
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
  text-decoration:none;
  border: solid #aaaaaa 1px;
  height: 24px;
  vertical-align: middle;
  outline:none;
  line-height: 1em;
}
button.vibracart_applybutton:hover {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
}
button.vibracart_applybutton:active {
  position:relative;
  top:1px;
}
/* End of button */
.vibracart_table{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-collapse: collapse;
  width: 100%;
  vertical-align: middle;
  border: none; 
/*
  overflow-x: hidden;
  overflow-y: auto;
*/
}
tr.vibracart_item_odd{
  background-color: white;
  border: none;
  border-bottom: solid #dddddd 1px;  
}
tr.vibracart_item_even{
  background-color: #f1f1f1;
	background-color: white;
  border: none;  
  border-bottom: solid #dddddd 1px;  
}

/* Item delete button */
td.vibracart_itemdelete{
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 0px;
  vertical-align: top;
  width: 10px;
  border: none;
  background-color: transparent;  
}
p.vibracart_itemdelete{
  float: left;
	text-align: left;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  color: red;
  font: normal normal normal 13pt Arial, Helvetica, sans-serif;}

img.vibracart_itemdelete{
	margin: 0;
	padding: 0;
	cursor: pointer;
  border: none;
}

p.vibracart_itemremove{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: red;
	font-weight: normal;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  line-height: 1;
  width: 100%;
  cursor: pointer;
}

/* Item quantity */
td.vibracart_itemquantity{
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 0px;
  vertical-align: top;
  text-align: center;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  background-color: transparent;
}
p.vibracart_itemquantity{
  float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}
span.itemqtyshow{
  width: 1.5em;
  display: inline-block;
  background-color: transparent;
  padding: 2px 0 0 0;
}
input.vibracart_itemquantity[type="text"]{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: normal;
  text-align: center;
  margin: 0 0 0 0;
  padding: 2px 0 0 0px;
  width: 2em;
  background-color: white;
  border: #aaaaaa solid 1px;
  outline:none;
  background-color: white;
  height: auto;
}
button.vibracart-qtydown {
  font-family: monospace;
  background-color: #CCCCCC;
  border: none;
  color: black;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin: 0 5px 0 0;
  cursor: pointer;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  vertical-align: top;
  line-height: 1;	
  outline: none;
}
button.vibracart-qtyup {
  font-family: monospace;
  background-color: #CCCCCC;
  border: none;
  color: black;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 0 5px;
  cursor: pointer;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  vertical-align: top;
  line-height: 1;
  outline: none;
}
/* Item Image */
td.vibracart_itemimage{
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 0px;
  vertical-align: top;
  border: none;
  width: 50px;
  background-color: transparent;
}
p.vibracart_itemimage{
  float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
img.vibracart_itemimage{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: transparent;
  border: #bdbdbd solid 0px;
  width: 100%;
}

/* Item description */
td.vibracart_itemdescription{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 0px;
  vertical-align: top;  
  border: none;
  background-color: transparent;  
}
p.vibracart_itemdescription{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: normal;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}
a.vibracart_itemdescription{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: normal;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
  text-decoration:none;
  background-color: transparent;
  text-shadow: none;
}
p.vibracart_itemdiscount{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: bold;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}
.itemdiscountdescription{
  color: black;
}
.itemdiscounttotal{
  color: black;
}
.itemdiscountlabel{
  color: black;
}
p.vibracart_itemcoupon{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: bold;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}
.coupondescription{
  color: black;
  font-weight: normal;
}
div.vibracart_itemidclear{
  clear: both;
}
p.vibracart_itemid{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
a.vibracart_itemid{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
  text-decoration:none;
  background-color: transparent;
  text-shadow: none;
}
a.vibracart_itemid:link{
	color: #9C9C9C;
	text-decoration:none;
}
a.vibracart_itemid:visited{
	color: #9C9C9C;
	text-decoration:none;
}
a.vibracart_itemid:hover{
	color: #9C9C9C;
	text-decoration:none;
}
a.vibracart_itemid:active{
	color: #9C9C9C;
	text-decoration:none;
}
div.vibracart_itemoptionclear1{
  clear: both;
}
p.vibracart_itemoptionname1{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear2{
  clear: both;
}
p.vibracart_itemoptionname2{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear3{
  clear: both;
}
p.vibracart_itemoptionname3{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear4{
  clear: both;
}
p.vibracart_itemoptionname4{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear5{
  clear: both;
}
p.vibracart_itemoptionname5{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear6{
  clear: both;
}
p.vibracart_itemoptionname6{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
div.vibracart_itemoptionclear7{
  clear: both;
}
p.vibracart_itemoptionname7{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}

p.vibracart_itemoptionname8{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection8{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionname9{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_itemoptionselection9{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: normal;
  padding: 0;
}
/* Item price */
div.vibracart_itempriceclear{
  clear: both;
}
p.vibracart_itemprice{
  float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
  padding: 0;
}
/* Item total */
td.vibracart_itemtotal{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
	padding-right: 9px;
	text-align: right;
	vertical-align: top;
  border: none; 
  background-color: transparent; 
}
p.vibracart_itemtotal{
  float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	font-weight: bold;
	text-align: right;
  line-height: normal;
  padding: 0;
	margin: 0 0 0 0;
}

/* shipping */
p.vibracart_itemshipping{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: bold;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}

div.vibracart_shippingnoteclear{
  clear: both;
}

p.vibracart_itemshippingnote{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}

p.vibracart_itemshippingnote a {
  color: blue;
  text-decoration: underline;
}

/* tax */
p.vibracart_itemtax{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  font-weight: bold;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}

div.vibracart_taxnoteclear{
  clear: both;
}

p.vibracart_itemtaxnote{
  float: left;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9C9C9C;
  font-weight: normal;
  margin: 0 0 0 0;
  line-height: normal;
  padding: 0;
}

p.vibracart_itemtaxnote a {
  color: blue;
  text-decoration: underline;
}

#flyingitem {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
}

div.vcfreecheckoutpage {
  padding: 5px;
  background-color: white;
  width: calc(100% - 10px);
  height: calc(100% - 10px);;
  text-align: left;
  overflow: auto;
}

label.vcfreecheckoutpage {
display: inline-block;
width: 70pt;
color: black; 
font: normal normal bold 10pt Arial, Helvetica, sans-serif;
vertical-align: top;
margin: 5px 0 0 0;
padding:0;
text-transform: none;  
}

span.vcfreecheckoutpage {
color: red; 
font: normal normal bold 10pt Arial, Helvetica, sans-serif;
vertical-align: middle;
margin: 0;
padding:0;
text-transform: none;  
}

input.vcfreecheckoutpage {
border: solid #AAAAAA 1px;
background-image: none;
background-repeat: no-repeat;
background-color:#FFFFFF;
font: normal normal normal 10pt Arial, Helvetica, sans-serif;
color: black;
margin: 0 0 0 0px;
width: calc(100% - 80pt);
max-width: 400px;
border-radius: 0px; 
padding: 0.3em 0.3em;
box-sizing: border-box;
margin-bottom: 5px;
margin-top: 2px;
outline: none;
display: inline-block;
box-sizing: content-box;
height: 1.2em;
}

select.vcfreecheckoutpage {
  border: solid #AAAAAA 1px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  font: normal normal normal 10pt Arial, Helvetica, sans-serif;
  color: black;
  max-width: 400px;
  border-radius: 0px;
  box-sizing: border-box;
  /*  height: 1.8em; */
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1em center; 
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding: 0.3em 0.3em;
  padding-right: 1.5em;
  margin-bottom: 5px;
  margin-top: 2px;
  outline: none;
  height: auto;
}
textarea.vcfreecheckoutpage {
  border: solid #AAAAAA 1px;
  background-image: none;
  background-repeat: no-repeat;
  background-color:#FFFFFF;
  font: normal normal normal 10pt Arial, Helvetica, sans-serif;
  color: black;
  margin: 0 0 0 0px;
  width: calc(100% - 80pt);
  max-width: 400px;
  border-radius: 0px; 
  padding: 0.3em 0.3em;
  box-sizing: border-box;
  margin-bottom: 5px;
  margin-top: 2px;
  outline: none;
  display: inline-block;
  box-sizing: content-box;
  height: 4em;
  resize: none;
}
  

/* Button from http://www.bestcssbuttongenerator.com */
button.vcfreecheckoutpage {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
  border-radius: 0px;
  display:inline-block;
  cursor:pointer;
  color: #000000;
  font: normal normal normal 10px Arial, Helvetica, sans-serif;
  padding: 2px 5px 0px 5px;
  margin: 3px 0px 0px 0px;
  text-decoration:none;
  border: solid #aaaaaa 1px;
  height: 22px;
  vertical-align: middle;
  outline: none;
  line-height: 1em;
}
button.vcfreecheckoutpage:hover {
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  background-color:#f5f5f5;
}
button.vcfreecheckoutpage:active {
  position:relative;
  top:1px;
}

/*
  Buy button
*/

input.vcbuybutton {
  width: auto;
  height: 30px;
  background-color: #408EBA;
  border: solid #408EBA 0px;
  border-radius: 0px;
  color: #FFFFFF;
  text-align: center;
  padding: 0 0.5em 0 0.5em;
  margin: 0;
  text-align: center;
  text-decoration: none;
  display: none; /*will be inline-block*/
  font: normal normal bold 16px Arial, Helvetica, sans-serif;
  background-image: none;
  background-size: cover; 
  background-repeat: no-repeat;
  cursor: pointer;
  outline:none;
  white-space: pre-line;
  line-height: .95em;
  transition: .3s;
}

input.vcbuybutton:hover {
  color: #FFFFFF;
  background-color: #408EBA;
  border: solid #408EBA 0px;
}

input.vcbuybutton:disabled {
  opacity:50%;
}

table.vcproductoptions {
  margin-bottom: 0;
  border: none;
  padding:0;
  border-collapse: collapse;
  background-color: transparent;
}

table.vcproductoptions td, table.vcproductoptions tr {
  border: none;
  padding: 0;
  margin:0;
}

table.vcproductoptions tbody {
  border: none;
  padding: 0;
  margin:0;
}

table.vcproductoptions tbody, table.vcproductoptions td {
  border: none;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 5px;
  margin: 0;
  line-height: 1;
  background-color: transparent;
}

table.vcproductoptions.vcproductoptionsvertical  td {
  padding-right: 0px;
}

table.vcproductoptions.vcproductoptionshorizontal td {
  padding-right: 5px;
}

table.vcproductoptions tbody, table.vcproductoptions tr {
  border: none;
  padding: 0;
  margin:0;
  background-color: transparent !important;
}

table.vcproductoptions select, table.vcproductoptions input {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: white;
  height: 1.8em;
  padding: 3px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  margin-bottom: 0.3em;
}

table.vcproductoptions textarea {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: white;
  height: 4em;
  padding: 3px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  margin: 0;
  margin-bottom: 0.3em;
}

/* Make select element more consistent across browsers */
table.vcproductoptions select {
  border: solid #AAAAAA 1px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  font: normal normal normal 10pt Arial, Helvetica, sans-serif;
  color: black;
  width: 100%;
  -moz-border-radius: 0px;
  -khtml-border-radius:0px;
  border-radius: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*  height: 1.8em; */
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1em center; 
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding: 0.3em 0.3em;
  padding-right: 1.5em;
  outline: none;
  height: auto;
}  

td.vcproductoptionlabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
}

/*
  Other dynamic items
*/

p[data-vc-type="quantityprices"]{
  line-height: 1;
}

input[type="number"].vcproductquantity {
  display: inline;
  width: 3.5em;
  margin-top: 0px;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: white;
  border-color: black;
  height: 1.8em;
  padding: 3px;
  box-sizing: border-box;
}

p.vcproductquantity {
  border: none;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 3px;
  margin: 0;
  font: normal normal normal 14px Arial, Helvetica, sans-serif;
  color: black;
  width: auto;
}

input[type="number"].vcproductdonation {
  display: inline;
  width: 5em;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: white;
  border-color: black;
  height: 1.8em;
  padding: 3px;
  box-sizing: border-box;
}

.vcproductdonation span:nth-of-type(1) {
  font: normal normal normal 14px Arial, Helvetica, sans-serif;
  color: black;
  padding: 0;
  padding-right: 3px;
}

.vcproductdonation span:nth-of-type(2) {
  font: normal normal normal 14px Arial, Helvetica, sans-serif;
  color: black;
  padding: 0;
  padding-left: 3px;
}

.vcproductdonation span:empty {
  padding-left: 0;
  padding-right: 0;
}

/*
  Widget styles
*/
div.vibracart_widget{
  position: fixed;
  overflow: hidden;
  visibility: hidden;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: grey solid 1px;
  background-image: none;
  background-repeat: repeat-x;
  background-position: bottom left;
/*  background: url(widgetgradient.gif) repeat-x; */
  background-color: #EDEDED;
  z-index: 1998;
}
p.vibracart_widget_image{
  text-align: center;
	margin: 5px 0 5px 0;
	cursor: pointer;
  line-height: normal;
  padding: 0;
}
img.vibracart_widget_image{
  padding: 0;
  margin: 0;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
p.vibracart_widget_items{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 5px 0 0 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_widget_total{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 5px 0;
  line-height: normal;
  padding: 0;
}
p.vibracart_widget_view{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 5px 0 5px 0;
	color: #373737;
  line-height: normal;
  padding: 0;
}
p.vibracart_widget_check{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 5px 0 5px 0;
	color: #373737;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_view{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 5px 0 5px 0;
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
  background-color: transparent;
  text-shadow: none;
}
a.vibracart_widget_view:link{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_view:visited{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_view:hover{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_view:active{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_check{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 5px 0 5px 0;
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
  background-color: transparent;
  text-shadow: none;  
}
a.vibracart_widget_check:link{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_check:visited{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_check:hover{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}
a.vibracart_widget_check:active{
	color: #373737;
	text-decoration:underline;
  line-height: normal;
  padding: 0;
}

/*
  Minicart with circle for items 
*/

div.vccartminicircle {
  width: 100%;
  height: 100%;
  border: none;
  overflow: visible;
  display: block;
  text-align: right;
  position: relative;
  cursor: pointer;
  margin:0;
  padding:0
}

div.vccartminicircleinner {
  float: left;
  position: absolute;
  border: none;
  border-radius: 100%;
  height: calc(50% + 2px);
  width: calc(50% + 2px);
  text-align: center;
  background-color: red;
  color: white;
  display: block;
  margin:0;
  padding: 0;
  top: 2%;
  left: 30%;
}
p.vccartminicircleinner {
  font-size: inherit;
  font-weight: bold;
  font-family: sans-serif;
  color: inherit;
  line-height: 1;
  margin: 0;
  margin-top: 23%;
  padding: 0;
}

img.vccartminicircleinner{
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  margin: 0;
}

/*
  Store front styles
*/

/* .toolbargrid {
  display: block;
  position: relative;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-content: left;
}

.toolbaritem {
  border: 1px solid #dddddd;
  background-color:#fafafa;
  height: 32px;
  position: relative;
} */

.vcstore_storefront
{
  width: 100%;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}

.vcstore-main {
  display: inline-block;
  margin:0;
  padding: 0;
  min-width: 220px;
  border: none;
  background-color: transparent;
}

.vcstore-toolbar {
  display: block;
  width: 100%;
  height: fit-content;
  margin: 0;
  padding: 0 0 10px 0;
}

/* remove this section when enabling the @media part */
.vcstore-main {
  width: 100%;
}
.vcstore-toolbar {
  display: block;
}
/* end of section */


.vcstore-grid {
    display: grid;
    /* position: relative; */
    /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
    grid-template-columns: repeat(auto-fit, minmax(min(100%/1, max(220px, 100%/30)), 1fr));
    row-gap: 10px;
    column-gap: 10px;
    justify-content:space-between;
    padding: 0;
    width: 100%;
    /* grid-auto-rows: 1fr; */
    border: none;
    font-size: 14px; /* Default from summernote which might not be set */
  }

.vcstore-item {
    background-color:#FAFAFA;
    border-style: solid;
    border-color: #FDFDFD;
    border-radius: 0px;
    border-width: 1px;
    height: auto;
    position: relative;
    max-width: 280px;
    min-width: 280px;
    /* align-items: center; */
    /* justify-items: center; */
    display: flex;
    flex-direction: column;
    align-content: space-between;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

h3.vcstore-description {
  text-align: center;
  padding: 0 10px 0 10px;
  margin: 15px 0px 0px 0px;
  font: 18px arial, sans-serif;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
}

#vcstore_storefront a.vcstore-description {
  color: inherit;
  text-decoration: none;
}

div.vcstore-storedescription {
  padding: 0 10px 0 10px;
  margin: 0px 0px 0px 0px;
}

p.vcstore-price {
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 15px 0px 15px 0px;
  font: 18px arial, sans-serif;
  line-height: 1em;
}

p.vcstore-stock {
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 15px 0px 0px 0px;
  font: 14px arial, sans-serif;
  line-height: 1em;
}

.vcstore-stock:empty {
  height: 0;
}

p.vcstore-lastpurchased {
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 15px 0px 0px 0px;
  font: 14px arial, sans-serif;
  line-height: 1em;
}

.vcstore-lastpurchased a{
  color: inherit;
}

.vcstore-lastpurchased:empty {
  height: 0;
}

p.vcstore-discounts {
  text-align: center;
  padding: 0 5px 0 5px;
  margin: 15px 0px 0px 0px;
  font: 14px arial, sans-serif;
  line-height: 1em;
}

.vcstore-discounts:empty {
  height: 0;
}

.vcstore-image {
width: 100%;
margin-left: auto;
margin-right: auto;
padding:0;
border: none;
display: block;
object-fit: fill;
}

.vcstore-buttonarea {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}

div.vcstore-searchbox{
  margin: 0;
  float: left;
  height: auto;
  vertical-align: middle; 
  padding: 0;
}

div.vcstore-search{
  width: 100%;
  border: none;
  overflow: hidden;
  display: block;
}

div.vcstore-searchtoolbar{
  width: 170px;
  /* width: 25%; */
  border: none;
  overflow: hidden;
  display: inline-block;
}

input.vcstore-search{
  font: 12pt arial, sans-serif;
  width: 187px;
  height: 32px;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 5px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 0px;  
}

input.vcstore-searchtoolbar{
  font: 12pt arial, sans-serif;
  width: 136px;
  /* width: calc(100% - 34px); */
  height: 32px;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 5px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 0px;  
}

button.vcstore-search{
  height: 32px;
  width: 34px;
  background-color: white;
  border: solid #cccccc 1px;
  border-left: none;
  outline: none;
  box-shadow: none;
  vertical-align: bottom;
  margin: 0;
  padding: 0 !important;
  font-size: 8px;
  max-width: none;
  line-height: 1;
}

img.vcstore-search{
  padding: 0;
  height: 14px !important;
  vertical-align: middle;
  margin:0 auto 0 auto;
  max-width: none;
  border: none;
}

.vcstore-clearable-input {
  position: relative;
  display: inline-block;
}
.vcstore-clearable-input > input {
  padding-right: 1.4em;
}
.vcstore-clearable-input >[data-clear-input] {
  display: none;
  position: absolute;
  top: 6px;
  right: 1px;
  font-weight: bold;
  font-size: 18px;
  padding: 0 0.2em;
  line-height: 1em;
  cursor: pointer;
  color: #aaaaaa;
}
.vcstore-clearable-input > input::-ms-clear {
  display: none;
}

div.vcstore-category{
  width: 100%;
  /* height: 40px; */
  border: none;
  overflow: hidden;
  display: block;
}

div.vcstore-categorytoolbar{
  width: fit-content;
  height: auto;
  border: none;
  overflow: hidden;
  display: inline-block;
}

select.vcstore-category{
  font: 12pt arial, sans-serif;
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 5px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  color: black;
  max-width: 600px;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1em center; 
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding: 0.3em 0.3em;
  padding-right: 1.5em;
}

div.vcstore-sort{
  width: 100%;
  height: auto;
  border: none;
  overflow: hidden;
  display: block;
}

div.vcstore-sorttoolbar{
  width: fit-content;
  height: auto;
  border: none;
  overflow: hidden;
  display: inline-block;
}

select.vcstore-sort{
  font: 12pt arial, sans-serif;
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 5px;
  margin: 0;
  border: 1px solid #cccccc;
  border-radius: 0px;
  border: solid #AAAAAA 1px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1em center; 
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding: 0.3em 0.3em;
  padding-right: 1.5em;
}

div.vcstore-carttoolbar{
  width: 50px;
  height: 36px;
  border: none;
  overflow: visible;
  display: block;
  float: right;
  text-align: right;
  position: relative;
  cursor: pointer;
}

div.vcstore-cartitems{
  float: left;
  position: absolute;
  left: 20px;
  top: -5px;
  background-color: transparent;
  padding: 5px;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}

.vcstore-paginationouter{
  text-align: center;
}

.vcstore-pagination {
  display: inline-block;
  margin: 0;
  margin-top:20px;
}

.vcstore-pagination span {
  font: normal normal normal 12pt Arial, Helvetica, sans-serif;
  color: black;
  float: left;
  padding: 5px 0px;
  margin: 0 0;
}
#vcstore_storefront .vcstore-pagination a {
  color: black;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  font: normal normal normal 12pt Arial, Helvetica, sans-serif;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #dddddd;
  margin: 0 4px;
  min-width: 2em;
}

#vcstore_storefront .vcstore-pagination a.active {
  background-color: #408EBA;
  color: white;
  border: 1px solid #408EBA;
}

#vcstore_storefront .vcstore-pagination a:hover:not(.active) {background-color: #ddd;}

.vcstore-circle {
  border: 1px solid red;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  text-align: center;
  background-color: red;
}

.vcstore-circle p {
  margin-top: 3px;
  font-size: 10px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
  line-height: 1;
}

div.vcinfobutton {
  width: 100%;
  margin: 15px 0 3px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

a.vcinfobutton {
  background-color: #408EBA;
  border: solid #408EBA 0px;
  border-radius: 0px;
  color: #FFFFFF;
  text-align: center;
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0;
  text-decoration: none !important;
  display: inline;
  font: normal normal bold 16px Arial, Helvetica, sans-serif;
  background-image: none;
  cursor: pointer;
  outline:none;
  white-space: pre-line;
  line-height: .95em;
  transition: .3s;
}

a.vcinfobutton:hover {
  color: #FFFFFF;
  background-color: #408EBA;
  border: solid #408EBA 0px;
}

/* Image grid styles */

.vc-thumbnailgrid {
  display: grid;
  width: 100%;
  grid-gap: 10px;
  /* grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); */
  grid-template-columns: repeat(auto-fit, minmax(min(100%/5, max(80px, 100%/7)), 1fr));
  row-gap: 5px;
  column-gap: 5px;
  margin: 0 0 0 0;
  margin-top: 5px;
  padding: 0 0 0 0;
}
div.vc-thumbnail{
  width: 100%;
  position: relative;
  border: none;
}
div.vc-thumbnail.vc-videothumb:after {
  content:url("playbutton32.png");
  z-index:1;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-16px;
  margin-top:-16px;
}

.vc-thumbnail img{
  width: 100%;
  text-align: center;
  border: none;
}
.vc-imagecontainer{
  position: relative;
}
div.vc-mainimage {
  height: fit-content;
  width: 100%;
  border: none;
}
.vc-mainimage img{
  width: 100%;
  box-sizing: border-box;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
}
.vc-mainimage video{
  width: 100%;
  box-sizing: border-box;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  object-fit: fill;
}

.vc-mainimage video[poster]{
  object-fit: fill;
}
/* Next & previous buttons */
.vc-imageprev,
.vc-imagenext {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 14pt - 8px);
  width: auto;
  padding: 16px;
  color: white !important;
  font-weight: bold;
  font-size: 14pt;
  border-radius: 0 3px 3px 0 !important;
  user-select: none;
  -webkit-user-select: none;
  opacity: 0.8 !important;
  text-decoration: none !important;
}

.vc-imagenext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.vc-imagemodal .vc-imageprev,
.vc-imagemodal .vc-imagenext {
  font-size: 20pt;
  top: calc(50% - 20pt - 8px);
}

/* On hover, add a black background color with a little bit see-through */
.vc-imageprev:hover,
.vc-imagenext:hover{
  background-color: rgba(0, 0, 0, 0.5);
}

/* The Modal (background) */
.vc-imagemodal {
  display: none;
  position: fixed;
  z-index: 2000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.vc-modalcontentwrapper{
  position: relative;
}

/* Modal Content (image) */
img.vc-modalcontent{
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  box-sizing: border-box;
  display: none; 
}

video.vc-modalcontent{
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  box-sizing: border-box;
  display: none;
  object-fit: fill; 
}

/* Add Animation */
.vc-modalcontent {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.vc-modalclose {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.vc-modalclose:hover,
.vc-modalclose:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .vc-modalcontent {
    width: 100%;
  }
}

.note-editable ul{
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}