.support-line-login {
    margin-top: 7px;
    font-size: 12px;
    margin-right: 50px;
}

.support-line-login a:hover {
    color: Var(--parat-selected-bg) !important;
}

.support-line-login a {
    text-decoration: none !important;
}

.dxWindowsPlatform {
    overflow: hidden !important;
}

.dxChrome {
    overflow: hidden !important;
}

.k-grid-header-wrap {
    background-color: var(--parat-bg-color);
}

.k-grouping-header-flex .k-group-indicator {
    background-color: Var(--parat-bg-color);
}

.k-splitbar:hover {
    background-color: var(--parat-selected-bg);
}

.parat-back {
    background-color: var(--parat-bg-color) !important;
    padding: 5px;
}

.parat-toolbar {
    background-color: var(--parat-bg-color) !important;
    color: white;
}

.parat-dialog-div {
    padding: 0;
    background-color: white;
}


.loader-indicator {
    color: var(--parat-bg-color) !important;
}

.msgBtn {
    width: 120px;
    margin-top: 10px;
}

.msgPanel {
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 10px;
    float: start;
}

.msgBtnPanel {
    white-space: nowrap;
}

.msgBtnPanel-right {
    white-space: nowrap;
    text-align: right;
    margin-right: 20px;
}

.msgBtnPanelTelerikWindow {
    white-space: nowrap;
    float: right;
    margin-right: 20px;
}

.alert-latency {
    background-color: Var(--parat-bg-color);
    border-style: none;
    margin: 0;
}

.mapPopup {
    min-width: 900px;
}

.mapPopupRoute {
    min-width: 1100px;
}

