.x-font-icon:before {
    line-height: 0.9 !important;
}

.x-mask {
    opacity: 0.75;
    background-color: #9a9494;
}

.x-mask .x-mask-inner {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
}

.x-mask .x-mask-message {
    position: unset;
     color: #ffffff; 
}

.x-mask .x-loading-spinner-outer {
    justify-content: flex-end;
    height: 50%;
}

.x-button-soft-yellow .x-inner-el {
    background-color: #e5310e;
}

.x-button-soft-yellow .x-inner-el .x-text-el {
    color: #ffffff !important;
}

.x-button-soft-yellow .x-inner-el .x-icon-el  {
    color: #ffffff !important;
}

.x-button-soft-yellow .x-arrow-el {
    color: #ffffff !important;
}

.x-button-soft-yellow-small .x-inner-el {
    background-color: #e5310e;
}

.x-button-soft-yellow-small .x-inner-el .x-text-el {
    color: #ffffff !important;
}

.x-button-soft-yellow-small .x-inner-el .x-icon-el  {
    color: #ffffff !important;
}

.x-button-mggm-searchbutton .x-inner-el .x-text-el {
    color: #ffffff !important;
}

.x-button-warenkorbDeleteButton .x-inner-el .x-body-el .x-icon-el  {
    color: #ffffff !important;
}

.x-button-mggm-searchbutton .x-inner-el .x-text-el {
    color: #ffffff !important;
}

.x-button-mggm-searchbutton .x-inner-el .x-icon-el  {
    color: #ffffff !important;
}

.x-button-mggm-warenkorbButton .x-inner-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-warenkorbButton .x-inner-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm-warenkorbButton .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-warenkorbButton .x-inner-el x-text-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm-cardButton .x-inner-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-cardButton .x-inner-el .x-text-el {
  color: #ffffff !important;
}

.x-button .fa-map-marker:before {
    color: #ffffff !important;
}

.fa-th-large:before {
    color: #ffffff !important;
}

.fa-list:before {
    color: #ffffff !important;
}

.x-button-mggm-shop-button-round-right .x-inner-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-shop-button-round-right .x-inner-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm-shop-button-square .x-inner-el .x-body-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm-shop-button-square .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-shop-button-file .x-inner-el .x-body-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm-shop-button-file .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-merklisteButton .x-inner-el .x-icon-el {
   color: #ffffff !important;
}

.x-toolbar-mggm-tabpanel-kachel-body-el .x-active .x-inner-el .x-body-el .x-text-el {
   color: #ffffff !important;
}

.x-toolbar-mggm-tabpanel-kachel-body-el .x-hovered .x-inner-el .x-body-el .x-text-el {
   color: #ffffff !important;
}

.x-component-mggm-karte-popup-close-button .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}


.x-button-mggm-angle-button .x-inner-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm-angle-button .x-inner-el .x-text-el {
  color: #ffffff !important;
}



.mggm-simplelistitem_row {
     color: #ffffff !important;
}

.x-button-mggm-shop-button-square .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-square.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-shop-button-file .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-file.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-warenkorbButton i {
  color: #ffffff !important;
}

.mggm-tabpanel-kachel-body-el{
  color: white !important
}


.x-button-mggm-shop-button-round-left .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-karte-popup-close-button .x-inner-el {
    background-color: yellow !important;
}

.x-button-mggm-karte-popup-close-button .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-warenkorbDeleteButton .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-star {
    color: #e5310e !important;
}

.x-button-mggm-shop-button-round-right .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-round .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-round-square .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-angle-button .x-inner-el {
    background-color: #e5310e !important;
}


.x-button-mggm-searchbutton .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-cardButton .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-warenkorbButton .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-merklisteButton .x-inner-el {
    background-color: #e5310e !important;
}

.x-indicator-mggm-carousel .x-indicator-item {
    background-color: #e5310e !important;
}

.x-listitem-mggm-simplelistitem {
    background-color: #e5310e !important;
}

.x-listitem-mggm-dataview-ListItem.x-hovered {
    background-color: #e5310e !important;
}

.divTableCellKampagneWarenkorbGesamtSpanSumme {
    color: #064688 !important
}

.x-tabbar-mggm-tabpanel {
    border-top: #e5310e solid 3px !important;
}

.x-tabbar-mggm-tabpanel-body-el .x-tab.x-active .x-inner-el {
    background-color: #e5310e !important;
}

