.stepblock{
	display:none;
	margin:0px;
	padding:0px;
	border:0px;
	width:95vw;
	max-width:500px;
}
.footer{
	font-size:0.7em;
}
.footer a{
	color: #222;
	
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:5px;
	padding:0px;
}
.mycontainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	margin:0px;
	padding:0px;
}
.top-progress{
	margin:0px;
}
.top-error{
	margin:5px;
}
.calendar-top{
	font-size:1.2em;
	width:100%;
	text-align:center;
}
.calendar-pick{
	margin-bottom:-7px;
	padding:0px;
}
.calendar-pick input{
	
}
.calendar-available-label{
	width:100%;
	background: #cfc;
	padding:10px;
}
.calendar-unavailable-label{
	width:100%;
	background: green;
	padding:10px;
	text-decoration: line-through;
	color:#df94ad;
	background: #dce1e6;
}
.calendar-selected-label{
	width:100%;
	padding:10px;
	background: #d2ff52;
	background: radial-gradient(ellipse at center, #5f7 0%,#cfc 70%);
}

.calendar-table{
	border:1px solid;
	border-collapse:collapse;
	table-layout: fixed;
	width:100%;
}
.calendar-table tr{
	border:1px solid;
	border-top:2px solid;
	border-collapse:collapse;
}
.calendar-table td{
	border:1px solid;
	border-collapse:collapse;
	vertical-align:top;
}
.calendar-table-top{
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

.promptheader{
	margin-bottom:5px;
}

.itemadder-visible{
	padding:5px;
}
.itemadder-hidden{
	display:none;
}

.itemadder-all{}

.btn-itemadder{
	margin:5px;
}

.standard-input{}

.iteminlist{
	width:100%;
	padding:4px;
	margin:4px;
	border:1px solid #aaf;
	border-radius:2px;
}

#itemwarningzone{
	width:100%;
	padding:6px;
	margin:6px;
	border:1px solid #f58;
	border-radius:3px;
}

.input-error{
	border:1px solid red;
}
body{
}

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.field{
	width:100%;
}

.imgcontainer {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px solid #dfd;
}

.imgbutton {
    position:absolute;
    bottom:10px;
    right:10px;
}

.confirmationtable{
	width:100%;
	padding:2px;
}
.confirmationtable tr{
	padding:3px;
}
.confirmationtable td{
	padding:3px;
}


.spinner {
  margin: auto auto;
  width: 70px;
  text-align: center;
  float:right;
  display:none;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.btn-backonestep{}

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}