.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge.hoverable:hover {
    opacity: 0.7;
}

.ui-content.tp {
    display: none;
}

/* Zwei zeile falls leerzeichen*/
.ui-header .ui-title, .ui-footer .ui-title {
    white-space: normal;
}

tr, .bottomborder {
    border-bottom: 1px solid #d6d6d6;
}

.ui-page-theme-a .ui-content {
    color: #e20074;
}

.ui-bar-a.ui-success {

}

#verfuegbarkeit-neukunde-ergebnis.ui-page-theme-a .ui-content, #auftraege.ui-page-theme-a .ui-content {
    color: #333;
}

.ui-page-theme-a .ui-btn, .ui-page-theme-a .ui-btn:hover, .ui-page-theme-a .ui-btn:visited, .ui-page-theme-a .ui-header, html body .ui-group-theme-b .ui-btn.ui-btn-active {
    background-color: #e20074;
    color: #FFF;
    text-shadow: none;
}

#auftrag-buchen-form #status-button span {
    text-align: left;
}

#auftrag-buchen-form #tariff-button span {
    text-align: left;
}

#auftrag-buchen-form #condition-button span {
    text-align: left;
}

.no-gap {
    margin-left: -2px;
    font-size: 18px;
}

.condition-teaser {
    padding-left: 55px;
    padding-bottom: 5px;
}

.condition-teaser tr {
    border: none;
}

.condition-teaser input {
    margin-top: -1px;
    margin-left: -40px;
}

.conditionTable {
    border: 2px solid;
}

.conditionTable-neu {
    border: 2px solid;
}

.conditionHeadline {
    border-bottom: 1px solid #e20074;
    color: #ffffff;
    font-weight: bold;
    background-color: #e20074;
    text-shadow: none;
    padding: 0 3px 0 3px;
}

.conditionHeadline-neu {
    border-bottom: 1px solid #e20074;
    color: #ffffff;
    font-weight: bold;
    background-color: #e20074;
    text-shadow: none;
    padding: 0 3px 0 3px;
    text-align: center;
    width: 600px;
}

.conditionInfo-neu {
}

.conditionDetailTable {
    border: none;
}

.conditionDetailTable th {
    border: 1px solid;
    text-align: center;
    padding: 0 3px 0 3px;
}

.conditionDetailTable td {
    border: 1px solid;
    text-align: center;
    padding: 0 3px 0 3px;
}

td.conditionDesc {
    text-align: left;
    width: 400px;
}

.reloadButton-container {
    padding-top: 20px;
}

table.b2bErrors {
    border: 2px solid black;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table.b2bErrors th {
    border: 2px solid black;
    padding: 3px;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

table.b2bErrors td {
    border: 1px solid black;
    padding: 3px;
    margin: 0;
    font-weight: normal;
}

/* Modalfesnter mit Titel "Kunde nicht erreicht" */
#modal6c569025441161e3eabff25902d53654 .modal-dialog {
    width: 750px;
}

#modal6c569025441161e3eabff25902d53654 .modal-dialog .modal-content .modal-body .row {
    text-align: center;
}

#modala576d1fa84e2653000563f64549be427 .reset-wiedervorlage {
    text-align: right;
    width: 100%;
    font-weight: bold;
}

.panel.b2b-messages .table {
    margin-bottom: 0;
}

.panel.b2b-messages .table .b2b-msg-err-type {
    width: 100px;
}

.panel.b2b-messages .table .b2b-msg-err-class {
    width: 100px;
}

.panel.b2b-messages .table .b2b-msg-service {
    width: 200px;
}

.panel.b2b-messages .table .b2b-msg-number {
    width: 100px;
}

.panel.b2b-messages .table .b2b-msg-message {
}

.panel.b2b-messages .table .b2b-msg-action {
    width: 150px;
}

.old-option-collapse, .old-option-collapse.collapsed {
    margin-left: 5px;
    margin-top: 15px;
    background-color: #FFFF80 !important;
    background-image: none !important;
    color: black !important;
}

.old-option-collapse.collapsed {
    background-color: #FFFFD0 !important;
}

.old-option-frame {
    background-color: #FFFFD0;
    padding: 12px 5px 5px 5px;
    margin: -10px -5px 0 -5px;
    border: 1px solid black;
}

.old-option-frame-head {
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: underline;
}

.form-control.a-status-red {
    background-color: red;
    color: black;
}

.form-control.a-status-yellow {
    background-color: yellow;
    color: black;
}

.form-control.a-status-green {
    background-color: green;
    color: black;
}

tr.ticket-status-ok {
    background-color: lightgreen;
}

.btn-primary.btn-submit {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

input[id^='submitbutton-'] {
    border-radius: 4px;
}

#auftrag-datei-upload-btn {
    margin-top: 20px;
}

