@charset "UTF-8";
/******************** Colors ************************/
/* orange */
/* lime green*/
/* white */
/*light orange */
/* grey */
/* red */
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800);
/************************ BASE LAYOUT - html, body, img ************************/
html.leo {
  /* not supported browser - Box*/
  /* Spinner*/
  /* Color baseColor1 */
  /* Color baseColor2 */
  /* Color baseFontColor */
  /* Color baseColor3  - white */
  /* Spinner end*/
  /************************ GENERAL footer,container, logo ************************/
  /************************ NAVIGATION MENU ************************/
  /************************ Content Left ***********************/
  /************************ Content Right ***********************/
  /************************ FORM *************************/
  /* INPUT FIELDS */
  /*  Pretty Checkboxen  */
  /* 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*/
  /***************************************** Stätte Favoriten *******************************************/
  /***************************************** File Upload ************************************************/
}

html.leo body {
  background-color: #D2E1E7;
  color: #3C3C3C;
}

html.leo h1 {
  color: #2e86a7;
}

html.leo h2 {
  color: #2e86a7;
}

html.leo h3 {
  color: #FFFFFF;
}

html.leo h4 {
  color: #2e86a7;
}

html.leo a,
html.leo a:hover,
html.leo a:focus {
  color: #266e89;
}

html.leo .active {
  background-color: #266e89;
  color: #FFFFFF;
}

html.leo .active .xicon-remove-eventseries {
  background-image: url("remove_white.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: #8ecae0;
  box-shadow: 0 3.5em #8ecae0;
  /* container height - part height */
}

html.leo .baseColor1 .spinner:before {
  background: #2e86a7;
}

html.leo .baseColor1 .spinner:after {
  background: #308caf;
}

html.leo .baseColor1 .spinner > div:before {
  background: #3ea4ca;
}

html.leo .baseColor1 .spinner > div:after {
  background: #52adcf;
}

html.leo .baseColor2 .spinner:before,
html.leo .baseColor2 .spinner:after,
html.leo .baseColor2 .spinner > div:before,
html.leo .baseColor2 .spinner > div:after {
  background: #71bbd7;
  box-shadow: 0 3.5em #71bbd7;
  /* container height - part height */
}

html.leo .baseColor2 .spinner:before {
  background: #266e89;
}

html.leo .baseColor2 .spinner:after {
  background: #297895;
}

html.leo .baseColor2 .spinner > div:before {
  background: #318eb1;
}

html.leo .baseColor2 .spinner > div:after {
  background: #49a8cc;
}

html.leo .baseFontColor .spinner:before,
html.leo .baseFontColor .spinner:after,
html.leo .baseFontColor .spinner > div:before,
html.leo .baseFontColor .spinner > div:after {
  background: #898989;
  box-shadow: 0 3.5em #898989;
  /* container height - part height */
}

html.leo .baseFontColor .spinner:before {
  background: #3C3C3C;
}

html.leo .baseFontColor .spinner:after {
  background: #444444;
}

html.leo .baseFontColor .spinner > div:before {
  background: #565656;
}

html.leo .baseFontColor .spinner > div:after {
  background: #6f6f6f;
}

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: #D2E1E7;
}

html.leo .bgColor1, html.leo .box-headline {
  background-color: #2e86a7;
}

html.leo .bgColor2 {
  background-color: #266e89;
}

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: #DADADA;
}

html.leo .borderedTop {
  border-top: 1px solid #DADADA;
}

html.leo .borderedBottom {
  border-bottom: 1px solid #DADADA;
}

html.leo .bordered {
  border: 1px solid #DADADA;
}

html.leo #favorites ul.list-border {
  border: 1px solid #266e89;
}

html.leo #favorites li {
  color: #3C3C3C;
}

html.leo #favorites li:hover {
  background-color: #266e89;
  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: #2e86a7;
}

html.leo div#footer ul li a {
  color: #2e86a7;
}

html.leo div#footer ul span.separator:after {
  content: '▪';
  color: #2e86a7;
}

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: #2e86a7;
}

html.leo .navbar .nav > li > a:hover {
  background-color: #266e89;
}

html.leo .navbar .nav > li > a:focus {
  background-color: #2e86a7;
}

html.leo .navbar .nav > .active > a,
html.leo .navbar .nav > .active > a:hover,
html.leo .navbar .nav > .active > a:focus {
  background-color: #266e89;
}

