.ProductListView {
  padding: 3em;
}
.ProductListProductContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: stretch;
}
.ProductListProductPanel {
  padding: 10px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  cursor: pointer;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  /*margin-right: 10px;*/
}
.ProductListProductPanelImage {
  /*border: 1px solid #a0a0a0;*/
  /*border-radius: 5px;*/
  background-position: unset;
  background-size: contain;
  background-repeat: no-repeat;
  width: auto;
  height: 300px;
  margin-bottom: 5px;
}
.ProductListProductPanelTitle {
  font-size: 17pt;
  font-weight: bold;
  color: #303030;
}
.ProductListProductPanelSubtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #303030;
}
.ProductListProductPanelDetail {
  font-size: 12pt;
  font-weight: 100;
  color: #808080;
}
.EventInfoView {
  width: auto;
  /*padding: 3em;*/
}
.EventInfoViewUpperPanel {
  width: 100%;
}
.EventInfoViewUpperTable {
  width: 100%;
}
.EventInfoViewUpperTableLeft {
  vertical-align: top;
}
.EventInfoViewUpperTableRight {
  width: 90%;
  text-align: left;
  vertical-align: top;
}
.EventInfoViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 280px;
  min-height: 350px;
  margin-bottom: 5px;
  margin-right: 2em;
  box-shadow: 2px 2px 2px #c0c0c0;
}
/*
.EventInfoViewTitle {
	font-size: 17pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.5em;
}

.EventInfoViewSubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.2em;
}

.EventInfoViewVenue {
	font-size: 12pt;
	font-weight: 100;
	color: #808080;
	padding-bottom: 1em;
}

.EventInfoViewDescription {
	font-size: 14pt;
	color: #404040;
	padding-bottom: 1em;
}
*/
.EventInfoViewButtons {
  width: 18rem;
  display: flex;
  justify-content: center;
  padding: 0.4em;
}
/*
.EventInfoViewButtons .SSButton {
	font-size: 140%;
}
	*/