.mapcontainer img {
    border-width: 3px;
    border-color: Var(--parat-bg-color);
    border-style: solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mapcontainer {
    text-align: center;
    padding-top: 15px;
}

.auswertung-container {
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: white;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
}

.auswertung-img {
    width: 50px;
    margin: 10px;
    background-color: transparent;
}

.auswertung-td {
    color: black;
}

.auswertung-table {
}

.auswertung-description {
    font-style: italic;
}

.auswertung-table-in {
}

.dxbs-fl .dxbs-fl-cpt {
    font-weight: normal;
}

.tab-parent row > div:last-of-type {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}

.dxbs-menu .separator {
    color: Var(--parat-selected-bg);
    min-width: 1px;
    max-width: 2px;
}

.tab-parent .col-form-label {
    height: 20px;
    color: var(--parat-bg-color);
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 12px;
}

.tab-parent .form-control {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    background-color: white;
}

.msgTableHeader {
    width: 100%;
    background-color: Var(--parat-window-title);
    color: Var(--parat-Text-color-bright);
    height: 36px;
    margin: 0 !important;
    padding: 0 !important;
}

.msgTitle {
    font-size: 16px;
    font-weight: normal;
    color: Var(--parat-Text-color-OnAccent);
}

.tooltip-headline {
    font-size: 14px;
    height: 30px;
    width: 300px;
    margin: 0;
    padding: 0;
}

.template-wrapper {
    display: flex;
    flex-direction: row;
    height: 180px;
    width: 400px;
    padding: 0;
    margin: 0;
    background-color: Var(--parat-bg-color);
    background-image: none;
    border: none;
}

.k-tooltip {
    background-color: Var(--parat-bg-color);
    border-style: solid;
    border-color: Var(--parat-accent-bg);
    border-width: 5px;
}

.tooltip-content {
}

.pivot-container {
    background-color: white;
    overflow-y: scroll;
    overflow-x: scroll;
}

.card .card-header {
    font-size: 14px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 1px;
    background-color: Var(--parat-card-color);
    color: white;
}

.badge-danger {
    text-align: center;
}

.alert.alert-primary {
    background-color: Var(--parat-bg-color);
    color: Var(--parat-Text-color-bright);
}

.parat-toolbarBtn {
    margin-left: 5px;
}

.parat-toolbarBtn-mrgTop20 {
    margin-left: 5px;
    margin-top: 20px;
}

.parat-toolbarBtn-100 {
    margin-left: 5px;
    width: 100px;
}

.parat-toolbarBtn-120 {
    width: 120px;
    margin-left: 5px;
}

.k-dialog-titlebar {
    background-color: #1b4b66;
}

.parat-textArea {
    width: 100%;
    padding: 0;
    border: 1px solid lightgray;
    margin-outside: 0;
    height: 100%;
    overflow: auto;
}

.parat-textArea-artikel {
    width: 100%;
    padding: 0;
    border: 1px solid lightgray;
    margin-outside: 0;
    height: 225px;
    overflow: hidden;
}

.input-Suche {
    left: 30px;
    float: none;
    width: 99%;
    border: none;
    font-size: 14px;
    margin: 2px 0 0 10px;
    background-color: Var(--parat-bg-color);
    color: white;
    outline: none;
}

::placeholder {
    color: floralwhite;
}

.input-Suche:focus {
    background-color: Var(--parat-input-suche-color);
    color: white;
    border: none;
    outline: none;
}

.input-Suche:hover {
    background-color: Var(--parat-input-suche-color);
    color: white;
    border: none;
    outline: none;
}

.parat-Kunde-Selected {
    color: #ffffff;
    background-color: Var(--parat-div-headline-bg);
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 9px;
    height: 35px;
    font-style: normal;
    font-size: 14px;
}

.parat-Browser-div {
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: Var(--parat-browser-div-bgimg);
    background-color: Var(--parat-browser-div-bg);
    height: 100%;
}

.btn-Menuplan-LookUp {
    width: 50px;
}

.lookup-Menuplan {
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    max-width: 220px !important;
}

.lookup-BerichtPlan {
    margin-left: 10px;
    max-width: 250px !important;
}

.lookup-Menuplan .k-dropdown .k-dropdown-wrap .k-input {
    color: white;
}

.lookup-Menuplan .k-dropdown-wrap .k-input {
    background-image: none;
    color: white;
}

.lookup-BerichtPlan .k-dropdown .k-dropdown-wrap .k-input {
    color: white;
}

.lookup-BerichtPlan .k-dropdown-wrap .k-input {
    background-image: none;
    color: white;
}

.button-BerichtPlan-Print {
    margin-top: 20px;
    height: 30px;
}

.warnboxToday {
    float: left;
    width: 100%;
    padding: 0;
    background: darkred;
    box-sizing: border-box;
    color: white;
    text-align: center;
}

.warnbox1 {
    float: left;
    width: 50%;
    padding: 0;
    background: darkred;
    box-sizing: border-box;
    color: white;
    text-align: center;
}

.warnboxTomorrow {
    float: left;
    width: 100%;
    padding: 0;
    background: red;
    box-sizing: border-box;
    color: white;
    text-align: center;
}

.warnbox2 {
    float: left;
    width: 50%;
    padding: 0;
    background: red;
    box-sizing: border-box;
    color: white;
    text-align: center;
}

.parat-Akte-Container {
    height: 100%;
    width: 100%;
    margin: 0;
}

.tab-dx-Bold {
    font-weight: bold;
}

.tab-dx-Normal {
    font-weight: normal;
}

.parat-fieldset {
    border: 1px outset rgba(68, 122, 153, 0.45) !important;
    background-color: rgba(255, 255, 255, 0.57);
    margin: 0;
}

.parat-legend {
    font-size: 14px;
    color: #447a99;
    padding-left: 5px;
    padding-right: 5x;
    font-weight: bold;
}

.k-numerictextbox .k-link, .k-link:after {
    color: white;
    background-color: Var(--parat-primary-bg);
}

.k-numerictextbox .k-link:hover {
    color: black;
}

.k-numerictextbox .k-link .k-icon:hover {
    color: gray;
}

.k-link, .k-link:after {
    color: white;
    background-color: Var(--parat-primary-bg);
}

.parat-TextBox {
    background-color: Var(--parat-Textbox-bg);
}

.parat-TextBox-Bold {
    font-weight: bold;
    background-color: Var(--parat-Textbox-bg);
}

.dxLoginSearch {
    margin-left: 30px;
    width: 220px;
    background-image: none;
}

.dxLoginSearch .dxbs-textbox div div {
    background-image: none;
    background-color: Var(--parat-bg-color);
}

.dxLoginSearch .dxbs-form-control {
    border-color: white;
    border-radius: 0;
    border: 0;
    background-image: none;
    background-color: white;
    font-size: 13px;
    margin: 0;
}

.tab-parent .k-numerictextbox .k-numeric-wrap {
    background-image: none !important;
    background-color: white;
}

.k-autocomplete {
    background-image: none !important;
    background-color: white;
}

hr.newItem {
    width: 400px !important;
    background-color: Var(--parat-selected-bg) !important;
    height: 0px !important;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0;
    opacity: 50% !important;
}

.tab-parent .k-tabstrip .k-state-default {
    color: white;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.33);
}