.x-tabbar-mggm-tabpanel-kachel-body-el .x-tab.x-active .x-inner-el {
    background-color: #e5310e !important;
}

.x-checkboxfield-mggm-checkboxfield {
    background-color: #e5310e !important;
}

.x-checkboxfield-mggm-checkboxfield-kachel {
    background-color: #e5310e !important;
}

.x-button-mggm-toolbar-button.x-hovered .x-inner-el {
    border-color: #e5310e !important;
}

.x-button-mggm-toolbar-button.x-inner-el {
    border-color: #000000 !important;
}

.divTableHeadingkarteKampagneRetancleFirst {
    background-color: #e5310e !important;
}

.divTableHeadingkarteKampagneRetancleSecond {
    background-color: #e5310e !important;
}

.divTableHeadingKachelansichtKampagneRetancleFirst {
    background-color: #e5310e !important;
}

.divTableHeadingKachelansichtKampagneRetancleSecond {
    background-color: #e5310e !important;
}

.x-slider .x-fill-el {
    background-color: #9eef9e !important;
}

.karte_popup_content:after {
    border-right: 100px solid #e5310e !important;
}

.x-button-mggm-karte-popup-close-button.x-hovered .x-inner-el {
    background-color: #dc4444;
}

.x-component-mggm-karte-popup-close-button.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-soft-yellow.x-hovered .x-inner-el {
    background-color: #dc4444;
}

.x-button-soft-yellow-small.x-hovered .x-inner-el {
    background-color: #dc4444;
}

.x-button-warenkorbDeleteButton.x-hovered  .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-shop-button-round-left.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-listitem-warenkorb-list-item.x-hovered {
    background-color: #dc4444 !important;
}

.x-listitem-warenkorb-list-item.x-hovered .warenkorbKampagne-grid .col {
    color: #ffffff !important;
}

.x-listitem-warenkorb-list-item.x-hovered.warenkorb-list-item-no-hover {
    background-color: #ffffff !important;
}

.x-listitem-warenkorb-list-item.x-hovered.warenkorb-list-item-no-hover .warenkorbKampagne-grid .col {
    color: #000000 !important;
}

.x-button-mggm-shop-button-round-right.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-shop-button-round.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-shop-button-square.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-angle-button.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-searchbutton.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-checkboxfield-mggm-checkboxfield.x-checked {
    background-color: #dc4444 !important;
}

.x-checkboxfield-mggm-checkboxfield-kachel.x-checked {
    background-color: #dc4444 !important;
}

.x-button-mggm-cardButton.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-tabbar-mggm-tabpanel-body-el .x-tab.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-tabbar-mggm-tabpanel-kachel-body-el .x-tab.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-warenkorbButton.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm-merklisteButton.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-listitem-mggm-simplelistitem.x-hovered {
    background-color: #dc4444 !important;
}

.x-btn-soft-yellow-large {
    background-color: #e5310e;
}

.x-btn-soft-yellow-large.x-hovered .x-inner-el {
    background-color: #dc4444;
}

.x-panelheader {
    background-color: #fff;
    border: 3px solid #e5310e;
}

.x-panelheader {
    border: 3px solid #e5310e;
}

.x-panel-outer-border-trl {
    border: none !important;
    border-top-width: 3px !important;
    border-bottom-width: 0px !important;
    border-top: #ffe400 3px solid !important;
}

.menu-logo-links {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    margin-left: 5px;
}

