* {
    text-shadow: none;
}

.btn {
    border-radius: 0;
    text-shadow: none;
    background-image: none;
    transition: 0.15s;
}
.btn:not(:active) {
    box-shadow: none;
}

.btn-primary {
    border-color: rgb(5, 105, 173);
    background: rgb(5, 105, 173);
    background: -moz-linear-gradient(left, rgba(5, 105, 173, 1) 0%, rgba(17, 117, 186, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(5, 105, 173, 1) 0%, rgba(17, 117, 186, 1) 100%);
    background: linear-gradient(to right, rgba(5, 105, 173, 1) 0%, rgba(17, 117, 186, 1) 100%);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    border-color: rgb(154,36,118);
    background: rgb(154,36,118);
    background: -moz-linear-gradient(left, rgba(154,36,118,1) 0%, rgba(154,36,118,1) 100%);
    background: -webkit-linear-gradient(left, rgba(154,36,118,1) 0%,rgba(154,36,118,1) 100%);
    background: linear-gradient(to right, rgba(154,36,118,1) 0%,rgba(154,36,118,1) 100%);
}

.btn-danger, .btn-danger:hover {
    background: #9a2476;
    transition: 0.15s;
}

.btn-group > .btn:last-child, .btn-group > .btn:first-child {
    border-radius: 0;
    box-shadow: none;
}

.btn-group > .btn.btn-large {
    padding: 12px 16px 12px 16px;
}

input.input-block-level {
    border-radius: 1px;
    box-shadow: none;
}

.alert {
    border: none;
    border-radius: 0;
    text-shadow: none;
}

.alert a {
    font-weight: 700;
}

.alert.alert-error,
.alert.alert-danger {
    color: #9a2476;
    background-color: #f5e9f1;
}

.alert.alert-warning {
    background-color: #fff3d1;
}

.alert.alert-info {
    color: #595858;
    background-color: #cde2f0;
}
.alert.alert-success {
    color: #5bb75b;
    background: #def1de;
}
.page-header {
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-family: 'Roboto Bold', sans-serif;
    border-bottom: none;
}

.label-warning, .badge-warning {
    background-color: #f89406;
    background: linear-gradient(to right, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 100%);
    border-radius: 0;
    color: white;
    font-weight: normal;
    padding: 5px 8px;
}

.page-header-small h6 {
    font-size: 18px;
    font-weight: bold;
}

.page-header-small h6 span.title {
    float: left;
    margin-right: 4px;
    padding-top: 1px;
}

.table-condensed th, .table-condensed td {
    padding-left: 8px;
}

.table-orders .event-dates {
    padding-right: 8px;
}

.table-striped tbody tr:nth-child(odd) td {
    background-color: #f8f5f5;
}

.table.table-striped td {
    border-top: none;
}

.btn.new-frontend {
    font-weight: 700;
    text-transform: uppercase;
}

a {
    color: #22b2e6;
    transition: ease 0.3s;
}

a:hover {
    color: #595858;
    /*text-decoration: none;*/
}

.well {
    border-radius: 0;
    border: none;
    background: #f8f5f5;
    box-shadow: none;
}

.well.choices {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

.gradient-line {
    background: rgb(154, 36, 118);
    background: -moz-linear-gradient(left, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 33%, rgba(4, 110, 182, 1) 66%, rgba(34, 178, 230, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 33%, rgba(4, 110, 182, 1) 66%, rgba(34, 178, 230, 1) 100%);
    background: linear-gradient(to right, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 33%, rgba(4, 110, 182, 1) 66%, rgba(34, 178, 230, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a2476', endColorstr='#22b2e6', GradientType=1);
    height: 100%;
    width: 100%;
    color: white !important;
}

div.nav.nav-tabs {
    background: #f8f5f5;
    border: none;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabbable .nav-tabs {
    top: 51px;
}

.navbar .nav > li > a {
    text-shadow: none;
    color: white !important;
    font-family: "Roboto Medium", sans-serif;
}

.navbar .nav > li.active-tab > a, .navbar .nav > li:hover > a, .iconed-link > i, .iconed-link > span:first-of-type {
    color: #9a2476 !important;
}

.active-tab {
    background: #fff;
}

.nav.gradient-line * {
    transition: 0.15s;
}

.nav.gradient-line > li:hover {
    background: #f8f5f5;
}

.navbar .nav > li {
    height: 100%;
    line-height: 31px;
}

div.nav-tabs > div.subtab {
    padding-left: 10px;
}

#header-logo {
    width: 100%;
    height: 100%;
    background: #f8f5f5;
    position: absolute;
    top: 0;
    left: 0;
}

div.nav.nav > hr {
    border-top: 1px solid #d4d1d1;
    border-bottom: none;
    margin: 10px !important;
}

div.nav.nav-tabs > div.active-subtab {
    border: none;
    background: white;
    color: #9a2476 !important;
    width: 100% !important;
}

.subtab {
    height: 22px;
    font-family: "Roboto Regular", sans-serif;
    line-height: 23px;
}

.subtab-title {
    font-family: "Roboto Black", sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #d4d1d1;
    text-transform: uppercase;
    margin: 22px 10px 5px 10px;
    padding-bottom: 3px;
}

.subtab.active-subtab a, .subtab:hover a {
    color: #9a2476 !important;
    text-decoration: none;
}

.subtab a {
    display: block;
}
.subtab.highlighted a {
    font-weight: bold;
    text-transform: uppercase;
}
.subtab .overview-label {
    float: left;
}
.subtab .overview-premium-badge {
    text-transform: none;
    margin-left: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    float: left;
}

.tasks-todo {
    margin-top: -7px;
    margin-bottom: 10px;
    font-family: "Roboto Regular", sans-serif;
}

.custom-button.btn-premium {
    background: rgb(154, 36, 118);
    background: linear-gradient(to right, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 100%);
    height: 48px;
    display: flex;
    align-items: center;
}

.btn.btn-premium-inline {
    background: linear-gradient(to right, rgba(154, 36, 118, 1) 0%, rgba(64, 57, 142, 1) 100%);
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}

.btn.btn-premium-inline:hover {
    background: #545b62;
}

.btn-blue {
    background: #22b2e6;
    transition: 0.15s;
}

.btn-blue:hover, .btn-danger:hover, .btn-premium:hover {
    background: #545b62;
}

.custom-button {
    color: white !important;
    font-family: "Roboto Black", sans-serif;
    font-size: 12px;
    text-decoration: none !important;
    height: 36px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    text-transform: uppercase;
    line-height: 36px;
}

.custom-button > * {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.custom-button > i.icon-vorschau {
    margin: -1px 21px 0 8px;
    font-size: 15px;
}

.custom-button > i.icon-bestellungen {
    margin: -11px 12px 0 11px;
    font-size: 24px;
}

.custom-button > i.icon-premium-testen {
    margin: -9px 13px 0 10px;
    font-size: 21px;
}

.custom-button > i.icon-premium-aktivieren {
    margin: -11px 24px 0 7px;
    font-size: 23px;
}

i.icon-bestellungen {
    padding-right: 5px;
}

.iconed-link .icon-bestellungen {
    margin-left: -8px;
    padding-right: 8px;
}

.span6 > a.iconed-link {
    right: -9px;
    position: relative;
}

body {
    color: #595858;
}

.content-title {
    font-size: 28px;
    color: #9a2476;
    font-weight: 300;
    border-bottom: 1px solid #d4d1d1;
    font-family: "Roboto Light", sans-serif;
    padding-bottom: 20px;
    margin: 34px 0 20px 0;
}

.content-title .title {
    float: left;
    margin-right: 7px;
}

.content-title .label-warning {
    font-family: "Roboto Regular", sans-serif;
    float: left;
    margin-top: 8px;
}

.gray-box {
    background: #f8f5f5;
    padding: 20px;
    margin-bottom: 40px;
    font-family: "Roboto Regular", sans-serif;
}
.gray-box .row {
    margin: 0;
}

@font-face {
    font-family: "Roboto Black";
    src: url(../fonts/roboto/Roboto-Black.ttf);
}

@font-face {
    font-family: "Roboto Black Italic";
    src: url(../fonts/roboto/Roboto-BlackItalic.ttf);
}

@font-face {
    font-family: "Roboto Regular";
    src: url(../fonts/roboto/Roboto-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: "Roboto Bold Italic";
    src: url(../fonts/roboto/Roboto-BoldItalic.ttf);
}

@font-face {
    font-family: "Roboto Italic";
    src: url(../fonts/roboto/Roboto-Italic.ttf);
}

@font-face {
    font-family: "Roboto Light";
    src: url(../fonts/roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: "Roboto Light Italic";
    src: url(../fonts/roboto/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: "Roboto Medium";
    src: url(../fonts/roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: "Roboto Medium Italic";
    src: url(../fonts/roboto/Roboto-MediumItalic.ttf);
}

@font-face {
    font-family: "Roboto Regular";
    src: url(../fonts/roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto Thin";
    src: url(../fonts/roboto/Roboto-Thin.ttf);
}

@font-face {
    font-family: "Roboto Thin Italic";
    src: url(../fonts/roboto/Roboto-ThinItalic.ttf);
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icons/icomoon.eot?180o2z');
    src: url('../fonts/icons/icomoon.eot?180o2z#iefix') format('embedded-opentype'),
    url('../fonts/icons/icomoon.ttf?180o2z') format('truetype'),
    url('../fonts/icons/icomoon.woff?180o2z') format('woff'),
    url('../fonts/icons/icomoon.svg?180o2z#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li [class^="icon-"] {
    margin-left: 9px;
    margin-right: 4px;
}

.icon-abmelden:before {
    content: "\e900";
    font-size: 20px;
    position: relative;
    top: -3px;
    right: 5px;
}

.icon-admin:before {
    content: "\e901";
    font-size: 25px;
    position: relative;
    top: -5px;
    right: 8px;
}

.icon-bestellungen:before {
    content: "\e902";
    font-size: 20px;
    position: relative;
    top: -3px;
    right: 5px;
}

.icon-bezahlung:before {
    content: "\e903";
    font-size: 22px;
    position: relative;
    top: -8px;
}

.icon-einstellungen:before {
    content: "\e904";
    font-size: 20px;
    right: 9px;
    position: relative;;
}

li .icon-einstellungen:before {
    top: -4px;
}

.icon-erweiterte-einstellungen:before {
    content: "\e905";
}

.icon-gestaltung:before {
    content: "\e906";
    font-size: 20px;
    position: relative;
    top: -4px;
}

.icon-konfiguration:before {
    content: "\e907";
    font-size: 22px;
    position: relative;
    top: -6px;
}

.icon-konfiguration, .icon-bezahlung, .icon-preiseinstellungen, .icon-gestaltung {
    margin-left: 5px;
    margin-right: 5px;
}

.icon-preiseinstellungen:before {
    content: "\e908";
    font-size: 22px;
    position: relative;
    top: -8px;
}

.icon-premium-aktivieren:before {
    content: "\e909";
}

.icon-premium-testen:before {
    content: "\e90a";
}

.icon-statistiken:before {
    content: "\e90b";
    font-size: 20px;
    position: relative;
    top: -3px;
    right: 5px;
}

.icon-uebersicht:before {
    content: "\e90c";
}

li .icon-uebersicht:before {
    font-size: 23px;
    position: relative;
    top: -6px;
    right: 5px;
}

.icon-veranstaltungen:before {
    content: "\e90d";
    font-size: 23px;
    position: relative;
    top: -3px;
    right: 9px;
}

li .icon-veranstaltungen:before {
    top: -6px;
}

.icon-vorschau:before {
    content: "\e90e";
}

.icon-gutscheine:before {
    content: "\e90f";
    font-size: 25px;
    position: relative;
    top: -7px;
    right: 14px;
}

.icon-link:before {
    content: "\e910";
}

.icon-credits-kaufen:before {
    content: "\e911";
    font-size: 24px;
    position: relative;
    right: 9px;
}

.icon-kunden-adressen:before {
    content: "\e912";
    font-size: 20px;
    right: 9px;
    top: -2px;
    position: relative;;
}

.event {
    margin-top: 51px;
}
.content {
    top: 51px;
}

.table-bordered,
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
    border-radius: 0;
}

#editor-panel-buttons {
    top: 0;
    left: -30px;
}
.editor-helpbox {
    top: 40px;
}
#editor-scrollpane {
    top: 60px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
}

.sequence-prices {
    height: auto;
    display: flex;
}
.sequence-prices li {
    height: auto;
    display: flex;
    flex-direction: column;
}
.flex-bottom {
    margin-top: auto;
    width: 100%;
}

.fields-col {
    display: flex;
    flex-direction: column;
}

.subtab-title i {
    width: 26px;
    margin-left: 0;
}

.form-horizontal.add-event label {
    width: auto;
    margin-right: 13px;
}

.events-overview td {
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}

.events-overview td:first-child {
    width: 40%;
}

.events-overview td:nth-child(2) {
    width: 30%;
}

.events-overview td .label-warning {
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
}

#event-status{
    font-family: "Roboto Regular", sans-serif;
}

#event-status .head {
    margin-bottom: 10px;
}
#event-status .head h4 {
    margin-right: 15px;
    float: left;
}

#event-status .head .congratulations {
    margin-bottom: 13px;
}

#event-status .head .congratulations img {
    float: left;
    width: 88px;
    margin-right: 21px;
}

#event-status .head .congratulations h3 {
    color: #9a2576;
}

#event-status .head .status-badge {
    float: left;
}

#event-status .head .status-badge img,
#event-status .head .status-badge span {
    float: left;
}

#event-status .head .status-badge img {
    margin-right: 8px;
}

