/**
 * GateMe Pro Sales styles
 **/
/**
 ** This file only contains common mixins and variable definitions, such as colors or sizes of various elements.
 ** It is meant to be @import -ed by other .scss files and is not to be used directly.
 **/
/**
 **  Config variables
 **/
/**
 **  Utility stuff (mixins)
 **/
/*
$v is either top or bottom; $h is either left or right.
This is because CSS3 standard as well as Webkit wants e.g. -top-left- while Mozilla wants -topleft-
*/
#show_events {
  display: none;
  top: 200px;
  right: 0px;
  position: fixed;
  background: -moz-linear-gradient(top, #5b646e, #303b48);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #5b646e, #303b48);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5b646e, #303b48);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5b646e, #303b48);
  /* IE10+ */
  background: linear-gradient(top, #5b646e, #303b48);
  /* W3C */
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.23);
  opacity: 0.8;
  z-index: 99999;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -o-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%; }
  #show_events:hover {
    opacity: 1; }
  #show_events a {
    padding: 15px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1pt;
    text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.42); }

.supports-no-cssgradients #show_events {
  background-color: #303b48; }

.supports-csstransforms #show_events.initialized {
  display: inherit; }
