.checkoutPaymentButton{
	width:180px;
	height: 180px;
	padding:10px;
}
.paybutcont.s6{
margin-top:40px;
}
.secpayment{
	display:inline;
	padding-right:25px;
}
.ecollection .active{
	background-color: #ADBF00 !important;
	color:white !important;
}
.ecollection {
 border:none !important;
 background-color: rgba(0,0,0,0);
}
.ecollection  a{
font-size:1.5em  !important;
line-height: 1.5em !important;
}
.ecollection .collection-item:hover{
	color:white !important;
	background-color:#1594A9 !important;
}
.select-wrapper ul {
  overflow: auto;
}
@supports (-webkit-overflow-scrolling: touch) {
   body > .dropdown-content {
    max-height: 650px !important;
    top: 250px !important;
    overflow-y: auto !important;
	z-index:9999;
    backface-visibility: hidden !important;
	}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.modal{
	top:0px!important;
	}
}
.togglephoto{
	position:absolute !important;
	right:0;
	top:0;
}
.dropzone-previews{
	position:relative;
}
.picblock{
	margin-top:0px;
	text-align:left;
}
.dropzone-previews{
	cursor:pointer;
}
.toast {
	background-color: red !important;
}

.photoimg{
	border-radius:10%;
	width:138px;
	height:171px !important;
	border: 2px solid #ff8034;
}
.stripedb{
	border-style: dashed;
}
.skehead-headernav .logo{
	max-width:230px;
}
.qrcodeimg{
	width:100%;
	max-width:200px;
}
.right{
	float:right !important;
}
@media all and (max-width: 768px){
  .right {
    float:right !important;
  }
}

.row:last-child:after
	clear:both;
}
#person input{
	width:100%;
}
#cardinput select{
width:100%;
}
#wtpno input{
color: #31a3dd;
border: 1px solid #31a3dd;
padding:5px;
}
#cardinput{
margin-top:20px;
}

#cardinput button{
margin-top:20px;
padding:5px;
background-color: #31A3DD;
color:white;
border:0px;
box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
text-transform:uppercase;
font-weight:bold;
}
.form-horizontal .form-group{
margin-left:0px !important;
margin-right:0px !important;
}
#notify{
margin-top:5px;
}


.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

#tpicker_template{
  display:none;
}
#addticket_template{
  display:none;
}
#ticket_template{
  display:none;
}
#article_template{
  display:none;
}
/*
.cards{
  width:220px;
  display:inline-block;
  height:345px !important;
  overflow: hidden;
  padding:5px;
  margin:5px;
  background-color:rgba(200,200,200,0.2);
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
box-shadow: 0 2px 2px 0 #C2C2C2;
}
*/
.cardpage{
  display:none;

}
/*
.skepost label{
  color:white !important;
}
blockquote{
  border-color:white !important;
}*/
/*
@media screen and (max-width: 800px) {
    .addticket > .card,.preview > .card,.cardParent > .card {
      height: 420px;

    }
}
@media screen and (min-width: 800px) {
    .addticket > .card,.preview > .card,.cardParent > .card {
      height:345px;
    }
}
*/

.card:not(.card-normal){

  height: 0px !important;
  padding-bottom:140%;

}
.card-normal{
  height:350px !important;
}
.card-normal img{
  height:200px !important;
}
.cardParent,.addticket,.preview{
   min-width: 250px !important;
}
.activator{
  cursor:pointer !important;
}
.cardParent > .card {
  -webkit-border-radius: 20px !important;-moz-border-radius: 20px  !important;border-radius: 20px  !important;
  background:none !important;
  background-color:none !important;

 
}
.addticket > .card,.preview > .card{
  -webkit-border-radius: 20px !important;-moz-border-radius: 20px  !important;border-radius: 20px  !important;
   background-size: cover;
}
.preview > .card > .card-content{
  font-weight:bold;
  text-transform: uppercase;
  padding-top:95% !important;
  cursor:pointer;
}

.addticket > .card > .card-content{
 text-align:center;
  padding-top:100%!important;
    cursor:pointer;
}
.cardnumber,.personname{
  font-weight:normal;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.shoppingcart ul{
  list-style: none;
}
#header{
  z-index:1000 !important;
}
#payment{
  max-height:100% !important;
}
[type="checkbox"]:checked + label:before{
border-bottom:#4CAF50 2px solid;
border-right: #4CAF50 2px solid;
}
#toast-container {
  top: auto !important;
  right: 20% !important;
  bottom: 10% !important;
  left: auto !important;
  
}
.axessload .wtpinputs-single{
  position: relative;
  min-height: 60px;
  border: 1px solid var(--axess-accent, #d79b78);
  border-radius: 0;
  padding: 18px 18px 14px 18px !important;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(var(--axess-accent-rgb, 215,155,120), 0.45);
  overflow: visible;
}
.axessload .wtplabel{
  position:absolute;
  top:-11px;
  left:10px;
  z-index:3;
  background:#fff;
  padding:0 4px;
  color:var(--axess-accent, #f08a4b);
  font-size:14px;
  line-height:16px;
}
.axessload .wtpfieldline{
  position: relative;
  height: 34px;
  overflow: hidden;
  margin-top: 8px;
  margin-left: 4px;
}
.axessload .wtpguide{
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  pointer-events:none;
  font-family: Consolas, "Courier New", monospace !important;
  font-size:15px;
  line-height:20px;
  letter-spacing: 0.08em;
  white-space:pre;
  width:100%;
}
.axessload .wtpguide-typed{
  color:#444;
}
.axessload .wtpguide-remaining{
  color:#8c8c8c;
}
.axessload .wtpinputs-single:not(.wtp-has-value) .wtpguide{
  top: 8px;
}
.axessload .wtpinputs-single.wtp-has-value .wtpguide-remaining{
  position: relative;
  top: 8px;
}
.axessload .wtpfullinput{
  position: absolute;
  left:0;
  top:0;
  z-index:2;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 15px !important;
  letter-spacing: 0.08em;
  background-color: transparent !important;
  color: transparent !important;
  caret-color: #444;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 20px !important;
  height: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
}
.axessload .wtpfullinput:focus:not([readonly]){
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.axessload .wtpfullinput::placeholder{
  color: transparent !important;
  opacity: 1;
}
.collection-item{
	position:relative;
}
.delbadge{
position:absolute;
top:2%;
right:0%;
}
.delbadge:hover{
	cursor:pointer;
	background:grey;
	color:white;
}