body {
  background: #ececec !important;
  font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1em;
  user-select: none;
}
.webshopLogo {
  width: 225px;
}
.textLink {
  color: #53338E !important;
  text-decoration: underline;
}

.pca .pcatext {
    font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
    font-size: 0.85em !important;
}

.navbar .dropdown-menu {
  -webkit-animation: shopDropdownAnimation .25s !important;
          animation: shopDropdownAnimation .25s !important;
}
.navbar {
  z-index: 15;
  background-color: #dedfdf !important;
}

.showdetails_pre-title {
	display: block;
	font-weight: 300;
	font-size: 0.85em;
}
.showdetails_title {
	display: block;
	font-size: 1.5em;
	padding-top: 0;
	line-height: 0.85em;
	font-weight: 700;
}
.showdetails_post-title {
	display: block;
	font-weight: 300;
	font-size: 0.85em;
}
.showdetails_date {
	display: block;
	font-weight: 300;
	font-size: 0.85em;
}
.showdetails_venue {
	display: block;
	font-size: 1.25em;
	padding-top: 0;
	line-height: 0.85em;
	font-weight: 700;
}
.showdetails_doors {
	display: block;
	font-weight: 300;
	font-size: 0.85em;
}
.showdetails_pricename {
	display: block;
	font-weight: 500;
	font-size: 1em;
}
.showdetails_pricedesc {
	display: block;
	font-weight: 500;
	font-size: 0.85em;
  padding-bottom: 8px !important;
}
.page_timer {
	font-size: 1.25em;
	color: #fff;
	font-weight: 700;
	vertical-align: middle;
	padding-right: 25px;
}
.page_timer_instructions {
	font-size: 0.65em;
	font-weight: 500;
	color: #fff;
	vertical-align: middle;
}
.price_quantity {
	width: 40px;
	text-align: center;
}
.showdetails_price {
	display: block;
	font-weight: 700;
	font-size: 1.15em;
	line-height: 0.75em;
}
.showdetails_servicefee {
	font-size: 0.5em;
	line-height: 0.1em;
}
.price_promo {
  background-color: #ffd83b;

}
.ud_extraItemsPrice {
  background-color: rgba(0,0,0,0.2);
}
.cart_showTitle {
  display: block;
  font-size: 1.1em;
}
.cart_venueDetails {
  display: block;
  font-size: 0.8em;
}
.cart_price {
  font-size: 1.10em;
  font-weight: 500;
  color: rgba(0,0,0,0.5);
}
.cart_priceDetail {
  display: block;
  font-size: 0.65em;
}
.cartTools {
  color: #c0c0c0;
  transition: all .15s ease-in;
  cursor:pointer;
}
.cartTools:hover {
  color: #53338E;
}
.cart_subtotal {
  font-weight: 700;
}
.cart_subtotalPrice {
  font-size: 1.1em;
  font-weight: 700;
}
.cart_title {
  font-size: 1.25em;
}
.fa-formmini {
  position: relative;
  font-size: 0.55em;
  color: red;
  top: -2px;
  padding-right:10px;
}

.switcher-input:checked ~ .switcher-indicator {
    background: #452A75 !important;
}
.addressTextArea {
  resize: none;
}
.quantityIcon {
  cursor: pointer !important;
  transition: color 0.25s;
  color: rgba(0,0,0,0.25) !important;
}
.quantityIcon:hover {
  color: rgba(0,0,0,0.75) !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.price_soldout {
  font-weight: bold !important;
  font-size: 12px;
  color: #bf0000;
}
.btn-inactive {
  background-color: rgba(0,0,0,0.05) !important;
  color: rgba(0,0,0,0.1) !important;
}
.fieldError {
  color: red !important;
  font-size: 10px;
  padding-left: 5px !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.fixed-bottom a {
  text-decoration: underline !important;
  color: inherit !important;
}

#webshop_loader {
  position: fixed;
  z-index: 100;
  height: 5em;
  width: 5em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: rgba(255,255,255,1);
  text-align: center;
  display: none;
}

/* Transparent Overlay */
#webshop_loader:after {
  z-index: -1;
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(0, 0, 0,.2), rgba(0, 0, 0, .9));
  animation: fadein 2s;
}
.cardOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.55s;
}

.cardOverlay:hover {
  background-color: rgba(0,0,0,0.65);
  transition: 0.25s;
  cursor: pointer;
}

.cardOverlayContent {
  position: relative;
  color: rgba(0,0,0,0);
  transition: 0.55s;
  text-align: center;
  top: -100px;
  opacity: 0;
}

.cardOverlay:hover .cardOverlayContent {
  opacity: 100;
  transition: 0.55s;
  transition-delay: 0.5s;
}

.cardOverlay img {
  transition: 0.25s;
  filter: grayscale() contrast(200%) blur(1px) !important;
}
.cardOverlay:hover img {
  filter:contrast(800%) grayscale() !important ;
  filter: none !important;
  transition: 0.75s ease-out;
}
#video-area {
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  background-color: #fff;
}
#chat-placeholder {
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  overflow-y: scroll;
}

#chat-content {

}
#chat-input-placeholder {
  position: absolute;
  bottom: 10px;
}

#chat-input-placeholder input {
  border: 0;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(0,0,0,0);
  padding-left: 0;
  padding-right: 0;
}

.form-control:focus {
  border-color: 0;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0), 0 0 0px rgba(255, 0, 0, 0.0);
}


::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  width: 5px;
  background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  width: 1em;
  background-color: #ddd;
  outline: 1px solid slategrey;
  border-radius: 1rem;
}

.text-small {
  font-size: 0.9rem;
}

.messages-box,
.chat-box {
  height: 410px;
  overflow-y: scroll;
}
@media only screen and (max-width: 992px) {
  .chat-box {
    height: 200px;
  }
}
.chat-box {
  height: 250px;
  overflow-y: scroll;
}
.notification-empty {
  color: rgba(0,0,0,0.25) !important;
}
.notification-empty-alert {
  color: red !important;
  animation: pulse 0.5s infinite !important;
}
@keyframes pulse {
  0% {
      transform: scale(0.5);
    }

    70% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.5);
    }
}