#event-status .head .status-badge span {
    padding-top: 1px;
}

#event-status .head .status-badge {
    border-radius: 22px;
    padding: 8px 13px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

#event-status .head .status-badge img {
    width: 30px;

    /* white */
    filter: invert(100%) sepia(92%) saturate(0%) hue-rotate(321deg) brightness(107%) contrast(107%);
}

#event-status .head .status-badge.invisible {
    visibility: visible;
    background: #fdc517;
}

#event-status .head .status-badge.visible {
    background: #5bb75b;
}

#event-status .head .status-badge.visible img {
    padding-top: 2px;
}

#event-status .info .settings-display-public {
    margin-bottom: 17px;
}

#event-status .credits strong.hasEnoughCredits {
    color: #5bb75b;
}

#event-status .credits strong.hasNotEnoughCredits {
    color: rgb(154, 36, 118);
}

#event-status a img {
    width: 30px;
    float: left;
    margin-top: 1px;
    margin-right: 8px;
}

#event-status a img.cart {
    width: 17px;
}

#event-status a span {
    float: left;
    padding-top: 1px;
}

#event-status a.publishing span {
    padding-top: 2px;
}

#event-status a.publishing {
    background: #5bb75b;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    border: none;
    padding: 8px;
    line-height: normal;
}