.tab-parent .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    padding: 2px;
    overflow-x: hidden;
}

.tab-parent .k-tabstrip-items .k-link, .k-link:after {
    color: black;
    background-color: rgba(255, 255, 255, 0.25);
}

.tab-parent .k-tabstrip-items .k-link, .k-link:before {
    color: black;
    background-color: rgba(255, 255, 255, 0.25);
}

.tab-parent .k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected {
    background-image: linear-gradient(Var(--parat-primary-bg), white 20%);
    border-bottom: none;
}

.k-grid-header .k-header .k-link {
    background-color: Var(--parat-primary-bg);
}

.k-grid-toolbar {
    background-color: Var(--parat-bg-color) !important;
}

.k-grid th {
    background-color: Var(--parat-bg-color) !important;
}

.k-grid td {
    color: #1c1a1a !important;
}

.k-grid-search {
    min-width: 400px;
}

.tab-parent .k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap {
    background-image: none;
    background-color: white;
    color: black;
}

.dxBack .k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap {
    background-image: none;
    background-color: white;
    color: black;
}

.k-dropdown .k-dropdown-wrap .k-select {
    background-color: white;
    color: black;
}

.k-dropdown .k-dropdown-wrap .k-input {
    background-image: none;
    background-color: white;
    color: black;
    border: 1px solid whitesmoke !important;
}

.k-dropdown .k-dropdown-wrap {
    border: 1px solid whitesmoke;
    border: 1px solid whitesmoke !important;
}

.LookupDblCLick-Eigene .k-dropdown .k-dropdown-wrap .k-input {
    background-image: none;
    color: black;
    width: 200px;
    border: 1px solid whitesmoke !important;
}

.tab-parent .k-combobox .k-select {
    color: black;
}

.tab-parent .k-dropdown .k-dropdown-wrap .k-select {
    background-color: white;
    color: black;
}

.tab-parent .k-combobox .k-select:hover {
    color: black;
}

.tab-parent .k-select {
    background-image: none;
    background-color: white !important;
    color: black;
}

.tab-parent .k-numerictextbox .k-link {
    background-image: none;
    background-color: white !important;
    color: black;
}

.tab-parent .k-i-close {
    background-color: transparent !important;
    color: red;
}

.tab-parent {
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgba(255, 255, 255, 0.33);
    background-image: none !important;
}

.lieferschema-table {
    width: 100%;
    padding: 0;
}

.lieferschema-toolbar {
    max-width: 110px !important;
    max-height: 20px !important;
}

.lieferschema-table-head {
    background-color: Var(--parat-bg-color);
    color: white;
    font-size: 16px;
}

.lieferschema-table-head-Wochentag {
    text-align: center;
    max-width: 50px;
}

.lieferschema-table-head-Wochentag-Tour {
    text-align: center;
    width: 40px;
}

.lieferschema-table-head-Delta {
    padding-left: 15px;
}

.lieferschema-table-head-Delta-Tour {
    padding-left: 15px;
}

.lieferschema-table-head-Art {
    padding-left: 20px;
}

.lieferschema-table-head-Art-Tour {
    padding-left: 20px;
}

.lieferschema-table-head-Tour {
}

.lieferschema-table-head-TourPos {
    text-align: center;
}