.optionenLabel > .form-group > label {
    display: flow-root;
}
.mietgeraeteLabel > .form-group > label, .kaufgeraeteLabel > .form-group > label {
    font-weight: 300 !important;
    display: flow-root;
}
.mietgeraeteLabel.n-preisUnterschied > .form-group > label,
.kaufgeraeteLabel.n-preisUnterschied > .form-group > label,
.optionenLabel.n-preisUnterschied > .form-group > div div label {
    background-color: orange;
}
.mietgeraeteLabel.n-verfuegbar > .form-group > label,
.kaufgeraeteLabel.n-verfuegbar > .form-group > label,
.optionenLabel.n-verfuegbar > .form-group > div div label {
    color: orange;
}
.mietgeraeteLabel.n-vermarktet > .form-group > label,
.kaufgeraeteLabel.n-vermarktet > .form-group > label,
.optionenLabel.n-vermarktet > .form-group > div div label {
    color: red;
}

form#verfuegbarkeit input.inp-required,
form#neukunde-second-call input.inp-required, form#neukunde-second-call div.ui-select span.inp-required,
form#bestandskunde-second-call input.inp-required, form#bestandskunde-second-call div.ui-select span.inp-required,
form#kundendatentarif input.inp-required, form#kundendatentarif select.inp-required, form#kundendatentarif div.radio label.inp-required,
form#auftragsecondcallstep2 input.inp-required, form#auftragsecondcallstep2 select.inp-required,
form#auftragsecondcallstep3 input.inp-required, form#auftragsecondcallstep3 select.inp-required,
form#wiedervorlage-form input.inp-required, form#wiedervorlage-form select.inp-required,
form#auftragVpnr-form input.inp-required, form#auftragVpnr-form select.inp-required,
form#auftrag-manuell-buchen-form input.inp-required, form#auftrag-manuell-buchen-form select.inp-required, form#auftrag-manuell-buchen-form textarea.inp-required,
form#auftrag-ftth-buchen-form input.inp-required, form#auftrag-ftth-buchen-form select.inp-required, form#auftrag-ftth-buchen-form textarea.inp-required,
form#auftrag-datei-upload input.inp-required, form#auftrag-datei-upload select.inp-required,
form#auftrag-bearbeiten input.inp-required, form#auftrag-bearbeiten select.inp-required,
form#emailtemplate input.inp-required {
    background-color: lightyellow;
}

#auftragsticket-submit-frame {
    margin-left: 33.33333333%;
}

/*
form#neukunde-second-call div.ui-radio label.inp-required, form#bestandskunde-second-call div.ui-radio label.inp-required {
    background-color: lightyellow;
    color: black;
    font-weight: normal;
    text-shadow: none;
}
form#neukunde-second-call div.ui-radio label.inp-required.ui-btn-active, form#bestandskunde-second-call div.ui-radio label.inp-required.ui-btn-active {
    background-color: #e20074;
    color: #FFF;
    font-weight: bold;
    text-shadow: none;
}
*/

/**
 * json-view - jQuery collapsible JSON plugin
 * @version v1.0.0
 * @link http://github.com/bazh/jquery.json-view
 * @license MIT
 */
.json-view {
    position: relative;
}

.json-view .collapser {
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    left: -1.7em;
    top: -0.2em;
    z-index: 5;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiYGBgOADE%2F3Hgw0DM4IRHgSsDFOzFInmMAQnY49ONzZRjDFiADT7dMLALiE8y4AGW6LoBAgwAuIkf%2F%2FB7O9sAAAAASUVORK5CYII%3D");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    cursor: pointer;
}

.json-view .collapsed {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.json-view .bl {
    display: block;
    padding-left: 20px;
    margin-left: -20px;
    position: relative;
}

.json-view {
    font-family: monospace;
}

.json-view ul {
    list-style-type: none;
    padding-left: 2em;
    border-left: 1px dotted;
    margin: 0.3em;
}

.json-view ul li {
    position: relative;
}

.json-view .dots,
.json-view .comments {
    display: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.json-view .comments {
    padding-left: 0.8em;
    font-style: italic;
    color: #888;
}

.json-view .null,
.json-view .num,
.json-view .bool,
.json-view .undef {
    font-weight: bold;
    color: #1A01CC;
}

.json-view .str {
    color: #800;
}

#manuelles-loeschen-kundendaten {
    margin-top: 20px;
    margin-bottom: 20px;
}

#manuelles-loeschen-kundendaten td, #manuelles-loeschen-kundendaten th {
    padding: 5px;
    text-align: center;
}

.bearbeitung-oben-links {
    margin-block-end: 4px;
}
.bearbeitung-oben-links div.alert {
    display: inline-block;
}
.bearbeitung-oben-rechts {
    margin-block-end: 4px;
}
.bearbeitung-oben-rechts div.alert {
    display: inline-block;
}