#event-status a.publishing img {
    margin-top: 0;

    /* white */
    filter: invert(100%) sepia(92%) saturate(0%) hue-rotate(321deg) brightness(107%) contrast(107%);
}

#event-tasks .alert {
    margin-bottom: 10px;
    padding: 7px 9px 9px 9px;
}

#event-tasks .alert div.icon {
    float: left;
    width: 23px;
    margin-right: 4px;
}

#event-tasks .alert span {
    float: left;
}

#event-tasks .alert a {
    float: right;
}

#event-tasks .alert.alert-success div.icon img {
    width: 23px;
    filter: invert(68%) sepia(12%) saturate(1808%) hue-rotate(72deg) brightness(92%) contrast(84%);
}

#event-tasks .alert.alert-success span {
    padding-top: 3px;
}

#event-tasks .alert.alert-warning div.icon img {
    width: 18px;
    margin-top: 2px;
    filter: invert(59%) sepia(79%) saturate(272%) hue-rotate(359deg) brightness(91%) contrast(90%);
}

#event-tasks .alert.alert-warning span,
#event-tasks .alert.alert-warning a {
    padding-top: 2px;
}

.modal.wide {
    width: 90%;
    left: 5%;
    margin-left: 0;
}

.info-icon {
    position: relative;
    padding-left: 20px;
}

