/**
* jQuery wizard v0.4.4
* https://github.com/amazingSurge/jquery-wizard
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/

body {
  background: #f9f6f1;
  font-family: 'Muli', sans-serif;
  font-weight:400;
  font-size:15px;
}

#container {
  width: 920px;
  min-height:521px;
  margin-left: auto;
  margin-right: auto;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#subcontainer {
  -moz-box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  width: 920px;
  min-height:521px;
  background-color:#ffffff;
}

#photoholder {
  width:250px;
  float:left;
  min-height:521px;
}

#ticketholder {
  width:670px;
  float:left;
}

.bigtext {
  overflow:auto;height:390px;
}

@media (max-width: 915px),
(max-height: 650px) {
   #container {
   	 width: 100%;
   	 min-height:730px;

	 position: inherit;
	 top: inherit;
	 left: inherit;
	 transform: inherit;
   }

   #subcontainer {
     width: 100%;
   	 min-height:730px;
   }
   
   #photoholder {
     display:none;
   }
   
   #ticketholder {
     width:100%;
   }
   
   .col-xs-3 {
   	 width:100%;
   	 float:none;
   }
   
   .form-horizontal .control-label {
     text-align:left;
   }
   
   .col-xs-9 {
   	 width:100%;
   	 float:none;
   }
   
   .row {
     padding-left:0px !important;
     padding-right:0px !important;
   }

	.bigtext {
	  overflow:auto;
	  height:100%;
	}

}


.hide {
  display: none;
}

.wizard-pane {
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.wizard-pane.active {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.wizard-pane.activing {
  visibility: visible;
}

.wizard-content {
  position: relative;
  padding: 10px;
  -webkit-transition: height .2s ease;
  transition: height .2s ease;
  background-color:#ffffff;
}

.current {
  color:  !important;
}

.error {
  color:  !important;
}

.disabled {
  cursor: not-allowed !important;
}

.wizard-pane {
  padding: 10px;
}

.wizard-steps {
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  margin: 0;
  list-style: none;
  background: ;
}
.wizard-steps > li {
  display: inline-block;
  padding: 5px 10px;
  color: #666;
  cursor: pointer;
  color:#dedede;
}
.wizard-steps > li:hover {
  color: ;
}

.wizard-buttons {
  margin-top: 20px;
  float:right;
  margin-right:20px;
}

.wizard-back,
.wizard-back:visited
{
  padding: 10px 15px;
  margin-right: 15px;
  background-color: ;
  font-weight:600;
  color:;
  text-decoration:none !important;
}
.wizard-back:hover,
.wizard-back:active
{
  color:;
}

.wizard-finish,
.wizard-finish:visited,
.wizard-next,
.wizard-next:visited
{
  padding: 10px 15px;
  margin-right: 5px;
  background: ;
  font-weight:600;
  color:#ffffff;
  text-decoration:none !important;
}
.wizard-finish:hover,
.wizard-finish:active,
.wizard-next:hover,
.wizard-next:active
{
  background: ;
  color:#ffffff;
}

.wizard-buttons > a.disabled {
  color: #aaa;
  border-color: #aaa;
}

.header {
  font-weight:600;
  font-size:18px;
  padding-bottom:15px;
}

.introtext {
  padding-bottom:10px;
}



.row {
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
}

.controlerenrow {
  padding-left:15px;
  padding-right:15px;
  padding-top:0px;
  clear:both;
}

.sp-quantity{
  height:42px;
}
.sp-label {
  float:left;
  padding-top:8px;
  margin-left:10px;
}
.sp-minus{
   width:40px;
  height:40px;
  border:1px solid #e1e1e1;
  float:left;
   text-align:center;
}
.sp-input{
   width:40px;
  height:40px;
  border:1px solid #e1e1e1;
  border-left:0px solid black;
  float:left;
}
.sp-plus{
   width:40px;
  height:40px;
   border:1px solid #e1e1e1;
  border-left:0px solid #e1e1e1;
  float:left;
   text-align:center;

}

.sp-plus a,
.sp-minus a {
  text-decoration:none;
}

.sp-input input{
  width:30px;
  height:34px;
  text-align:center;
font-family: "ProximaNova Bold", Helvetica, Arial;
  border: none;
}
.sp-input input:focus{
    border:1px solid #e1e1e1;
  border: none;
}
.sp-minus a, .sp-plus a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  
}


#footer {
  clear:both;
  padding-top:15px;
  font-size:12px;
  padding-bottom:40px;
}

.footerlink {
  float:left;
  margin-right:15px;
  padding-left:5px;
  padding-top:4px;
}

.footerlink a,
.footerlink a:visited {
  color:#000000;
}


#slimmerorganiseren {
  float:right;
  padding-right:5px;
}

#slimmerorganiseren div {
  float:left;
}