/* layout.css */
/* z-index:
  .project-version (9999)
  #loading-screen (1070)
  .offcanvas (1060)
  .navbar (1060)
  .navbar-toggler (1060)
  .modal-backdrop (1050)
  #helpCenter (999)
  .fixed-bottom (999)
*/

.offcanvas {
  padding: 0 1em;
  /*background-image: linear-gradient(to bottom, #ee87ae, #f2a3bf) !important;*/
  z-index: 1060 !important;
}

.fixed-bottom {
  z-index: 999 !important;
}

.full-screen-center {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
}

#loading-screen {
  z-index: 1070;
  background-color: rgba(0, 0, 0, .75);
}

#loading-screen > .bi {
  display: flex;
  font-size: 4.5em;
  color: #999;
}

#loading-screen > .bi-arrow-clockwise {
  animation: spin 2s linear infinite;
}

#loading-screen > .bi-bootstrap-reboot:hover {
  color: #eee;
  cursor: pointer;
}

#loading-screen > .spinner-border {
  width: calc(2.5em + 1.5vw);
  height: calc(2.5em + 1.5vw);
  font-size: calc(1.5em + 1.5vw);
  font-weight: 300;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, .25);
}

/*#inline-warning,*/
#error-screen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050; /*9999;*/
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .75);
  align-items: center;
  justify-content: center;
  color: #fff;
}

#error-screen {
  background-color: #d85184; /*#00a2ed;*/
  pointer-events: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#error-screen .no-record-found::before {
  font-family: 'Material Symbols Outlined'; /*'Material Icons';*/
  content: 'sentiment_very_dissatisfied';
  display: block;
  text-align: center !important;
  font-size: 15em;
  /*color: #fff;*/
}

#error-screen .material-svg-bg {
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  background-color: none;
  width: auto;
  height: calc(50vh - 2em);
  background-image: url("/static/images/svg/maniaj/sagittarius_bikkuri.944c9713ba76.svg");
  margin-bottom: -3em;
}

#copyrights {
  font-size: .875em;
  color: rgba(108, 117, 125, .75);
  text-align: center;
  padding: 5em 0 10em;
}

#copyrights a {
  color: rgba(108, 117, 125, .75);
}

@media only screen and (max-width: 575.98px) {
  .no-overflow-x-wrapper {
    overflow-x: hidden;
  }

  .overflow-x-wrapper {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
  }
}