@media (max-width: 575.98px) {
  .EventInfoViewButtons .SSButton {
    min-width: -webkit-fill-available;
    font-size: 140%;
  }
}
@media (min-width: 992px) {
  .EventInfoViewButtons .SSButton {
    font-size: 140%;
  }
}
.EventBuyView {
  width: 100%;
  padding: 3em;
}
.EventBuyViewUpperPanel {
  /*
	width: 100%;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
}
.EventBuyViewUpperTable {
  width: 100%;
}
.EventBuyViewUpperTableLeft {
  vertical-align: top;
}
.EventBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.EventBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
/*
.EventBuyViewTitle {
	font-size: 17pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.5em;
}

.EventBuyViewSubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.2em;
}

.EventBuyViewVenue {
	font-size: 12pt;
	font-weight: 100;
	color: #808080;
}
*/
.EventBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.EventBuyViewCentralWidgetContainer {
  /*padding-right: 10px;*/
}
.EventBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.EventBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.EventBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.EventBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.EventBuyViewVenueMapWidget .EventMapDisplay {
  min-height: 600px;
  width: 100%;
}
.EventBuyViewEventTicketClassList {
  /*
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	box-shadow: inset 2px 2px 7px 0px #c0c0c0;
	border-radius: 5px;
	padding: 20px;
	background-color: #f8f8f8;
	*/
}
.EventBuyViewEventTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.EventBuyViewEventTicketClassPanel {
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	white-space:break-spaces;
	*/
}
/*
.EventBuyViewEventTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.EventBuyViewEventTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.EventBuyViewEventTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.EventBuyViewEventTicketClassPanelPriceCell {
  text-align: right;
}
.EventBuyViewEventTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.EventBuyViewEventTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventBuyViewEventTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventBuyViewEventTicketAndBuyContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.EventBuyViewTotalsContainer {
  width: 100%;
}
.EventBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.EventBuyViewEventTicketContainer {
  width: 100%;
  /*height: 100%;*/
  display: flex;
  flex-direction: column;
  max-height: 80px;
  overflow: auto;
}
.EventBuyViewEventTicketContainerTitle {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  padding-bottom: 1em;
}
.EventBuyViewEventTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.EventBuyViewEventTicketKind {
  font-size: smaller;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.EventBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.EventBuyViewEventTicketPosition {
  font-size: small;
}
.EventBuyViewEventTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.EventBuyViewEventTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.EventBuyViewEventTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.EventBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.EventBuyViewBuyButtonCenter {
  width: fit-content;
  display: block;
  margin: auto;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.EventDeskBuyView {
  width: 100%;
  padding: 3em;
}
.EventDeskBuyViewUpperPanel {
  /*
	width: 100%;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
}
.EventDeskBuyViewUpperTable {
  width: 100%;
}
.EventDeskBuyViewUpperTableLeft {
  vertical-align: top;
}
.EventDeskBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.EventDeskBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
/*
.EventDeskBuyViewTitle {
	font-size: 17pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.5em;
}

.EventDeskBuyViewSubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.2em;
}

.EventDeskBuyViewVenue {
	font-size: 12pt;
	font-weight: 100;
	color: #808080;
}
*/
.EventDeskBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.EventDeskBuyViewCentralWidgetContainer {
  /*padding-right: 10px;*/
}
.EventDeskBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.EventDeskBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.EventDeskBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.EventDeskBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.EventDeskBuyViewVenueMapWidget .EventMapDisplay {
  min-height: 600px;
  width: 100%;
}
.EventDeskBuyViewEventTicketClassList {
  /*
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	box-shadow: inset 2px 2px 7px 0px #c0c0c0;
	border-radius: 5px;
	padding: 20px;
	background-color: #f8f8f8;
	*/
}
.EventDeskBuyViewEventTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.EventDeskBuyViewEventTicketClassPanel {
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	white-space:break-spaces;
	*/
}
/*
.EventDeskBuyViewEventTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.EventDeskBuyViewEventTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.EventDeskBuyViewEventTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.EventDeskBuyViewEventTicketClassPanelPriceCell {
  text-align: right;
}
.EventDeskBuyViewEventTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.EventDeskBuyViewEventTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventDeskBuyViewEventTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventDeskBuyViewEventTicketAndBuyContainer {
  width: 18rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.EventDeskBuyViewTotalsContainer {
  width: 100%;
}
.EventDeskBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventDeskBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventDeskBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.EventDeskBuyViewButtons {
  text-align: right;
}
.EventDeskBuyViewEventTicketContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.EventDeskBuyViewEventTicketContainerTitle {
  font-weight: bold;
}
.EventDeskBuyViewEventTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.EventDeskBuyViewEventTicketKind {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.EventDeskBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.EventDeskBuyViewEventTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.EventDeskBuyViewEventTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.EventDeskBuyViewEventTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.EventDeskBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.EventDeskBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.EventMapWidget {
  position: relative;
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: stretch;
}
.EventBuyView {
  width: 100%;
  padding: 3em;
}
.EventBuyViewUpperPanel {
  /*
	width: 100%;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
}
.EventBuyViewUpperTable {
  width: 100%;
}
.EventBuyViewUpperTableLeft {
  vertical-align: top;
}
.EventBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.EventBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
/*
.EventBuyViewTitle {
	font-size: 17pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.5em;
}

.EventBuyViewSubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.2em;
}

.EventBuyViewVenue {
	font-size: 12pt;
	font-weight: 100;
	color: #808080;
}
*/
.EventBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.EventBuyViewCentralWidgetContainer {
  /*padding-right: 10px;*/
}
.EventBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.EventBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.EventBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.EventBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.EventBuyViewVenueMapWidget .EventMapDisplay {
  min-height: 600px;
  width: 100%;
}
.EventBuyViewEventTicketClassList {
  /*
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	box-shadow: inset 2px 2px 7px 0px #c0c0c0;
	border-radius: 5px;
	padding: 20px;
	background-color: #f8f8f8;
	*/
}
.EventBuyViewEventTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.EventBuyViewEventTicketClassPanel {
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	white-space:break-spaces;
	*/
}
/*
.EventBuyViewEventTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.EventBuyViewEventTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.EventBuyViewEventTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.EventBuyViewEventTicketClassPanelPriceCell {
  text-align: right;
}
.EventBuyViewEventTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.EventBuyViewEventTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventBuyViewEventTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.EventBuyViewEventTicketAndBuyContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.EventBuyViewTotalsContainer {
  width: 100%;
}
.EventBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.EventBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.EventBuyViewEventTicketContainer {
  width: 100%;
  /*height: 100%;*/
  display: flex;
  flex-direction: column;
  max-height: 80px;
  overflow: auto;
}
.EventBuyViewEventTicketContainerTitle {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  padding-bottom: 1em;
}
.EventBuyViewEventTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.EventBuyViewEventTicketKind {
  font-size: smaller;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.EventBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.EventBuyViewEventTicketPosition {
  font-size: small;
}
.EventBuyViewEventTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.EventBuyViewEventTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.EventBuyViewEventTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.EventBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.EventBuyViewBuyButtonCenter {
  width: fit-content;
  display: block;
  margin: auto;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.SubscriptionDeskBuyView {
  width: 100%;
  padding: 3em;
}
.SubscriptionDeskBuyViewUpperPanel {
  /*
	width: 100%;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
}
.SubscriptionDeskBuyViewUpperTable {
  width: 100%;
}
.SubscriptionDeskBuyViewUpperTableLeft {
  vertical-align: top;
}
.SubscriptionDeskBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.SubscriptionDeskBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
/*
.SubscriptionDeskBuyViewTitle {
	font-size: 17pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.5em;
}

.SubscriptionDeskBuyViewSubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #303030;
	padding-bottom: 0.2em;
}

.SubscriptionDeskBuyViewVenue {
	font-size: 12pt;
	font-weight: 100;
	color: #808080;
}
*/
.SubscriptionDeskBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.SubscriptionDeskBuyViewCentralWidgetContainer {
  /*padding-right: 10px;*/
}
.SubscriptionDeskBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.SubscriptionDeskBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.SubscriptionDeskBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.SubscriptionDeskBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.SubscriptionDeskBuyViewVenueMapWidget .EventMapDisplay {
  min-height: 600px;
  width: 100%;
}
.SubscriptionDeskBuyViewEventTicketClassList {
  /*
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	box-shadow: inset 2px 2px 7px 0px #c0c0c0;
	border-radius: 5px;
	padding: 20px;
	background-color: #f8f8f8;
	*/
}
.SubscriptionDeskBuyViewEventTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.SubscriptionDeskBuyViewEventTicketClassPanel {
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 1em;
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	white-space:break-spaces;
	*/
}
/*
.SubscriptionDeskBuyViewEventTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.SubscriptionDeskBuyViewEventTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.SubscriptionDeskBuyViewEventTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.SubscriptionDeskBuyViewEventTicketClassPanelPriceCell {
  text-align: right;
}
.SubscriptionDeskBuyViewEventTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.SubscriptionDeskBuyViewEventTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionDeskBuyViewEventTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionDeskBuyViewEventTicketAndBuyContainer {
  width: 18rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionDeskBuyViewTotalsContainer {
  width: 100%;
}
.SubscriptionDeskBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionDeskBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionDeskBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.SubscriptionDeskBuyViewButtons {
  text-align: right;
}
.SubscriptionDeskBuyViewEventTicketContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.SubscriptionDeskBuyViewEventTicketContainerTitle {
  font-weight: bold;
}
.SubscriptionDeskBuyViewEventTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;
	*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.SubscriptionDeskBuyViewEventTicketKind {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.SubscriptionDeskBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.SubscriptionDeskBuyViewEventTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.SubscriptionDeskBuyViewEventTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.SubscriptionDeskBuyViewEventTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.SubscriptionDeskBuyViewEventTicketRemoveButtonCell {
  text-align: right;
}
.SubscriptionDeskBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.SubscriptionInfoView {
  width: 100%;
  padding: 3em;
}
.SubscriptionInfoViewUpperPanel {
  width: 100%;
}
.SubscriptionInfoViewUpperTable {
  width: 100%;
}
.SubscriptionInfoViewUpperTableLeft {
  vertical-align: top;
}
.SubscriptionInfoViewUpperTableRight {
  width: 90%;
  text-align: left;
  vertical-align: top;
}
.SubscriptionInfoViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 280px;
  min-height: 350px;
  margin-bottom: 5px;
  margin-right: 2em;
  box-shadow: 2px 2px 2px #c0c0c0;
}
.SubscriptionInfoViewTitle {
  font-size: 17pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.5em;
}
.SubscriptionInfoViewSubtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.2em;
}
.SubscriptionInfoViewVenue {
  font-size: 12pt;
  font-weight: 100;
  color: #808080;
  padding-bottom: 1em;
}
.SubscriptionInfoViewDescription {
  font-size: 14pt;
  color: #404040;
  padding-bottom: 1em;
}
.SubscriptionInfoViewButtons {
  width: 18rem;
  display: flex;
  justify-content: center;
  padding: 0.4em;
}
.SubscriptionInfoViewButtons .SSButton {
  font-size: 140%;
}
.SubscriptionBuyView {
  width: 100%;
  padding: 3em;
}
.SubscriptionBuyViewUpperPanel {
  width: 100%;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 1em;
  box-shadow: 2px 2px 2px #c0c0c0;
}
.SubscriptionBuyViewUpperTable {
  width: 100%;
}
.SubscriptionBuyViewUpperTableLeft {
  vertical-align: top;
}
.SubscriptionBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.SubscriptionBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
.SubscriptionBuyViewTitle {
  font-size: 17pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.5em;
}
.SubscriptionBuyViewSubtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.2em;
}
.SubscriptionBuyViewVenue {
  font-size: 12pt;
  font-weight: 100;
  color: #808080;
}
.SubscriptionBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.SubscriptionBuyViewCentralWidgetContainer {
  padding-right: 10px;
}
.SubscriptionBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.SubscriptionBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.SubscriptionBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.SubscriptionBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.SubscriptionBuyViewVenueMapWidget .SubscriptionMapDisplay {
  min-height: 600px;
  width: 100%;
}
.SubscriptionBuyViewSubscriptionTicketClassList {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  border-radius: 5px;
  padding: 20px;
  background-color: #f8f8f8;
}
.SubscriptionBuyViewSubscriptionTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.SubscriptionBuyViewSubscriptionTicketClassPanel {
  padding: 1em;
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	*/
}
/*
.SubscriptionBuyViewSubscriptionTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.SubscriptionBuyViewSubscriptionTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.SubscriptionBuyViewSubscriptionTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.SubscriptionBuyViewSubscriptionTicketClassPanelPriceCell {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.SubscriptionBuyViewSubscriptionTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionBuyViewSubscriptionTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionBuyViewSubscriptionTicketAndBuyContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionBuyViewTotalsContainer {
  width: 100%;
}
.SubscriptionBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionBuyViewSubscriptionTicketContainerTitle {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  padding-bottom: 1em;
}
.SubscriptionBuyViewSubscriptionTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.SubscriptionBuyViewSubscriptionTicketKind {
  font-size: smaller;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.SubscriptionBuyViewSubscriptionTicketRemoveButtonCell {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.SubscriptionBuyViewSubscriptionTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.SubscriptionBuyViewSubscriptionTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.SubscriptionBuyViewSubscriptiontAndBuyContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.SubscriptionBuyViewBuyButtonCenter {
  width: fit-content;
  display: block;
  margin: auto;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.SubscriptionBuyView {
  width: 100%;
  padding: 3em;
}
.SubscriptionBuyViewUpperPanel {
  width: 100%;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 1em;
  box-shadow: 2px 2px 2px #c0c0c0;
}
.SubscriptionBuyViewUpperTable {
  width: 100%;
}
.SubscriptionBuyViewUpperTableLeft {
  vertical-align: top;
}
.SubscriptionBuyViewUpperTableRight {
  width: 99%;
  text-align: left;
  vertical-align: top;
}
.SubscriptionBuyViewImage {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 80px;
  margin-right: 2em;
}
.SubscriptionBuyViewTitle {
  font-size: 17pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.5em;
}
.SubscriptionBuyViewSubtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #303030;
  padding-bottom: 0.2em;
}
.SubscriptionBuyViewVenue {
  font-size: 12pt;
  font-weight: 100;
  color: #808080;
}
.SubscriptionBuyViewLowerContainer {
  margin-top: 10px;
  width: 100%;
}
.SubscriptionBuyViewCentralWidgetContainer {
  padding-right: 10px;
}
.SubscriptionBuyViewVenueMapContainer {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.SubscriptionBuyViewVenueMapHeader {
  display: flex;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.SubscriptionBuyViewVenueMapHeaderLabel {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  padding-left: 20px;
}
.SubscriptionBuyViewVenueMapDisplay {
  min-height: 600px;
  width: 100%;
  /*border-radius: 5px;*/
  /*box-shadow: inset 2px 2px 7px 0px #c0c0c0;*/
}
.SubscriptionBuyViewVenueMapWidget .SubscriptionMapDisplay {
  min-height: 600px;
  width: 100%;
}
.SubscriptionBuyViewSubscriptionTicketClassList {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
  border-radius: 5px;
  padding: 20px;
  background-color: #f8f8f8;
}
.SubscriptionBuyViewSubscriptionTicketClassListTitle {
  font-size: 120%;
  text-align: center;
  /*margin-bottom: 1.5em;*/
  padding-top: 1.5em;
}
.SubscriptionBuyViewSubscriptionTicketClassPanel {
  padding: 1em;
  /*
	width: 100%;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	
	box-shadow: 2px 2px 2px #c0c0c0;
	margin-bottom: 10px;
	background-color: #ffffff;
	cursor: pointer;
	*/
}
/*
.SubscriptionBuyViewSubscriptionTicketClassPanel:hover {
	background-color: #ffffe0;
	transition: background-color 100ms linear;
}
*/
/*
.SubscriptionBuyViewSubscriptionTicketClassPanelTitle {
	font-weight: bold;
	font-size: 120%;
}
*/
.SubscriptionBuyViewSubscriptionTicketClassPanelPrice {
  font-weight: bold;
  text-align: right;
  font-size: 120%;
}
.SubscriptionBuyViewSubscriptionTicketClassPanelPriceCell {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketClassPanelDescription {
  color: #909090;
  margin-top: 0.3em;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.3em;
}
.SubscriptionBuyViewSubscriptionTicketContainerCell {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionBuyViewSubscriptionTicketContainerCellSmallScreen {
  /*height: 100%;
	width: 25%;
	min-width: 250px;
	vertical-align: top;*/
  text-align: -webkit-center;
  padding-top: 0.4em;
}
.SubscriptionBuyViewSubscriptionTicketAndBuyContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionBuyViewTotalsContainer {
  width: 100%;
}
.SubscriptionBuyViewTotalsLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionBuyViewTotalsValueLabel {
  font-size: 120%;
  font-weight: bold;
}
.SubscriptionBuyViewTotalsValueLabelContainer {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketContainer {
  width: 100%;
  /*height: 100%;*/
  display: flex;
  flex-direction: column;
  max-height: 80px;
  overflow: auto;
}
.SubscriptionBuyViewSubscriptionTicketContainerTitle {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  padding-bottom: 1em;
}
.SubscriptionBuyViewSubscriptionTicketPanel {
  flex-grow: 0;
  /*border: 1px solid #c0c0c0;
	box-shadow: 2px 2px 2px #c0c0c0;*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 5px;
}
.SubscriptionBuyViewSubscriptionTicketKind {
  font-size: smaller;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.SubscriptionBuyViewSubscriptionTicketRemoveButtonCell {
  text-align: right;
}
.SubscriptionBuyViewSubscriptionTicketRemoveButton {
  background-color: transparent;
  color: #808080;
}
.SubscriptionBuyViewSubscriptionTicketInfo {
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 1em;
}
.SubscriptionBuyViewSubscriptionTicketPrice {
  text-align: right;
  vertical-align: bottom;
}
.SubscriptionBuyViewSubscriptiontAndBuyContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #c0c0c0;
  /*box-shadow: 2px 2px 2px #c0c0c0;*/
  border-radius: 5px;
  padding: 0.5em;
}
.SubscriptionBuyViewBuyButton {
  /*margin-top: 20px;*/
  width: auto;
  font-size: 130%;
}
.SubscriptionBuyViewBuyButtonCenter {
  width: fit-content;
  display: block;
  margin: auto;
}
.AlfioIFrameContainer {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
}
.AlfioIFrame {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 80vh;
  overflow: scroll;
}
.CheckInMapWidget {
  width: 100%;
  padding: 3em;
}
#qrcode {
  /*width: 300px;
	/*height: 300px;
	margin-top: 15px;*/
  margin: 20px;
}
.VenueMapDisplay {
  flex-grow: 100;
}
.VenueMapWidget {
  position: relative;
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: stretch;
}
.VenueMapWidgetShadowOverlay {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  box-shadow: inset 2px 2px 7px 0px #c0c0c0;
}
.ReportListView {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-right: 5px;
  padding-bottom: 5px;
}
.ReportListItem {
  margin-top: 10px;
  margin-left: 5px;
  /*min-width: 250px;*/
  min-height: 120px;
  flex-basis: 12%;
  /*flex-grow: 1;*/
  width: 25rem;
}
.CardListView {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-right: 5px;
  padding-bottom: 5px;
}
.CardListItem {
  margin-top: 10px;
  margin-left: 5px;
  /*min-width: 250px;*/
  min-height: 80px;
  flex-basis: 12%;
  /*flex-grow: 1;*/
}
.ReportPanel {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 10px;
  /* box-shadow: 2px 2px 3px #dcdcdc;*/
}
.ReportPanelTitleLabel {
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px;
  margin-bottom: 5px;
}
.ReportPanelDescriptionCell {
  /*height: 99%;*/
  padding: 5px;
  text-align: justify;
}
.ReportPanelButton {
  text-align: center;
  padding: 5px;
}
.ReportPanelParametersDialog .SSDialogBody .SSDataRecordFormTab {
  border: 0;
}
.ReportPanelParametersDialog .SSDialogBody .SSToolBar.SSHasPanelBorder {
  border: 0;
  border-top: 1px solid #dcdcdc;
  border-radius: 0;
  margin-top: 15px;
}
.CardPanel {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 10px;
  /* box-shadow: 2px 2px 3px #dcdcdc;*/
}
.CardPanelTitleLabel {
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px;
  margin-bottom: 5px;
}
.CardPanelDescriptionLabel {
  padding: 5px;
  text-align: justify;
}
.CardPanelButtonLabel {
  padding: 5px;
  text-align: center;
}
.CardPanelDescriptionCell {
  /*height: 99%;*/
  padding: 5px;
  text-align: justify;
}
.CardPanelButton {
  text-align: center;
  padding: 5px;
}
.CardPanelParametersDialog .SSDialogBody .SSDataRecordFormTab {
  border: 0;
}
.CardPanelParametersDialog .SSDialogBody .SSToolBar.SSHasPanelBorder {
  border: 0;
  border-top: 1px solid #dcdcdc;
  border-radius: 0;
  margin-top: 15px;
}
.PaperSummaryListView {
  width: auto;
  /*display: flex;*/
  flex-wrap: wrap;
  align-items: stretch;
  padding-right: 5px;
  padding-bottom: 5px;
}
.PaperSummaryListItem {
  margin-top: 5px;
  margin-left: 5px;
  min-width: 250px;
  min-height: 120px;
  flex-basis: 22%;
  flex-grow: 1;
}
.DigitalSummaryListView {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-right: 5px;
  padding-bottom: 5px;
}
.DigitalSummaryListItem {
  margin-top: 5px;
  margin-left: 5px;
  min-width: 250px;
  min-height: 120px;
  flex-basis: 22%;
  flex-grow: 1;
}
/*
.SSButtonPrimary.SSDisabled
{
	background-color: #d2d2d2;
	color: #ebebeb;
}
	*/
.MainView {
  width: 100%;
}
#MainViewLeft {
  vertical-align: top;
}
#MainViewRight {
  vertical-align: top;
  overflow-x: visible !important;
}
.MainViewSectionItem .SSTreeWidgetItemContents {
  background-color: rgba(0, 0, 0, 0.05);
  /*#eeeeee;*/
}
.MainViewSectionItem .SSTreeWidgetItemContents:hover {
  background-color: #e3f2fd;
}
.MainViewSectionItemWithSpace {
  margin-top: 15px;
}
.MainViewLogoContainer {
  /*background: url('/img/header.logo.ep.jpg') left top no-repeat;
	width: 30%;
	background-size: cover;*/
}
.MainViewUserContainer {
  background: url('/img/user.png') left top no-repeat;
  width: 20%;
  background-size: contain !important;
}
/*
#MainViewToolBarContainer {
	background-color: @brand-color;
	padding: 0.4em;
	//width:max-content;
}
*/
/*
.MainViewToolBar .SSButton {
	min-width: 10px;
}

.SSButtonPrimary {
	background-color: @brand-color;
}

.SSButtonPrimary.MainViewToolBarButtonActive {
	background-color: @brand-active-color;
}
*/
.SSDataGridTable th {
  background-color: #1978bc;
}
.UserBadgeWidget {
  margin: 5px;
  display: inline-block;
  /* no clue why this is needed... */
}
.UserBadgeWidgetImage {
  width: 50px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin: 0;
  margin-right: 4px;
  vertical-align: top;
  /* no clue why this is needed... */
}
.UserBadgeWidgetUpperLabel {
  font-weight: bold;
  /*margin-bottom: 4px;*/
}
.UserBadgeWidgetLowerLabel {
  font-size: 90%;
  color: #a0a0a0;
}
.UserBadgeWidgetSmallLabel {
  font-size: 80%;
  color: #a0a0a0;
}
.SSDataGridRowSelected .MovimentiListSecondaryData {
  color: #cdcbb0;
}
.SSTableEditorTitleLabel {
  background-color: #e3f2fd;
}
.JsonWrapLabel {
  white-space: break-spaces;
}
.SSTreeWidgetItem.SSTreeWidgetItemSelected > .SSTreeWidgetItemContents {
  background-color: #e3f2fd;
  color: #212529;
}
.SSDataGridTable tr.SSDataGridRowSelected {
  background-color: #e3f2fd;
}
.SSDataGridTable tr.SSDataGridRowSelected:hover {
  background-color: #e3f2fd;
}
.SSDataGridTable .SecondaryText {
  color: #c6cf91;
  font-size: 80%;
}
.SSDataGridTable tr.SSDataGridRowSelected .SecondaryText {
  color: #c6cf91;
}
.SSTabWidget {
  /* fixme- shouldn't be needed? or it should be specified by subdialog?*/
  min-height: 400px;
}
.LoginView {
  margin: 20px;
}
.RegistrationDialog {
  top: 50%;
}
.RegistrationDialog input {
  background-color: #f8f8f8;
  box-shadow: inset 1px 1px 6px 0px #dcdcdc;
}
.RegistrationDialog .SSToolBar {
  border: 0 !important;
}