@charset "UTF-8";
@charset "UTF-8";
/*navigation */
/* forms */
/* incl. border*/
/*30 px without border; select field + border = 32px*/
/* important --> $baseFontSize = 1em */
/******************** Colors ************************/
/* orange */
/* lime green*/
/* white */
/*light orange */
/* grey */
/* red */
/*********** Event erfassen - Variablen *************/
/************************ BASE LAYOUT - html, body, img ************************/
@import url('https://backend.leoticket.de/medusa/fonts/Sintony/fonts.css');
@import url('https://backend.leoticket.de/medusa/fonts/Ubuntu/fonts.css');
@import url('https://backend.leoticket.de/medusa/fonts/Roboto/fonts.css');
html.leo {
  /* not supported browser - Box*/
  /* Spinner*/
  /* Color baseColor1 */
  /* Color baseColor2 */
  /* Color baseFontColor */
  /* Color baseColor3  - white */
  /* Spinner end*/
  /************************ GENERAL footer,container, logo ************************/
  /************************ NAVIGATION MENU ************************/
  /************************ Content Left ***********************/
  /************************ Content Right ***********************/
  /************************ FORM *************************/
  /* INPUT FIELDS */
  /*  Pretty Checkboxen  */
  /******************************* Scrollbar ****************************/
  /* Buttons */
  /* ICONS */
  /* Blacklist save Item*/
  /* Blacklist create Item*/
  /* MISCELLANEOUS ICONS */
  /* SELECT & SEARCH FIELD */
  /******************** HELPBOX ****************************/
  /************************ ALERT & CONFIRM MESSAGES *************************/
  /***************************** ANIMATIONS *********************************/
  /******************************* Create event ****************************/
  /******************************** Terminserien ****************************/
  /******************************* UI Datepicker ****************************/
  /*Calendar header*/
  /*Calendar body*/
  /***************************************** Stätte Favoriten *******************************************/
  /***************************************** File Upload ************************************************/
  /****************************************** Media Queris - Event create ***********************************************/
  /*********************** ADMINBEREICH *****************************/
  /************************** PREMIUM-BEREICH START ************************/
  /*********************** Premium - Warenkorb **********************/
  /*********** PREMIUM - INVENTORY SHOPPING *****************/
  /****************** Premium - Warenkorb Media Queris ******************/
  /************************** PREMIUM-BEREICH END ************************/
}
html.leo body {
  margin: 0 auto;
  box-shadow: none;
  background-color: #FFE6B9;
  font-family: "Sintony", sans-serif;
  font-size: 14px;
  color: #737373;
  padding: 0 0 0 0;
  min-width: 770px;
}
html.leo input, html.leo button, html.leo select, html.leo textarea {
  font-family: "Sintony", sans-serif;
}
html.leo textarea {
  padding-left: 9px;
}
html.leo li {
  list-style: none;
}
html.leo h1, html.leo h2, html.leo h3, html.leo h4 {
  font-weight: normal;
}
html.leo h1 {
  margin: 0 0 30px 0;
  font-size: 2.143em;
  line-height: 1.2em;
  color: #FF7D2D;
}
html.leo h2 {
  font-size: 1.572em;
  color: #FF7D2D;
  margin: 0 0 30px 0;
  line-height: 1.2em;
}
html.leo h3.highlight {
  margin: 0;
  padding: 4px 15px 4px 15px;
  line-height: 1.4em;
}
html.leo h3 {
  font-size: 1.143em;
  line-height: 1.2em;
  color: #FFFFFF;
}
html.leo h4 {
  font-size: 1.2em;
  line-height: 1.2em;
  color: #FF7D2D;
}
html.leo .table th, html.leo .table td {
  border-top: 1px solid #DADADA;
}
html.leo .table.table-striped tbody tr:nth-child(2n+1) td, html.leo .table.table-striped tbody tr:nth-child(2n+1) tr {
  background-color: #fffacd;
}
html.leo a, html.leo a:hover, html.leo a:focus {
  color: #AEC756;
  text-decoration: none;
  outline: none;
}
html.leo a label {
  cursor: pointer;
}
html.leo .prettyCheckable-label {
  display: inline-block;
  line-height: 1.5em;
  margin-left: 0.3em;
}
html.leo .prettyCheckable-label a {
  cursor: pointer;
}
html.leo .active {
  background-color: #AEC756;
  color: #FFFFFF;
}
html.leo .active .xicon-remove-eventseries {
  background-image: url("../static/images/remove_white.png");
}
html.leo div :focus {
  outline: none;
}
html.leo .clear {
  clear: both;
}
html.leo .floatLeft {
  float: left !important;
}
html.leo .floatRight {
  float: right !important;
}
html.leo .breakWord {
  word-wrap: break-word;
}
html.leo .inlineBlock {
  display: inline-block;
}
html.leo .fullHeight {
  height: 100%;
}
html.leo .linkCursor {
  cursor: pointer;
}
html.leo .row-fluid [class*=span] {
  min-height: 32px;
}
html.leo .relativePosition {
  position: relative !important;
}
html.leo .fontBold, html.leo div.leo_premium div#premium_summary .table td.price, html.leo div.leo_premium div#premium_summary .table td.totalPrice, html.leo div.leo_premium div#premium_checkout .table td.price, html.leo div.leo_premium div#premium_checkout .table td.totalPrice {
  font-weight: bold;
}
html.leo .textCenter, html.leo div.leo_premium div#premium_summary .table td.count, html.leo div.leo_premium div#premium_summary .table td.inventory, html.leo div.leo_premium div#premium_summary .table td.needed, html.leo div.leo_premium div#premium_summary .table td.unitPrice, html.leo div.leo_premium div#premium_checkout .table td.count, html.leo div.leo_premium div#premium_checkout .table td.inventory, html.leo div.leo_premium div#premium_checkout .table td.needed, html.leo div.leo_premium div#premium_checkout .table td.unitPrice {
  text-align: center;
}
html.leo .textLeft {
  text-align: left;
}
html.leo .textRight, html.leo div.leo_premium div#premium_summary .table th.price, html.leo div.leo_premium div#premium_summary .table td.price, html.leo div.leo_premium div#premium_summary .table td.totalPrice, html.leo div.leo_premium div#premium_checkout .table th.price, html.leo div.leo_premium div#premium_checkout .table td.price, html.leo div.leo_premium div#premium_checkout .table td.totalPrice {
  text-align: right;
}
html.leo .marginAuto {
  margin: auto;
}
html.leo span.premiumIcon {
  background-image: url(../static/images/premium.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  display: inline-block;
  height: 22px;
  width: 88px;
}
@media (max-width: 805px) {
  html.leo span.premiumIcon {
    width: 75px;
    height: 20px;
    background-size: 75px auto;
  }
}
html.leo div.not-supported-browser div.modal-body {
  padding-bottom: 0px;
}
html.leo div.not-supported-browser div.supported-browser-ff a {
  background-image: url("../static/images/firefox.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
}
html.leo div.not-supported-browser div.supported-browser-chrome a {
  background-image: url("../static/images/google_chrome.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  line-height: 2.5em;
}
html.leo div.btnSpinner {
  height: 1em !important;
  margin-top: 0.1em;
}
html.leo .spinner {
  position: relative;
  display: inline-block;
  width: 5em;
  height: 5em;
  margin: 0 0.5em;
  font-size: 12px;
  text-indent: 999em;
  overflow: hidden;
  animation: leo_spin 1s infinite steps(8);
  -webkit-animation: leo_spin 1s infinite steps(8);
}
html.leo .small.spinner {
  font-size: 6px;
}
html.leo .smaller.spinner {
  font-size: 4px;
}
html.leo .large.spinner {
  font-size: 24px;
}
html.leo .larger.spinner {
  font-size: 32px;
}
html.leo .spinner:before,
html.leo .spinner:after,
html.leo .spinner > div:before,
html.leo .spinner > div:after, html.leo .spinner > span:before,
html.leo .spinner > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 2.25em;
  /* (container width - part width)/2  */
  width: 0.5em;
  height: 1.5em;
  border-radius: 0.2em;
  -webkit-transform-origin: 50% 2.5em;
  /* container height / 2 */
  transform-origin: 50% 2.5em;
  /* container height / 2 */
}
html.leo .baseColor1 .spinner:before,
html.leo .baseColor1 .spinner:after,
html.leo .baseColor1 .spinner > div:before,
html.leo .baseColor1 .spinner > div:after {
  background: #ffdcc6;
  box-shadow: 0 3.5em #ffdcc6;
  /* container height - part height */
}
html.leo .baseColor1 .spinner:before {
  background: #FF7D2D;
}
html.leo .baseColor1 .spinner:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #ff8337;
}
html.leo .baseColor1 .spinner > div:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: #ff9d60;
}
html.leo .baseColor1 .spinner > div:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #ffac7a;
}
html.leo .baseColor2 .spinner:before,
html.leo .baseColor2 .spinner:after,
html.leo .baseColor2 .spinner > div:before,
html.leo .baseColor2 .spinner > div:after {
  background: #e5edc9;
  box-shadow: 0 3.5em #e5edc9;
  /* container height - part height */
}
html.leo .baseColor2 .spinner:before {
  background: #AEC756;
}
html.leo .baseColor2 .spinner:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #b4cb61;
}
html.leo .baseColor2 .spinner > div:before, html.leo .baseColor2 .spinner > span:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: #c0d47c;
}
html.leo .baseColor2 .spinner > div:after, html.leo .baseColor2 .spinner > span:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #d3e0a3;
}
html.leo .baseFontColor .spinner:before,
html.leo .baseFontColor .spinner:after,
html.leo .baseFontColor .spinner > div:before,
html.leo .baseFontColor .spinner > div:after {
  background: silver;
  box-shadow: 0 3.5em silver;
  /* container height - part height */
}
html.leo .baseFontColor .spinner:before {
  background: #737373;
}
html.leo .baseFontColor .spinner:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #7b7b7b;
}
html.leo .baseFontColor .spinner > div:before, html.leo .baseFontColor .spinner > span:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: #8d8d8d;
}
html.leo .baseFontColor .spinner > div:after, html.leo .baseFontColor .spinner > span:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #a6a6a6;
}
html.leo .baseColor3 .spinner:before,
html.leo .baseColor3 .spinner:after,
html.leo .baseColor3 .spinner > div:before,
html.leo .baseColor3 .spinner > div:after {
  background: #b3b3b3;
  box-shadow: 0 3.5em #e6e6e6;
  /* container height - part height */
}
html.leo .baseColor3 .spinner:before {
  background: #FFFFFF;
}
html.leo .baseColor3 .spinner:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #FFFFFF;
}
html.leo .baseColor3 .spinner > div:before, html.leo .baseColor3 .spinner > span:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: white;
}
html.leo .baseColor3 .spinner > div:after, html.leo .baseColor3 .spinner > span:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: white;
}
html.leo .whiteSpace {
  white-space: pre-wrap;
}
html.leo .container, html.leo .navbar-static-top .container, html.leo .navbar-fixed-top .container, html.leo .navbar-fixed-bottom .container {
  width: 90.82%;
  height: 100%;
}
html.leo .container-outer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFE6B9;
  min-height: 100vh;
}
html.leo #content.container {
  margin-top: 30px;
  min-height: calc(100vh - 538px);
  /*100vh - navigation height - footer height*/
}
html.leo .content-inner:before, html.leo .content-inner:after {
  content: "";
  display: table;
  line-height: 0;
}
html.leo .content-inner:after {
  clear: both;
}
html.leo .content-right div.content-inner {
  padding: 15px 15px 15px 15px;
}
html.leo .content-left div.content-inner {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 22px;
}
html.leo .div-append-top {
  padding-top: 0 !important;
}
html.leo .div-append-bottom {
  padding-bottom: 0 !important;
}
html.leo .bgColor1, html.leo .box-headline {
  background-color: #FF7D2D;
}
html.leo .bgColor2 {
  background-color: #AEC756;
}
html.leo .bgColor3, html.leo .content-right .login-box, html.leo .content-left .latest-event-box, html.leo .content-left .event-create-box, html.leo .content-left .welcome-box, html.leo .content-left .login-box, html.leo .box {
  background-color: #FFFFFF;
}
html.leo .bgColor4 {
  background-color: #fffacd;
}
html.leo .borderedTop {
  border-top: 1px solid #DADADA;
}
html.leo .borderedBottom {
  border-bottom: 1px solid #DADADA;
}
html.leo .bordered {
  border: 1px solid #DADADA;
}
html.leo .span8 {
  width: 65.826% !important;
}
html.leo div.well-large {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
html.leo #favorites ul {
  margin: 0 0 1em 0;
}
html.leo #favorites ul.list-border {
  border: 1px solid #AEC756;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
