.demo-wrap {
  position: relative;
    height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.demo-wrap:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
    height: 100vh;
  opacity: 0.3;
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.noBg.demo-wrap:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
    height: 100vh;
  opacity: 0.3;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.demo-content {
  position: relative;
}


.form-floating label::after{
    background-color: black !important;
    color: white !important;
}

.form-group.required .form-label:after{
  content: "*";
  color: red;
  float: right;
  position: absolute;
}


h1.title{
  font-weight: 700;
  font-size: 2.125rem;
  font-family: Poppins, BlinkMacSystemFont, Roboto, sans-serif;
  line-height: 41px;
}
.fs-7{
  font-size: 0.7rem!important;
}


.btn-xl > .btn {
  --bs-btn-padding-y: 1.5rem !important;
      --bs-btn-padding-x: 2rem !important;
      --bs-btn-font-size: 2.25rem !important;
      --bs-btn-border-radius: 2rem !important;
}
.btn-ss {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 0.375rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.h-85{
  height: 85%!important;
}



.spinner-border {
    display: block;
    position: fixed;
    width: 158px;
    height: 158px;
    top: calc(50% - (158px / 2));
    right: calc(50% - (158px / 2));
    color: #101010;
}

#backdrop {
  position:absolute;
    display: block;

  top:0;
  width: 100vw;
  height: 100vh;
  z-index: 999999999;
  /*background-color: rgb(0,0,0,0.2);*/
  background-color: rgba(255,255,255,1);
}



[id^="page-"] {
    display: none;
}

.badge.block-badge {
    display: block !important;
}
#modalList img{
    display: block;
    /*float: left;*/
    width: 120px;
    height: auto;
    max-height: 100px;
}
.fancybox__container {
    z-index: 9999;
}

#mainMenu button n{
    font-size: 2vh !important;
}
.versionOverlay {
    position: fixed;           /* фиксируем относительно окна */
    bottom: 0;                 /* у нижнего края */
    left: 50%;                 /* начинаем от середины */
    transform: translateX(-50%); /* центрируем по горизонтали */
    width: 100%;               /* при желании растянуть по ширине */
    /*max-width: 400px;          !* или задать фиксированную ширину *!*/
    height: 15px;             /* ваша высота */
    /*background: rgba(255, 255, 255, 0.16);*/
    background: unset;
    color: #336e12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;

    pointer-events: none;      /* главное — все клики проходят сквозь */
    z-index: 9999;             /* выше всего остального */
    display: none !important;
}
#whereIam {
    /*display: none !important;*/
}
.blink {
    animation: blinkSequence 2.2s steps(1) infinite;
}

@keyframes blinkSequence {
    0%   { opacity: 1; }
    10%  { opacity: 0; }
    20%  { opacity: 1; }
    30%  { opacity: 0; }
    40%  { opacity: 1; }
    50%  { opacity: 0; }
    60%  { opacity: 1; }
    70%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 1; }
}
img.pdf-preview,
.imagePreview img{
    width: 80px; height: 80px; /* нужный размер */
    /*background: url("../icons/pdf-icon.svg") no-repeat center/contain;*/
}
button[data-menu]:hover {
    /*color: #000 !important;*/
    background-color: #535353 !important;
}
button[data-menu]:hover i {
    /*color: #000 !important;*/
    background-color: #535353 !important;

}