@charset "UTF-8";
/******************** Colors ************************/
/* orange */
/* lime green*/
/* white */
/*light orange */
/* grey */
/* red */
/************************ BASE LAYOUT - html, body, img ************************/
@import url("https://backend.leoticket.de/medusa/fonts/RethinkSans/fonts.css");
html.leo {
  font-family: 'Rethink Sans';
  /* 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  */
  /* pretty checkable */
  /******************************* Scrollbar ****************************/
  /* Buttons */
  /* ICONS */
  /* Blacklist save Item*/
  /* Blacklist create Item*/
  /* SELECT & SEARCH FIELD */
  /******************** HELPBOX ****************************/
  /************************ ALERT & CONFIRM MESSAGES *************************/
  /******************************* Create event ****************************/
  /******************************** Terminserien ****************************/
  /******************************* UI Datepicker ****************************/
  /*Calendar header*/
  /*Calendar body*/
  /***************************************** Google Map *******************************************/
  /***************************************** Stätte Favoriten *******************************************/
  /***************************************** File Upload ************************************************/ }
  html.leo body {
    font-family: 'Rethink Sans';
    background-color: #F2F2F2;
    color: #2a2a2a; }
  html.leo input, html.leo button, html.leo select, html.leo textarea {
    font-family: 'Rethink Sans'; }
  html.leo h1 {
    color: #0076A7; }
  html.leo h2 {
    color: #0076A7; }
  html.leo h3 {
    color: #FFFFFF; }
  html.leo h4 {
    color: #0076A7; }
  html.leo .table th, html.leo .table td {
    border-top: 1px solid #B5BCC6; }
  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: #AED2E6; }
  html.leo a, html.leo a:hover, html.leo a:focus {
    color: #00597E; }
  html.leo .active {
    background-color: #00597E;
    color: #FFFFFF; }
    html.leo .active .xicon-remove-eventseries {
      background-image: url("remove_white.png"); }
  html.leo span.premiumIcon {
    background-image: url("premium.png"); }
  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"); }
  html.leo .baseColor1 .spinner:before,
  html.leo .baseColor1 .spinner:after,
  html.leo .baseColor1 .spinner > div:before,
  html.leo .baseColor1 .spinner > div:after {
    background: #41c7ff;
    box-shadow: 0 3.5em #41c7ff;
    /* container height - part height */ }
  html.leo .baseColor1 .spinner:before {
    background: #0076A7; }
  html.leo .baseColor1 .spinner:after {
    background: #007db1; }
  html.leo .baseColor1 .spinner > div:before {
    background: #009ada; }
  html.leo .baseColor1 .spinner > div:after {
    background: #00acf4; }
  html.leo .baseColor2 .spinner:before,
  html.leo .baseColor2 .spinner:after,
  html.leo .baseColor2 .spinner > div:before,
  html.leo .baseColor2 .spinner > div:after {
    background: #18bbff;
    box-shadow: 0 3.5em #18bbff;
    /* container height - part height */ }
  html.leo .baseColor2 .spinner:before {
    background: #00597E; }
  html.leo .baseColor2 .spinner:after {
    background: #00648d; }
  html.leo .baseColor2 .spinner > div:before {
    background: #007db1; }
  html.leo .baseColor2 .spinner > div:after {
    background: #00a1e4; }
  html.leo .baseFontColor .spinner:before,
  html.leo .baseFontColor .spinner:after,
  html.leo .baseFontColor .spinner > div:before,
  html.leo .baseFontColor .spinner > div:after {
    background: #777777;
    box-shadow: 0 3.5em #777777;
    /* container height - part height */ }
  html.leo .baseFontColor .spinner:before {
    background: #2a2a2a; }
  html.leo .baseFontColor .spinner:after {
    background: #323232; }
  html.leo .baseFontColor .spinner > div:before {
    background: #444444; }
  html.leo .baseFontColor .spinner > div:after {
    background: #5d5d5d; }
  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; }
  html.leo .container-outer {
    background-color: #F2F2F2; }
  html.leo .bgColor1, html.leo .box-headline {
    background-color: #0076A7; }
  html.leo .bgColor2 {
    background-color: #00597E; }
  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: #B5BCC6; }
  html.leo .borderedTop {
    border-top: 1px solid #B5BCC6; }
  html.leo .borderedBottom {
    border-bottom: 1px solid #B5BCC6; }
  html.leo .bordered {
    border: 1px solid #B5BCC6; }
  html.leo #favorites ul.list-border {
    border: 1px solid #00597E; }
  html.leo #favorites li {
    color: #2a2a2a; }
  html.leo #favorites li:hover {
    background-color: #00597E;
    color: #FFFFFF; }
  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: #0076A7; }
  html.leo div#footer ul li a {
    color: #0076A7; }
  html.leo div#footer ul span.separator:after {
    content: '▪';
    color: #0076A7; }
  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: #0076A7; }
  html.leo .navbar .nav > li > a:hover {
    background-color: #00597E; }
  html.leo .navbar .nav > li > a:focus {
    background-color: #0076A7; }
  html.leo .navbar .nav > .active > a, html.leo .navbar .nav > .active > a:hover, html.leo .navbar .nav > .active > a:focus {
    background-color: #00597E; }
  html.leo .navbar .nav > li.active > a:after {
    border-top: 20px solid #00597E; }
  html.leo .navbar h2 {
    color: #FFFFFF !important; }
  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: #2a2a2a; }
  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: #2a2a2a; }
    html.leo .content-left div.myEvents ul.dropdown-menu {
      background-color: #FFFFFF;
      border: 1px solid #B5BCC6; }
      html.leo .content-left div.myEvents ul.dropdown-menu li a .active {
        background-color: #0076A7; }
      html.leo .content-left div.myEvents ul.dropdown-menu li a:hover {
        background-color: #00597E !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 #B5BCC6; }
    html.leo .content-left div.myEvents div.eventList:last-child.event {
      border-bottom: 1px solid #B5BCC6; }
    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: #2a2a2a; }
  html.leo .content-left div.emptyEventList div.eventImg {
    background-image: url(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 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: #00597E; }
    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: #0076A7; }
  html.leo .content-right p.helplink a, html.leo .content-right p.helplink a:hover, html.leo .content-right p.helplink a:focus {
    color: #2a2a2a !important; }
  html.leo .content-right #regBtn {
    background-color: #0076A7 !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: #2a2a2a; }
  html.leo .content-right div.myInventory a.premiumItemLink {
    color: #2a2a2a; }
  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: #00597E;
    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: #2a2a2a; }
  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: #00597E; }
  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: #00597E; }
  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: #00597E; }
  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: #2a2a2a; }
  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: #2a2a2a !important; }
  html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today.active a {
    background-color: transparent !important;
    border-color: #00597E !important;
    color: #2a2a2a !important; }
  html.leo .content-right table.ui-datepicker-calendar td.active a:hover {
    border-color: #00597E !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: #F2F2F2 !important; }
  html.leo label.no-control-label {
    color: #2a2a2a; }
  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: #00597E; }
  html.leo input[type="text"]:disabled, html.leo .select2-container-disabled .select2-choice {
    border-color: #b9b9b9 !important;
    color: #b9b9b9 !important; }
  html.leo .control-group .control-label, html.leo .control-group .help-block, html.leo .control-group .help-inline {
    color: #2a2a2a; }
  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: #2a2a2a; }
  html.leo .control-group input, html.leo .control-group select, html.leo .control-group textarea {
    border-color: #00597E;
    box-shadow: none;
    color: #2a2a2a; }
  html.leo .control-group input:focus, html.leo .control-group select:focus, html.leo .control-group textarea:focus {
    border-color: #00597E;
    box-shadow: none; }
  html.leo .error {
    color: #C8001F; }
  html.leo .control-group.error .control-label, html.leo .control-group.error .help-block, html.leo .control-group.error .help-inline {
    color: #C8001F; }
  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: #C8001F; }
  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: #C8001F !important;
    box-shadow: none; }
  html.leo div.select2-drop li.error {
    color: #2a2a2a !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: #C8001F !important;
    color: #C8001F;
    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: #2a2a2a; }
  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: #2a2a2a; }
  html.leo .control-group.info input, html.leo .control-group.info select, html.leo .control-group.info textarea {
    border-color: #00597E;
    box-shadow: none;
    color: #2a2a2a; }
  html.leo .control-group.info input:focus, html.leo .control-group.info select:focus, html.leo .control-group.info textarea:focus {
    border-color: #00597E;
    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: #00597E;
    color: #2a2a2a; }
  html.leo input:focus:invalid:focus, html.leo textarea:focus:invalid:focus, html.leo select:focus:invalid:focus {
    border-color: #00597E;
    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: 'Rethink Sans'; }
  html.leo .error .prettycheckbox a {
    border-color: #C8001F; }
  html.leo .error .prettycheckbox label {
    color: #C8001F; }
  html.leo .prettycheckbox a, html.leo .prettyradio a {
    background-image: url("prettyCheckable-blue.png"); }
  html.leo .prettycheckbox a {
    border-color: #00597E; }
  html.leo .prettycheckbox label, html.leo .prettyradio label {
    color: #2a2a2a; }
  html.leo .jspVerticalBar {
    width: 7px;
    background-color: rgba(0, 0, 0, 0); }
  html.leo .jspTrack {
    background-color: white; }
  html.leo .jspDrag {
    background-color: #0076A7; }
  html.leo .jspDragTop {
    height: 7px;
    background-color: #FFFFFF; }
  html.leo input.btn, html.leo a.btn, html.leo button.btn, html.leo div.btn {
    background: none no-repeat top right #00597E;
    border-color: #00597E;
    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: #00597E;
    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; }
  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"); }
  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"); }
  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; }
  html.leo .select2-default {
    color: #2a2a2a !important; }
  html.leo .select2-container {
    width: 100%;
    color: #2a2a2a; }
    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 #00597E;
    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 #00597E; }
  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 #00597E;
    border-radius: 0;
    color: #2a2a2a; }
  html.leo .select2-drop {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #00597E;
    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: #2a2a2a; }
  html.leo .select2-dropdown-open.select2-drop-above .select2-choice {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #00597E;
    border-radius: 0;
    color: #2a2a2a; }
  html.leo .select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #00597E; }
  html.leo .select2-drop.select2-drop-above {
    border-bottom: 0 none;
    border-radius: 0 0 0 0;
    border-top: 1px solid #00597E;
    box-shadow: none; }
  html.leo .select2-results .select2-highlighted {
    background: none repeat scroll 0 0 #00597E;
    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: #0076A7; }
  html.leo .select2-result-selectable .select2-match, html.leo .select2-result-unselectable .select2-match {
    text-decoration: none;
    color: #2a2a2a;
    font-weight: bold; }
  html.leo .select2-container-active .select2-choice, html.leo .select2-container-active .select2-choices {
    border: 1px solid #00597E;
    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 {
    background-color: #FFFFFF;
    background-image: none;
    color: #00597E; }
  html.leo .helpbox-content {
    color: #2a2a2a; }
  html.leo .error .helpbox-content {
    color: #C8001F !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; }
  html.leo .alert-success {
    background-color: #FFFFFF;
    border-color: #0076A7;
    color: #2a2a2a; }
  html.leo .close {
    color: #2a2a2a; }
  html.leo .modal, html.leo .takeoverDialog {
    background-color: #FFFFFF;
    border: 1px solid #0076A7;
    border-radius: 1px 1px 1px 1px;
    box-shadow: none;
    width: 420px;
    color: #2a2a2a; }
  html.leo .modal-header {
    border-bottom: none;
    background-color: #0076A7;
    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: #0076A7; }
  html.leo .takeoverDialog {
    width: 920px;
    margin-left: -430px; }
  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: 'Rethink Sans', 'Ubuntu'; }
  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; }
  html.leo ul.dateSeries {
    border: 1px solid #00597E; }
  html.leo .ui-widget {
    font-family: 'Rethink Sans' !important;
    border-color: #0076A7 !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: #2a2a2a;
    font-weight: normal;
    text-align: center; }
  html.leo .ui-widget-header {
    background-image: none !important;
    background-color: #0076A7 !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: #0076A7 !important;
    border: none !important;
    color: #00597E !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; }
  html.leo .ui-widget-content {
    background-image: none;
    background-color: #FFFFFF;
    color: #2a2a2a !important; }
  html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    border: 1px solid #0076A7;
    background: #F2F2F2;
    font-weight: normal;
    color: #2a2a2a;
    outline: none; }
  html.leo .span4.content-right.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    border: 1px solid #0076A7;
    background: #2a2a2a !important;
    font-weight: normal;
    color: #2a2a2a;
    outline: none; }
  html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-active {
    border: 1px solid #0076A7 !important;
    background-color: #F2F2F2 !important;
    font-weight: normal;
    color: #2a2a2a;
    outline: none; }
  html.leo .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    border: 1px solid #0076A7;
    background-color: #FFFFFF;
    font-weight: normal;
    color: #2a2a2a;
    outline: none; }
  html.leo .venueMap {
    display: none; }
  html.leo .venue-favourites a {
    color: #2a2a2a; }
  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: #00597E; }
  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: 'Rethink Sans', Roboto;
    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: 'Rethink Sans', Roboto;
    font-weight: 300; }
  html.leo .fileuploader .span5 .control-group:first-child {
    display: none; }
  html.leo .fileuploader .gallery-row .control-group:first-of-type {
    display: none; }
  html.leo .bookingOffice ul {
    border: 1px solid #00597E; }
  html.leo .bookingOffice li:hover {
    background-color: #00597E;
    color: #FFFFFF; }
  html.leo .bookingOffice li {
    line-height: 25px;
    cursor: pointer;
    padding: 0 10px;
    color: #2a2a2a; }

/************************  Home (Startseite)  ***************************/
.leo.leo-home {
  font-family: 'Rethink Sans', 'Inter' !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.1em;
      font-weight: 600 !important; }
    .leo.leo-home div.welcome-box h2 {
      font-size: 1.8em;
      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(6, 34, 43, 0.7);
      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: 1.2em; }
      .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: #0076A7;
          border: 0px;
          border-radius: 5px;
          padding: .7rem 1rem;
          border-right: 0px;
          text-align: center;
          font-size: 1.2em; }
        .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: #00597E; }
        .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 {
            width: 100%;
            max-width: 236px;
            font-weight: 500; }
        .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 #login-box.takeoverDialog, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog {
      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 #login-box.takeoverDialog input, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog 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 #login-box.takeoverDialog .modal-header, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog .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 #login-box.takeoverDialog .modal-header .close, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog .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 #login-box.takeoverDialog .modal-body, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog .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 #login-box.takeoverDialog .modal-footer, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog .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 #login-box.takeoverDialog div.loginBtns button#loginBtn, html.leo .leo.leo-home div.container-outer #login-box.takeoverDialog div.loginBtns button#loginBtn {
        margin-top: 1.8em;
        margin-bottom: 1em;
        display: block;
        box-shadow: none;
        background-color: #0076A7;
        border: 0px;
        border-radius: 5px;
        padding: .5rem 1rem;
        border-right: 0px;
        text-align: center;
        width: 100%;
        font-size: 1em; }

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