/* beg -------------------------- splash-------------- */
#splash, #loader{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1000;
  top: 0;
  left: 0;
}
#splash{
  background: #FFFFF9 url(../img/logo-mattines.png) no-repeat center center;
  background-size: 60%;
}
.show_if_logged,
.show_if_not_logged{
  display:none;
}

.show_if_logged.open{
  display:block !important;
}

.loading-zone{
  position:absolute;
  bottom:20%;
  text-align:center;
  width:100%;
}

.loading-bar {
  margin:auto auto;
  width:80vw;
  border-radius:5px;
  height:5px;
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: bar-loader;
  animation-timing-function: linear;
  background: fff;
  background: linear-gradient(to right, #D5E026 0%, #129546 50%, #D5E026 100%);
  -webkit-backface-visibility: hidden;
  margin-bottom:1em;
}

@keyframes bar-loader {
  0% {
    background-position: 0px 0
  }
  100% {
    background-position: 100em 0
  }
}



/* -- */

/* beg -------------------------- loader-------------- */
#loader {
  background:rgba(255,255,249,0.8);
  height: 100%;
  width: 100%;
  display:none;

}

#loader-signature{
  font-weight:bold;
  width:100%;
  text-align:center;
  position:absolute;
  bottom:2em;
  margin:auto auto;
}

/* --- sidebar --- */

.sidebar{
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #000;
  overflow-x: hidden;
  transition: 0.5s;
  color:#fff;
  z-index:50;
}

.sidebar.open{
  width:75vw;
}
/*
.sidebar li{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
*/

/*
.sidebar.active {
  visibility: visible;
  pointer-events: inherit;
  transition: .2s all ease-in-out;
  opacity: 1;
  right: 0;
}
*/
/*
.sidebar {

  height: 100%;
  max-width: 75%;
  width: 100%;
  background: #000;
  position: absolute;
  right: -100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: .2s all linear;
  color:#fff;
  z-index:50;
}
*/
/*
.sidebar.active {
  visibility: visible;
  pointer-events: inherit;
  transition: .2s all ease-in-out;
  opacity: 1;
  right: 0;
}
*/

.sidebar{
  background-color: #000;
  color:#fff;
  z-index:50;
}
/* sliders */

/*
.slider.open{
  z-index:200;
}*/
.sidebar,
.measure.page,
.brix.page,
.stock.page,
.productivity.page,
.survey.page,
.reward.page{
  height: 75%;
  overflow:auto;
  width: 0;
  position: fixed;
  right: 0;
  transition: 0.5s;
}
.measure.page,
.brix.page,
.stock.page,
.survey.page,
.productivity.page,
.reward.page{
  background-color:#FFFFF9;
}

/* ---- measure */


.measure.page.right, .stock.page.right, .productivity.page.right, .survey.page.right, .brix.page.right{right: 0px;}
.measure.page.left, .stock.page.left, .productivity.page.left, .survey.page.left, .brix.page.left{left: 0px;}

/*.measure.page.open, .stock.page.open{width:50%;/*right: 0px !important;*/}*/
/*
#booking-appointment.open{
  overflow-y:auto;
}
*/
.measure-content,
.brix-content,
.stock-content
.productivity-content{
  position:relative;
  height:100%;
  width: 100vw;
}
/*
#booking-appointment,
#booking-confirmation{
  right: -100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: .2s all linear;
}
*/
/*#booking{display:block !important;}*/
#measure-0, #stock-0, #productivity-0, #survey-0, #brix-0{z-index:1;}
#measure, #stock, #productivity, #survey, #brix{z-index:2;}

.slider.bottom{
  height: 0;
  width: 100%;
  position: fixed;
/*  z-index: 10; */
  z-index: 200;
  bottom: 0;
  background-color:#F9F9F3;
  overflow-x: hidden;
  transition: 0.5s;
}
.slider.bottom.open{
  height: 65vh;
  overflow-y:auto;

}
.slider.bottom.open.full{height: 100vh !important;}


.overflow-y{
  overflow-y:auto;
}