/******************** Colors ************************/
/* orange */
/* lime green*/
/* white */
/*light orange */
/* grey */
/* red */
/************************ BASE LAYOUT - html, body, img ************************/
@font-face {
  font-display: swap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("poppins-v22-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  src: local("Poppins Medium"), local("Poppins-Medium"), url("poppins-v22-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("poppins-v22-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: local("Poppins Bold"), local("Poppins-Bold"), url("poppins-v22-latin-700.woff2") format("woff2");
}
html.leo {
  font-family: "Poppins", sans-serif;
}
html.leo body {
  font-family: "Poppins", sans-serif;
  background-color: #EEEEEE;
  color: #000000;
}
html.leo input, html.leo button, html.leo select, html.leo textarea {
  font-family: "Poppins", sans-serif;
}
html.leo h1 {
  color: #E30513;
}
html.leo h2 {
  color: #E30513;
}
html.leo h3 {
  color: #FFFFFF;
}
html.leo h4 {
  color: #E30513;
}
html.leo div#create-account fieldset div.content-inner:nth-child(2) div.control-group:nth-child(5) {
  display: none;
}
html.leo div#create-account div.smallSelectField:nth-child(2) {
  display: none;
}
html.leo div#create-account div[ng-init="country=''g"] {
  display: none;
}
html.leo div#create-account div.control-group:nth-child(8) {
  display: none;
}
html.leo div#create-account div.control-group:nth-child(9) {
  display: none;
}
html.leo .table th, html.leo .table td {
  border-top: 1px solid #FFFFFF;
}
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: #EEEEEE;
}
html.leo div.venueMap {
  display: none !important;
}
html.leo a, html.leo a:hover, html.leo a:focus {
  color: #C1000C;
}
html.leo .active {
  background-color: #C1000C;
  color: #FFFFFF;
}
html.leo .active .xicon-remove-eventseries {
  background-image: url("remove_white.png");
}
html.leo span.premiumIcon {
  background-image: url("premium.png");
  /* not supported browser - Box*/
}
html.leo div.not-supported-browser div.supported-browser-ff a {
  background-image: url('firefox.png');
}
html.leo div.not-supported-browser div.supported-browser-chrome a {
  background-image: url('google_chrome.png');
  /* Spinner*/
  /* Color baseColor1 */
}
html.leo .baseColor1 .spinner:before, html.leo .baseColor1 .spinner:after, html.leo .baseColor1 .spinner > div:before, html.leo .baseColor1 .spinner > div:after {
  background: #fc858c;
  box-shadow: 0 3.5em #fc858c;
  /* container height - part height */
}
html.leo .baseColor1 .spinner:before {
  background: #E30513;
}
html.leo .baseColor1 .spinner:after {
  background: #ed0514;
}
html.leo .baseColor1 .spinner > div:before {
  background: #fa212f;
}
html.leo .baseColor1 .spinner > div:after {
  background: #fb3a46;
  /* Color baseColor2 */
}
html.leo .baseColor2 .spinner:before, html.leo .baseColor2 .spinner:after, html.leo .baseColor2 .spinner > div:before, html.leo .baseColor2 .spinner > div:after {
  background: #ff5b65;
  box-shadow: 0 3.5em #ff5b65;
  /* container height - part height */
}
html.leo .baseColor2 .spinner:before {
  background: #C1000C;
}
html.leo .baseColor2 .spinner:after {
  background: #d0000d;
}
html.leo .baseColor2 .spinner > div:before {
  background: #f4000f;
}
html.leo .baseColor2 .spinner > div:after {
  background: #ff2835;
  /* Color baseFontColor */
}
html.leo .baseFontColor .spinner:before, html.leo .baseFontColor .spinner:after, html.leo .baseFontColor .spinner > div:before, html.leo .baseFontColor .spinner > div:after {
  background: #4d4d4d;
  box-shadow: 0 3.5em #4d4d4d;
  /* container height - part height */
}
html.leo .baseFontColor .spinner:before {
  background: #000000;
}
html.leo .baseFontColor .spinner:after {
  background: #080808;
}
html.leo .baseFontColor .spinner > div:before {
  background: #1a1a1a;
}
html.leo .baseFontColor .spinner > div:after {
  background: #333;
  /* Color baseColor3  - white */
}
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 {
  background: #FFFFFF;
}
html.leo .baseColor3 .spinner > div:before {
  background: white;
}
html.leo .baseColor3 .spinner > div:after {
  background: white;
  /* Spinner end*/
}
html.leo .container-outer {
  background-color: #EEEEEE;
}
html.leo .bgColor1, html.leo .box-headline {
  background-color: #E30513;
}
html.leo .bgColor2 {
  background-color: #C1000C;
}
html.leo .bgColor3, html.leo .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 .content-right .login-box {
  background-color: #FFFFFF;
}
html.leo .bgColor4 {
  background-color: #FFFFFF;
}
html.leo .borderedTop {
  border-top: 1px solid #FFFFFF;
}
html.leo .borderedBottom {
  border-bottom: 1px solid #FFFFFF;
}
html.leo .bordered {
  border: 1px solid #FFFFFF;
}
html.leo #favorites ul.list-border {
  border: 1px solid #C1000C;
}
html.leo #favorites li {
  color: #000000;
}
html.leo #favorites li:hover {
  background-color: #C1000C;
  color: #FFFFFF;
  /************************ GENERAL footer,container, logo ************************/
}
html.leo #header {
  background-image: url("headerBg.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  width: 100%;
  height: 320px;
}
html.leo .logout li {
  background-color: #FFFFFF;
}
html.leo .logout li a {
  color: #E30513;
}
html.leo div#footer ul li a {
  color: #E30513;
}
html.leo div#footer ul span.separator:after {
  content: '▪';
  color: #E30513;
  /************************ NAVIGATION MENU ************************/
}
html.leo .navbar-inner {
  background-color: none;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  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 */
}
html.leo .navbar .nav > li#events > a {
  background-image: url(nav_events.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li#venues > a {
  background-image: url(nav_venues.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li#profile > a {
  background-image: url(nav_profile.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}
html.leo .navbar .nav > li > a {
  background-color: #E30513;
}
html.leo .navbar .nav > li > a:hover {
  background-color: #C1000C;
}
html.leo .navbar .nav > li > a:focus {
  background-color: #E30513;
}
html.leo .navbar .nav > .active > a, html.leo .navbar .nav > .active > a:hover, html.leo .navbar .nav > .active > a:focus {
  background-color: #C1000C;
}
html.leo .navbar .nav > li.active > a:after {
  border-top: 20px solid #C1000C;
}
html.leo .navbar h2 {
  color: #FFFFFF !important;
  /************************ Content Left ***********************/
}
html.leo .content-left div.premiumItems {
  padding-top: 1em;
}
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("warning_icon.png");
}
html.leo .content-left div.premiumItems div.mainTeaser div.premiumItemLabel {
  background-image: url("premium_mainTeaser_xs.png");
}
html.leo .content-left div.premiumItems div.teaser div.premiumItemLabel {
  background-image: url("premium_standartTeaser_xs.png");
}
html.leo .content-left div.premiumItems div.premium div.premiumItemLabel {
  background-image: url("premium_premium_xs.png");
}
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: #000000;
}
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("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("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("premiumEvent_active.gif");
}
html.leo .content-left div.premium a.getPremium:hover {
  opacity: 1;
  background-image: url("premiumEvent_active.gif");
}
html.leo .content-left div.myEvents {
  height: 37.55em;
}
html.leo .content-left div.myEvents div.icons {
  width: 22px;
}
html.leo .content-left div.myEvents div.eventSearch .searchFieldIcon {
  background-image: url("searchicon_big.png");
  background-size: 32px 30px;
  width: 32px;
  height: 30px;
  float: left;
}
html.leo .content-left div.myEvents div.dropdown a {
  color: #000000;
}
html.leo .content-left div.myEvents ul.dropdown-menu {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a .active {
  background-color: #E30513;
}
html.leo .content-left div.myEvents ul.dropdown-menu li a:hover {
  background-color: #C1000C !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 div.event:first-child {
  border-top: 1px solid #FFFFFF;
}
html.leo .content-left div.myEvents div.eventList:last-child.event {
  border-bottom: 1px solid #FFFFFF;
}
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: #000000;
}
html.leo .content-left div.emptyEventList div.eventImg {
  background-image: url(my_events_big.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 55%;
  /************************ Content Right ***********************/
}
html.leo .content-right .box-margin-bottom {
  margin-bottom: 30px;
}
html.leo .content-right h2#login .icon {
  background-image: url("login.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 2em;
  height: 2em;
}
html.leo .content-right h2#username {
  margin-bottom: 0px;
  color: #C1000C;
}
html.leo .content-right h2#username .icon {
  background-image: url("login.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 2em;
  height: 2em;
}
html.leo .content-right h3#registration {
  color: #E30513;
}
html.leo .content-right p.helplink a, html.leo .content-right p.helplink a:hover, html.leo .content-right p.helplink a:focus {
  color: #000000 !important;
}
html.leo .content-right #regBtn {
  background-color: #E30513 !important;
}
html.leo .content-right div.events-scroll {
  background-image: url(favorites.png);
  background-repeat: no-repeat;
  background-position: center;
}
html.leo .content-right div.myInventory .active {
  color: #000000;
}
html.leo .content-right div.myInventory a.premiumItemLink {
  color: #000000;
}
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: #C1000C;
  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: #000000;
}
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("premium_mainTeaser.png");
}
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: #C1000C;
}
html.leo .content-right div.myInventory div.wideScreen div.mainTeaser.inactive {
  background-image: url("premium_mainTeaser_.png");
}
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("premium_standartTeaser.png");
}
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: #C1000C;
}
html.leo .content-right div.myInventory div.wideScreen div.teaser.inactive {
  background-image: url("premium_standartTeaser_.png");
}
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("premium_premium.png");
}
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: #C1000C;
}
html.leo .content-right div.myInventory div.wideScreen div.premium.inactive {
  background-image: url("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.mainTeaser.active, html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.mainTeaser.inactive:hover {
  background-image: url("premium_mainTeaser_xs.png");
}
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("premium_standartTeaser_xs.png");
}
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("premium_premium_xs.png");
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.mainTeaser.inactive {
  background-image: url("premium_mainTeaser_xs_.png");
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.teaser.inactive {
  background-image: url("premium_standartTeaser_xs_.png");
}
html.leo .content-right div.myInventory div.narrowScreen div.premiumItem p.premium.inactive {
  background-image: url("premium_premium_xs_.png");
}
html.leo .content-right div#dashboardMultiEvents a {
  color: #000000;
}
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: #000000 !important;
}
html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today.active a {
  background-color: transparent !important;
  border-color: #C1000C !important;
  color: #000000 !important;
}
html.leo .content-right table.ui-datepicker-calendar td.active a:hover {
  border-color: #C1000C !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: #EEEEEE !important;
  /************************ FORM *************************/
}
html.leo label.no-control-label {
  color: #000000;
}
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: #C1000C;
}
html.leo input[type="text"]:disabled, html.leo .select2-container-disabled .select2-choice {
  border-color: #b9b9b9 !important;
  color: #b9b9b9 !important;
  /* INPUT FIELDS */
}
html.leo .control-group .control-label, html.leo .control-group .help-block, html.leo .control-group .help-inline {
  color: #000000;
}
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: #000000;
}
html.leo .control-group input, html.leo .control-group select, html.leo .control-group textarea {
  border-color: #C1000C;
  box-shadow: none;
  color: #000000;
}
html.leo .control-group input:focus, html.leo .control-group select:focus, html.leo .control-group textarea:focus {
  border-color: #C1000C;
  box-shadow: none;
}
html.leo .error {
  color: #E30513;
}
html.leo .control-group.error .control-label, html.leo .control-group.error .help-block, html.leo .control-group.error .help-inline {
  color: #E30513;
}
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: #E30513;
}
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: #E30513 !important;
  box-shadow: none;
}
html.leo div.select2-drop li.error {
  color: #000000 !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: #E30513 !important;
  color: #E30513;
  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: #000000;
}
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: #000000;
}
html.leo .control-group.info input, html.leo .control-group.info select, html.leo .control-group.info textarea {
  border-color: #C1000C;
  box-shadow: none;
  color: #000000;
}
html.leo .control-group.info input:focus, html.leo .control-group.info select:focus, html.leo .control-group.info textarea:focus {
  border-color: #C1000C;
  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(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(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 input:focus:invalid, html.leo textarea:focus:invalid, html.leo select:focus:invalid {
  border-color: #C1000C;
  color: #000000;
}
html.leo input:focus:invalid:focus, html.leo textarea:focus:invalid:focus, html.leo select:focus:invalid:focus {
  border-color: #C1000C;
  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 {
  font-family: 'Poppins', sans-serif;
  /*  Pretty Checkboxen  */
}
html.leo .error .prettycheckbox a {
  border-color: #E30513;
}
html.leo .error .prettycheckbox label {
  color: #E30513;
  /* pretty checkable */
}
html.leo .prettycheckbox a, html.leo .prettyradio a {
  background-image: url('prettyCheckable-blue.png');
}
html.leo .prettycheckbox a {
  border-color: #C1000C;
}
html.leo .prettycheckbox label, html.leo .prettyradio label {
  color: #000000;
  /******************************* Scrollbar ****************************/
}
html.leo .jspVerticalBar {
  width: 7px;
  background-color: rgba(0, 0, 0, 0);
}
html.leo .jspTrack {
  background-color: white;
}
html.leo .jspDrag {
  background-color: #E30513;
}
html.leo .jspDragTop {
  height: 7px;
  background-color: #FFFFFF;
  /* Buttons */
}
html.leo input.btn, html.leo a.btn, html.leo button.btn, html.leo div.btn {
  background: none no-repeat top right #C1000C;
  border-color: #C1000C;
  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: #C1000C;
  color: #FFFFFF;
  transition: none;
}
html.leo a.btn > span.add-on, html.leo button.btn > span.add-on {
  background-color: transparent;
  border: none;
}
html.leo a.btn > div.add-on, html.leo button.btn > div.add-on {
  background-color: transparent;
  border: none;
}
html.leo input.btn-save, html.leo input.btn-save:hover {
  background-image: url("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("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("arrow_right.png");
  background-position: right 0.8em center;
  background-repeat: no-repeat;
  padding-right: 2em;
  /* ICONS */
}
html.leo .xicon-send {
  background-image: url("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 i.xicon-special-login {
  background-image: url('fb_logo_white.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 1.8em;
}
html.leo .xicon-registration {
  background-image: url("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("trash.png");
  background-repeat: no-repeat;
  background-size: 0.81em 0.93em;
  display: inline-block;
  height: 0.93em;
  width: 0.81em;
}
html.leo .xicon-login {
  background-image: url("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("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("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("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("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("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("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("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("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("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("cal_icon.png");
  background-repeat: no-repeat;
  background-size: 1.1em 1em;
  display: inline-block;
  height: 1em;
  width: 1.1em;
}
html.leo .xicon-event {
  background-image: url("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("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("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("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("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("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("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("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("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("edit_active.png");
}
html.leo .xicon-add-date {
  background-image: url("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("calendarAdd_active.png");
}
html.leo .xicon-remove-eventdate, html.leo .xicon-remove-mailTemplate {
  background-image: url("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("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("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("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("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("save_icon_active.png");
  background-color: transparent !important;
}
html.leo .xicon-save-roleConfigItem:hover {
  background-image: url("save_icon_active_hover.png");
  /* Blacklist save Item*/
}
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("save_icon_inactive.png");
  cursor: auto;
}
html.leo .xicon-save-blacklistItem.active {
  background-image: url("save_icon_active.png");
  background-color: transparent !important;
}
html.leo .xicon-save-blacklistItem.active:hover {
  background-image: url("save_icon_active_hover.png");
  /* Blacklist create Item*/
}
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("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("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("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("add_user_icon.png");
  background-color: transparent !important;
}
html.leo .xicon-add-user-accountRole.active:hover {
  background-image: url("add_user_icon_active.png");
}
html.leo .xicon-remove-images {
  background-image: url("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("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("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;
  height: auto;
  line-height: auto;
  min-width: 16px;
  padding: 4px 5px;
  text-align: center;
  text-shadow: none;
  width: auto;
  /* SELECT & SEARCH FIELD */
}
html.leo .select2-default {
  color: #000000 !important;
}
html.leo .select2-container {
  width: 100%;
  color: #000000;
}
html.leo .select2-container .select2-choice span.select2-arrow {
  margin-right: 3px;
  border: none;
  background-image: url(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 #C1000C;
  background: url(searchicon.png) no-repeat right center transparent;
  font-size: 1em !important;
  padding-left: 6px !important;
}
html.leo .select2-search input:focus {
  border: 1px solid #C1000C;
}
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 #C1000C;
  border-radius: 0;
  color: #000000;
}
html.leo .select2-drop {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #C1000C;
  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: #000000;
}
html.leo .select2-dropdown-open.select2-drop-above .select2-choice {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #C1000C;
  border-radius: 0;
  color: #000000;
}
html.leo .select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #C1000C;
}
html.leo .select2-drop.select2-drop-above {
  border-bottom: 0 none;
  border-radius: 0 0 0 0;
  border-top: 1px solid #C1000C;
  box-shadow: none;
}
html.leo .select2-results .select2-highlighted {
  background: none repeat scroll 0 0 #C1000C;
  color: #FFFFFF;
}
html.leo .select2-results .select2-highlighted .select2-match {
  color: #FFFFFF;
}
html.leo .select2-results .select2-highlighted i.xicon-star {
  background-image: url(star_white.gif);
}
html.leo .select2-results .select2-highlighted i.xicon-star-empty {
  background-image: url(star_empty_white.gif);
}
html.leo .select2-no-results {
  color: #E30513;
}
html.leo .select2-result-selectable .select2-match, html.leo .select2-result-unselectable .select2-match {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
html.leo .select2-container-active .select2-choice, html.leo .select2-container-active .select2-choices {
  border: 1px solid #C1000C;
  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;
  /******************** HELPBOX ****************************/
}
html.leo .helpbox-title {
  background-color: #FFFFFF;
  background-image: none;
  color: #C1000C;
}
html.leo .helpbox-content {
  color: #000000;
}
html.leo .error .helpbox-content {
  color: #E30513 !important;
}
html.leo .helpbox {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
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;
  /************************ ALERT & CONFIRM MESSAGES *************************/
}
html.leo .alert-success {
  background-color: #FFFFFF;
  border-color: #E30513;
  color: #000000;
}
html.leo .close {
  color: #000000;
}
html.leo .modal, html.leo .takeoverDialog {
  background-color: #FFFFFF;
  border: 1px solid #E30513;
  border-radius: 1px 1px 1px 1px;
  box-shadow: none;
  width: 420px;
  color: #000000;
}
html.leo .modal-header {
  border-bottom: none;
  background-color: #E30513;
  color: #FFFFFF;
  min-height: 20px;
  font-size: 1.143em;
  line-height: 1.4em;
}
html.leo .modal-header .close {
  margin-top: 0;
  background-image: url(close.png);
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 0.4em;
  right: 0.4em;
}
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: #E30513;
}
html.leo .takeoverDialog {
  width: 920px;
  margin-left: -430px;
  /******************************* Create event ****************************/
}
html.leo div.event div.event-date-venue-box div.address-link span a {
  display: none;
}
html.leo div.event div.event-dates-box div.address-link span a {
  display: none;
}
html.leo div.event-noPermission div.image-noPermission {
  background-image: url('noPermission.png');
  background-repeat: no-repeat;
  height: 250px;
  background-position: center;
}
html.leo span.collapseArrow {
  background-image: url(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(arrow_right_grey.png);
}
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('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 {
  background-image: url('schwaebische.png');
  background-color: transparent;
  background-repeat: no-repeat;
  height: 32px;
  width: 198px;
  padding: 0;
  background-position: 0 0;
  background-size: auto 16px;
  background-color: #B66F00;
  padding-left: 35px;
  background-position: left 12px center;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
}
html.leo div.event-user div.special-login-buttons a.redfact-connect-link:before {
  content: "Anmelden mit Schwäbische";
  line-height: 32px;
  font-size: 13px;
}
html.leo div.event-user div.special-login-buttons a.redfact-connect-link:hover, html.leo div.event-user div.special-login-buttons a.redfact-connect-link:focus {
  background-color: #F8B741;
}
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('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;
  /******************************** Terminserien ****************************/
}
html.leo ul.dateSeries {
  border: 1px solid #C1000C;
  /******************************* UI Datepicker ****************************/
}
html.leo .ui-widget {
  font-family: "Poppins", sans-serif !important;
  border-color: #E30513 !important;
}
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: #000000;
  font-weight: normal;
  text-align: center;
  /*Calendar header*/
}
html.leo .ui-widget-header {
  background-image: none !important;
  background-color: #E30513 !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: #E30513 !important;
  border: none !important;
  color: #C1000C !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("ui-icons_white_256x240.png") !important;
  /*Calendar body*/
}
html.leo .ui-widget-content {
  background-image: none;
  background-color: #FFFFFF;
  color: #000000 !important;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #E30513;
  background: #EEEEEE;
  font-weight: normal;
  color: #000000;
  outline: none;
}
html.leo .span4.content-right.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #E30513;
  background: #000000 !important;
  font-weight: normal;
  color: #000000;
  outline: none;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  border: 1px solid #E30513 !important;
  background-color: #EEEEEE !important;
  font-weight: normal;
  color: #000000;
  outline: none;
}
html.leo .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  border: 1px solid #E30513;
  background-color: #FFFFFF;
  font-weight: normal;
  color: #000000;
  outline: none;
  /***************************************** Stätte Favoriten *******************************************/
}
html.leo .venue-favourites a {
  color: #000000;
}
html.leo .venue-favourites div.emptyFavList div.favsImage {
  background-image: url(my_venues_big.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 55%;
}
html.leo .venue-favourites div.emptyFavList a {
  color: #C1000C;
  /***************************************** File Upload ************************************************/
}
html.leo div.event-mainImage div.mainImage {
  background-image: url('upload.png');
  background-repeat: no-repeat;
  height: 200px;
  background-position: center;
}
html.leo div.event-mainImage p.image-headline {
  font-size: 2.3em;
  padding-bottom: 0.5em;
  line-height: 1.2em;
  color: black;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
html.leo div.event-gallery div.galleryImage {
  background-image: url('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: black;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
html.leo .bookingOffice ul {
  border: 1px solid #C1000C;
}
html.leo .bookingOffice li:hover {
  background-color: #C1000C;
  color: #FFFFFF;
}
html.leo .bookingOffice li {
  line-height: 25px;
  cursor: pointer;
  padding: 0 10px;
  color: #000000;
  /*********************** Premium - Warenkorb **********************/
}
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("premium_mainTeaser_xs.png");
}
html.leo div.leo_premium div#premium_shopping_card div.teaser div.premiumItemLabel {
  background-image: url("premium_standartTeaser_xs.png");
}
html.leo div.leo_premium div#premium_shopping_card div.premium div.premiumItemLabel {
  background-image: url("premium_premium_xs.png");
}
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 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: #EEEEEE;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem {
  margin-bottom: 0;
  border-bottom: 1px solid #FFFFFF;
}
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;
  background-color: #FFFFFF;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.prettycheckbox a {
  margin: 10px 0;
  border: 2px solid #E30513;
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageMainTeaser {
  background-image: url("premium_mainTeaser.png");
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageStandartTeaser {
  background-image: url("premium_standartTeaser.png");
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imagePremium {
  background-image: url("premium_premium.png");
}
html.leo div.leo_premium div#premium_shopping_card ul li.shoppingCardItem div.imageReport {
  background-image: url("premium_report.png");
}
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_shopping_card a.btn.toCheckout, html.leo div.leo_premium div#premium_shopping_card button.btn.toCheckout {
  margin-right: 2em;
}
html.leo div.leo_premium div#premium_checkout .billingAddressError {
  border: 5px solid #E30513;
}
html.leo div.leo_premium div#premium_checkout .billingAddressErrorMsg {
  color: #E30513;
  font-weight: bold;
}
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;
}
/*********** PREMIUM - INVENTORY SHOPPING *****************/
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 ul {
  font-weight: bold;
}
html.leo div.inventoryShopping .price {
  line-height: 1em;
  font-size: 3em;
  font-weight: bold;
  width: 100%;
  /****************** Premium - Warenkorb Media Queris ******************/
}
@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 (Startseite)  ***************************/
.leo.leo-home {
  font-family: "Poppins", sans-serif !important;
  background: url('home_clear.jpg') no-repeat fixed center center / cover rgba(0, 0, 0, 0);
}
.leo.leo-home body {
  background-color: transparent;
  min-width: 100vw;
}
.leo.leo-home div.logo-container {
  width: 300px;
  height: 150px;
  margin: 25px auto 150px;
}
.leo.leo-home div.logo-container .logo {
  background: url('logo.png') no-repeat center center / 100%;
  width: 100%;
  height: 100%;
}
.leo.leo-home div.welcome-box {
  text-align: center;
}
.leo.leo-home div.welcome-box h1 {
  margin-bottom: 0;
  font-size: 2.9em;
  line-height: 1.3;
  font-weight: 600 !important;
}
.leo.leo-home div.welcome-box h2 {
  font-size: 2em;
  line-height: 1.3;
  margin: 0 0 38px 0 !important;
  font-weight: 600 !important;
}
.leo.leo-home div.welcome-box p {
  font-size: 1.3em;
  font-weight: 600;
}
.leo.leo-home div.container-outer {
  min-height: 100vh;
  color: #FFFFFF;
  font-size: 1em;
  background-color: transparent;
}
.leo.leo-home div.container-outer h1, .leo.leo-home div.container-outer h2, .leo.leo-home div.container-outer h3 {
  color: #FFFFFF;
  font-weight: bold;
}
.leo.leo-home div.container-outer .container.home {
  min-height: 100vh;
  background: rgba(32, 8, 30, 0.54);
  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);
}
.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('pro_icon.png');
  background-repeat: no-repeat;
  background-size: 1.2em auto;
  padding-left: 1.5em;
  background-position: center left;
  font-weight: bold;
}
.leo.leo-home div.container-outer .container.home div.create-event a.btn {
  border: 1px solid #FFFFFF;
  margin-top: 2em;
  font-size: 1rem;
}
.leo.leo-home div.container-outer .container.home div.buttons {
  margin-top: 6.4em;
  text-align: center;
}
.leo.leo-home div.container-outer .container.home div.buttons button.homepage, .leo.leo-home div.container-outer .container.home div.buttons a.homepage {
  box-shadow: none;
  background-color: #E30513;
  border: 1px solid;
  border-color: #E30513;
  border-radius: 5px;
  border-right: 0px;
  text-align: center;
  opacity: 1;
  font-style: normal;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.7rem 1.55rem;
  font-family: 'Poppins', sans-serif;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.leo.leo-home div.container-outer .container.home div.buttons button.homepage:hover, .leo.leo-home div.container-outer .container.home div.buttons a.homepage:hover {
  background-color: #be0410;
  border-color: #b1040f;
}
.leo.leo-home div.container-outer .container.home div.buttons div.login-btn, .leo.leo-home div.container-outer .container.home div.buttons div.reg-btn {
  margin-bottom: 2.3em;
}
.leo.leo-home div.container-outer .container.home div.buttons div.login-btn a, .leo.leo-home div.container-outer .container.home div.buttons div.reg-btn a {
  font-size: 1.5rem;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
}
.leo.leo-home div.container-outer .container.home div.buttons div.login-btn, .leo.leo-home div.container-outer .container.home div.buttons div.reg-btn, .leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn {
  float: right;
  display: block;
  clear: both;
  width: 100%;
}
.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.facebook-connect-link a {
  background-image: url('fb_logo.png');
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 1em;
}
.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.redfact-connect-link a {
  background-image: url('schwaebische.png');
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 0.8em;
}
.leo.leo-home div.container-outer .container.home div.buttons div.special-login-btn.google-connect-link a {
  background-image: url('google_icon.png');
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 1.2em;
}
.leo.leo-home div.container-outer #login-box.modal, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box {
  width: 360px;
  margin: auto;
  font-size: 1em;
  margin-left: -175px;
  box-shadow: 0 30px 60px -12px rgba(99, 99, 99, 0.15), 0 18px 36px -18px rgba(0, 0, 0, 0.2), 0 -12px 36px -8px rgba(0, 0, 0, 0.025) !important;
  border: none !important;
  border-radius: 5px;
}
.leo.leo-home div.container-outer #login-box.modal input, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box input, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box input {
  border: 0px;
  background-color: #FFFFFF;
  border-radius: 5px !important;
  min-height: 35px;
}
.leo.leo-home div.container-outer #login-box.modal .modal-header, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box .modal-header, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box .modal-header {
  border-radius: 5px 5px 0 0;
  background-color: #FFFFFF;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.4em;
  line-height: 1.6em;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.leo.leo-home div.container-outer #login-box.modal .modal-header .close, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box .modal-header .close, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box .modal-header .close {
  background-image: url(close_dark.png);
  top: 1.2em;
}
.leo.leo-home div.container-outer #login-box.modal .modal-body, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box .modal-body, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box .modal-body {
  background-color: #DEE6E8;
  padding: 15px 20px 30px;
}
.leo.leo-home div.container-outer #login-box.modal .modal-footer, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box .modal-footer, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box .modal-footer {
  min-height: 1.5em;
}
.leo.leo-home div.container-outer #login-box.modal div.loginBtns button#loginBtn, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box div.loginBtns button#loginBtn, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box div.loginBtns button#loginBtn {
  margin-top: 1.8em;
  margin-bottom: 1em;
  display: block;
  box-shadow: none;
  background-color: #E30513;
  border: 1px solid;
  border-color: #E30513;
  border-radius: 5px;
  padding: 0.7rem 1.55rem;
  border-right: 0px;
  text-align: center;
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
  letter-spacing: normal;
  opacity: 1;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  font-family: 'Poppins', sans-serif;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.leo.leo-home div.container-outer #login-box.modal div.loginBtns button#loginBtn:hover, .leo.leo-home div.container-outer html.leo .takeoverDialog#login-box div.loginBtns button#loginBtn:hover, html.leo .leo.leo-home div.container-outer .takeoverDialog#login-box div.loginBtns button#loginBtn:hover {
  background-color: #be0410;
  border-color: #b1040f;
}