html.leo .navbar .nav > li.active > a:after {
  border-top: 20px solid #266e89;
}

html.leo .navbar h2 {
  color: #FFFFFF !important;
}

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: #3C3C3C;
}

html.leo .content-left div.myEvents ul.dropdown-menu {
  background-color: #FFFFFF;
  border: 1px solid #DADADA;
}

html.leo .content-left div.myEvents ul.dropdown-menu li a .active {
  background-color: #2e86a7;
}

html.leo .content-left div.myEvents ul.dropdown-menu li a:hover {
  background-color: #266e89 !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 #DADADA;
}

html.leo .content-left div.myEvents div.eventList:last-child.event {
  border-bottom: 1px solid #DADADA;
}

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: #3C3C3C;
}

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: #266e89;
}

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: #2e86a7;
}

html.leo .content-right p.helplink a,
html.leo .content-right p.helplink a:hover,
html.leo .content-right p.helplink a:focus {
  color: #3C3C3C !important;
}

html.leo .content-right #regBtn {
  background-color: #2e86a7 !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#dashboardMultiEvents a {
  color: #3C3C3C;
}

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: #3C3C3C !important;
}

html.leo .content-right table.ui-datepicker-calendar td.ui-datepicker-today.active a {
  background-color: transparent !important;
  border-color: #266e89 !important;
  color: #3C3C3C !important;
}

html.leo .content-right table.ui-datepicker-calendar td.active a:hover {
  border-color: #266e89 !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: #D2E1E7 !important;
}

html.leo label.no-control-label {
  color: #3C3C3C;
}

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: #266e89;
}

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: #3C3C3C;
}

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: #3C3C3C;
}

html.leo .control-group input,
html.leo .control-group select,
html.leo .control-group textarea {
  border-color: #266e89;
  box-shadow: none;
  color: #3C3C3C;
}

html.leo .control-group input:focus,
html.leo .control-group select:focus,
html.leo .control-group textarea:focus {
  border-color: #266e89;
  box-shadow: none;
}

html.leo .error {
  color: #FF0000;
}

html.leo .control-group.error .control-label,
html.leo .control-group.error .help-block,
html.leo .control-group.error .help-inline {
  color: #FF0000;
}

html.leo .control-group.error .checkbox,
html.leo .control-group.error .radio,
html.leo .control-group.error input,
html.leo .control-group.error select,
html.leo .control-group.error textarea {
  color: #FF0000;
}

html.leo .control-group.error input,
html.leo .control-group.error select,
html.leo .control-group.error textarea,
html.leo .control-group.error div.select2-container a {
  border-color: #FF0000 !important;
  box-shadow: none;
}

html.leo div.select2-drop li.error {
  color: #3C3C3C !important;
}

html.leo li.error:nth-child(1)::parent {
  color: green;
}

html.leo .control-group.error input:focus,
html.leo .control-group.error select:focus,
html.leo .control-group.error textarea:focus {
  border-color: #FF0000 !important;
  color: #FF0000;
  box-shadow: none;
}

html.leo .control-group.info .control-label,
html.leo .control-group.info .help-block,
html.leo .control-group.info .help-inline {
  color: #3C3C3C;
}

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: #3C3C3C;
}

html.leo .control-group.info input,
html.leo .control-group.info select,
html.leo .control-group.info textarea {
  border-color: #266e89;
  box-shadow: none;
  color: #3C3C3C;
}

html.leo .control-group.info input:focus,
html.leo .control-group.info select:focus,
html.leo .control-group.info textarea:focus {
  border-color: #266e89;
  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: #266e89;
  color: #3C3C3C;
}

html.leo input:focus:invalid:focus,
html.leo textarea:focus:invalid:focus,
html.leo select:focus:invalid:focus {
  border-color: #266e89;
  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: 'Sintony', sans-serif;
}

html.leo .error .prettycheckbox a {
  border-color: #FF0000;
}

html.leo .error .prettycheckbox label {
  color: #FF0000;
}

html.leo .prettycheckbox a,
html.leo .prettyradio a {
  background-image: url("prettyCheckable-blue.png");
}

html.leo .prettycheckbox a {
  border-color: #266e89;
}

html.leo .prettycheckbox label,
html.leo .prettyradio label {
  color: #3C3C3C;
}

