/* Layouts */
.SPDMainLayout {
}
.SPDFullScreenLayout {
}
.SPDPageBox {
  margin: auto;
}
/* Header */
.SPDAppHeader {
}
.SPDHeaderBox {
  width: 100%;
  object-fit: contain;
}
.SPDHeaderLeft {
}
.SPDHeaderRight {
}
.SPDHeaderLogo {
  object-fit: contain;
  object-position: left;
  height: 64px;
  max-width: 468px;
  background: none !important;
}
.SPDHeaderLogo img {
  object-fit: contain !important;
  object-position: left !important;
}
.SPDMenuButton {
}
.SPDShoppingCart {
}
.SPDShoppingCartBox {
}
.SPDHomeButton {
  font-size: x-large;
  color: white;
}

/* Footer */
.SPDAppFooter {
}
.SPDFooterBox {
  min-height: 30px;
  height: auto;
}
.SPDFooterText {
  width: 100%;
  object-fit: contain;
  align-items: center;
}

/* Navigation Menu */
.SPDMenuDrawer {
}
.SPDMenu {
}
.SPDMenuItem {
}
.SPDMobileMenu {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 1;
  background-color: aliceblue;
}
.SPDMenuItemMobile {
  display: block;
  padding: 3px 0 3px 0;
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;
  /*font-size: 3vw;*/
  font-size: small;
  line-height: normal;
  width: 100%;
  height: 100%;
}
.SPDMenuItemMobileIcon {
  /*font-size: 7vw !important;*/
  font-size: xx-large;
}

/* Page: Login */
.SPDLoginPage {
}
.SPDLoginBox {
}
.SPDLoginInput {
  margin-bottom: 16px;
}
.SPDLoginBtnEnter {
}
.SPDLoginBtnResend {
}
/* Page: Information */
.SPDInformationPage {
  color: black;
}
.SPDInformationSummary {
}
.SPDInformationPayment {
}
.SPDInformationReturn {
}

/* Page: Personal */
.SPDPersonalPage {
}
/* data block */
.SPDPersonalData {
}
.SPDPersonalDataBlock {
}
/* account block */
.SPDPersonalAccount {
}
.SPDPersonalBalance {
  text-align: start;
}
/* ident block */
.SPDPersonalIdentifiers {
}
.SPDClientIdentifiersBlock {
}
.SPDIdentBoxHeader {
}
.SPDIdentAddBtn {
  justify-items: end;
}
.SPDIdentCarousel {
  height: auto;
}
.SPDIdentCard {
  background-repeat: no-repeat !important;
  background-image: url('/misc/default/bg_card.png') !important;
  background-size: 100% 100% !important;
}
.SPDIdentTicket {
  background-repeat: no-repeat !important;
  background-image: url('/misc/default/bg_ticket.png') !important;
  background-size: 100% 100% !important;
}
.ClientAddIdentifierDialog {
}
.SPDIdentDialog {
}
.SPDIdentDialogBox {
  max-height: 70vh;
  text-align: center;
}
.SPDIdentDialogQRCode {
  max-height: 150px;
  max-width: 150px;
  height: 130px;
  width: 130px;
  min-height: 130px;
  min-width: 130px;
}
.SPDIdentDialogText {
}
.SPDIdentBox {
}
.SPDShowIdentBtn {
  align-content: top;
}
.SPDIdentInfo {
  align-content: center;
}
.SPDIdentPackages {
}
.SPDIdentPack {
}
.SPDIdentAdditions {
}
.SPDIdentAddon {
}
/* documents block */
.SPDPersonalDocuments {
}
.SPDPersonalDocumentsBlock {
}
.SPDClientDocumentsBlock {
}
.SPDDocumentBox {
  width: 100%;
  border: 1px;
}
.SPDDocumentHeader {
}
.SPDDocumentPerson {
}
.SPDDocumentInfo {
}
/* guardian block */
.SPDPersonalGuardian {
}
.SPDPersonalGuardianBlock {
}
.SPDClientGuardianBlock {
}
.SPDGuardianHeader {
  width: 100%;
}
.SPDGuardLst {
}
/* orders block */
.SPDPersonalOrders {
}
.SPDPersonalOrdersBlock {
}
.SPDClientOrders {
}
.SPDOrdersHeader {
  width: 100%;
}
.SPDOrdersHeaderBtn {
}
.SPDOrdersList {
}
.SPDOrdersListItem {
}
.SPDOrderInfo {
}

/* instrorders block */
.SPDPersonalInstrOrders {
}
.SPDPersonalInstrOrdersBlock {
}
.ClientInstrOrders {
}
.SPDInstrOrdersHeader {
  width: 100%;
}
.SPDInstrOrdersHeaderBtn {
}
.SPDInstrOrdersList {
}
.SPDInstrOrdersListItem {
}
.SPDInstrOrderInfo {
}