.info-icon::before {
    background-image: url('/images/event/settings/form-fields/icons/info.svg');
    height: 17px;
    width: 17px;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.info-icon-is-right {
    margin-left: 6px;
}

.margin-top-negative-one {
    margin-top: -1px !important;
}

.margin-top-negative-two {
    margin-top: -2px !important;
}

.margin-top-negative-five {
    margin-top: -5px !important;
}

input#limited-date, input#limited-category, input#display-on-pdf, input#one-ticket-discount, input#discount_per_ticket, input#accumulateable {
    margin-top: -2px !important;
}

.margin-top-positive-two {
    margin-top: 2px !important;
}

.controls-adjusted {
    margin-top: 6px;
}

.display-advanced-settings {
    margin-bottom: 10px;
}

.popover {
    font-family: "Roboto Regular", sans-serif;
    padding: 0;
    border: 1px solid #22b2e6;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.popover-title {
    background: #22b2e6;
    color: white;
    font-family: "Roboto Black", sans-serif;
    border-bottom: none;
    margin: -1px;
}

.popover-title .close {
    opacity: 1;
    color: white;
    text-shadow: none;
    line-height: 16px;
}

.popover-content {
    background: #f8f5f5;
}

.popover-content hr {
    border-top: 1px solid #d4d1d1;
    border-bottom: none;
    margin: 10px 0;
}