html.leo .jspVerticalBar {
  width: 7px;
  background-color: transparent;
}

html.leo .jspTrack {
  background-color: white;
}

html.leo .jspDrag {
  background-color: #2e86a7;
}

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 #266e89;
  border-color: #266e89;
  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: #266e89;
  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: #3C3C3C !important;
}

html.leo .select2-container {
  width: 100%;
  color: #3C3C3C;
}

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 #266e89;
  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 #266e89;
}

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 #266e89;
  border-radius: 0;
  color: #3C3C3C;
}

html.leo .select2-drop {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #266e89;
  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: #3C3C3C;
}

html.leo .select2-dropdown-open.select2-drop-above .select2-choice {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #266e89;
  border-radius: 0;
  color: #3C3C3C;
}

html.leo .select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #266e89;
}

html.leo .select2-drop.select2-drop-above {
  border-bottom: 0 none;
  border-radius: 0 0 0 0;
  border-top: 1px solid #266e89;
  box-shadow: none;
}

html.leo .select2-results .select2-highlighted {
  background: none repeat scroll 0 0 #266e89;
  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: #2e86a7;
}

html.leo .select2-result-selectable .select2-match,
html.leo .select2-result-unselectable .select2-match {
  text-decoration: none;
  color: #3C3C3C;
  font-weight: bold;
}

html.leo .select2-container-active .select2-choice,
html.leo .select2-container-active .select2-choices {
  border: 1px solid #266e89;
  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: #266e89;
}

html.leo .helpbox-content {
  color: #3C3C3C;
}

html.leo .error .helpbox-content {
  color: #FF0000 !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: #2e86a7;
  color: #3C3C3C;
}

html.leo .close {
  color: #3C3C3C;
}

html.leo .modal, html.leo .takeoverDialog {
  background-color: #FFFFFF;
  border: 1px solid #2e86a7;
  border-radius: 1px 1px 1px 1px;
  box-shadow: none;
  width: 420px;
  color: #3C3C3C;
}

html.leo .modal-header {
  border-bottom: none;
  background-color: #2e86a7;
  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: #2e86a7;
}

html.leo .takeoverDialog {
  width: 920px;
  margin-left: -430px;
}

html.leo div.event .event-savingData button:first-of-type {
  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: '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 #266e89;
}

html.leo .ui-widget {
  font-family: "Sintony", sans-serif !important;
  border-color: #2e86a7 !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: #3C3C3C;
  font-weight: normal;
  text-align: center;
}

html.leo .ui-widget-header {
  background-image: none !important;
  background-color: #2e86a7 !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: #2e86a7 !important;
  border: none !important;
  color: #266e89 !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: #3C3C3C !important;
}

html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #2e86a7;
  background: #D2E1E7;
  font-weight: normal;
  color: #3C3C3C;
  outline: none;
}

html.leo .span4.content-right.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #2e86a7;
  background: #3C3C3C !important;
  font-weight: normal;
  color: #3C3C3C;
  outline: none;
}

html.leo .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  border: 1px solid #2e86a7 !important;
  background-color: #D2E1E7 !important;
  font-weight: normal;
  color: #3C3C3C;
  outline: none;
}

html.leo .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  border: 1px solid #2e86a7;
  background-color: #FFFFFF;
  font-weight: normal;
  color: #3C3C3C;
  outline: none;
}

html.leo .venue-favourites a {
  color: #3C3C3C;
}

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: #266e89;
}

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: 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: Roboto;
  font-weight: 300;
}

html.leo .bookingOffice ul {
  border: 1px solid #266e89;
}

html.leo .bookingOffice li:hover {
  background-color: #266e89;
  color: #FFFFFF;
}

html.leo .bookingOffice li {
  line-height: 25px;
  cursor: pointer;
  padding: 0 10px;
  color: #3C3C3C;
}

/************************  Home (Startseite)  ***************************/
.leo.leo-home {
  font-family: 'Inter' !important;
  background: url("home_clear.jpg") no-repeat fixed center center/cover transparent;
}

.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: #2e86a7;
  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: #266e89;
}

.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: #2e86a7;
  border: 0px;
  border-radius: 5px;
  padding: .5rem 1rem;
  border-right: 0px;
  text-align: center;
  width: 100%;
  font-size: 1em;
}