/* payments block */
.SPDPersonalPayments {
}
.SPDPersonalPaymentsBlock {
}
.SPDClientPayments {
}
.SPDPaymentsHeader {
  width: 100%;
}
.SPDPaymentsList {
  width: 100%;
}
.SPDPaymentsListItem {
}
.SPDPaymentDocInfo {
}
.SPDPaymentDialogRequest {
}
.SPDPaymentDialogReport {
}

.ident-empty {
  flex: auto;
  max-width: 600px !important;
  color: white;
  background: Gray;
  height: 100%;
}
.ident-empty:hover {
  outline: red solid 0.4rem;
}
.ident-main:hover {
  outline: lightgreen solid 0.4rem;
}
.ident-main {
  flex: auto;
  max-width: 600px !important;
  color: white;
  background: GoldenRod;
  height: 100%;
}
.ident-main:hover {
  outline: lightgreen solid 0.4rem;
}
.ident-guard {
  flex: auto;
  max-width: 600px !important;
  color: white;
  background: DarkViolet;
}
.ident-guard:hover {
  outline: orange solid 0.4rem;
}
.ident-linked {
  flex: auto;
  max-width: 600px !important;
  color: white;
  background: LightCoral;
}
.ident-linked:hover {
  outline: red solid 0.4rem;
}
.ident-add {
  flex: auto;
  max-width: 600px !important;
  color: black;
  background: lightgray;
}
.ident-add:hover {
  outline: lightgreen solid 0.4rem;
}
.ident-selected {
  flex: auto;
  max-width: 600px !important;
  outline: lightgreen solid 0.5rem;
}

/* Page: Events */
.EventsPage {
}
.eventCard {
  width: 100%;
  max-width: 450px;
  cursor: pointer;
}
.eventSelectCard {
  width: 100%;
  max-width: 450px;
  cursor: pointer;
}
.events-header {
}
.events-order {
}
.events-calendar {
}
.events-hallplan {
}
.events-hallplan-popup {
}
.events-hallplan-loading {
}
.events-tickets {
}
.events-error {
}
.events-cancel {
}
/* new Events Page*/
.events2-venue-header {
  background-color: blanchedalmond;
  border: solid;
  border-radius: 30px;
}

/* Page: Events Order */
.EventOrderPage {
}
.order-printbox {
}
.order-info {
}
.order-ticket {
}
.order-fiscaldoc {
}

/* Page: Instructors */
.InstrPage {
}
.InstrBlockHeader {
  position: static;
  max-width: 480px;
  height: 84px;
  left: 0px;
  top: 0px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: auto;
  font-family: Museo Sans Cyrl;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
}
.InstrWorktime {
}
/* Page: Trainings */
.TrainingsPage {
}

/* Page: Payment/Services */
.SPDPaymentPage {
}
.SPDPayDlgSelectIdent {
}
.SPDPayIdent {
  max-width: 600px;
  min-height: 100px;
  height: 100%;
  font-size: medium;
  align-content: center;
  text-align: center;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.SPDPayIdentSelected:hover {
  outline: lightgreen solid 0.4rem;
}
.SPDPayIdentSelected {
  outline: lightgreen solid 0.5rem;
}
.SPDPayIdentInfo {
}
.SPDPayBtnCancel {
}
.SPDPayBtnOK {
}
.SPDPayDlgInfo {
}
.SPDPaymentInfo {
}
.SPDPayDlgService {
}
.SPDPayCategoryTabs {
}
.SPDPayCategoryTab {
}
.SPDPayCategoryPanels {
}
.SPDPayCategoryPanel {
}
.SPDPayService {
}
.SPDPaySrvInfo {
}
.SPDPaySrvIcon {
}
.SPDPaySrvImg {
}

/* Deprecated styles */
/*
.PaymentMenuReset {
  max-width: 600px;
  min-height: 100px;
  height: 100%;
  color: white;
  background: Gray;
  font-size: medium;
  align-content: center;
  text-align: center;
}
.PaymentMenuReset:hover {
  outline: lightgreen solid 0.4rem;
}
.PaymentCategory {
  max-width: 600px;
  min-height: 100px;
  height: 100%;
  font-size: medium;
  align-content: center;
  text-align: center;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.PaymentCategory:hover {
  outline: lightgreen solid 0.4rem;
}
.PaymentService {
  max-width: 600px;
  min-height: 100px;
  height: 100%;
  font-size: medium;
  align-content: center;
  text-align: center;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.PaymentService:hover {
  outline: lightgreen solid 0.4rem;
}
.PaymentServiceSelected {
  outline: lightgreen solid 0.5rem;
}*/