body {
    --primary-bg-color: #1274de;
    --primary-font-color: white;
    --secondary-color: #00101f0d;
    --secondary-font-color: #343537;
    --info-bg-color: #1274de;
    --popup-background: #f7f7f7;
}

.mbsc-ios.mbsc-btn-primary.mbsc-btn {
    background: var(--primary-bg-color);
}
.mbsc-ios.mbsc-btn-info.mbsc-btn {
    background: var(--primary-bg-color);
}
.mbsc-ios.mbsc-btn-secondary.mbsc-btn {
    background-color: var(--secondary-color);
    color: var(--secondary-font-color)
}
.mbsc-ios.mbsc-form, .mbsc-popup-content {
    background-color: var(--popup-background);
}

.mbsc-ios .mbsc-divider, .mbsc-ios .mbsc-form-group-title {
    border-bottom: 2px solid #dcdcdc;
    color: #252525;
    background-color: var(--popup-background);
}
.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt, .mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
    border-color: var(--primary-bg-color);
    background: var(--primary-bg-color);
    opacity: 1;
}
.mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt, .mbsc-ios.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-ios.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover, .mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
    background: var(--primary-bg-color);
    opacity: .3;
}
.mbsc-ios .mbsc-cal-today, .mbsc-ios.mbsc-calendar-today, .mbsc-ios.mbsc-calendar-week-nr {
    color: var(--primary-bg-color);
}
.mbsc-ios.mbsc-schedule-header-day.mbsc-selected {
    background-color: var(--primary-bg-color);
}
.mbsc-ios.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-ios .mbsc-sc-itm:focus, .mbsc-ios.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
    /* background: var(--primary-bg-color); */
    /* opacity: .15; */
    background-color: var(--secondary-color);
}
.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item, .mbsc-ios .mbsc-ms .mbsc-ms-item-sel, .mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
    color: var(--primary-bg-color);
}

.mbsc-ios.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-hover {
    background: rgb(224, 224, 224);
}
.mbsc-ios.mbsc-schedule-header-day.mbsc-hover {
    background: var(--primary-bg-color);
    opacity: .3;
}
.mbsc-ios .mbsc-divider, .mbsc-ios .mbsc-form-group-title {
    font-size: 1em;
    text-transform: none;
}
.mbsc-ios .mbsc-collapsible .mbsc-form-group-title {
    padding-top: 2em;
}
.mbsc-ios.mbsc-btn {
    border-radius: .5em;
    color: var(--primary-bg-color);
}
.mbsc-ios .mbsc-checkbox-box, .mbsc-ios.mbsc-checkbox-box {
    border: 0.125em solid var(--primary-bg-color);
}
.mbsc-ios .mbsc-radio-box:after, .mbsc-ios .mbsc-checkbox-box:after {
    border-color: var(--primary-bg-color);
}
.mbsc-ios .mbsc-segmented-content {
    color: var(--primary-bg-color);
    border: 0.07143em solid var(--primary-bg-color);
}
.mbsc-ios.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
    background: var(--primary-bg-color);
    opacity: 1;
}
.mbsc-ios.mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
    color: var(--primary-bg-color);
}
.mbsc-ios.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
    /* background: var(--primary-bg-color); */
    /* color: var(--primary-font-color); */
    /* opacity: .15; */
    background-color: var(--secondary-color);
    transition: all .1s ease-in-out;
}
.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel {
    color: var(--primary-bg-color);      
}
div :not(li):not(td) > .mbsc-ios.mbsc-btn-flat.mbsc-btn.mbsc-btn-icon-only {
    background-color: white;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    text-overflow: clip;
    padding: 0;
    /* border: 1px solid #f0f0f0; */
}
#mahngrid tbody td .mbsc-ios.mbsc-btn-flat.mbsc-btn.mbsc-btn-icon-only {
    height: initial;
    width: initial;
    background-color: unset;
}
/* #angebotelist tbody td .mbsc-ios.mbsc-btn-flat.mbsc-btn.mbsc-btn-icon-only {
    height: initial;
    width: initial;
    background-color: unset;
}
#arbeitlist tbody td .mbsc-ios.mbsc-btn-flat.mbsc-btn.mbsc-btn-icon-only {
    height: initial;
    width: initial;
    background-color: unset;
} */
.mbsc-ios.mbsc-btn.druckOptions {
    margin: 5px 10px 12px 10px;
}
.mbsc-form-group {
    margin: 0;
}

