/* 3 */
:root
{
  --border-radius-default: 8px;
  --color-link-temporary: #008eff;
  --button-size-l-height: 40px;
  --typography-controls-size-m-font-size: 15px;
  --typography-font-weight-medium: 500;
}

body
{
  --height: 100vh; 
  margin:0; 
  padding:0; 
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#414355+0,141721+100 */
  background: #082825; /* Old browsers */
  /* background: #082825 -moz-linear-gradient(top,  #414355 0%, #141721 100%); /* FF3.6-15 */
  /* background: #082825 -webkit-linear-gradient(top,  #414355 0%,#141721 100%); */ /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to bottom,  #414355 0%,#141721 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: #082825 url(../assets/loader/pre_loader_bg.jpg) no-repeat center;
  background-size: cover;
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414355', endColorstr='#141721',GradientType=0 ); /* IE6-9 */
}

#chatra:not(.chatra--expanded) {
  bottom: 5px !important;
  /* height: 50px !important;*/
  left: 5px !important;
}

.screenReaderText { 
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px; 
}

#yandex_first_click
{
  position:absolute;
  width: 100%;
  height: 100%;
  display: none;
}

/* Screen Manager Orientation */
.screen-manager-rotate{
  align-items: center !important;
  background: #fff !important;
  bottom: 0 !important;
  color: #36454F !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  left: -32px !important;
  padding-left: 32px;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
.screen-manager-rotate_image{
  margin-top: auto;
  max-height: 50% !important;
}
.screen-manager-rotate_title{
  /* font-family: var(--font-family); */
  font-size: 24px;
  font-weight: var(--typography-font-weight-medium);
  margin: 0 !important;
  padding: 20px 0 8px !important;
  text-align: center !important;
}
.screen-manager-rotate_description{
  /* font: var(--text-desktop-body-3); */
  line-height: 18px;
  margin-bottom: auto;
  text-align: center !important;
}
.screen-manager-rotate-button{
  align-self: stretch;
  background-color: var(--color-link-temporary);
  border: none;
  border-radius: var(--border-radius-default);
  box-sizing: border-box;
  color: #fff;
  flex-shrink: 0;
  /* font-family: var(--font-family); */
  font-size: var(--typography-controls-size-m-font-size);
  font-weight: var(--typography-font-weight-medium);
  height: var(--button-size-l-height);
  line-height: 18px;
  margin: 0 auto 64px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  max-width: 50%;
  min-width: 25%;
}

/*   CASH MANAGER   */

.cash_window {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: xpaystation-widget-lightbox-fadein 0.15s;
  animation: xpaystation-widget-lightbox-fadein 0.15s;
    animation-name: xpaystation-widget-lightbox-fadein;
    animation-duration: 0.15s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

.cash_window_bg{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.cash_window_content
{
  position: relative;
  top: 0;
  left: 0;
  z-index: 3;
}

.cash_window_content__hidden
{
  visibility: hidden;
  z-index: -1;
}

.cash_window_iframe
{
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.cash_window_spinner
{
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  z-index: 2;
  pointer-events: none;

}

.cash_window_spinner .svg_spinner {
  width: 56px;
  height: 55px;
  margin-top: -28px;
  margin-left: -26px;
}