html.leo #favorites li {
  line-height: 25px;
  cursor: pointer;
  padding: 0 10px;
  color: #737373;
}
html.leo #favorites li:hover {
  background-color: #AEC756;
  color: #FFFFFF;
}
html.leo #favorites li a {
  margin-left: 10px;
}
html.leo #header {
  background-image: url("../static/images/headerBg.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  width: 100%;
  height: 320px;
}
html.leo div.logout {
  width: 90.82%;
  margin-right: auto;
  margin-left: auto;
}
html.leo .logout li {
  float: right;
  background-color: #FFFFFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.8;
  list-style: none;
  text-align: center;
}
html.leo .logout li a {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.7em;
  padding: 1em;
  color: #FF7D2D;
}
html.leo .logout li.home {
  float: left;
}
html.leo div#footer {
  margin-top: 60px;
  /*  background-image: url("../static/images/headerBg.png");
   background-position: left center;
   background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  width:100%;*/
}
html.leo div#footer ul {
  height: 3em;
  margin: 0;
  text-align: center;
  display: block;
}
html.leo div#footer ul li {
  display: inline-block;
}
html.leo div#footer ul li a {
  line-height: 3em;
  color: #FF7D2D;
}
html.leo div#footer ul span.separator:after {
  content: "▪";
  color: #FF7D2D;
}
html.leo div#footer ul span.separator {
  line-height: 2em;
}
html.leo div#footer ul li:last-child span.separator {
  display: none;
}
html.leo div#footer .footer-text {
  text-align: center;
  color: #FF7D2D;
}
html.leo div#footer .footer-text a {
  color: #FF7D2D;
}
html.leo .navbar {
  margin-bottom: 0;
  overflow: visible;
}
html.leo .navbar-inner {
  background-color: none;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  min-height: 190px;
  padding-left: 0;
  padding-right: 0;
  margin-top: -7.7em;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 Transparenz */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE6 & 7 Transparenz */
  zoom: 1;
}
html.leo .navbar-inner .nav {
  left: 0;
  margin: 0 0 0 0;
  width: 100%;
  min-width: 700px;
}
html.leo .navbar .nav > li#events > a {
  background-image: url(../static/images/nav_events.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li#venues > a {
  background-image: url(../static/images/nav_venues.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li#profile > a {
  background-image: url(../static/images/nav_profile.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li > a {
  display: inline-block;
  height: 190px;
  width: 100%;
  padding: 0 0;
  text-shadow: none;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  background-color: #FF7D2D;
  word-wrap: break-word;
}
html.leo .navbar .nav > li > a:hover {
  background-color: #AEC756;
}
html.leo .navbar .nav > li > a:focus {
  background-color: #FF7D2D;
}
html.leo .navbar .nav > .active > a, html.leo .navbar .nav > .active > a:hover, html.leo .navbar .nav > .active > a:focus {
  background-color: #AEC756;
  box-shadow: none;
}
html.leo .navbar .nav > li.active > a:after {
  content: "";
  display: block;
  float: left;
  left: 50%;
  margin-left: -30px;
  position: relative;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #AEC756;
  top: 133px;
}
html.leo .navbar h2 {
  color: #FFFFFF !important;
  position: relative;
  top: 75%;
}
html.leo .content-left .box-margin-bottom {
  margin-bottom: 30px;
}
html.leo .content-left div.premiumItems {
  padding-top: 1em;
}
@media (max-width: 1024px) {
  html.leo .content-left div.premiumItems div.span4 {
    width: 100%;
    margin-left: 0px;
  }
  html.leo .content-left div.premiumItems div.premiumItemLabel {
    width: 40%;
    float: left;
  }
  html.leo .content-left div.premiumItems div.premiumItemDates {
    width: 55%;
    margin-left: 5%;
    float: left;
  }
  html.leo .content-left div.premiumItems div.premiumItem {
    display: flex;
  }
}
html.leo .content-left div.premiumItems div.premiumItemLabel {
  min-height: 2.5em;
  line-height: 2.5em;
  font-weight: bold;
}
html.leo .content-left div.premiumItems div.premiumItem {
  margin-bottom: 1em;
}
html.leo .content-left div.premiumItems div.premiumItem div.premiumItemLabel.warning span {
  background-image: url(../static/images/warning_icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.3em auto;
  padding-right: 1.7em;
  display: inline-block;
}
html.leo .content-left div.premiumItems div.mainTeaser div.premiumItemLabel {
  background-image: url(../static/images/premium_mainTeaser_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo .content-left div.premiumItems div.teaser div.premiumItemLabel {
  background-image: url(../static/images/premium_standartTeaser_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo .content-left div.premiumItems div.premium div.premiumItemLabel {
  background-image: url(../static/images/premium_premium_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo .content-left div.premiumItems div.premiumItemDate {
  line-height: 1.8em;
}
html.leo .content-left div.premiumItems div.inactive {
  opacity: 0.75;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
html.leo .content-left div.premium div.myPremiumEvents {
  overflow: auto;
  height: calc(13.22em + 37px);
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.icons {
  width: 22px;
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.event {
  padding-bottom: 1em;
  padding-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.event div.miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: baseline;
  margin-right: 0.5em;
  float: left;
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.event div.miniIcon i.xicon-date {
  margin-top: 1px;
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.title, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.nextDate, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.date, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList div.venue {
  max-width: calc(100% - 2em );
  display: table-cell;
  float: left;
}
html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList a div.title, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList a div.nextDate, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList a div.date, html.leo .content-left div.premium div.myPremiumEvents div.premiumEventList a div.venue {
  color: #737373;
}
html.leo .content-left div.premium div.emptyPremiumEventList {
  height: calc(13.22em + 37px);
}
html.leo .content-left div.premium div.emptyPremiumEventList div.premiumEventImg {
  background-image: url(../static/images/my_premium_events.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 70%;
}
html.leo .content-left div.premium div.emptyPremiumEventList div.premiumEventImg a.imageLink {
  width: 100%;
  height: 100%;
  display: block;
}
html.leo .content-left div.premium a.getPremium {
  background-image: url(../static/images/premiumEvent_inactive.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 22px;
  width: 88px;
  opacity: 1;
  float: right;
  margin-top: -2px;
}
html.leo .content-left div.premium a.premiumActive {
  background-image: url(../static/images/premiumEvent_active.gif);
}
html.leo .content-left div.premium a.getPremium:hover {
  opacity: 1;
  background-image: url(../static/images/premiumEvent_active.gif);
}
html.leo .content-left div.myEvents {
  height: 37.55em;
}
html.leo .content-left div.myEvents div.eventInfos div.title {
  max-width: calc(99% - 128px);
  word-wrap: break-word;
}
html.leo .content-left div.myEvents div.icons {
  width: 22px;
}
html.leo .content-left div.myEvents div.eventSearch {
  height: 4.5em;
}
html.leo .content-left div.myEvents div.eventSearch .searchField {
  border-width: 2px;
  height: 26px;
  line-height: 26px;
  float: left;
  width: calc(100% - 54px);
}
html.leo .content-left div.myEvents div.eventSearch .searchFieldIcon {
  background-image: url("../static/images/searchicon_big.png");
  background-repeat: no-repeat;
  background-size: 32px 30px;
  width: 32px;
  height: 30px;
  float: left;
}
html.leo .content-left div.myEvents div.dropdown {
  display: inline;
}
html.leo .content-left div.myEvents div.dropdown a {
  color: #737373;
  cursor: pointer;
}
html.leo .content-left div.myEvents ul.dropdown-menu {
  border-radius: 0;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid #DADADA;
  box-shadow: none;
  list-style: none outside none;
  margin: 2px 0 0;
  min-width: 100px;
  padding: 0.3em 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a {
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 0.2em;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a .active {
  background-color: #FF7D2D;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a:hover {
  background-color: #AEC756 !important;
  background-image: none !important;
  color: #FFFFFF;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a.active {
  color: #FFFFFF;
}
html.leo .content-left div.myEvents div.eventList {
  overflow: auto;
  height: calc(100% - 4.5em - 37px);
  /* height = myEvents-height - padding */
}
html.leo .content-left div.myEvents div.eventList div.eventInfos {
  width: calc(100% - 15.5em );
  /*15.5em is a placeholder for the premium-icon*/
}
html.leo .content-left div.myEvents div.eventList div.event {
  padding-bottom: 1em;
  padding-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
}
html.leo .content-left div.myEvents div.eventList div.event div.active {
  background-color: transparent;
}
html.leo .content-left div.myEvents div.eventList div.event div.inactive {
  opacity: 0.5;
}
html.leo .content-left div.myEvents div.eventList div.event:first-child {
  border-top: 1px solid #DADADA;
}
html.leo .content-left div.myEvents div.eventList:last-child.event {
  border-bottom: 1px solid #DADADA;
}
html.leo .content-left div.myEvents div.eventList.jspScrollable div.event {
  margin-right: 4px !important;
}
html.leo .content-left div.myEvents div.eventImg {
  width: 8em;
  display: inline-block;
  float: left;
  margin-right: 1em;
  min-height: 2em;
}
html.leo .content-left div.myEvents div.eventImg div.overlayImg {
  width: 6em;
  position: absolute;
  min-height: 2.5em;
  background-image: url("../static/images/img_overlay.png");
  background-repeat: repeat-x;
  color: #4d4d4d;
  line-height: 2em;
}
html.leo .content-left div.myEvents div.eventInfos {
  width: calc(100% - 12em );
  float: left;
  line-height: 1.5em;
}
html.leo .content-left div.myEvents div.eventInfos div .miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: baseline;
  margin-right: 0.5em;
  float: left;
}
html.leo .content-left div.myEvents div.eventInfos div.title, html.leo .content-left div.myEvents div.eventInfos div.nextDate, html.leo .content-left div.myEvents div.eventInfos div.date, html.leo .content-left div.myEvents div.eventInfos div.venue {
  max-width: calc(99% - 2em );
  display: inline-block;
  float: left;
}
html.leo .content-left div.myEvents div.eventInfos a div.title, html.leo .content-left div.myEvents div.eventInfos a div.nextDate, html.leo .content-left div.myEvents div.eventInfos a div.date, html.leo .content-left div.myEvents div.eventInfos a div.venue {
  color: #737373;
}
html.leo .content-left div.myEvents .buttons {
  display: table-row;
}
html.leo .content-left div.myEvents .buttons .btn-long {
  min-width: 12.3em !important;
}
html.leo .content-left div.emptyEventList {
  height: 34.9em;
}
html.leo .content-left div.emptyEventList div.eventImg {
  background-image: url(../static/images/my_events_big.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 55%;
}
html.leo .content-right .box-margin-bottom {
  margin-bottom: 30px;
}
html.leo .content-right select, html.leo .content-right textarea, html.leo .content-right input[type=text], html.leo .content-right input[type=password], html.leo .content-right input[type=datetime], html.leo .content-right input[type=datetime-local], html.leo .content-right input[type=date], html.leo .content-right input[type=month], html.leo .content-right input[type=time], html.leo .content-right input[type=week], html.leo .content-right input[type=number], html.leo .content-right input[type=email], html.leo .content-right input[type=url], html.leo .content-right input[type=search], html.leo .content-right input[type=tel], html.leo .content-right input[type=color], html.leo .content-right .uneditable-input {
  margin-bottom: 10px;
}
html.leo .content-right h2#login {
  line-height: 1.6em;
  margin-bottom: 20px;
}
html.leo .content-right h2#login .icon {
  background-image: url("../static/images/login.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 2em;
  height: 2em;
}
html.leo .content-right div.login-box a {
  float: right;
  margin-top: 0.5em;
}
html.leo .content-right h2#username {
  margin-bottom: 0px;
  color: #AEC756;
}
html.leo .content-right h2#username .icon {
  background-image: url("../static/images/login.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 2em;
  height: 2em;
}
html.leo .content-right h3#registration {
  color: #FF7D2D;
  padding-left: 0.63em;
}
html.leo .content-right span.add-on {
  line-height: 1em;
}
html.leo .content-right p.helplink {
  margin-top: 0.5em;
  padding-bottom: 1.2em;
  margin-bottom: 0;
  font-size: 0.75em;
  word-wrap: break-word;
}
html.leo .content-right p.helplink a, html.leo .content-right p.helplink a:hover, html.leo .content-right p.helplink a:focus {
  color: #737373 !important;
}
html.leo .content-right div#login_message {
  margin-bottom: 1em;
}
html.leo .content-right #loginBtn {
  min-width: 50px;
}
html.leo .content-right #regBtn {
  background-color: #FF7D2D !important;
  text-align: left;
  min-height: 1.4em;
  line-height: 1.4em;
  width: 100%;
}
html.leo .content-right div.events-scroll {
  background-image: url(../static/images/favorites.png);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2em;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
}
html.leo .content-right div.myVenues {
  height: 17.4em;
  overflow: auto;
}
html.leo .content-right div.myVenues div.myVenues-inner {
  padding: 15px 15px 0 15px;
  height: auto;
}
html.leo .content-right div.myVenues div .miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: top;
  margin-right: 0.5em;
  float: left;
}
html.leo .content-right div.myVenues div .title {
  width: calc(99% - 2.5em );
  display: inline-block;
  margin-bottom: 0.4em;
  float: left;
}
html.leo .content-right div.myVenues div.span1, html.leo .content-right div.myVenues div.span11 {
  min-height: 0 !important;
  margin-bottom: 1em;
}
html.leo .content-right div.content-inner.myInventory {
  padding-bottom: 22px;
}
html.leo .content-right div.myInventory {
  height: 13.22em;
  overflow: auto;
}
html.leo .content-right div.myInventory .active {
  color: #737373;
}
html.leo .content-right div.myInventory div.narrowScreen {
  display: none;
}
html.leo .content-right div.myInventory a.shoppingBtn {
  margin-top: 2.5em;
}
html.leo .content-right div.myInventory a.premiumItemLink {
  color: #737373;
}
@media (max-width: 1024px) {
  html.leo .content-right div.myInventory div.wideScreen {
    display: none;
  }
  html.leo .content-right div.myInventory div.narrowScreen {
    display: block;
  }
  html.leo .content-right div.myInventory a.shoppingBtn {
    margin-top: 1.5em;
  }
}
html.leo .content-right div.myInventory span.mainTeaserCount, html.leo .content-right div.myInventory span.teaserCount, html.leo .content-right div.myInventory span.premiumCount {
  font-weight: bold;
}
html.leo .content-right div.myInventory div.wideScreen span.mainTeaserCount, html.leo .content-right div.myInventory div.wideScreen span.teaserCount, html.leo .content-right div.myInventory div.wideScreen span.premiumCount {
  background-color: #AEC756;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  color: white;
  display: block;
  font-size: 0.8em;
  line-height: 2.2em;
  height: 2.2em;
  left: 57%;
  position: relative;
  text-align: center;
  top: 55%;
  width: 2.2em;
}
html.leo .content-right div.myInventory div.wideScreen div.inactive span.mainTeaserCount, html.leo .content-right div.myInventory div.wideScreen div.inactive span.teaserCount, html.leo .content-right div.myInventory div.wideScreen div.inactive span.premiumCount {
  background-color: #737373;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 6em auto;
  display: inline-block;
  height: 8em;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser p {
  padding-top: 5.5em;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.active, html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.inactive:hover {
  background-image: url(../static/images/premium_mainTeaser.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.active span.mainTeaserCount, html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.inactive:hover span.mainTeaserCount {
  background-color: #AEC756;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.inactive {
  background-image: url(../static/images/premium_mainTeaser_.png);
}
html.leo .content-right div.myInventory div.wideScreen div.teaser {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 6em auto;
  display: inline-block;
  height: 8em;
}
html.leo .content-right div.myInventory div.wideScreen div.teaser p {
  padding-top: 5.5em;
}
html.leo .content-right div.myInventory div.wideScreen div.teaser.active, html.leo .content-right div.myInventory div.wideScreen div.teaser.inactive:hover {
  background-image: url(../static/images/premium_standartTeaser.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.wideScreen div.teaser.active span.teaserCount, html.leo .content-right div.myInventory div.wideScreen div.teaser.inactive:hover span.teaserCount {
  background-color: #AEC756;
}
html.leo .content-right div.myInventory div.wideScreen div.teaser.inactive {
  background-image: url(../static/images/premium_standartTeaser_.png);
}
html.leo .content-right div.myInventory div.wideScreen div.premium {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 6em auto;
  display: inline-block;
  height: 8em;
}
html.leo .content-right div.myInventory div.wideScreen div.premium p {
  padding-top: 5.5em;
}
html.leo .content-right div.myInventory div.wideScreen div.premium.active, html.leo .content-right div.myInventory div.wideScreen div.premium.inactive:hover {
  background-image: url(../static/images/premium_premium.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.wideScreen div.premium.active span.premiumCount, html.leo .content-right div.myInventory div.wideScreen div.premium.inactive:hover span.premiumCount {
  background-color: #AEC756;
}
html.leo .content-right div.myInventory div.wideScreen div.premium.inactive {
  background-image: url(../static/images/premium_premium_.png);
}
html.leo .content-right div.myInventory div.narrowScreen span.premiumItemCount {
  font-weight: bold;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem span {
  vertical-align: middle;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 3em;
  height: 2.5em;
  line-height: 2.7em;
  cursor: pointer;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.mainTeaser.active, html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.mainTeaser.inactive:hover {
  background-image: url(../static/images/premium_mainTeaser_xs.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.teaser.active, html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.teaser.inactive:hover {
  background-image: url(../static/images/premium_standartTeaser_xs.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.premium.active, html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.premium.inactive:hover {
  background-image: url(../static/images/premium_premium_xs.png);
  background-color: transparent;
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.mainTeaser.inactive {
  background-image: url(../static/images/premium_mainTeaser_xs_.png);
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.teaser.inactive {
  background-image: url(../static/images/premium_standartTeaser_xs_.png);
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.premium.inactive {
  background-image: url(../static/images/premium_premium_xs_.png);
}
html.leo .content-right div#dashboardMultiEvents {
  height: 18em;
  margin-bottom: 30px;
}
html.leo .content-right div#dashboardMultiEvents a {
  color: #737373;
}
html.leo .content-right div#dashboardMultiEvents div .miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: top;
  margin-right: 0.5em;
  float: left;
}
html.leo .content-right div#dashboardMultiEvents div .title {
  width: calc(99% - 2.5em );
  display: inline-block;
  margin-bottom: 0.4em;
  float: left;
}
html.leo .content-right div#dashboardMultiEvents div.calendarEventList {
  height: 11.7em;
  width: 100%;
}
html.leo .content-right div#dashboardMultiEvents div.createEventOnDate {
  padding: 15px;
}
html.leo .content-right div#dashboardMultiEvents div.createEventOnDate a {
  color: #AEC756;
}
html.leo .content-right div#dashboardMultiEvents div.event-inner {
  padding: 5px 15px 0;
}
html.leo .content-right div.ui-datepicker {
  width: 100% !important;
  min-height: 18em;
}
html.leo .content-right .ui-widget {
  font-size: 1em;
  border: none !important;
}
html.leo .content-right table.ui-datepicker-calendar {
  font-size: 0.9em !important;
}
html.leo .content-right table.ui-datepicker-calendar a {
  max-width: 50%;
  margin: auto;
}
html.leo .content-right table.ui-datepicker-calendar .active {
  background-color: transparent;
}
html.leo .content-right table.ui-datepicker-calendar td.active a {
  color: #FFFFFF !important;
  font-weight: bold !important;
  background-color: #737373 !important;
}
html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today.active a {
  background-color: transparent !important;
  border-color: #AEC756 !important;
  color: #737373 !important;
}
html.leo .content-right table.ui-datepicker-calendar td.active a:hover {
  border-color: #AEC756 !important;
}
html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #FFFFFF !important;
}
html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today a:hover {
  background-color: #FFE6B9 !important;
}
html.leo .content-right .scrollable {
  margin-top: 8px;
}
html.leo form {
  margin: 0;
}
html.leo label {
  font-size: 0.928em;
  line-height: 2.539em;
  /*display: block;*/
  margin-bottom: 0px;
  cursor: auto;
}
html.leo label.no-control-label {
  color: #737373;
}
html.leo input::-ms-clear {
  display: none;
}
html.leo textarea, html.leo input[type=text], html.leo input[type=password], html.leo input[type=datetime], html.leo input[type=datetime-local], html.leo input[type=date], html.leo input[type=month], html.leo input[type=time], html.leo input[type=week], html.leo input[type=number], html.leo input[type=email], html.leo input[type=url], html.leo input[type=search], html.leo input[type=tel], html.leo input[type=color], html.leo .uneditable-input, html.leo textarea:focus, html.leo input[type=text]:focus, html.leo input[type=password]:focus, html.leo input[type=datetime]:focus, html.leo input[type=datetime-local]:focus, html.leo input[type=date]:focus, html.leo input[type=month]:focus, html.leo input[type=time]:focus, html.leo input[type=week]:focus, html.leo input[type=number]:focus, html.leo input[type=email]:focus, html.leo input[type=url]:focus, html.leo input[type=search]:focus, html.leo input[type=tel]:focus, html.leo input[type=color]:focus, html.leo .uneditable-input:focus {
  border-color: #AEC756;
}
html.leo input[type=text]:disabled, html.leo .select2-container-disabled .select2-choice {
  border-color: #b9b9b9 !important;
  color: #b9b9b9 !important;
}
html.leo .control-group {
  margin-bottom: 5px;
}
html.leo .form .span9 {
  margin-left: -1px !important;
}
html.leo .form .span9 .formInput {
  width: 92.927% !important;
}
html.leo .form .span10 {
  margin-left: -1px !important;
}
html.leo .form .span10 .formInput {
  width: 92.927% !important;
}
html.leo .control-group .control-label, html.leo .control-group .help-block, html.leo .control-group .help-inline {
  color: #737373;
}
html.leo .control-group .checkbox, html.leo .control-group .radio, html.leo .control-group input, html.leo .control-group select, html.leo .control-group textarea {
  color: #737373;
}
html.leo .control-group input, html.leo .control-group select, html.leo .control-group textarea {
  border-color: #AEC756;
  box-shadow: none;
  color: #737373;
}
html.leo .control-group input:focus, html.leo .control-group select:focus, html.leo .control-group textarea:focus {
  border-color: #AEC756;
  box-shadow: none;
}
html.leo .error {
  color: #FF0000;
}
html.leo .control-group.error .control-label, html.leo .control-group.error .help-block, html.leo .control-group.error .help-inline {
  color: #FF0000;
}
html.leo .control-group.error .checkbox, html.leo .control-group.error .radio, html.leo .control-group.error input, html.leo .control-group.error select, html.leo .control-group.error textarea {
  color: #FF0000;
}
html.leo .control-group.error input, html.leo .control-group.error select, html.leo .control-group.error textarea, html.leo .control-group.error div.select2-container a {
  border-color: #FF0000 !important;
  box-shadow: none;
}
html.leo div.select2-drop li.error {
  color: #737373 !important;
}
html.leo li.error:nth-child(1)::parent {
  color: green;
}
html.leo .control-group.error input:focus, html.leo .control-group.error select:focus, html.leo .control-group.error textarea:focus {
  border-color: #FF0000 !important;
  color: #FF0000;
  box-shadow: none;
}
html.leo .control-group.info .control-label, html.leo .control-group.info .help-block, html.leo .control-group.info .help-inline {
  color: #737373;
}
html.leo .control-group.info .checkbox, html.leo .control-group.info .radio, html.leo .control-group.info input, html.leo .control-group.info select, html.leo .control-group.info textarea {
  color: #737373;
}
html.leo .control-group.info input, html.leo .control-group.info select, html.leo .control-group.info textarea {
  border-color: #AEC756;
  box-shadow: none;
  color: #737373;
}
html.leo .control-group.info input:focus, html.leo .control-group.info select:focus, html.leo .control-group.info textarea:focus {
  border-color: #AEC756;
  box-shadow: none;
}
html.leo .control-group.info .input-prepend .add-on, html.leo .control-group.info .input-append .add-on {
  background-color: transparent !important;
  border: none !important;
  color: transparent !important;
}
html.leo .control-group.info span.validation-icon {
  background: url(../static/images/formFieldValid.png) no-repeat top right transparent;
  width: 22px !important;
  height: 22px !important;
  position: absolute;
  top: 0.36em;
  margin-left: 10px;
}
html.leo .control-group.error span.validation-icon {
  background: url(../static/images/formFieldInvalid.png) no-repeat top right transparent;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0.36em;
  margin-left: 10px;
}
html.leo input[disabled], html.leo select[disabled], html.leo textarea[disabled], html.leo input[readonly], html.leo select[readonly], html.leo textarea[readonly] {
  background-color: #FFFFFF;
}
html.leo .default_cursor {
  cursor: default !important;
}
html.leo .no_cursor {
  cursor: none;
}
html.leo .formfield {
  position: relative;
}
html.leo .spacer {
  margin-bottom: 1em;
}
html.leo .spacerAndHalf {
  margin-bottom: 1.5em;
}
html.leo .spacerDouble {
  margin-bottom: 2em;
}
html.leo .spacerHalf {
  margin-bottom: 0.5em;
}
html.leo .spacerInside {
  padding-bottom: 1em;
}
html.leo .spacerTopInside {
  padding-top: 1em;
}
html.leo .spacerHalfTopInside {
  padding-top: 0.5em;
}
html.leo .spacerHalfInside {
  padding-bottom: 0.5em;
}
html.leo .spacerDoubleInside {
  padding-bottom: 2em;
}
html.leo .spacerTop {
  margin-top: 1em;
}
html.leo .spacerTopDouble {
  margin-top: 2em;
}
html.leo .spacerTopDoubleInside {
  padding-top: 2em;
}
html.leo .spacerLeft {
  margin-left: 1em;
}
html.leo .spacerRight {
  margin-right: 1em;
}
html.leo .formInput {
  width: 92.427% !important;
  height: 32px;
  padding: 0;
}
html.leo textarea.formInput {
  padding-left: 9px;
  resize: vertical;
}
html.leo .formInputEventDate {
  width: 92.427% !important;
  height: 30px !important;
  padding: 0;
}
html.leo .formField {
  width: 82.427% !important;
  height: 32px !important;
  padding: 0;
}
html.leo .nolabel {
  margin-top: 2.356em;
}
html.leo .nolabelMiddle {
  margin-top: calc(2.356em + 4px);
}
html.leo .formInputEventTime {
  width: 82.427% !important;
  height: 30px !important;
  padding: 0;
}
html.leo .formInputdateSeries {
  height: 32px !important;
}
html.leo .formContent {
  width: 92.427% !important;
  padding: 0;
}
html.leo .flexInput {
  width: 100% !important;
  height: 32px !important;
  padding: 0;
}
html.leo .formInput.input-append {
  width: 100% !important;
}
html.leo input:focus:invalid, html.leo textarea:focus:invalid, html.leo select:focus:invalid {
  border-color: #AEC756;
  color: #737373;
}
html.leo input:focus:invalid:focus, html.leo textarea:focus:invalid:focus, html.leo select:focus:invalid:focus {
  border-color: #AEC756;
  box-shadow: none;
}
html.leo select, html.leo textarea, html.leo input[type=text], html.leo input[type=password], html.leo input[type=datetime], html.leo input[type=datetime-local], html.leo input[type=date], html.leo input[type=month], html.leo input[type=time], html.leo input[type=week], html.leo input[type=number], html.leo input[type=email], html.leo input[type=url], html.leo input[type=search], html.leo input[type=tel], html.leo input[type=color], html.leo .uneditable-input {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 1.143em;
  line-height: 32px;
  font-family: "Sintony", sans-serif;
  padding-left: 9px;
  padding-right: 9px;
}
html.leo .mediumHeight {
  height: 92px;
  min-height: 92px !important;
}
html.leo .checkbox-fieldset {
  margin-bottom: 1.57em;
}
html.leo .radio, html.leo .checkbox {
  padding-left: 0;
}
html.leo .error .prettycheckbox a {
  border-color: #FF0000;
}
html.leo .error .prettycheckbox label {
  color: #FF0000;
}
html.leo .prettycheckbox a {
  border-color: #AEC756;
  border-style: solid;
  border-width: 1px;
  width: 1.1em;
  height: 1.1em;
  background-color: #FFFFFF;
}
html.leo .prettyradio a {
  background-position: -3px -120px;
}
html.leo .prettyradio a:focus {
  background-position: -3px -120px;
}
html.leo .prettyradio a.checked {
  background-position: -3px -180px;
}
html.leo .prettyradio a.checked:focus {
  background-position: -3px -180px;
}
html.leo .prettyradio {
  vertical-align: middle !important;
}
html.leo .prettyradio a {
  width: 18px;
  height: 28px;
}
html.leo div.prettycheckbox {
  vertical-align: text-top;
}
html.leo .radio.inline, html.leo .checkbox.inline {
  display: inline-block;
  margin-bottom: 0;
  padding-top: 0;
  vertical-align: middle;
}
html.leo label.radio.inline {
  margin-right: 2em;
}
html.leo .prettycheckbox, html.leo .prettyradio {
  vertical-align: inherit;
}
html.leo .prettycheckbox a.checked, html.leo .prettycheckbox a.checked:focus {
  background-position: -5px -65px;
}
html.leo .collapse {
  width: 100%;
}
html.leo .prettycheckbox label, html.leo .prettyradio label {
  color: #737373;
}
html.leo .prettycheckbox label {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.3em;
  line-height: 1.5em;
}
html.leo .prettycheckbox label a {
  float: none;
  border: none;
  display: inline;
  width: 100%;
  height: 100%;
  background-image: none;
}
html.leo .prettyradio label {
  margin-top: 2px;
  margin-right: 1.3em;
  line-height: 1.7em;
}
html.leo .jspVerticalBar {
  width: 7px;
  background-color: rgba(0, 0, 0, 0);
}
html.leo .jspTrack {
  background-color: white;
}
html.leo .jspDrag {
  background-color: #FF7D2D;
}
html.leo .jspDragTop {
  height: 7px;
  background-color: #FFFFFF;
}
html.leo .btn {
  font-size: 1.143em;
  line-height: 1.5em;
}
html.leo .btn:focus {
  outline: none !important;
}
html.leo .btn:active, html.leo .btn.active {
  box-shadow: none;
}
html.leo .btn-large {
  font-size: 1.3em;
}
html.leo .btn-long {
  min-width: 14em !important;
  text-align: left;
  margin-top: 10px;
  margin-right: 20px;
}
html.leo .btn-long:last-child {
  margin-right: 0;
}
html.leo input.btn, html.leo a.btn, html.leo button.btn, html.leo div.btn {
  background: none no-repeat top right #AEC756;
  border-color: #AEC756;
  border-radius: 1px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
}
html.leo .btn:hover, html.leo .btn:focus, html.leo .btn.disabled, html.leo .btn[disabled] {
  background-color: #AEC756;
  color: #FFFFFF;
  transition: none;
}
html.leo a.btn > span.add-on, html.leo button.btn > span.add-on {
  background-color: transparent;
  border: none;
  display: inline-block;
  padding: 0 0 0 10px;
  text-align: center;
  margin-right: -3px;
}
html.leo a.btn > span.add-on.floatLeft, html.leo button.btn > span.add-on.floatLeft {
  background-color: transparent;
  border: none;
  display: inline-block;
  padding: 0 10px 0 10px;
  text-align: center;
}
html.leo a.btn > div.add-on, html.leo button.btn > div.add-on {
  background-color: transparent;
  border: none;
  display: inline-block;
  padding: 0 0 0 4px;
  text-align: center;
  margin-right: -5px;
}
html.leo a.removeBtn > span.add-on {
  /*remves padding from icon in the standart button*/
  padding-left: 0;
  margin-right: 0 !important;
  vertical-align: middle;
}
html.leo .input-append, html.leo .input-prepend {
  white-space: normal;
}
html.leo input.btn-save, html.leo input.btn-save:hover {
  background-image: url("../static/images/arrow_right.png");
  background-position: right 0.8em center;
  background-repeat: no-repeat;
  padding-right: 2em;
}
html.leo input.btn-delete, html.leo input.btn-delete:hover {
  background-image: url("../static/images/trash.png");
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 3em;
}
html.leo a.btn-edit, html.leo a.btn-edit:hover {
  background-image: url("../static/images/arrow_right.png");
  background-position: right 0.8em center;
  background-repeat: no-repeat;
  padding-right: 2em;
}
html.leo .xicon-back {
  background-image: url("../static/images/arrow_left.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 0.714em 1em;
  height: 1.14em;
  line-height: 1.14em;
  margin-top: 0.3em;
  vertical-align: text-top;
  width: 0.714em;
}
html.leo .xicon-send {
  background-image: url("../static/images/arrow_right.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 0.714em 1em;
  height: 1.14em;
  line-height: 1.14em;
  margin-top: 0.3em;
  vertical-align: text-top;
  width: 0.714em;
}
html.leo .xicon-shopping-cart {
  display: inline-block;
  background-size: 0.714em 1em;
  height: 1.14em;
  line-height: 1.14em;
  margin-top: 0.3em;
  vertical-align: text-top;
  width: 0.714em;
}
html.leo i.xicon-special-login {
  background-image: url("../static/images/fb_logo_white.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 1.8em;
}
html.leo .xicon-registration {
  background-image: url("../static/images/registration.png");
  background-repeat: no-repeat;
  background-size: 1.4em 1.4em;
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
}
html.leo .xicon-trash {
  background-image: url("../static/images/trash.png");
  background-repeat: no-repeat;
  background-size: 0.81em 0.93em;
  display: inline-block;
  height: 0.93em;
  margin-right: 10px;
  margin-left: 10px;
  width: 0.81em;
}
html.leo .xicon-login {
  background-image: url("../static/images/user.png");
  background-repeat: no-repeat;
  background-size: 1.4em 1.4em;
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
}
html.leo .xicon-user {
  background-image: url("../static/images/user.png");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-top: 0.3em;
}
html.leo .xicon-moveToTheLeft {
  background-image: url("../static/images/arrow_left2.png");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
html.leo .xicon-moveToTheRight {
  background-image: url("../static/images/arrow_right2.png");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
html.leo .xicon-upActive {
  background-image: url("../static/images/arrow_up2_green.png");
  background-repeat: no-repeat;
  background-size: 0.6em 1em;
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
html.leo .xicon-downActive {
  background-image: url("../static/images/arrow_down2_green.png");
  background-repeat: no-repeat;
  background-size: 0.6em 1em;
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
html.leo .xicon-remove-attr {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  display: inline-block;
  float: right;
  height: 1em;
  vertical-align: middle;
  width: 1em;
}
html.leo .xicon-star-empty {
  background-image: url("../static/images/star_empty.gif");
  background-repeat: no-repeat;
  background-size: 1.1em 1em;
  display: inline-block;
  height: 1em;
  width: 1.1em;
}
html.leo .xicon-star {
  background-image: url("../static/images/star.gif");
  background-repeat: no-repeat;
  background-size: 1.1em 1em;
  display: inline-block;
  height: 1em;
  width: 1.1em;
}
html.leo .xicon-venue {
  background-image: url("../static/images/my_venues.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1em;
  display: inline-block;
  height: 1em;
  width: 1.1em;
}
html.leo .xicon-date {
  background-image: url("../static/images/cal_icon.png");
  background-repeat: no-repeat;
  background-size: 1.2em 1em;
  display: inline-block;
  height: 1em;
  width: 1.2em;
}
html.leo .xicon-status_0 {
  background-image: url("../static/images/status_blocked.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  vertical-align: bottom;
}
html.leo .xicon-status_-1 {
  background-image: url("../static/images/status_rejected.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  vertical-align: bottom;
}
html.leo .xicon-status_1 {
  background-image: url("../static/images/status_approved.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  vertical-align: bottom;
}
html.leo .xicon-event {
  background-image: url("../static/images/my_events.png");
  background-repeat: no-repeat;
  background-size: 1.14em 1.21em;
  display: inline-block;
  height: 1.14em;
  width: 1.21em;
}
html.leo .xicon-dropdown {
  background-image: url("../static/images/arrow_down.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  display: inline-block;
  height: 1em;
  width: 1.2em;
}
html.leo .xicon-dropdown-white {
  background-image: url("../static/images/arrow_down_white.png");
  background-repeat: no-repeat;
  background-position: bottom 1px center;
  display: inline-block;
  height: 1em;
  width: 1.2em;
}
html.leo .xicon-remove {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 0.57em 0.57em;
  cursor: pointer;
  display: inline-block;
  height: 0.8em;
  vertical-align: text-bottom;
  width: 1em;
}
html.leo .xicon-remove-white {
  background-image: url("../static/images/remove_white.png");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  background-position: right top 0.2em;
  cursor: pointer;
  display: inline-block;
  height: 2em;
  vertical-align: text-bottom;
  width: 1em;
  float: right;
}
html.leo .xicon-remove-date {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: text-bottom;
  position: relative;
  float: right;
  right: 2%;
  top: -20px;
  cursor: pointer;
  margin-bottom: -20px;
}
html.leo .xicon-remove-aa {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 8px 8px;
  cursor: pointer;
  display: inline-block;
  height: 1em;
  vertical-align: text-bottom;
  width: 1em;
  margin-left: -20px;
}
html.leo .xicon-edit-event {
  background-image: url("../static/images/edit.png");
  background-position: right 0.4em center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 24px;
  margin-bottom: 0.9em;
  width: 2.1em;
}
html.leo .xicon-edit-event-small {
  background-image: url("../static/images/edit.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 1em;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 1.3em;
  width: 1.6em;
}
html.leo .xicon-edit-event:hover, html.leo .xicon-edit-event-small:hover {
  background-image: url("../static/images/edit_active.png");
}
html.leo .xicon-add-date {
  background-image: url("../static/images/calendarAdd.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 20px;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 24px;
  width: 1.9em;
}
html.leo .xicon-add-date:hover {
  background-image: url("../static/images/calendarAdd_active.png");
}
html.leo .xicon-remove-eventdate, html.leo .xicon-remove-mailTemplate {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 2em;
  position: relative;
  top: 0;
  vertical-align: text-bottom;
  width: 1.1em;
}
html.leo .xicon-remove-blacklistItem {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 15px auto;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 26px;
  position: relative;
  top: 12px;
  vertical-align: text-bottom;
  width: 15px;
}
html.leo .xicon-remove-catFilterItem {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 15px auto;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 26px;
  position: relative;
  top: 4px;
  vertical-align: text-bottom;
  width: 15px;
}
html.leo .xicon-remove-accountRole {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 13px auto;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  top: 3px;
  vertical-align: text-bottom;
  width: 13px;
}
html.leo .xicon-remove-role {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 8px auto;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  position: relative;
  top: 2px;
  vertical-align: text-bottom;
  width: 13px;
  background-position: right top;
}
html.leo .xicon-save-roleConfigItem {
  background-repeat: no-repeat;
  background-size: 19px auto;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  position: relative;
  vertical-align: center;
  width: 20px;
  background-image: url("../static/images/save_icon_active.png");
  background-color: transparent !important;
}
html.leo .xicon-save-roleConfigItem:hover {
  background-image: url("../static/images/save_icon_active_hover.png");
}
html.leo .xicon-save-blacklistItem {
  background-repeat: no-repeat;
  background-size: 20px auto;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 26px;
  position: relative;
  vertical-align: text-bottom;
  width: 20px;
}
html.leo .xicon-save-blacklistItem.inactive {
  background-image: url("../static/images/save_icon_inactive.png");
  cursor: auto;
}
html.leo .xicon-save-blacklistItem.active {
  background-image: url("../static/images/save_icon_active.png");
  background-color: transparent !important;
}
html.leo .xicon-save-blacklistItem.active:hover {
  background-image: url("../static/images/save_icon_active_hover.png");
}
html.leo .xicon-create-blacklistItem, html.leo .xicon-create-catFilterItem, html.leo .xicon-create-role {
  background-repeat: no-repeat;
  background-size: 22px auto;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 26px;
  position: relative;
  top: 6px;
  vertical-align: text-bottom;
  width: 22px;
}
html.leo .xicon-create-blacklistItem.active, html.leo .xicon-create-catFilterItem.active, html.leo .xicon-create-role.active {
  background-image: url("../static/images/save_new_icon_active.png");
  background-color: transparent !important;
}
html.leo .xicon-create-blacklistItem.inactive, html.leo .xicon-create-catFilterItem.inactive, html.leo .xicon-create-role.inactive {
  background-image: url("../static/images/save_new_icon_inactive.png");
  background-color: transparent !important;
  cursor: auto;
}
html.leo .xicon-create-blacklistItem.active:hover, html.leo .xicon-create-catFilterItem.active:hover, html.leo .xicon-create-role.active:hover {
  background-image: url("../static/images/save_new_icon_active_hover.png");
}
html.leo .xicon-create-blacklistItem:disabled {
  cursor: pointer;
}
html.leo .xicon-add-user-accountRole {
  background-repeat: no-repeat;
  background-size: 18px auto;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  top: 6px;
  vertical-align: text-bottom;
  width: 22px;
}
html.leo .xicon-add-user-accountRole.active {
  background-image: url("../static/images/add_user_icon.png");
  background-color: transparent !important;
}
html.leo .xicon-add-user-accountRole.active:hover {
  background-image: url("../static/images/add_user_icon_active.png");
}
html.leo .xicon-remove-images {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 2em;
  position: relative;
  top: 0;
  vertical-align: text-bottom;
  width: 1.1em;
}
html.leo .xicon-remove-eventseries {
  background-image: url("../static/images/remove.png");
  background-repeat: no-repeat;
  background-size: 8px 8px;
  cursor: pointer;
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  position: relative;
  vertical-align: text-bottom;
  width: 2em;
}
html.leo .xicon-loading {
  background-image: url("../static/images/spinner.gif");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-top;
}
html.leo .input-append .add-on, html.leo .input-prepend .add-on {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  display: inline-block;
  line-height: auto;
  min-width: 16px;
  padding: 4px 5px;
  text-align: center;
  text-shadow: none;
  width: auto;
}
html.leo .input-append .add-on:last-child,
html.leo .input-append .btn:last-child,
html.leo .input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html.leo .input-prepend .add-on:first-child,
html.leo .input-prepend .btn:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html.leo .smallSelectField {
  width: 33.557%;
  margin-right: 1.995%;
  display: inline-block;
  margin-right: 1.4em;
}
html.leo .smallerSelectField {
  width: 20%;
  display: inline-block;
  margin-right: 2.5%;
}
html.leo .mediumSelectField {
  width: 72%;
  display: inline-block;
  margin-right: 2.5%;
}
@-moz-document url-prefix() {
  html.leo .container, html.leo .navbar-static-top .container, html.leo .navbar-fixed-top .container, html.leo .navbar-fixed-bottom .container {
    height: auto !important;
  }
}
html.leo .select2-default {
  color: #737373 !important;
}
html.leo .select2-container {
  width: 100%;
  color: #737373;
}
html.leo .select2-container .select2-choice span.select2-arrow {
  margin-right: 3px;
  border: none;
  background-image: url(../static/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 Transparenz */
}
html.leo .select2-container .select2-choice span.select2-arrow b {
  background-image: none;
}
html.leo .select2-search input {
  border: 1px solid #AEC756;
  background: url(../static/images/searchicon.png) no-repeat right center transparent;
  font-size: 1em !important;
  padding-left: 6px !important;
}
html.leo .select2-search input:focus {
  border: 1px solid #AEC756;
}
html.leo .select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
html.leo div .searchfield {
  padding-top: 20px;
  padding-bottom: 10px;
}
html.leo .searchfield .select2-container {
  /* width:inherit !important;*/
}
html.leo .select2-container .select2-choice, html.leo .select2-container.select2-drop-above .select2-choice {
  -moz-user-select: none;
  background-clip: padding-box;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #AEC756;
  border-radius: 0;
  color: #737373;
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 0 0 9px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  font-size: 1.143em;
}
html.leo .select2-drop {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #AEC756;
  border-image: none;
  border-radius: 0 0 1px 1px;
  border-top: 1px solid #FFFFFF;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  box-shadow: none;
  color: #737373;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9999;
  font-size: 1.143em;
  line-height: 32px;
}
html.leo .select2-dropdown-open.select2-drop-above .select2-choice {
  -moz-user-select: none;
  background-clip: padding-box;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #AEC756;
  border-radius: 0;
  color: #737373;
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 0 0 9px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  font-size: 1.143em;
}
html.leo .select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #AEC756;
}
html.leo .select2-drop.select2-drop-above {
  border-bottom: 0 none;
  border-radius: 0 0 0 0;
  border-top: 1px solid #AEC756;
  box-shadow: none;
  margin-top: 1px;
}
html.leo .select2-results {
  padding: 0;
  margin-right: 0;
}
html.leo .select2-results .select2-highlighted {
  background: none repeat scroll 0 0 #AEC756;
  color: #FFFFFF;
}
html.leo .select2-results .select2-highlighted .select2-match {
  color: #FFFFFF;
}
html.leo .select2-results .select2-highlighted i.xicon-star {
  background-image: url(../static/images/star_white.gif);
}
html.leo .select2-results .select2-highlighted i.xicon-star-empty {
  background-image: url(../static/images/star_empty_white.gif);
}
html.leo .select2-result-label, html.leo .select2-no-results, html.leo .select2-searching {
  padding-left: 10px !important;
}
html.leo .select2-no-results {
  color: #FF7D2D;
}
html.leo .select2-result-selectable .select2-match, html.leo .select2-result-unselectable .select2-match {
  text-decoration: none;
  color: #737373;
  font-weight: bold;
}
html.leo .select2-container-active .select2-choice, html.leo .select2-container-active .select2-choices {
  border: 1px solid #AEC756;
  box-shadow: none;
  outline: medium none;
}
html.leo .select2-results .select2-no-results, html.leo .select2-results .select2-searching, html.leo .select2-results .select2-selection-limit {
  background-color: #FFFFFF;
  word-wrap: break-word;
}
html.leo .helpbox-title {
  padding: 10px 12px;
  margin: 0;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.2em;
  background-color: #FFFFFF;
  background-image: none;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #AEC756;
}
html.leo .helpbox-content {
  color: #737373;
  padding: 2px 12px 10px 12px;
  margin: 0;
}
html.leo .error .helpbox-content {
  color: #FF0000 !important;
}
html.leo .helpbox {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  background-clip: padding-box;
  min-height: 100px;
  min-width: 50px;
}
html.leo .arrow_box {
  position: relative;
}
html.leo .arrow_box:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(138, 183, 213, 0);
  border-right-color: #FFFFFF;
  border-right-width: 10px;
  border-bottom-width: 20px;
  border-top-width: 20px;
  top: 50px;
  margin-top: -34px;
}
html.leo .alert-success {
  background-color: #FFFFFF;
  border-color: #FF7D2D;
  color: #737373;
}
html.leo .alert {
  border-radius: 0px;
}
html.leo .close {
  color: #737373;
}
html.leo .modal, html.leo .takeoverDialog {
  background-color: #FFFFFF;
  border: 1px solid #FF7D2D;
  border-radius: 1px 1px 1px 1px;
  box-shadow: none;
  left: 50%;
  margin-left: -280px;
  outline: medium none;
  position: fixed;
  top: 10%;
  width: 420px;
  z-index: 1050;
  color: #737373;
}
html.leo .modal-header {
  border-bottom: none;
  background-color: #FF7D2D;
  color: #FFFFFF;
  min-height: 20px;
  font-size: 1.143em;
  line-height: 1.4em;
}
html.leo .modal-header .close {
  margin-top: 0;
  background-image: url(../static/images/close.png);
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 0.4em;
  right: 0.4em;
}
html.leo .close, html.leo .close:hover, html.leo .close:focus {
  opacity: 1 !important;
  text-shadow: none;
}
html.leo .modal-body {
  padding: 15px 15px 30px 15px;
}
html.leo .modal-footer {
  background-color: #FFFFFF;
  border-radius: 0 0 6px 6px;
  border: none;
  box-shadow: none;
  padding: 10px 15px 15px 15px;
}
html.leo .modal-footer input.btn, html.leo .modal-footer a.btn, html.leo .modal-footer button.btn {
  background-color: #FF7D2D;
}
html.leo .takeoverDialog {
  width: 920px;
  margin-left: -430px;
}
html.leo .fadeOutLeftBig, html.leo .fadeOutRightBig, html.leo .lightSpeedOut {
  position: absolute;
}
html.leo .fadeInRightBig, html.leo .fadeInLeftBig, html.leo .lightSpeedIn {
  position: absolute;
}
html.leo .animated.wiggle {
  -webkit-animation-duration: 5.75s;
  -moz-animation-duration: 5.75s;
  -o-animation-duration: 5.75s;
  animation-duration: 5.75s;
}
html.leo .address-event-animation.animate-show.ng-hide-add {
  display: block !important;
  animation-name: slideOutUp;
  animation-duration: 2s;
  -webkit-animation-name: slideOutUp;
  -webkit-animation-duration: 2s;
  position: absolute;
  width: 90.82%;
}
html.leo .address-event-animation.animate-show.ng-hide-remove {
  display: block !important;
  animation-name: slideInDown;
  animation-duration: 2s;
  -webkit-animation-name: slideInDown;
  -webkit-animation-duration: 2s;
  position: absolute;
  width: 90.82%;
}
html.leo div.event div.eventStatus {
  min-width: 20px;
  margin-top: 5px;
}
html.leo div.event div.span8.content-left {
  margin-left: 0px;
}
html.leo div.event div.event-date-venue-box div.address-link span, html.leo div.event div.event-dates-box div.address-link span, html.leo div.event div.event-extra-box div.address-link span {
  float: right;
  margin-top: 0.6em;
}
html.leo div.event div.event-date-venue-box div.address-link span a, html.leo div.event div.event-dates-box div.address-link span a, html.leo div.event div.event-extra-box div.address-link span a {
  cursor: pointer;
  font-weight: bold;
}
html.leo div.event-noPermission div.image-noPermission {
  background-image: url("../static/images/noPermission.png");
  background-repeat: no-repeat;
  height: 250px;
  background-position: center;
}
html.leo div.venueMap {
  height: 20em;
}
html.leo .row-fluid div.venueMap {
  margin-left: 0;
}
html.leo span.collapseArrow {
  float: left;
  background-image: url(../static/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 Transparenz */
  width: 13px;
  height: 100%;
  margin: auto;
  margin-right: 0.5em;
}
html.leo a.collapsed span.collapseArrow {
  background-image: url(../static/images/arrow_right_grey.png);
}
html.leo a.labelLink {
  line-height: 2em;
}
html.leo div.createDateBtn {
  /*# position:absolute;
  # right:0;
  # bottom:0;
  # margin-bottom: 6px;*/
}
html.leo div #prices .content-inner {
  padding-bottom: 30px;
}
html.leo div #ticketRef .content-inner {
  padding-bottom: 30px;
}
html.leo .dates div.alternating .row-fluid .span7 {
  width: 67.4468% !important;
}
html.leo .dates div.alternating .row-fluid .span4 {
  width: 28.9149% !important;
}
html.leo .dates div.alternating div.radioGroup {
  margin-top: 1em;
  margin-bottom: 1em;
}
html.leo div.event-prices div.event-price-freebie {
  margin-top: 3em;
}
html.leo div.event-prices div.event-price-freebie label {
  margin-right: 0;
}
html.leo div.event-user div.special-login-buttons a {
  margin-left: 2em;
  vertical-align: middle;
}
html.leo div.event-user div.special-login-buttons a:first-child {
  margin-left: 0;
}
html.leo div.event-user div.special-login-buttons a.facebook-connect-link, html.leo div.event-user div.special-login-buttons a.facebook-connect-link:hover, html.leo div.event-user div.special-login-buttons a.facebook-connect-link:focus {
  background-image: url("../static/images/fb_login_de.png");
  background-color: transparent;
  background-repeat: no-repeat;
  height: 32px;
  width: 137px;
  padding: 0;
  background-position: 0 0;
  background-size: auto 32px;
}
html.leo div.event-user div.special-login-buttons a.redfact-connect-link:before {
  content: "Anmelden";
}
html.leo div.event-user div.special-login-buttons a.google-connect-link, html.leo div.event-user div.special-login-buttons a.google-connect-link:hover, html.leo div.event-user div.special-login-buttons a.google-connect-link:focus {
  background-image: url("../static/images/google_login_de.png");
  background-color: transparent;
  background-repeat: no-repeat;
  height: 32px;
  width: 183px;
  padding: 0;
  background-position: 0 0;
  background-size: auto 32px;
}
html.leo div.event-user div.event-login a.pass-reset, html.leo div.event-user div.event-login-open-btn a.pass-reset {
  display: block;
  margin-top: 0.2em;
  vertical-align: bottom;
  word-wrap: normal;
}
html.leo div.event-user div.event-guest .toc div.prettycheckbox label {
  display: none;
}
html.leo ul.dateSeries {
  margin-left: 0;
  margin-top: 1em;
  min-height: 5em;
  border: 1px solid #AEC756;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
html.leo ul.dateSeries li {
  line-height: 2em;
  padding: 0 9px;
}
html.leo .dateSeries span.day {
  display: inline-block;
  margin-right: 1%;
  min-width: 53px;
}
html.leo .ui-datepicker {
  padding: 0 !important;
}
html.leo .ui-widget {
  font-family: "Sintony", sans-serif !important;
  border-color: #FF7D2D !important;
}
html.leo .ui-corner-all {
  border-radius: 0px;
}
html.leo .ui-state-default, html.leo .ui-widget-content .ui-state-default, html.leo .ui-widget-header .ui-state-default {
  background-image: none;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #737373;
  font-weight: normal;
  text-align: center;
}
html.leo .ui-widget-header {
  background-image: none !important;
  background-color: #FF7D2D !important;
  border: none !important;
  color: #FFFFFF !important;
  font-size: 1em !important;
  font-weight: normal !important;
}
html.leo .ui-datepicker .ui-datepicker-header .ui-state-hover {
  background-color: none !important;
}
html.leo .ui-widget-header .ui-state-hover, html.leo .ui-widget-header .ui-state-focus, html.leo .ui-datepicker-header .ui-state-hover, html.leo .ui-datepicker-header .ui-state-focus {
  background-image: none;
  background-color: #FF7D2D !important;
  border: none !important;
  color: #AEC756 !important;
  font-weight: bold;
  background: none;
}
html.leo .ui-widget-header .ui-state-hover .ui-icon, html.leo .ui-widget-header .ui-state-focus .ui-icon {
  background-image: url("../static/images/ui-icons_white_256x240.png") !important;
}
html.leo .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
html.leo .ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
html.leo .ui-datepicker .ui-datepicker-prev-hover, html.leo .ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  cursor: pointer;
}
html.leo .ui-widget-content {
  background-image: none;
  background-color: #FFFFFF;
  color: #737373 !important;
}
html.leo .ui-datepicker table {
  font-size: 0.8em !important;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #FF7D2D;
  background: #FFE6B9;
  font-weight: normal;
  color: #737373;
  outline: none;
}
html.leo .span4.content-right.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #FF7D2D;
  background: #737373 !important;
  font-weight: normal;
  color: #737373;
  outline: none;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  border: 1px solid #FF7D2D !important;
  background-color: #FFE6B9 !important;
  font-weight: normal;
  color: #737373;
  outline: none;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  border: 1px solid #FF7D2D;
  background-color: #FFFFFF;
  font-weight: normal;
  color: #737373;
  outline: none;
}
html.leo table.ui-datepicker-calendar a {
  max-width: 50%;
  margin: auto;
}
html.leo .venue-favourites a {
  color: #737373;
  margin-right: 0.3em;
}
html.leo .venue-favourites div.emptyFavList {
  height: 15.2em;
}
html.leo .venue-favourites div.emptyFavList div.text1 {
  height: 15%;
}
html.leo .venue-favourites div.emptyFavList div.text2 {
  height: 30%;
}
html.leo .venue-favourites div.emptyFavList div.favsImage {
  background-image: url(../static/images/my_venues_big.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 55%;
}
html.leo .venue-favourites div.emptyFavList a {
  color: #AEC756;
}
html.leo .venue-favourites li {
  line-height: 1.2em;
  padding-bottom: 0.5em;
}
html.leo .venue-favourites .span11 {
  margin-left: 1% !important;
}
html.leo div.event-mainImage div.mainImage {
  background-image: url("../static/images/upload.png");
  background-repeat: no-repeat;
  height: 200px;
  background-position: center;
}
html.leo div.event-mainImage ul.error {
  display: block;
  margin: auto;
  text-align: center;
}
html.leo div.event-mainImage p.image-headline {
  font-size: 2.3em;
  padding-bottom: 0.5em;
  line-height: 1.2em;
  color: #1a1a1a;
  font-family: Roboto;
  font-weight: 300;
}
html.leo div.event-gallery div.galleryImage {
  background-image: url("../static/images/gallery.png");
  background-repeat: no-repeat;
  height: 200px;
  background-position: center;
}
html.leo div.event-gallery p.image-headline {
  font-size: 2.3em;
  padding-bottom: 0.5em;
  line-height: 1.2em;
  color: #1a1a1a;
  font-family: Roboto;
  font-weight: 300;
}
@media (max-width: 1050px) {
  html.leo .fileuploader .span6 {
    width: 100%;
  }
  html.leo .fileuploader .span5 {
    margin-top: 20px;
    width: 100%;
  }
}
html.leo .fileuploader .span6 {
  margin-left: 0px;
}
html.leo .fileuploader .btn-upload {
  width: 400px;
}
html.leo .fileuploader .fileupload {
  position: relative;
  overflow: hidden;
  width: 100%;
}
html.leo .fileuploader .fileupload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 400px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
}
html.leo .fileuploader .fileupload-btn {
  width: auto;
  cursor: pointer !important;
  margin-top: 10px;
}
html.leo .fileuploader .center {
  text-align: center;
}
html.leo .fileuploader .gallery-row {
  margin-left: -15px;
  margin-right: -15px;
}
html.leo .fileuploader .gallery-row div.content-inner {
  padding-top: 22px;
}
html.leo .bookingOffice ul {
  border: 1px solid #AEC756;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0;
  max-height: 15em;
  overflow: auto;
  min-height: 2em;
}
html.leo .bookingOffice li:hover {
  background-color: #AEC756;
  color: #FFFFFF;
}
html.leo .bookingOffice li {
  line-height: 25px;
  cursor: pointer;
  padding: 0 10px;
  color: #737373;
}
html.leo .bookingOffice li a {
  margin-left: 10px;
}
@media (max-width: 830px) {
  html.leo .dateSeries .row-fluid .span3 {
    width: 50%;
    margin-left: 0;
  }
  html.leo .content-right {
    /*Favoritenliste auf dem Dashboard*/
  }
  html.leo .content-right .venue-favourites div.span11 {
    margin-left: 5.12766% !important;
    width: 88% !important;
  }
}
@media (max-width: 1199px) {
  html.leo .dates .alternating .row-fluid .span6 {
    width: 100%;
    margin-left: 0;
  }
  html.leo .dates .alternating .row-fluid .offset1:first-child {
    margin-left: 0;
  }
  html.leo .dates .alternating .radioGroup .span8 {
    width: 100% !important;
  }
  html.leo .dates .alternating .row-fluid .span4.createDateBtn {
    width: 50% !important;
    margin-left: 0 !important;
  }
  html.leo .dates .alternating .row-fluid .span4.createDateBtn .floatRight {
    float: none !important;
  }
  html.leo .dates .alternating .row-fluid .span3 {
    margin-left: 7%;
    width: 32%;
  }
  html.leo .dates .alternating .row-fluid .span3:first-child, html.leo .dates .alternating .row-fluid .span2:first-child, html.leo .dates .alternating .row-fluid .span4:first-child {
    margin: 0;
  }
  html.leo .dates .alternating .row-fluid .span2 {
    margin-left: 7%;
    width: 21.894%;
  }
  html.leo .dates .alternating div.span4.floatRight.nolabel {
    display: inline-block;
    float: none !important;
    margin-left: 0 !important;
    margin-top: 1.5em;
    width: 40% !important;
  }
  html.leo .dates .alternating div.span4.floatRight.nolabel div.floatRight {
    float: none !important;
  }
  html.leo .dates .alternating .xicon-remove-date {
    right: 3% !important;
  }
  html.leo .dates .alternating .xicon-remove-eventdate {
    top: -75px !important;
  }
  html.leo .dates .alternating label.radio.inline {
    margin-right: 1em;
  }
  html.leo .dates .alternating .row-fluid .span7 {
    width: 67.4468% !important;
  }
  html.leo .dates .alternating .span6 .row-fluid .span4 {
    width: 28.9149% !important;
  }
  html.leo .formInputEventTime {
    width: 90.427% !important;
  }
  html.leo .dateSeries .row-fluid .span4 {
    width: 100%;
    margin-left: 0;
  }
  html.leo .dateSeries .row-fluid .span8 {
    width: 100% !important;
    margin-left: 0;
  }
  html.leo .dateSeries .formInputEventTime, html.leo .dateSeries .formInputEventDate {
    width: 92% !important;
  }
  html.leo #prices .row-fluid .span4 {
    width: 100% !important;
    margin-left: 0px !important;
    display: inline-table !important;
  }
  html.leo #prices div.span4.floatRight {
    float: none !important;
  }
  html.leo #prices div.span4.floatRight .floatRight {
    float: none !important;
  }
  html.leo #prices .row-fluid .span3 {
    width: 34.9043%;
  }
  html.leo #prices .row-fluid .span2 {
    width: 25.4043%;
  }
  html.leo #prices div.text-right.event-price-freebie {
    text-align: left;
    margin-top: 1.3em;
  }
  html.leo .content-right {
    /*Favoritenliste auf dem Dashboard*/
  }
  html.leo .content-right .venue-favourites div.span11 {
    margin-left: 4.12766% !important;
    width: 88% !important;
  }
}
@media (min-width: 1199px) and (max-width: 1299px) {
  html.leo .xicon-remove-date {
    right: 1% !important;
  }
  html.leo .dateSeries .row-fluid .span8 {
    width: 66.9574% !important;
    margin-left: 1.12766% !important;
  }
  html.leo .dateSeries .formInputEventDate {
    width: 93% !important;
  }
  html.leo .dateSeries .row-fluid .span6 {
    width: 49.3%;
    margin-left: 0%;
  }
  html.leo .content-right {
    /*Favoritenliste auf dem Dashboard*/
  }
  html.leo .content-right .venue-favourites div.span11 {
    margin-left: 1.5% !important;
  }
}
@media (min-width: 1199px) {
  html.leo .dates .alternating .row-fluid .span6 {
    width: 50%;
    margin-left: 0%;
  }
  html.leo .dates .alternating .row-fluid .offset1:first-child {
    margin-left: 2%;
  }
  html.leo .dates .alternating .row-fluid .span7 {
    width: 68.7468% !important;
  }
  html.leo .dates .alternating .row-fluid .span4 {
    width: 33.249% !important;
    margin-left: 1.6% !important;
  }
  html.leo .dates .alternating .row-fluid .span4.createDateBtn {
    width: 33.149% !important;
    margin-left: 0 !important;
  }
  html.leo .dateSeries .formInputEventDate {
    width: 93.427% !important;
  }
}
html.leo .adminarea {
  /***** Header *****/
  /**** Admin-Bereich navigation ****/
  /****** Admin-Bereich - Subpages *******/
}
html.leo .adminarea #header {
  background-image: none;
  height: 4.3em;
}
html.leo .adminarea #header ul {
  display: inline;
}
html.leo .adminarea #content.container {
  min-height: calc(100vh - 314px);
  /*100vh - navigation height - footer height*/
}
html.leo .adminarea div.admin .navbar-inner {
  min-height: 0px;
  padding-bottom: 4.3em;
  margin-top: 0;
}
html.leo .adminarea div.admin .navbar .nav-tabs > li.active > a:after {
  content: "";
  display: block;
  left: 0%;
  margin-left: 0px;
  position: relative;
  border: none;
}
html.leo .adminarea div.admin .nav.nav-tabs {
  border: none;
  min-height: 4em;
}
html.leo .adminarea div.admin .nav.nav-tabs .open > .dropdown-menu {
  width: calc(100% - 2px);
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu {
  margin-top: 0;
  box-shadow: none;
  border-radius: 0;
  border-top: none;
  border-color: #AEC756;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li {
  /*icons for sub-navigation*/
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a {
  color: #737373 !important;
  font-size: 1em !important;
  padding-right: 0.2em;
  padding-left: 2.1em;
  padding-top: 0.3em !important;
  padding-bottom: 0.3em !important;
  white-space: normal;
  min-height: 1em !important;
  line-height: 1.2em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#person {
  background-image: url("../static/images/admin_person_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#person, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#person {
  background-image: url("../static/images/admin_person.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#salutation {
  background-image: url("../static/images/admin_salutation_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#salutation, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#salutation {
  background-image: url("../static/images/admin_salutation.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#roleConfig {
  background-image: url("../static/images/admin_roleconfig.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#roleConfig, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#roleConfig {
  background-image: url("../static/images/admin_roleconfig_white.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#accountRole {
  background-image: url("../static/images/admin_role_manage.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#accountRole, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#accountRole {
  background-image: url("../static/images/admin_role_manage_white.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#categoryConfig {
  background-image: url("../static/images/admin_category_filter.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#categoryConfig, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#categoryConfig {
  background-image: url("../static/images/admin_category_filter_white.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#messages {
  background-image: url("../static/images/admin_messages_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.35em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#messages, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#messages {
  background-image: url("../static/images/admin_messages.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#title {
  background-image: url("../static/images/admin_title_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#title, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#title {
  background-image: url("../static/images/admin_title.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#blacklist {
  background-image: url("../static/images/admin_blacklist_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#blacklist, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#blacklist {
  background-image: url("../static/images/admin_blacklist.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#addAttrConfig {
  background-image: url("../static/images/admin_addAttrConfig_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#addAttrConfig, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#addAttrConfig {
  background-image: url("../static/images/admin_addAttrConfig.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#fieldthemeconfig {
  background-image: url("../static/images/admin_fieldthemeconfig_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.3em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#fieldthemeconfig, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#fieldthemeconfig {
  background-image: url("../static/images/admin_fieldthemeconfig.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#fieldconfig {
  background-image: url("../static/images/admin_fieldconfig_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.35em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#fieldconfig, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#fieldconfig {
  background-image: url("../static/images/admin_fieldconfig.png");
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a#emailtemplate {
  background-image: url("../static/images/admin_emailtemplate_grey.png");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: left 0.5em top 0.35em;
}
html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:hover#emailtemplate, html.leo .adminarea div.admin .nav.nav-tabs .dropdown-menu li a:focus#emailtemplate {
  background-image: url("../static/images/admin_emailtemplate.png");
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown:hover {
  background-color: #AEC756;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown:hover ul {
  display: block;
  width: calc(100% - 2px);
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown.open {
  background-color: #AEC756;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown {
  background-color: #FF7D2D;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown {
  min-height: 4em;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown a {
  vertical-align: middle;
  height: auto !important;
  background-color: transparent !important;
  margin: 0;
  border: none;
  color: #FFFFFF;
  font-size: 1.5em;
  line-height: 1.2em;
  border-radius: 0;
  min-height: 2em;
  padding-top: 1em;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown a:hover, html.leo .adminarea div.admin .nav.nav-tabs li.dropdown a:focus {
  border: none;
  margin: 0;
  background-image: none;
  background-color: #AEC756 !important;
  color: #FFFFFF !important;
}
html.leo .adminarea div.admin .nav.nav-tabs li.dropdown.open > .dropdown-toggle, html.leo .adminarea div.admin .nav.nav-tabs .navbar .nav li.dropdown.active > .dropdown-toggle, html.leo .adminarea div.admin .nav.nav-tabs .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #FFFFFF;
}
html.leo .adminarea div.admin .navbar .nav > li > .dropdown-menu:before {
  border: none !important;
}
html.leo .adminarea div.admin .navbar .nav > li > .dropdown-menu:after {
  border: none;
}
html.leo .adminarea .content-left div.admin .btn-box {
  height: 6.5em;
  margin-right: 20px;
  margin-top: 20px;
  text-align: left;
  width: 6.5em !important;
}
html.leo .adminarea .content-left div.admin .btn-box span {
  display: table-cell;
  height: 6.5em;
  vertical-align: bottom;
  text-align: center;
  width: 6.5em;
}
html.leo .adminarea .content-left div.admin .btn-box span.person {
  background-image: url("../static/images/admin_person.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin .btn-box span.emailtemplate {
  background-image: url("../static/images/admin_emailtemplate.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.fieldconfig {
  background-image: url("../static/images/admin_fieldconfig.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin .btn-box span.fieldthemeconfig {
  background-image: url("../static/images/admin_fieldthemeconfig.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.addAttrConfig {
  background-image: url("../static/images/admin_addAttrConfig.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.salutation {
  background-image: url("../static/images/admin_salutation.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin .btn-box span.messages {
  background-image: url("../static/images/admin_messages.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.role-config {
  background-image: url("../static/images/admin_roleconfig_white.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.categoryConfig {
  background-image: url("../static/images/admin_category_filter_white.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin .btn-box span.account-role {
  background-image: url("../static/images/admin_role_manage_white.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 1em;
}
html.leo .adminarea .content-left div.admin .btn-box span.title {
  background-image: url("../static/images/admin_title.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin .btn-box span.blacklist {
  background-image: url("../static/images/admin_blacklist.png");
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 5px;
  background-position: center 2em;
}
html.leo .adminarea .content-left div.admin h1 {
  margin-bottom: 10px;
  padding-top: 30px;
}
html.leo .adminarea .content-left div.admin h1:first-child {
  padding-top: 10px !important;
}
html.leo .adminarea #content div.subadmin {
  /* dropdown (Sort by)*/
  /*** Paginierung ***/
  /********* E-Mail-Vorlagen*******/
  /********* Category Config *****************/
  /*************  Account - Role **************/
  /***************** Role config ******************/
}
html.leo .adminarea #content div.subadmin ul, html.leo .adminarea #content div.subadmin ol {
  margin: 0 !important;
}
html.leo .adminarea #content div.subadmin .bold {
  font-weight: bold;
}
html.leo .adminarea #content div.subadmin div.sortBox {
  width: 2.5em;
}
html.leo .adminarea #content div.subadmin #bl_textarea {
  width: calc(100% - 15px);
  resize: vertical;
}
html.leo .adminarea #content div.subadmin div.message {
  padding-top: 1em;
  padding-bottom: 2em;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 2em;
}
html.leo .adminarea #content div.subadmin ul.errors {
  padding-top: 1em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  color: #FF0000;
}
html.leo .adminarea #content div.subadmin li.row-fluid [class*=span] {
  min-height: 1em;
}
html.leo .adminarea #content div.subadmin li.linkCursor {
  cursor: pointer;
}
html.leo .adminarea #content div.subadmin input.btn-remove, html.leo .adminarea #content div.subadmin input.btn-remove:hover {
  background-image: url("../static/images/remove.png") !important;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
  float: right;
  background-color: transparent !important;
  border: none;
}
html.leo .adminarea #content div.subadmin .spacerMessage {
  margin-top: -1em;
}
html.leo .adminarea #content div.subadmin div.dropdown {
  display: inline-block;
}
html.leo .adminarea #content div.subadmin a.dropdown-toggle {
  color: #737373;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu {
  border-radius: 0;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid #DADADA;
  box-shadow: none;
  list-style: none outside none;
  margin: 2px 0 0;
  min-width: 0;
  padding: 0.3em 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu li a {
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 0.2em;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu li a .active {
  background-color: #FF7D2D;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu li a:hover {
  background-color: #AEC756 !important;
  background-image: none !important;
  color: #FFFFFF;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu li a.active {
  color: #FFFFFF;
}
html.leo .adminarea #content div.subadmin ul.dropdown-menu li.active a, html.leo .adminarea #content div.subadmin ul.dropdown-menu li.active a:hover {
  background-color: #AEC756;
  background-image: none !important;
}
html.leo .adminarea #content div.subadmin div.pagination a.prevLink {
  background-image: url(../static/images/arrow_left_grey.png);
  width: 2em;
  padding-right: 1.2em;
  background-repeat: no-repeat;
  background-position: left center;
}
html.leo .adminarea #content div.subadmin div.pagination a.nextLink {
  background-image: url(../static/images/arrow_right_grey.png);
  width: 2em;
  padding-left: 1.2em;
  background-repeat: no-repeat;
  background-position: right center;
}
html.leo .adminarea #content div.subadmin div.pagination a.step {
  padding: 0 0.8em;
  font-weight: bold;
}
html.leo .adminarea #content div.subadmin div.nav {
  margin-bottom: 0;
}
html.leo .adminarea #content div.subadmin div.nav.spacer {
  margin-bottom: 30px;
}
html.leo .adminarea #content div.subadmin div.nav a {
  line-height: 3em;
}
html.leo .adminarea #content div.subadmin a.create {
  background-image: url(../static/images/create.png);
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 2em;
  padding-left: 2.2em;
}
html.leo .adminarea #content div.subadmin a.edit {
  background-image: url(../static/images/edit.png);
  background-repeat: no-repeat;
  background-position: right center;
  min-height: 2em;
  padding-right: 2.2em;
}
html.leo .adminarea #content div.subadmin textarea {
  padding-right: 0;
}
html.leo .adminarea #content div.subadmin #mailTemplateList div.borderedTop:first-child {
  border-top: none;
}
html.leo .adminarea #content div.subadmin ol.mailTemplate div.property-label {
  font-weight: bold;
}
html.leo .adminarea #content div.subadmin ol.mailTemplate div.property-value {
  padding-bottom: 1em;
}
html.leo .adminarea #content div.subadmin ol.mailTemplate textarea.noeditable {
  border-color: #DADADA !important;
  resize: none;
  font-size: 1em;
  width: 100%;
  padding: 0;
  min-height: 250px;
}
html.leo .adminarea #content div.subadmin div.category-config div.category-config-filterlist label {
  font-weight: bold;
}
html.leo .adminarea #content div.subadmin div.account-role .modal-header h3 {
  line-height: 1.2em;
}
html.leo .adminarea #content div.subadmin div.account-role .modal-body {
  padding-bottom: 15px;
}
html.leo .adminarea #content div.subadmin div.account-role div.role-container a.collapseArrow {
  background-image: url(../static/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 0.5em;
  padding-left: 20px;
  color: #737373;
  line-height: 1.4em;
}
html.leo .adminarea #content div.subadmin div.account-role div.role-container a.collapseArrow.collapsed {
  background-image: url(../static/images/arrow_right_grey.png);
}
html.leo .adminarea #content div.subadmin div.account-role div.accounts {
  word-wrap: break-word;
  max-height: 400px;
  overflow: auto;
}
html.leo .adminarea #content div.subadmin div.account-role div.accounts.collapse.in {
  border-top: 1px solid #DADADA;
  padding-top: 0.5em;
  margin-top: 0.5em;
}
html.leo .adminarea #content div.subadmin div.account-role div.accounts.collapse {
  border-top: none;
}
html.leo .adminarea #content div.subadmin div.role-config div.role {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}
html.leo .adminarea #content div.subadmin div.role-config div.config {
  margin-top: 1em;
  margin-bottom: 1 em;
}
html.leo .adminarea #content div.subadmin div.role-config div.config div.prettycheckbox {
  width: 100%;
}
html.leo .adminarea #content div.subadmin div.role-config div.config div.prettycheckbox a {
  float: none;
  margin: auto;
}
html.leo .adminarea #content div.subadmin div.role-config div.roles a.collapseArrow {
  background-image: url(../static/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 0.5em;
  padding-left: 20px;
  color: #737373;
  line-height: 4em;
}
html.leo .adminarea #content div.subadmin div.role-config div.roles a.collapseArrow.collapsed {
  background-image: url(../static/images/arrow_right_grey.png);
}
html.leo .adminarea #content div.subadmin div.role-config div.roles div.span2.center {
  text-align: center;
}
html.leo .adminarea #content div.subadmin div.role-config div.new-role a.xicon-create-role {
  margin-left: 3px;
}
html.leo .adminarea #content div.subadmin div.role-config div.new-role p.error {
  margin-top: 1em;
}
html.leo div.leo_premium div#premium_shopping_card div.price {
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  padding-left: 20px;
  width: 100%;
}
html.leo div.leo_premium div#premium_shopping_card div.mainTeaser div.premiumItemLabel {
  background-image: url(../static/images/premium_mainTeaser_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo div.leo_premium div#premium_shopping_card div.teaser div.premiumItemLabel {
  background-image: url(../static/images/premium_standartTeaser_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo div.leo_premium div#premium_shopping_card div.premium div.premiumItemLabel {
  background-image: url(../static/images/premium_premium_xs.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  padding-left: 2.5em;
}
html.leo div.leo_premium div#premium_shopping_card div.premiumItemDate {
  line-height: 1.8em;
}
html.leo div.leo_premium div#premium_shopping_card div.inactive {
  opacity: 0.75;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
html.leo div.leo_premium div#premium_shopping_card .myInventory {
  height: 9em;
}
html.leo div.leo_premium div#premium_shopping_card .eventInfos {
  height: 9em;
}
html.leo div.leo_premium div#premium_shopping_card div.miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: baseline;
  margin-right: 0.5em;
  float: left;
}
html.leo div.leo_premium div#premium_shopping_card div.content-inner {
  padding-top: 2em;
  padding-bottom: 2em;
}
html.leo div.leo_premium div#premium_shopping_card ul {
  margin-left: 0;
  padding-top: 0;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem:first-child {
  padding-top: 0;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem:nth-child(even) {
  background-color: #fffacd;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem {
  margin-bottom: 0;
  border-bottom: 1px solid #DADADA;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.checkbox div.checkItem {
  border: 2px solid #ff7d2d;
  height: 1.1em;
  width: 1.1em;
  cursor: pointer;
  background-color: #FFFFFF;
  float: right;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.checkbox div.checkItem.checked {
  background: url(../static/images/prettyCheckable-blue.png) no-repeat scroll rgba(0, 0, 0, 0);
  background-position: -5px -65px;
  display: block;
  float: right;
  border: 2px solid #ff7d2d;
  height: 1.1em;
  width: 1.1em;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.prettycheckbox a {
  margin: 10px 0;
  border: 2px solid #FF7D2D;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageMainTeaser {
  height: 6em;
  background-image: url(../static/images/premium_mainTeaser.png);
  background-size: 4.7em auto;
  background-repeat: no-repeat;
  background-position: center 0px;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageStandartTeaser {
  height: 6em;
  background-image: url(../static/images/premium_standartTeaser.png);
  background-size: 5em auto;
  background-repeat: no-repeat;
  background-position: center -5px;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imagePremium {
  height: 6em;
  background-image: url(../static/images/premium_premium.png);
  background-size: 5em auto;
  background-repeat: no-repeat;
  background-position: center -5px;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageReport {
  height: 6em;
  background-image: url(../static/images/premium_report.png);
  background-size: 5em auto;
  background-repeat: no-repeat;
  background-position: center -5px;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem a.xicon-remove-date {
  right: 8%;
  top: 13px;
  margin-bottom: 0;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.count label {
  font-weight: bold;
  text-align: right;
  margin-right: 2em;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem.activeItem label {
  font-weight: bold;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem.activeItem label.control-label {
  font-weight: normal;
}
html.leo div.leo_premium div#premium_checkout .billingAddressError {
  border: 5px solid #FF0000;
}
html.leo div.leo_premium div#premium_checkout .billingAddressErrorMsg {
  color: #FF0000;
  margin-top: 0.5em;
  margin-left: 0.5em;
  font-weight: bold;
}
html.leo div.leo_premium div#premium_checkout .addressBox {
  float: left;
  padding: 20px;
  padding-left: 5px;
  padding-bottom: 5px;
}
html.leo div.leo_premium div#premium_checkout .table tr.totalPriceRow {
  height: 6em;
}
html.leo div.leo_premium div#premium_checkout .table tr.totalPriceRow th, html.leo div.leo_premium div#premium_checkout .table tr.totalPriceRow td {
  vertical-align: bottom;
}
html.leo div.leo_premium div#premium_checkout a.btn.creditCard, html.leo div.leo_premium div#premium_checkout a.btn.payPal {
  width: 13em;
}
html.leo div.leo_premium div#premium_checkout a.btn.back {
  padding-left: 0px;
}
html.leo div.leo_premium div#premium_checkout a.btn.back .xicon-back {
  padding-right: 10px;
}
html.leo div.leo_premium div#premium_checkout div.checkoutButtons div.vBottom {
  height: 10em;
  display: table;
}
html.leo div.leo_premium div#premium_checkout div.checkoutButtons div.vBottomContent {
  display: table-cell;
  vertical-align: bottom;
}
html.leo div.leo_premium div#premium_checkout .paymentOptions {
  float: right;
}
html.leo div.leo_premium div#premium_checkout .paymentOptionLabel {
  margin-bottom: 0.6em;
}
html.leo div.leo_premium div#premium_checkout label[for=payPal] {
  background-image: url(../static/images/paypal.png);
  height: 28px;
  width: 100px;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-top: 0;
}
html.leo div.leo_premium div#premium_checkout label[for=creditCard] {
  background-image: url(../static/images/mastercard.png), url(../static/images/visa.png);
  background-size: 40px auto, 80px auto;
  background-position: 0px 0px, 42px 0px;
  background-repeat: no-repeat;
  height: 28px;
  width: 122px;
  cursor: pointer;
  margin-top: 0;
}
html.leo div.leo_premium div#premium_checkout label[for=sepa] {
  background-image: url(../static/images/sepa.jpg);
  background-size: 76px auto;
  height: 28px;
  width: 76px;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-top: 0;
  margin-right: 0;
}
html.leo div.leo_premium div#premium_summary div.checkItem {
  border: 2px solid #ff7d2d;
  height: 1.1em;
  width: 1.1em;
  cursor: pointer;
  background-color: #FFFFFF;
  float: left;
  margin-right: 5px;
}
html.leo div.leo_premium div#premium_summary div.checkItem.checked {
  background: url(../static/images/prettyCheckable-blue.png) no-repeat scroll rgba(0, 0, 0, 0);
  background-position: -5px -65px;
  display: block;
  float: left;
  border: 2px solid #ff7d2d;
  height: 1.1em;
  width: 1.1em;
  margin-right: 5px;
}
html.leo div.leo_premium div#premium_summary .table tr.totalPriceRow {
  height: 6em;
}
html.leo div.leo_premium div#premium_summary .table tr.totalPriceRow th, html.leo div.leo_premium div#premium_summary .table tr.totalPriceRow td {
  vertical-align: bottom;
}
html.leo div.leo_premium div#premium_no_event div.eventInfos div.title {
  max-width: calc(99% - 128px);
  word-wrap: break-word;
}
html.leo div.leo_premium div#premium_no_event div.icons {
  width: 22px;
}
html.leo div.leo_premium div#premium_no_event div.event {
  padding-bottom: 1em;
  padding-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
}
html.leo div.leo_premium div#premium_no_event div.event a div.title, html.leo div.leo_premium div#premium_no_event div.event a div.nextDate, html.leo div.leo_premium div#premium_no_event div.event a div.date, html.leo div.leo_premium div#premium_no_event div.event a div.venue {
  color: #737373;
}
html.leo div.leo_premium div#premium_no_event div.eventImg {
  width: 8em;
  display: inline-block;
  float: left;
  margin-right: 1em;
  min-height: 2em;
}
html.leo div.leo_premium div#premium_no_event div.eventImg div.overlayImg {
  width: 6em;
  position: absolute;
  min-height: 2.5em;
  background-image: url("../static/images/img_overlay.png");
  background-repeat: repeat-x;
  color: #4d4d4d;
  line-height: 2em;
}
html.leo div.leo_premium div#premium_no_event div.eventInfos {
  width: calc(100% - 12em );
  float: left;
  line-height: 1.5em;
}
html.leo div.leo_premium div#premium_no_event div.eventInfos div .miniIcon {
  width: 1.5em;
  display: inline;
  vertical-align: baseline;
  margin-right: 0.5em;
  float: left;
}
html.leo div.leo_premium div#premium_no_event div.eventInfos div.title, html.leo div.leo_premium div#premium_no_event div.eventInfos div.nextDate, html.leo div.leo_premium div#premium_no_event div.eventInfos div.date, html.leo div.leo_premium div#premium_no_event div.eventInfos div.venue {
  max-width: calc(99% - 2em );
  display: inline-block;
  float: left;
}
html.leo div.inventoryShopping .header {
  width: 100%;
  float: left;
}
html.leo div.inventoryShopping .box {
  background-color: #fff;
  padding: 10px 10px 0 10px;
  height: 400px;
  position: relative;
}
@media (max-width: 1400px) {
  html.leo div.inventoryShopping h1 {
    font-size: 2.5em !important;
  }
  html.leo div.inventoryShopping .price {
    line-height: 1em;
    font-size: 2em !important;
  }
}
html.leo div.inventoryShopping h1 {
  text-align: center;
  font-size: 4em;
  font-weight: bold;
}
html.leo div.inventoryShopping .btn {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
html.leo div.inventoryShopping .margin-top {
  margin-top: 25px;
}
html.leo div.inventoryShopping .promo-text {
  text-align: center;
}
html.leo div.inventoryShopping ul {
  text-align: center;
  font-weight: bold;
  margin: 0px;
}
html.leo div.inventoryShopping .price {
  line-height: 1em;
  font-size: 3em;
  font-weight: bold;
  position: absolute;
  bottom: 45px;
  left: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 1280px) {
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.span4.date {
    margin-left: 17.0213%;
    width: 86.427%;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.span2.count {
    margin-left: 17.0213%;
    width: 86.427%;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.span2.count label.nolabelMiddle {
    margin-top: 1em;
    float: right;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageMainTeaser {
    background-position: left 0px;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageStandartTeaser {
    background-position: left -5px;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imagePremium {
    background-position: left -5px;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageReport {
    background-position: left -5px;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.count label {
    text-align: left;
    margin-right: 0;
  }
  html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem a.xicon-remove-date {
    right: 8% !important;
    top: 13px;
    margin-bottom: 0;
  }
}

/************************  Home  ***************************/
html.leo.leo-home {
  background: url("../static/images/home_clear.png") no-repeat fixed center center/cover rgba(0, 0, 0, 0);
}
html.leo.leo-home body {
  background-color: transparent;
  min-width: 100vw;
  min-width: 770px;
}
html.leo.leo-home div.container-outer {
  min-height: 100vh;
  color: #FFFFFF;
  font-size: 1.5em;
  background-color: transparent;
}
html.leo.leo-home div.container-outer h1, html.leo.leo-home div.container-outer h2, html.leo.leo-home div.container-outer h3 {
  color: #FFFFFF;
  font-weight: bold;
}
html.leo.leo-home div.container-outer .container.home {
  min-height: 100vh;
  background: url("../static/images/home_blur.png") no-repeat fixed center center/cover;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.5), 1px 0px 5px rgba(0, 0, 0, 0.5);
}
html.leo.leo-home div.container-outer .container.home .home-inner {
  padding-top: 3%;
  padding-left: 3%;
}
html.leo.leo-home div.container-outer .container.home div.welcome-box {
  padding-right: 3%;
}
html.leo.leo-home div.container-outer .container.home div.welcome-box h2 {
  float: right;
}
html.leo.leo-home div.container-outer .container.home div.pro-box {
  padding-top: 6em;
}
html.leo.leo-home div.container-outer .container.home div.pro-box ul {
  margin-left: 0;
}
html.leo.leo-home div.container-outer .container.home div.pro-box ul li {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 2.3em;
  background-image: url("../static/images/pro_icon.png");
  background-repeat: no-repeat;
  background-size: 1.2em auto;
  padding-left: 1.5em;
  background-position: center left;
  font-weight: bold;
}
html.leo.leo-home div.container-outer .container.home div.create-event a.btn > span.add-on, html.leo.leo-home div.container-outer .container.home div.create-event button.btn > span.add-on {
  line-height: 2.3em;
}
html.leo.leo-home div.container-outer .container.home div.create-event a.btn {
  border: 1px solid #FFFFFF;
  margin-top: 2em;
}
html.leo.leo-home div.container-outer .container.home div.buttons {
  padding-top: 4em;
  margin-left: 0;
  width: 34.0149%;
}
html.leo.leo-home div.container-outer .container.home div.buttons button.homepage, html.leo.leo-home div.container-outer .container.home div.buttons a.homepage {
  box-shadow: 0 0 0.2em #FFFFFF;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #FFFFFF;
  padding-left: 50px;
  width: calc(100% - 59px);
  border-right: 0px;
  text-align: left;
}
html.leo.leo-home div.container-outer .container.home div.buttons button.homepage:hover, html.leo.leo-home div.container-outer .container.home div.buttons a.homepage:hover {
  background-color: #AEC756;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.login-btn, html.leo.leo-home div.container-outer .container.home div.buttons div.reg-btn {
  margin-bottom: 2.3em;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.login-btn a, html.leo.leo-home div.container-outer .container.home div.buttons div.reg-btn a {
  padding-left: 12px;
  width: calc(100% - 21px);
}
html.leo.leo-home div.container-outer .container.home div.buttons div.login-btn, html.leo.leo-home div.container-outer .container.home div.buttons div.reg-btn, html.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn {
  float: right;
  display: block;
  clear: both;
  width: 100%;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn {
  margin-bottom: 2.3em;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.facebook-connect-link a {
  background-image: url("../static/images/fb_logo.png");
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 1em;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.redfact-connect-link a {
  background-image: url("../static/images/schwaebische.png");
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 0.8em;
}
html.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.google-connect-link a {
  background-image: url("../static/images/google_icon.png");
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 1.2em;
}
html.leo.leo-home div.container-outer #login-box.modal, html.leo.leo-home div.container-outer #login-box.takeoverDialog {
  width: 300px;
  margin: auto;
  font-size: 0.7em;
  margin-left: -150px;
}
html.leo.leo-home div.container-outer #login-box.modal div.loginBtns button#loginBtn, html.leo.leo-home div.container-outer #login-box.takeoverDialog div.loginBtns button#loginBtn {
  margin-top: 1.5em;
  display: block;
  margin-bottom: 1em;
  width: 100%;
}
html.leo.leo-home div.container-outer .modal-backdrop {
  background-color: red;
}
html.leo.leo-home div.container-outer #login-box.modal.fade.in, html.leo.leo-home div.container-outer #login-box.fade.in.takeoverDialog {
  top: 20%;
}

@media (max-height: 500px) {
  html.leo-home div.container-outer #login-box.modal.fade.in, html.leo-home div.container-outer #login-box.fade.in.takeoverDialog {
    top: 3%;
  }
}
@media (min-width: 768px) {
  .leo-home .container.home {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .leo-home .container.home {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .leo-home .container.home {
    max-width: 1170px;
  }
}
@keyframes leo_hide {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -ms-transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes leo_hide {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -ms-transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes leo_show {
  0% {
    -ms-transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes leo_show {
  0% {
    -ms-transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes leo_spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes leo_spin {
  to {
    transform: rotate(1turn);
  }
}

/*# sourceMappingURL=base.css.map */

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}