/* popup buttons  */
.mbsc-ios .mbsc-fr-btn {
    font-size: 14px;
    line-height: 14px;
    height: auto;
    margin: 0.8em 0.5em;
    padding: 10px 24px;
    border-radius: 0.5em !important;
    color: var(--primary-bg-color)
}

/* set buttons  */
.mbsc-fr-btn-w:not(.mbsc-fr-btn-c) .mbsc-fr-btn-e.mbsc-fr-btn {
    background-color: var(--primary-bg-color) !important;
    color: white;
}
.mbsc-fr-btn-w .mbsc-fr-btn-e.mbsc-fr-btn:hover {
    opacity: .8;
}

/* cancel buttons  */
.mbsc-fr-btn-w.mbsc-fr-btn-c .mbsc-fr-btn-e.mbsc-fr-btn {
    background-color: var(--secondary-color);
    color: var(--secondary-font-color)
}

.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
    font-weight: bold;
    /* background-color: white; */
    margin: 0.5em;
}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w {
    border-top: 0;
    border-left: 0;
}
.mbsc-ios.mbsc-fr-center .mbsc-fr-w {
    padding-bottom: 0;
}
.mbsc-ios.mbsc-fr-bubble:not(.mbsc-fr-nobtn) .mbsc-fr-w {
    padding-top: 4.7em;   
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont {
    display: flex;
    justify-content: flex-end;
    background-color: var(--popup-background);
    position: relative;
    align-items: center;
}
.mbsc-ios.mbsc-fr-bubble .mbsc-fr-btn-cont {
    display: flex;
    justify-content: flex-end;
    background-color: var(--popup-background);
    align-items: center;
}

/* popup header  */
.mbsc-ios .mbsc-fr-hdr, .mbsc-ios .mbsc-ios.mbsc-popup-header {
    text-align: left;
    font-size: 1.8em;
    border-bottom: 0 !important;
    background-color: var(--popup-background);
}

.ui.popup {
    z-index: 99999;
}

/* Terminkalender  */
.mbsc-ios.mbsc-popup-buttons-flex.mbsc-popup-buttons .mbsc-button-flat {
    font-size: 14px;
    line-height: 14px !important;
    height: auto;
    margin: 0.8em 0.5em !important; 
    padding: 10px 24px;
    border-radius: 0.5em !important;
    color: var(--primary-bg-color)
}
.mbsc-popup-buttons.mbsc-popup-buttons-center.mbsc-ios.mbsc-ltr.mbsc-popup-buttons-flex .mbsc-popup-button-close {
    background-color: var(--secondary-color);
    color: var(--secondary-font-color)
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
    border: 0 !important;
}
.mbsc-ios.mbsc-popup-buttons-flex.mbsc-popup-buttons {
    display: flex;
    justify-content: flex-end;
    background-color: var(--popup-background) !important;
    position: relative;
    align-items: center;
    /* margin-bottom: 1em; */
}
.mbsc-ios.mbsc-popup-buttons-flex.mbsc-popup-buttons .mbsc-button-flat:not(.mbsc-popup-button-close) {
    background-color: var(--primary-bg-color) !important;
    color: white;
}

.mbsc-ios.mbsc-button {
    border-radius: .5em;
}
.mbsc-ios.mbsc-button-primary.mbsc-button-standard {
    background: var(--primary-bg-color); 
}
.mbsc-ios.mbsc-button-secondary.mbsc-button-standard {
    background-color: var(--secondary-color);
    color: var(--secondary-font-color);
}
.mbsc-ios.mbsc-button-standard, .mbsc-ios.mbsc-calendar-button.mbsc-button {
    color: var(--primary-bg-color); 
}