/*

*/
/* line 6, app/assets/stylesheets/loader.scss */
body {
  min-width: 320px;
}

/* line 8, app/assets/stylesheets/loader.scss */
body .spinner_box {
  display: none;
}

/* line 11, app/assets/stylesheets/loader.scss */
body.loader {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/* line 15, app/assets/stylesheets/loader.scss */
body.loader > * {
  display: none;
}

/* line 18, app/assets/stylesheets/loader.scss */
body.loader .main_content,
body.loader .client_content_box {
  opacity: 0;
}

/* line 22, app/assets/stylesheets/loader.scss */
body.loader .ui-datepicker {
  opacity: 0;
  display: none;
}

/* line 26, app/assets/stylesheets/loader.scss */
body.loader .spinner_box {
  margin-left: 200px;
  position: relative;
  display: block;
  height: 100%;
  z-index: 1000;
  background-color: white;
}

/* line 28, app/assets/stylesheets/loader.scss */
body.loader .spinner_box.client_room {
  margin: 0;
}

/* line 36, app/assets/stylesheets/loader.scss */
body.loader .spinner_box .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 41, app/assets/stylesheets/loader.scss */
body.loader .spinner_box .spinner .load_spiner {
  width: 50px;
  height: 50px;
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/loader.scss */
  body.loader .spinner_box {
    margin-left: 70px;
  }
  /* line 56, app/assets/stylesheets/loader.scss */
  body.loader .spinner_box .spinner .load_spiner {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 480px) {
  /* line 69, app/assets/stylesheets/loader.scss */
  body.loader .spinner_box {
    margin-left: 70px;
  }
  /* line 72, app/assets/stylesheets/loader.scss */
  body.loader .spinner_box .spinner .load_spiner {
    width: 20px;
    height: 20px;
  }
}