.lieferschema-table-head-abwTour {
    width: 90px;
    max-width: 90px !important;
    padding-right: 10px;
    text-align: right;
}

.lieferschema-td-Wochentag {
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    border: 1px;
    border-color: rgba(192, 192, 192, 0.47);
    border-style: solid;
    border-right: 0;
    border-top: 0;
    background-color: white;
}

.lieferschema-td-Delta {
    width: 190px;
    padding-left: 3px;
}

.lieferschema-td-WarmKalt {
    width: 150px;
    padding-left: 10px;
}

.lieferschema-td-tour {
    width: 250px;
    max-width: 250px;
}

.lieferschema-td-tourAbw {
    width: 90px;
    padding-left: 40px;
    text-align: right;
}

.lieferschema-td-tourPos {
    width: 80px;
    max-width: 80px;
}

.lieferschema-td-tourMenuplan {
    width: 160px;
    max-width: 200px;
}

.parat-Akte-Tourvorschlag-Button {
    background-image: none;
    background-color: rgba(255, 255, 255, 0);
    color: Var(--parat-primary-bg);
    margin-left: 20px;
    border: none;
    width: 90%;
    font-style: italic;
}

.tab-parent .k-autocomplete.k-header, .k-autocomplete {
    background-color: white;
    background-image: none;
}