.popover-inner {
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.popover.right .arrow {
    border-right-color: #f8f5f5;
}

.popover.right .arrow:after {
    border-right-color: #22b2e6;
}

.popover.left .arrow {
    border-left-color: #f8f5f5;
}

.popover.left .arrow:after {
    border-left-color: #22b2e6;
}

.popover.top .arrow {
    border-top-color: #f8f5f5;
}

.popover.top .arrow:after {
    border-top-color: #22b2e6;
}

.popover.bottom .arrow {
    border-bottom-color: #f8f5f5;
}

.popover.bottom .arrow:after {
    border-bottom-color: #22b2e6;
}

.form-actions {
    background: #f8f5f5;
}

.popover-content ul {
    margin: 10px 0 10px 10px;
    list-style-type: none;
    position: relative;
}

.popover-content ul li::before {
    content: '•';
    position: absolute;
    font-weight: bold;
    left: -10px;
}

.button-spacing-left {
    margin-left: 10px !important;
}

input[type=checkbox] {
    box-shadow: none;
}

ul.bonus-codes-help {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

ul.available-fields {
    min-width: 452px;
    min-height: 45px;
}

.new-voucher-order {
    height: 42px;
}

.voucher-info {
    vertical-align: middle;
    width: 68%;
    position: relative;
    float: left;
    margin-left: 1%;
}

.voucher-amount-container {
    width: 15%;
    position: relative;
    float: left;
}

.voucher-amount-container .voucher-amount {
    margin-top: 5px;
    width: 70px;
    display: block;
    height: 15px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.voucher-amount-input {
    margin-top: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    height: 16px !important;
}
.voucher-price-container {
    width: 15%;
    position: relative;
    float: right;
    margin-right: 1%;
    padding-top: 10px;
}

.voucher-price {
    vertical-align: middle;
}

.has-error {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
}

.vouchers-form .form-group {
    height: 45px;
}

.vouchers-form .control-label {
    width: 15%;
    position: relative;
    float: left;
    margin-left: 1%;
}

.vouchers-form .input-container {
    position: relative;
    float: right;
    width: 83%;
    margin-right: 1%;
}

.vouchers-form .input-container input{
    width: 98%;
}

.vouchers-form .button-row {
    margin-top: 25px;
}

.vouchers-form .pull-right {
    margin-right: 1%;
}

.vouchers-form .total-row{
    margin-top: 10px;
}

.vouchers-form .customer-container {
    margin-top: 50px;
}

.premium-payment {
    margin-left: 17px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.payrexx-option {
    background: white;
    padding: 10px;
    text-align: center;
    height: 130px;
    margin-top: 10px;
    transition: 300ms;
    cursor: pointer;
}

.payrexx-option.selected {
    box-shadow: 0 0 30px -12px rgba(0, 0, 0, 0.75);
}

.payrexx-option img {
    width: 160px;
}

.payrexx-option > span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.payrexx-option-container {
    float: left;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 0 10px;
}

.user-events-overview > .page-header {
    margin-top: 0;
}

.user-events-overview > .page-header > h6 {
    margin-top: 0;
}

.user-events-overview > .page-header > h6 > .label-warning {
    position: relative;
    top: -2px;
}


h3.content-title {
    font-size: 24px;
}

.ticketleo-title {
    color: #9a2476;
    font-weight: 300;
    font-family: "Roboto Light", sans-serif;
}

.btn-tiny {
    padding: 5px;
    height: 4px;
}