.measure.page.open, .stock.page.open, .productivity.page.open, .survey.page.open, .brix.page.open, .reward.page.open{width:100%;/*right: 0px !important;*/}

header{
  display:inline-block;
  padding-left:1em;
  z-index: 10;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 5vh;
  background-color:rgba(216,216,173,1);
}


#staff-presentation{
  margin-bottom:2em;


}

.presentation{
  background-color:rgba(224,224,213,0.6);
  padding:1em;
}
footer{
  display:none;
}

#content{
  display:inline-block;
  margin:auto auto;
  width:100%;
  min-height:100vh;
  overflow-y: none;
  overflow-x: none;
}
section{

  height:95vh;
  min-height:95vh;
}

#arrow{
  display:none;
  width:100%;
  position:fixed;
  bottom:0.5em;
  z-index:20;
  text-align:center;

}
#header-login-button{
  background-color:#009FD4 !important;
}
#header-login-button,
#arrow a.arrow{
  display:inline-block;
  background-color:#BEBEBE;
  color:#fff;
  font-weight:600;
}
#arrow a.arrow{
  visibility:hidden;
  width:35%;
}
#arrow a.arrow.visible{
  visibility:visible !important;
  opacity:1;
}
#arrow a.arrow.enabled{
  transition:background-color 0.2s ease-in;
}
#arrow a.arrow.enabled:not(.cancel){background-color:#8CC640;}
#arrow a.arrow.enabled.last:not(.cancel){background-color:#486be2 !important;}

#arrow a.arrow.enabled.cancel{background-color:#C67840;}
#arrow a.arrow.enabled.cancel.first{background-color:#c12a24 !important;}

#button-prev{margin-right:1em;}
#button-next{margin-left:1em;}
/*
#arrow .arrow{
  width:100%;
  position:absolute;
  height:35px;
  overflow:hidden;
  bottom:1em;
  /*display:none;*/
}

/*
#arrow .arrow i{
  position:relative;
  bottom:10px;
}
*/
/*
#arrow-up{

  top:0em;
}

#arrow-down{
  position:fixed;
  bottom:1em;
    z-index:5;
}
*/
/*
#arrow-down:after{
  font-size:56px;
  font-family: FontAwesome;
  content: "\f0dd";
}
*/
/*
[active-sort]:after {
    font-family: FontAwesome;
    right:1em;
    position:absolute;
    top:0;
}
[active-sort][data-order_by=desc]:after {content: "\f0dd";  }
[active-sort][data-order_by=asc]:after {content: "\f0de";}
*/
#presentation{
  height:100%;
  min-height:100%;


  /*margin:1em;  */
}

/* staff holder */
#booking-start-top-part{
  height:40%;
  background-color: #FFFFF9;
}
#staff{
  padding:1em 5px 0em 5px;
  display: inline-block;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
  margin: 0 0 0em;
  white-space: nowrap;
  overflow-x: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.staff_holder{
  width:100px;
  height:120px;
}

.staff_holder img.profile.height{height:120px;}
.staff_holder img.profile.width{width:100px;}
.staff_image_holder{height:7em;  }

#staff_presentation{
  display:none;

}

#service{
  display:none;
}

/*
.service_holder{
  width:90%;
  margin:1em;
  display:block;
}
*/

/*.availability_holder{ width:5em;}*/
/*.availability_holder{ width:28%;}    */

.availability_holder.day{
  position:absolute;
  width:78%;
  height: 3em;
}