.tab-parent .k-dateinput .k-dateinput-wrap .k-input, .k-dateinput .k-picker-wrap .k-input, .k-datepicker .k-dateinput-wrap .k-input, .k-datepicker .k-picker-wrap .k-input, .k-datetimepicker .k-dateinput-wrap .k-input, .k-datetimepicker .k-picker-wrap .k-input, .k-timepicker .k-dateinput-wrap .k-input, .k-timepicker .k-picker-wrap .k-input {
    padding: 4px 8px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: white !important;
    font: inherit;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.parat-ComboBox {
    color: black !important;
    background-image: none;
    background-color: white;
    width: 100%;
}

.parat-ComboBox-warning {
    color: white !important;
    background-image: none;
    background-color: red !important;

    width: 100%;
}

.parat-combo-div {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    margin-right: 0;
}

.k-combobox .k-dropdown-wrap .k-input {
    color: black !important;
}

.k-floating-label-container {
    font-size: 13px;
}

.parat-span-label {
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.parat-toolbar-date {
    background-color: Var(--parat-bg-color);
    color: white;
}

.tab-parent .label {
    color: Var(--parat-primary-bg);
    font-size: 12px;
}

.tab-parent .k-i-close {
    background: orangered;
}

.Akte-LastUser {
    margin-left: 25px;
    margin-top: 10px;
    background-color: Var(--parat-accent-bg);
    color: black;
    font-size: 10px;
    padding: 5px;
}

.LookupDblCLick-Eigene .k-icon {
    background-image: none;
    color: Var(--parat-bg-color);
}

.parat-Stamm-Container {
    height: 100%;
    width: 100%;
}

.parat-Stamm-Card {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 0;
    margin-bottom: 15px;
}

.parat-Stamm-Card-Body {
    width: 100%;
    background-color: Var(--parat-bg-color);
}

.parat-Stamm-Card-Title {
    width: 100%;
}

.parat-fieldset-EigeneDaten {
    border: 1px outset rgba(68, 122, 153, 0.45) !important;
    background-color: rgba(255, 255, 255, 0.57);
    margin: 0 10px;
}

.parat-Stamm-Container .card {
    width: 500px;
    background-color: #1b4b66;
}

.BestAnsicht-Loader {
    width: 100%;
    height: 100%;
    background-color: white;
    margin-bottom: 90px;
}

.parat-Stamm-Container .card-link {
    color: white;
}

.parat-Stamm-Container .card-title {
    color: whitesmoke;
}

.tab-parent-EigeneDaten {
}

.tab-parent-EigeneDaten .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    padding: 2px;
    overflow-x: hidden;
}

div.smallerFont, div.smallerFont .k-filtercell * {
    font-size: 14px;
}

div.smallerFont .k-dropdown.k-header.k-dropdown-operator {
    width: calc(8px + 2em) !important;
}

.AutoBest-Kunde-Wochentag-DropDown {
    font-size: 14px;
}

.belpos-storno {
    /*max-width: 66px;*/
    width: 100%;
    min-width: 63px;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 20px;
}

.tb-search-grid {
    min-width: 300px;
}

.filter-values-container {
    max-height: 300px;
    overflow: auto;
}

.columns-3 {
    columns: 3;
}

.parat-Browser-Auswahl-Div {
    background-color: white;
    padding: 0;
}

.parat-Browser-Auswahl-Btn-Akte {
    margin-top: 10px;
    height: 70px;
    width: 170px;
    background-image: none;
    background-color: #ffc857;
}

.parat-Browser-Auswahl-Btn-Plan {
    margin-top: 10px;
    height: 70px;
    width: 170px;
    background-image: none;
    background-color: #90bf4f;
}

.parat-Browser-Auswahl-Btn-Close {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 50px;
    width: 100%;
    background-image: none;
    background-color: orangered;
}

.parat-Kunden-Toggle-Best {
    border: hidden !important;
    margin-left: 10px;
    margin-top: 7px;
    background-image: none;
    background-color: transparent !important;
}

.parat-BestAnsicht {
    background-color: white;
    padding: 0;
    margin-top: 5px;
    height: 38% !important;
}

.best-tk-pill {
    background-color: blue;
    width: 20px;
    height: 10px;
    padding: 0;
}

.best-warm-pill {
    background-color: orangered;
    width: 20px;
    height: 10px;
    padding: 0;
}

.gridcheckboxcolumn {
    visibility: visible;
}

.small-numerich-box {
    max-width: 130px;
}

div.smallerFont, div.smallerFont .k-filtercell * {
    font-size: 12px;
}

div.smallerFont .k-dropdown.k-header.k-dropdown-operator {
    width: calc(10px + 2em) !important;
}

.k-grid-footer td {
    background-color: Var(--parat-selected-bg) !important;
    border: hidden !important;
    margin: 0 !important;
    padding: 1px !important;
}

.k-grid-footer {
    background-color: Var(--parat-selected-bg) !important;
    border: hidden !important;
    margin: 0 !important;
    padding: 1px !important;
}

.k-grid-footer .k-grid-footer-sticky {
    background-color: Var(--parat-selected-bg) !important;
    border: hidden !important;
    margin: 0 !important;
    padding: 1px !important;
}

.k-detail-cell .k-header {
    background-color: var(--parat-primary-bg) !important;
}

.k-grid-pager {
    font-size: 10px;
    height: 30px;
}

.k-grid {
    background-color: Var(--parat-bg-color) !important;
}

/*.k-overlay {*/
/*    color: var(--parat-bg-color);*/
/*    background-color: var(--parat-bg-color);*/
/*    opacity: 0.7!important;*/
/*}*/
.initial-data-loader-all .k-loader-container-overlay.k-overlay-light {
    background-color: transparent !important;
}

.k-loader-container {
    z-index: 200;
}

.waitspinLoader {
    color: Var(--parat-selected-bg) !important;
}

.k-dropdown .k-state-default {
    border: 1px solid whitesmoke !important;
}

.k-button {
    background-color: Var(--parat-primary-bg) !important;
    background-image: none;
    color: white !important;
}

.k-button.k-state-selected {
    background-color: Var(--parat-selected-bg) !important;
}

.cloud-50 {
    color: Var(--parat-bg-color);
    font-size: 50px !important;
    opacity: 0.5;
}

.cloud-90 {
    color: Var(--parat-bg-color);
    font-size: 90px !important;
    opacity: 0.5;
}

.cloud {
    color: Var(--parat-bg-color);
    font-size: 90px !important;
    opacity: 0.5;
}

.k-dialog {
    min-height: 300x !important;
    color: black;
    background-image: none;
}

.k-alert .k-dialog-content {
    margin: 15px;
    padding: 1px !important;
}

.confirm-window-shared .k-dialog-content {
    margin: 15px;
    padding: 12px !important;
}

.k-window-titlebar {
    background-color: Var(--parat-window-title) !important;
    background-image: none;
    color: white;
    padding: 3px 0 3px 15px;
    font-size: 12px;
    max-height: 40px !important;
}

.k-dialog .k-window-content {
    font-size: 14px;
    max-width: 300px;
    word-wrap: break-word;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 100px;
    margin: 5px;
}

.k-window-content {
    padding: 0 !important;
    margin: 0;
    overflow: hidden !important;
}

.k-window-content > .container-fluid {
    padding: 0;
    margin: 0;
}

.k-dialog-buttongroup .k-button {
    margin: 0;
    background-image: none;
    background-color: var(--parat-bg-color) !important;
    color: white !important;
    width: 100px !important;
    min-width: 100px !important;
    border: 1px solid white;
}

.k-multiselect .k-multiselect-wrap .k-button {
    background-color: white !important;
}

.k-drawer-separator {
    height: 1px !important;
    border: hidden;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 50%;
    background-color: Var(--parat-selected-bg) !important;
    font-size: 5px;
    width: 300px;
}

.k-drawer {
    background-color: var(--parat-bg-color) !important;
    color: white !important;
    border: hidden;
}

.k-drawer .k-state-selected .k-item-text {
    color: white;
}

.k-drawer .k-drawer-item:hover {
    color: white;
    background-color: var(--parat-selected-bg) !important;
}

.k-drawer .k-state-selected .k-item-text {
    color: white;
}

.k-drawer-item.k-state-selected {
    background-color: var(--parat-selected-bg) !important;
}

.k-animation-container > .k-popup {
}

.k-list-scroller {
    background-image: none;
    background-color: white;
    color: black;
}

.k-calendar .k-content .k-link {
    background-image: none;
    background-color: white;
    color: black;
}

.k-calendar .k-state-selected .k-link {
    background-image: none;
    background-color: var(--parat-bg-color);
    color: white;
}

.k-button:hover {
    background-color: Var(--parat-selected-bg) !important;
    background-image: none !important;
}

.k-calendar-header .k-title {
    color: Var(--parat-primary-bg) !important;
}

.k-calendar-header .k-button {
    color: Var(--parat-primary-bg) !important;
}

.k-calendar-header .k-nav-today {
    color: Var(--parat-primary-bg) !important;
}

.parat-MenuplanAuswahl-Container {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 665px;
    overflow-x: hidden;
    background-color: white;
}

.parat-Menuplan-Grid {
    height: 622px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.parat-Artikel-Grid {
    max-width: 2800px;
    min-width: 1000px;
}

.tab-content {
    border-left: 1px solid rgba(128, 128, 128, 0.2);
    border-right: 1px solid rgba(128, 128, 128, 0.2);
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.dx-blazor-checkbox {
    font-size: 15px;
    font-family: sans-serif;
}

.Dx-Menu {
    margin: 0;
    padding: 0;
    height: 40px;
    background-color: Var(--parat-bg-color);
    border-bottom: solid 1px white;
}

.Dx-Menu .dx-menu-item-text {
    color: white;
}

.Dx-Menu .oi {
    color: white;
}

.Dx-Menu .k-content {
    padding: 0;
}

.Dx-Menu .dropdown-menu {
    background: Var(--parat-bg-color);
}

.Dx-Menu .dropdown-toggle {
    color: white;
}

.dxbs-menu .dx-menu-item > a:hover {
    background-color: Var(--parat-selected-bg) !important;
    background-image: none !important;
    opacity: 100 !important;
}

.dxbs-menu .dx-menu-item > dxbl-menu-item > a.dx-menu-horizontal-item:hover {
    color: white;
    background-color: Var(--parat-selected-bg) !important;
}

.dxbs-menu .dx-menu-item.dx-menu-dropdown-item :hover {
    color: white;
    /* background-color: Var(--parat-selected-bg) !important; */
    /* todo css Menu Passt das mit den anderen themes */
}

.dx-menu-horizontal-item {
    /*padding-left: 18px;*/
    /*padding-right: 18px;*/
    /*font-size: 14px;*/
    /*margin: 0;*/

    border: none;
    border-radius: 5px;
    padding: 0px 12px;
    margin: 0;
}

.dxbs-menu {
    margin: 0;
    padding: 0;
    height: 38px;
    border: hidden !important;
    font-size: 14px;
    border-bottom: none;
}

.dxbs-menu .dx-menu-item-text {
    font-size: 14px;
}

.dxbs-menu .oi {
    font-size: 14px;
}

.dxbs-menu .k-content {
    padding: 0;
}

.DevExpress-DocView .dxrd-report-preview-holder {
    background-color: white;
    background-image: none;
}

.dxrd-designer {
    background-color: #f5f5f5 !important;
}

.DevExpress-DocView {
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.PrintTour-Preview {
    background-color: whitesmoke;
    height: 100%;
    min-height: 500px;
}

.PrintTour-Preview .dxrd-report-preview-holder {
    background-color: whitesmoke;
    margin-top: 0;
}

.dxpopupCloseBtn {
    float: right;
    padding-left: 0;
    padding-right: 10px;
}

.dxbs-toolbar-btn.btn.btn-secondary.active {
    background-color: #9dbed0;
}

.btn-secondary:hover {
    background-color: Var(--parat-selected-bg) !important;
}

.custom-header {
    height: 30px;
    background-color: Var(--parat-accent-bg);
    padding-top: 6px;
    padding-left: 20px;
}

.btnInDxPopUp {
    height: 30px;
    width: 120px;
    color: white;
    float: right;
    padding-left: 0;
    margin-left: 10px;
}

.custom-switch .custom-control-input:checked {
    background-color: Var(--parat-accent-bg);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #ffffff;
    border-color: Var(--parat-bg-color);
    background-color: Var(--parat-bg-color);
}

.btn-sm .dropdown-toggle .dxbs-dropdown-toggle {
    background-image: none;
    background-color: Var(--parat-bg-color);
}

.dxToolbar-toolbar {
    padding: 0;
    border: none;
    color: white;
    width: 100%;
    margin: 0;
}

.nav-tabs .nav-link {
    color: black;
}

.nav-tabs .nav-link.active {
    color: black;
}

.dxToolbar-toolbar-item {
    border: none;
}

.TourPlan-DxToolbar {
    width: 100%;
    padding-top: 2px;
}

.Tourplan-tb-table {
    width: 100% !important;
    vertical-align: center;
}

.Tourplan-tb-td-DateRange {
    padding-left: 15px;
}

.Tourplan-tb-td-bar {
    width: 300px;
    padding-top: 20px;
    alignment: left;
}

.dxToolbar-toolbar-toolbar {
    padding: 0;
    border: none;
    background-color: green;
    float: right;
    min-width: 80px !important;
    margin: 0;
}

.dxToolbar-toolbar-login {
    padding: 0;
    border: none;
    width: 400px;
    min-width: 420px !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.btn .btn-secondary .btn-lg .dropdown-toggle {
    font-size: 8px;
}

.parat-back .btn-secondary {
    background-color: var(--parat-primary-bg);
    color: white;
    box-shadow: none;
    border: none;
    font-weight: normal;
    font-size: 15px;
    width: 100%;
}

.dxToolbar-ToobarItem-Top {
    padding: 0;
}

.dx-pivotgrid .table tr th.dxpg-area-row {
    background-color: Var(--parat-bg-color);
}

.dx-pivotgrid .table tr th.dxpg-area-column {
    background-color: Var(--parat-bg-color);
}

.dxbs-toolbar-btn {
    background-image: none;
    background-color: Var(--parat-bg-color);
    color: white;
    box-shadow: none;
    border: none;
}

.dxbs-toolbar-btn .dropdown-toggle .dxbs-dropdown-toggle {
    background-image: none;
    background-color: Var(--parat-bg-color);
    color: white;
    box-shadow: none;
    border: none;
}

.btn-secondary {
    background-color: var(--parat-primary-bg);
    color: white;
    box-shadow: none;
    border: none;
    font-weight: normal;
    font-size: 12px;
}

.btn-secondary:hover {
    background-color: var(--parat-primary-bg);
    color: white;
    box-shadow: none;
    border: none;
    font-weight: normal;
}

.btn-secondary:after {
    background-color: var(--parat-primary-bg);
    color: white;
    box-shadow: none;
    border: none;
    font-weight: normal;
}

.btn-secondary:default {
    background-color: var(--parat-primary-bg);
    color: white;
    box-shadow: none;
    border: none;
    font-weight: normal;
}

.button .btn .btn-secondary .btn-sm .dropdown-toggle .dxbs-dropdown-toggle {
    background-image: none;
    background-color: Var(--parat-bg-color);
    color: white !important;
    box-shadow: none;
    border: none;
}

.modal-header.popover-header {
    background-image: none;
    background-color: Var(--parat-bg-color);
    color: Var(--parat-Text-color-bright);
}

.dxBack {
    background-color: white;
}

.dxBack .k-autocomplete.k-header, .k-autocomplete {
    background-color: white;
    background-image: none;
}

.dxBack .k-dateinput .k-dateinput-wrap .k-input, .k-dateinput .k-picker-wrap .k-input, .k-datepicker .k-dateinput-wrap .k-input, .k-datepicker .k-picker-wrap .k-input, .k-datetimepicker .k-dateinput-wrap .k-input, .k-datetimepicker .k-picker-wrap .k-input, .k-timepicker .k-dateinput-wrap .k-input, .k-timepicker .k-picker-wrap .k-input {
    padding: 4px 8px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: white !important;
    font: inherit;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-backdrop {
    background-color: transparent;
    width: 600px;
    height: 250px;
}

.dropdown-item {
    font-size: 16px;
}

.dropdown-item:hover {
    background-color: Var(--parat-selected-bg) !important;
    color: white !important;
}

.menuplanSchema-Container {
    padding: 0;
    margin-top: 5px;
    background-color: transparent;
    color: white;
    height: 540px;
    width: 100%;
}

.menuplanSchema-Toolbar-container {
    background-color: Var(--parat-bg-color);
}

.menuplanSchema-Grid-Container {
    padding: 0;
    margin: 0;
    height: 530px;
    width: 100%;
}

.parat-Artikel-Div {
    width: 1000px !important;
    height: 632px !important;
    background-color: Var(--parat-bg-color);
}

.parat-Artikel-View {
    width: 1000px;
    height: 600px !important;
    overflow: hidden;
}

.dxBackArtikelSuche {
    background-color: Var(--parat-bg-color);
    min-width: 950px !important;
    min-height: 700px !important;
    width: 950px;
    height: 700px;
}

.parat-Kontakte-Grid {
    height: 100%;
    margin: 0;
}

.tb-icon {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.tb-icon-search {
    width: 24px;
    height: 24px;
    mask-image: url("images/svg/search.svg");
    -webkit-mask-image: url("images/svg/search.svg");
}

.StackLayoutItem {
    padding-left: 10px;
}

.noHover {
    pointer-events: none !important;
}

.btnproto {
    border-radius: 50px;
    padding-top: 15px;

}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loader {
    border: 4px solid #f3f3f3; /* Heller Hintergrund der Animation */
    border-top: 4px solid #3498db; /* Farbe der rotierenden Animation */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/*.highlight_svg {*/
/*    animation: pulse 1s ease-in-out;;*/
/*}*/
@keyframes pulse {
    0% {
        transform: scale(1);
        stroke-width: 5;
    }
    50% {
        transform: scale(1.5);
        stroke-width: 10;
    }
    100% {
        transform: scale(1);
        stroke-width: 5;
    }
}

@keyframes blink {
    0% {
        stroke: gold;
        stroke-width: 5;
    }
    50% {
        stroke: orange;
        stroke-width: 8;
    }
    100% {
        stroke: gold;
        stroke-width: 5;
    }
}

.pulse_once {
    animation: pulse 1s ease-in-out; /* Pulsiert einmal */
}

.blinking {
    animation: blink 1s infinite; /* Blinkt kontinuierlich */

}