.loginpanel_oben_links {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.menu-logo-rechts {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    margin-left: 5px;
}

.loginpanel_div {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
}



    
        
                   
                      .menu-logo-links {
                          background-image: url(https://shop.18x1.de/dws/3/mode/mandantenlogo/int_dateiid/1720/str_datei_hash/dab69ca4451fb3de175f663699c030540a0473204ac69d5be3a2a004a0c26c4e/dateien.shtml);
                      } 

                       

                

                

                      

                           

                          .loginpanel_div {
                              background-image: url(https://shop.18x1.de/dws/3/mode/mandantenlogo/int_dateiid/1720/str_datei_hash/dab69ca4451fb3de175f663699c030540a0473204ac69d5be3a2a004a0c26c4e/dateien.shtml) !important;
                          }

                          

                      
    
                

    



.login > .x-body-el {
    background: url(https://shop.18x1.de/dws/3/mode/hintergrund/int_dateiid/24712/str_datei_hash/55f51e59564ed03e6a52a085b902cc72c5b2f6c75e1e8d885763f2be721bfd04/dateien.shtml) no-repeat center center fixed;
    background-size: cover;
}

.public_landingpage > .x-body-el {
    background: url(https://shop.18x1.de/dws/3/mode/hintergrund/int_dateiid/24713/str_datei_hash/55f51e59564ed03e6a52a085b902cc72c5b2f6c75e1e8d885763f2be721bfd04/dateien.shtml) no-repeat center center fixed;
    background-size: cover;
}

.x-listpaging .x-message {
    color: #000000;
}

.x-paneltitle {
    color: #000000;
}

.x-toolbar-footer {
    background-color: #ffffff !important;
}

.x-panel-outer-border-trbl {
    border-width: 0px !important;
}

.x-expandercell .x-icon-el:before {
    color: black !important;
}

.x-expandercell-body-el {
    margin-top: 2px !important;  
}

.x-tooltip-body-el {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important
}

.x-panel-mggm_terminauswahl_panel {
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
}

.x-paneltool .x-icon-el {
    color: black !important
}

.ol-overlaycontainer {
  width: auto !important;
  height: auto !important;
}

.ol-overlaycontainer-stopevent {
  width: auto !important;
  height: auto !important;
}

.x-field.x-disabled > .x-label-el {
    opacity: unset !important;
}

.x-field.x-disabled > .x-body-wrap-el {
    opacity: unset !important;
    color: black !important;
}

.x-field.x-disabled > .x-body-wrap-el .x-input-el {
    background-color: rgb(235, 235, 228) !important;
}

.karte_popup_content:after {
    border-right: 100px solid yellow !important;
}

.karte_popup_content:after {
    border-right: 100px solid #e5310e !important;
}

.x-button-mggm-shop-button-small-round-left .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm-shop-button-small-round-left.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-paneltitle .x-text-el {
    color: #000000 !important;
}

.x-tooltip-body-el {
    background-color: white !important;
    color: black!important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divKampagneTerminauswahlEditBildLeftRow .standort_bezeichnung_tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTableCellKachelansichtKampagne .produktsperren_tooltiptext {
     background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTableCellKarteKampagne .tooltiptextproduktsperren {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTableCellSecondKarteKampagne .tooltiptextproduktsperren {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}


.divKampagneWarenkorbBildLeftRow .produktsperren_tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTableCellKachelansichtKampagne .tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTableCellKarteKampagne .tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divTablewWarenkorbWerbeflaecheCell .tooltiptextflaechenbezeichnung {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divKampagneWarenkorbBildLeftSecondRow .orts_bez_tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divKampagneTerminauswahlEditBildLeftSecondRow .flaechenbezeichnung_tooltiptext {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.divKampagneTerminauswahlEditBildLeftRow .produktsperren_tooltiptext {
   background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 13px;
}

.tooltiptext_motivauswahl {
    background-color: white !important;
    color: black !important;
    border: black solid 2px !important;
    border-radius: 0px;
    font-size: 11px;
}

.x-listpaging .x-message {
    color: #ffffff !important;
    text-align: center;
    font-size: 16px;
}

.x-loading-spinner>span.x-loading-top {
  background-color: white !important;
}
.x-loading-spinner>span.x-loading-top::before {
  background-color: #ffffff !important;
}
.x-loading-spinner>span.x-loading-top::after {
  background-color: #ffffff !important;
}
    
.x-loading-spinner>span.x-loading-right {
  background-color: white !important;
}
.x-loading-spinner>span.x-loading-right::before {
  background-color: #ffffff !important;
}
.x-loading-spinner>span.x-loading-right::after {
  background-color: #ffffff !important;
}
    
.x-loading-spinner>span.x-loading-bottom {
  background-color: white !important;
}
.x-loading-spinner>span.x-loading-bottom::before {
  background-color: #ffffff !important;
}
.x-loading-spinner>span.x-loading-bottom::after {
  background-color: #ffffff !important;
}
    
.x-loading-spinner>span.x-loading-left {
  background-color: white !important;
}
.x-loading-spinner>span.x-loading-left::before {
  background-color: #ffffff !important;
}
.x-loading-spinner>span.x-loading-left::after {
  background-color: #ffffff !important;
}

.x-checkboxfield-mggm-checkboxfield-kachel-selektion .x-body-wrap-el .x-body-el {
    background-color: #e5310e !important;
    border-bottom-left-radius: 15px !important;
    align-items: center !important;
}

.x-checkboxfield-mggm-checkboxfield-kachel-selektion .x-icon-el {
    color: #ffffff !important;
}

.x-formpanel-mggm_terminauswahl_panel-body-el {
    border-bottom: 1px solid black !important;
}

.x-panel-soft-yellow .x-body-el {
    background-color: #e5310e !important;
}

.x-button-mggm_warenkorb_pdf_button .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm_warenkorb_pdf_button .x-inner-el .x-body-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm_warenkorb_pdf_button .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm_warenkorb_pdf_button.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.x-button-mggm_motivkreation_button .x-inner-el .x-body-el .x-icon-el {
  color: #ffffff !important;
}

.x-button-mggm_motivkreation_button .x-inner-el .x-body-el .x-text-el {
  color: #ffffff !important;
}

.x-button-mggm_motivkreation_button .x-inner-el {
    background-color: #e5310e !important;
}

.x-button-mggm_motivkreation_button.x-hovered .x-inner-el {
    background-color: #dc4444 !important;
}

.chk_warenkorb_ersatz_kampagneTerminauswahlEdit {
    background-color: #e5310e !important;
}

.x-dataview-mggm_combobox .x-mask .x-mask-inner {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
}

.x-dataview-mggm_combobox .x-mask .x-mask-inner .x-mask-message {
    position: absolute;
    color: white;
    width: 100%;
    top: 45%;
    height: 100%;
    text-align: center;
}

.x-dataview-mggm_combobox .x-mask.x-has-message .x-loading-spinner-outer {
    height: 168px;
    top: 44% !important;
    position: absolute !important;
    left: 62% !important;
    /* margin-left: 60px; */
    /* margin-top: -100px; */
}

.x-dataview-mggm_combobox .x-mask .x-loading-spinner-outer {
    justify-content: unset !important;
    height: 50%;
    align-items: unset !important;
}

.fakeinput input {
  display: none;
}

.motivzuordnungsgrid .x-itemheader.x-pinned {
  display: none;
}

.motivzuordnungsgrid .x-gridcell {
  font-size: 15px !important;
}

.x-component-mggm-shop-terminauswahl .x-mask {
    opacity: 0 !important;
}

.x-panelheader {
    border-top-width: 3px !important;
}

.registrierungToast {
  margin: 10px;
}

.registrierungToastDiv {
  text-align: start;
}

.x-dialog-mggm_terminauswahl_panel-body-el {
  justify-content: center !important;
}

.warenkorb_bestellung_label {
  margin-left: 15px;
}

.x-textfield .x-input-el {
    color: black !important;
}

input::-webkit-input-placeholder {
    color: #163A42 !important;
} 

input::-moz-placeholder {
  color: #163A42 !important;
}

.x-button-mggm_motivkreation_button {
  right: 60% !important;
}

.x-panel-outer-border-trl {
    border-top-color: #e5310e !important;
    border-top-width: 3px !important;
}

.x-messagebox-body-el {
   font: 400 15px/1.5 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.warenkorb_registrierung_label{
  padding: 3px 10px 7px 0 !important;
}

 

.chk_rabatt_71FFF7 {
    background-color: #71FFF7;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_71FFF7::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_ohne_rabatt_71FFF7 {
    background-color: #71FFF7;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_C1FF7B {
    background-color: #C1FF7B;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_C1FF7B::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_ohne_rabatt_C1FF7B {
    background-color: #C1FF7B;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_D48789 {
    background-color: #D48789;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_D48789::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_ohne_rabatt_D48789 {
    background-color: #D48789;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_FFC641 {
    background-color: #FFC641;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_FFC641::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_ohne_rabatt_FFC641 {
    background-color: #FFC641;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_FFFFFF {
    background-color: #FFFFFF;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_ohne_rabatt_FFFFFF {
    background-color: #FFFFFF;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_FFFFFF::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_rabatt_a0e565 {
    background-color: #a0e565;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.chk_rabatt_a0e565::after {
    content: "\f295";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-top: 3px;
    margin-left: -1px;
}

.chk_ohne_rabatt_a0e565 {
    background-color: #a0e565;
    height: 25px;
    border: 1px solid black;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 600;
}

.x-toast .x-toast-body-el {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    line-height: 18px;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    padding: 6px 0;
    font-weight: 400;
}

.ext-panel-3 { 
    width: 420px; 
    height: 450px; !importend;
}