.custom-message-box {
    background: #ffffff;
    border: 196, 197, 202;
    border-color: #C4C5CA;
    padding-bottom: 7px;
    box-shadow: 218px, 219px, 222px, #DADBDE;
}

.x-message-box-question {
    background-image: url(icons/Fragen.svg);
}

.x-message-box-info {
    background-image: url(icons/Infomation.svg);
}

.x-message-box-warning {
    background-image: url(icons/Warnhinweis.svg);
}

.row-not-deletable .x-grid-cell {
    background-color: #E2E3E4;
}
/*
.custom-message-box .x-toolbar .x-btn-inner {
 background-color: #000033;
}
*/

textarea.x-form-focus {
    border-color: #003065; /*#E75012;*/
}

.x-grid-cell-selected {
    background-color: #DAF2F2 !important;
}

.x-column-header-text {
    font-weight: bold;
}

.x-grid-row-summary {
    display: none;
}

.veAktuellesJahr-fail .x-change-cell {
    color: #FF0000;
}

.veAktuellesJahr-success .x-change-cell {
    color: #000000;
}

.x-fieldset-noborder {
    border: 0px none;
}

#loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    filter: alpha(opacity=10);
    -moz-opacity: 0.10;
    -khtml-opacity: 0.10;
    opacity: 0.10;
    background-color: #CCCCCC;
}

#loading {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    margin: -35px 0 0 -30px;

}

#loading .loading-indicator {
    background: url(../images/loading.gif) no-repeat;
    color: #000000;
    font: bold 13px tahoma, arial, helvetica;
    padding: 8px 42px;
    margin: 0;
    text-align: center;
    height: auto;
}

.Color1 {
    background-color: #8ECA82;
}

.Color2 {
    background-color: #B9F7B7;
}

.Color3a {
    background-color: #FCB04D;
}

.Color3b {
    background-color: #DDDFE1;
}

.Color4 {
    background-color: #DDDFE1;
}

.Color5 {
    background-color: #DDDFE1;
}

.x-form-checkboxgroup-body {
    padding: 0 !important;
}

.x-btn-left {
    float: left;

}

.width_100 {
    width: 100%;
}

.block {
    display: block;
    text-align: justify;
}

.block_wrn {
    display: block;
    text-align: justify;
    color: #D63333
}

.x-btn-right {
    float: right;
}

.standardpanel .x-panel-header-default {
    background-image: none;
    background-color: #E2E3E5;
    border: 1px solid #C4C5CA;
    text-align: center;
}


.standardgridmassnahme table {
    border-collapse: collapse;
}

.standardgridmassnahme .x-column-header {
    background: none;
}

.standardgridmassnahme .x-column-header-over {
    background: none;
}

.standardgridmassnahme .x-grid-header-ct {
    background-image: none;
    background-color: #DADBDE;
}

.standardgridmassnahme .header_top {
    background-color: #DADBDE;
}

.standardgridmassnahme .header_middle {
    background-color: #DADBDE;
}

.standardgridmassnahme .header_summe {
    background-color: #DADBDE;
}

.standardgridmassnahme .header_summe_digit {
    background-color: #DADBDE;
}

.standardgridmassnahme .x-grid-cell-inner {
    height: 24px;
}

.grid_border_top_none {
    border-color: #C4C5CA;
    background-color: #A6A6A6;
}

.grid_no_border {
    border: 0px;
}

.grid_border_top_right_none {
    border-color: #C4C5CA;
    background-color: #A6A6A6;
}

.negative-row .x-grid-cell {
    color: #FF0000;
    font-weight: bold;
}

.red-row .x-grid-cell {
    color: #FF0000;
}

.bold-row .x-grid-cell {
    font-weight: bold;
}

.blue-row .x-grid-cell {
    background-color: #90cbff;
}

.green-row .x-grid-cell {
    background-color: #6bfc6e;
}

.non-bold-row .x-grid-cell {
    font-weight: normal;
}

.year_combo_items {
    /*background-color: #003065;*/
    /*border: 1px solid #8098B2;*/
    font-size: 1.05em;
    /*color: #A4A4A4;*/
    font-weight: bold;
}

.number-icon {
    background-image: linear-gradient(#5FA6D7, #1D78C9);
    background-color: #2B82CB;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: white;
    box-shadow: 6px -2px 10px 2px #1e1e1ea1;
}

.tooltip-fixed {
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
    transition: opacity 0.3s;
    position: fixed;
    top: 35% !important;
    left: 30px !important;
    right: auto !important;
    transform: none !important;
    max-width: 350px;
    min-width: 350px;
    line-height: 1.5;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
    background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
    background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
    background-color: rgb(241, 128, 23);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;

    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
    line-height: 30px;
}

.leaflet-bar button,
.leaflet-bar button:hover {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}

.leaflet-bar button {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
}

.leaflet-bar button:hover {
    background-color: #f4f4f4;
}

.leaflet-bar button:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.leaflet-bar button:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
    cursor: default;
    pointer-events: none;
    opacity: .4;
}

.easy-button-button .button-state{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}


.leaflet-touch .leaflet-bar button {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
    /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
    -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
    -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
    -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
    transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.leaflet-popup-content {
    margin: 10px;
    line-height: 1.5;
}

.leaflet-popup-content-wrapper {
    max-width: 372px;
    min-width: 372px;
    padding: 5px 0px 0px 0px;
    text-align: left;
    border-radius: 5px;
}

.popup-fixed {
    max-width: 372px;
    min-width: 372px;
    position: fixed;
    top: 35% !important;
    left: auto !important;
    right: 40px !important;
    transform: none !important;
}

.leaflet-popup-tip{
    display: none !important;
}

.leaflet-tooltip-right:before{
    display: none;
}

.leaflet-popup-close-button {
    position: fixed;
    top: 35%;
    right: 40px;
    padding: 0px !important;
    border: none;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

.leaflet-right {
    right: 15px;
}

.legend {
    line-height: 20px;
    color: #333333;
    border: none;
    padding: 0px !important;;
    background: #ffffffB3;
    margin: 0px 0px 0px 0px!important;
}

.legend i {
    width: 18px;
    height: 18px;
    opacity: 1;
}

#steckbrief {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: auto !important;
    max-width: 350px;
    min-width: 350px;
}

#steckbrief td, #steckbrief th {
    padding: 1.5px;
}

#steckbrief th {
    text-align: left;
    background-color: #b1c903;
    color: black;
}

.button_toggle {
    background-color: #005da8 !important;
    background-image: none !important;
    border-color: #003158 !important;
    color: #FFFFFF !important;
}

.button_toggle .x-btn-inner {
    background-color: #005da8 !important;
    background-image: none !important;
    border-color: #003158 !important;
    color: #FFFFFF !important;
}

.x-btn-pressed.button_toggle {
    background: none !important;
    background-color: #003065 !important;
    border-color: #003158 !important;
    color: #FFFFFF !important;
}

.x-btn-pressed.button_toggle .x-btn-inner {
    background: none !important;
    background-color: #003065 !important;
    border-color: #003158 !important;
    color: #FFFFFF !important;
}

.disabled-row .x-grid-cell {
    color: #838B8B !important;
}

/* Labels von Radiogroup Buttons */
.x-field.x-form-item.x-checkboxgroup-form-item.x-form-readonly .x-form-cb-label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    color: rgba(0, 0, 0, 0.70);
    cursor: not-allowed;
}

/* Comboboxen und ähnliche Selectfelder sind immer readonly bei editable: false, daher Ausnahme für nicht disablete: */
.x-field.x-form-item .x-form-trigger-wrap .x-form-text-wrap > input[readonly="readonly"] {
    filter: none;
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    cursor: auto;
}

/* Combo selbst ist disabled: */
.x-item-disabled.x-field.x-form-item .x-form-trigger-input-cell > input[readonly="readonly"] {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    color: rgba(0, 0, 0, 0.70);
    cursor: not-allowed;
}

/* parentElement der Combo ist disabled */
.x-item-disabled .x-field.x-form-item .x-form-trigger-input-cell > input[readonly="readonly"] {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    color: rgba(0, 0, 0, 0.70);
    cursor: not-allowed;
}

.invalidGridRow .x-grid-cell {
    background-color: #ffe2e2 !important;
    color: #900 !important;
}

.invalidGridRow .x-grid-cell-inner {
    background-color: #ffe2e2 !important;
    color: #900 !important;
}

.pdb-intro-panel {
    background-color: #006D83;
    padding: 25px;
    margin-bottom: 40px;
}

.pdb-intro-image {
    float: right;
    margin: 5px;
}

.pdb-intro-title {
    width: 450px;
    border-bottom: 1px dotted white;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 18px;
    font-family: Calibri, sans-serif
}

.pdb-intro-body {
    color: #FFFFFF !important;
    line-height: 130%;
    font-size: 14px;
    font-family: Calibri, sans-serif
}

.captcha-invalid {
    border: 2px solid red;
}

.info-mask .x-mask-msg-inner {
    cursor: default;
    padding: 5px 10px 5px 25px;
    border: 1px solid #c5c5c5;
    background-color: #FFFFFF;
    color: #222222;
    font: normal 11px arial, verdana, sans-serif;
}

.info-mask .x-mask-msg-text {
    background-image: url('../images/flash_info.svg') !important;
    background-size: 16px;
    cursor: default;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-color: #FFFFFF;
    color: #222222;
}

.bold-cell .x-grid-cell-inner {
    font-weight: bold;
}

.textarea-count {
    color: #009900;
    margin: 2px 2px 5px 2px;
    padding-left: 17px;
    padding-top: 1px;
    height: 14px;
    font-size: 11px;
    background-image: url('icons/fam/accept.png');
    background-position: left;
    background-repeat: no-repeat;
}

.durchfuehrungsorte_intro {
    border-radius: 5px;
    border: 2px solid #E6E65C;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    background: #FFFFE7;
}

.info_msg {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #fafae6;
    background-image: url('icons/Infomation.svg');
    background-size: 20px;
    background-position-y: 15px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.pdb_finanzierung_intro {
    border-radius: 5px;
    border: 1px solid #E6E65C;
    padding: 10px;
    margin-bottom: 10px;
    background: #FFFFE7;
}

.pdb_finanzierung_intro .left {
    width: 60px;
    float: left;
    font-weight: bold;
}

.pdb_finanzierung_intro .right {
    margin-left: 60px;
}

.x-boundlist-selected {
    background: #D1C2B2;
    border-color: #1F0F00;
}

.pdb_validation_violation_display {
    border-radius: 5px;
    border: 1px solid #900;
    padding: 10px;
    margin-top: 10px;
    background-color: #ffe2e2;
}

.pdb_validation_violation_display ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
    margin-bottom: 5px;
}

.referenzcode-container {
    background-color: #FFFFE7;
    border: 1px solid #E6E65C;
}

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
}

.ux-notification-light .x-window-header {
    background-color: transparent;
}

body .ux-notification-light {
    background-image: url('../images/fader.png');
}

.ux-notification-light .x-window-body {
    text-align: center;
    padding: 15px 10px 20px 10px;
    background-color: transparent;
    border: 0px solid white;
}

.ux-notification-light-left .x-window-body {
    text-align: left;
    padding: 15px 10px 20px 10px;
    background-color: transparent;
    border: 0px solid white;
}

.ux-notification-icon-information {
    background-image: url('../images/flash_info.svg');
    background-size: 16px;
}

.ux-notification-icon-error {
    background-image: url('../images/flash_error.svg');
    background-size: 16px;
}

.ux-notification-icon-success {
    background-image: url('../images/flash_success.png');
    background-size: 16px;
}

.messagebox-success {
    background-image: url('../images/flash_success.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 15px;
}

.messagebox-info {
    background-image: url(../images/flash_info.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: 10px;
}

.ux-notification-icon-warning {
    background-image: url('images/ext4default/window/icon-warning.gif');
    background-size: 16px;
}


.border-darkgray {
    border: 1px solid gray;
    border-collapse: collapse;
}

.x-action-col-cell img {
    cursor: pointer;
}

.x-fieldset-header-text {
    font-weight: bold;
}

#lmr_massnahmen_grid .x-grid-cell {
    border-left: 1px dotted #DCDCDC;
    border-right: 1px dotted #DCDCDC;
    border-collapse: collapse;
}

img.infobutton {
    margin-top: -5px !important;
}

.msg-loading-icon {
    background: url('images/ext4default/shared/blue-loading.gif') no-repeat center;
}

/* Monitoring Kompaktansicht */

#monitoring-indexmassnahme .x-tab {
    width: 200px;
}

.x-tab > em {
    text-align: center;
}

#monitoring-indexmassnahme .x-tab-active {
    background-color: #005DA8;
    background-image: none;
}

#monitoring-indexmassnahme .x-tab-bar-body {
    height: 40px;
}

#monitoring-indexmassnahme .x-tab-bar-default-horizontal {
    height: 40px;
}

#monitoring-indexmassnahme .x-tab-bar-strip {
    display: none;
}

#monitoring-indexmassnahme .x-tab button {
    font-size: 14px;
    font-weight: normal;
}

#monitoring-indexmassnahme .x-tab-default .x-tab-inner {
    font-size: 14px;
    font-weight: normal;
}

#monitoring-indexmassnahme .x-tab-active.x-tab button {
    color: #FFFFFF;
}

#monitoring-indexmassnahme .x-tab-default-active .x-tab-inner {
    color: #FFFFFF;
}

#monitoring-indexmassnahme .x-tab-bar + .x-panel-body {
    margin-top: -5px;
    border: 1px solid #CCC4C4;
}

#monitoring-indexmassnahme .x-tabpanel-child {
    border-top: 1px solid #ccc4c4;
    padding-top: 30px;
    /* Permalink - use to edit and share this gradient: http: //colorzilla.com/gradient-editor/#f8f2f2+0,f8f2f2+15,e1e3e4+23 */
    background: rgb(248, 242, 242); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2Y4ZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2UxZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(248, 242, 242, 1) 0%, rgba(248, 242, 242, 1) 15%, rgba(225, 227, 228, 1) 23%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 242, 242, 1)), color-stop(15%, rgba(248, 242, 242, 1)), color-stop(23%, rgba(225, 227, 228, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(248, 242, 242, 1) 0%, rgba(248, 242, 242, 1) 15%, rgba(225, 227, 228, 1) 23%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(248, 242, 242, 1) 0%, rgba(248, 242, 242, 1) 15%, rgba(225, 227, 228, 1) 23%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(248, 242, 242, 1) 0%, rgba(248, 242, 242, 1) 15%, rgba(225, 227, 228, 1) 23%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(248, 242, 242, 1) 0%, rgba(248, 242, 242, 1) 15%, rgba(225, 227, 228, 1) 23%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f2f2', endColorstr='#e1e3e4', GradientType=0); /* IE6-8 */
}

/* Vertikal Ausrichtung für Grouping Header für Ausgaben */
#monitoring-indexmassnahme .x-grid-cell-inner {
    padding-top: 5px;
}

/* Ende Monitoring Kompaktansicht */

.monitoring-last_updated {
    /*background-color: #FFFFCC;*/
    font-size: 0.8rem;
    margin-left: 5px !important;
    margin-right: 15px !important;
    padding: 1px 3px 1px 3px;
    margin-top: 10px !important;
    /*border: 1px solid #E5F1FF;*/
}

#win_ausgabe .x-window-body {
    background: #e1e3e4 url(images/template_main_back.jpg) repeat-x;
}

.oa-btn-icon {
    background-image: url(../images/oa_uebersicht.png);
    background-size: 12px;
}

.oa-antragsteller {
    background-image: url(../images/benutzerverwaltung_blau.svg);
    background-size: 15px;
}

.massnahme-deleted {
    text-decoration: line-through;
    color: #8B0000;
}

.x-form-cb-label {
    margin-top: 0;
    padding-left: 14px;
}

.x-toolbar-item .x-form-item-label {
    margin-top: 0;
}

/* Labels von Radiogroups in toolbars */
.x-form-checkboxgroup .x-form-item-label {
    margin-top: 4px;
}

/* Start ClearButton */
.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(./images/clear-text-icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https: //developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow: hidden; /* IE 6 : -( */
    margin-top: 4px;
    background-color: #FFFFFF;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}
/* Ende ClearButton */

.x-grid-hd-checker-on .x-column-header-text, .x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker {
    background-position: -1px -2px;
}

.x-group-sub-header .x-column-header-inner {
    padding: 3px 3px 5px 3px;
}

.alter_partner {
    color: #ff0000;
    padding-left: 1px;
    padding-top: 1px;
    width: 500px;
    height: 35px;
    font-size: 11px;
}

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.loading span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.loading span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.loading span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

.loading span:nth-child(4) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .6s;
}

.loading span:nth-child(5) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .8s;
}

.notice-panel-positive {
    padding: 10px;
    margin-top: 10px;
    background-color: #f0fbf3;
}

.notice-panel {
    padding: 10px;
    margin-top: 10px;
    background-color: rgba(255, 231, 22, 0.14);
}

.icon-document {
    background-size: 16px;
    background-image: url(../images/oa_pdf.png);
}

.icon-document-green {
    background-size: 16px;
    background-image: url(../images/dokument_oeffnen_gruen.png);
}

.icon-edit-pen {
    background-size: 16px;
    background-image: url(../images/kommentieren.png);
}

.icon-edit-pen-light {
    background-size: 16px;
    background-image: url(../images/editieren_light.png);
}

.icon-edit {
    background-size: 16px;
    background-image: url(../images/edit.svg);
}

.icon-arrow-back {
    background-size: 16px;
    background-image: url(../images/arrow-back.svg);
}

.icon-file-plus {
    background-size: 16px;
    background-image: url(../images/file-plus.svg);
}

.icon-upload {
    background-size: 16px;
    background-image: url(../images/upload_klein.png);
}

.icon-save {
    background-size: 16px;
    background-image: url(../images/speichern.png);
}

.icon-save-gruen {
    background-size: 16px;
    background-image: url(../images/speichern_gruen.png);
}

.actioncolumn-single-icon {
    margin: 0px;
}

.error-fieldset {
    border: red solid !important;
}

.error-fieldset .x-fieldset-header .x-fieldset-header-text {
    color: red !important;
}

.aufzaehlungen-styled ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 5px;
}

.aufzaehlungen-styled ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 5px;
}

.x-form-invalid-checkbox .x-form-checkboxgroup-body {
    border: 1px solid #cc3300 !important;
    padding: 1px 3px 0 3px;
}

.x-form-invalid-checkbox .x-form-checkbox {
    border: 1px solid #cc3300 !important;
    padding: 1px 3px 0 3px;
}

.x-grid-item-focused {
    background-color: #e8e8e8 !important;
    background-image: none;
    border: 1px solid black;
}

#login_notice {
    background-color: #f5edc3;
    padding-left: 10px;
    margin-right: 35px;
}
#parameterHilfeDokumenteGrid .x-grid-row-over .x-grid-td {
    background-color: #DAF2F2;
}
#parameterHilfeDokumenteGrid .x-grid-row-selected .x-grid-td {
    background-color: #DAF2F2;
}

#parameterHilfeDokumenteGrid .x-grid-rowbody .document-expanded-description {
    padding:10px;
    font-size: 12px;
}

.x-html-editor-tb .x-btn-icon-el {
    background-size: auto;
}

.x-btn-icon-el {
    background-size: contain;
}

.icon-mail {
    background-image: url(../images/mail.svg);
    background-size: 16px;
}

.icon-file-database {
    background-image: url(../images/file-database.svg);
    background-size: 16px;
}

.icon-delete {
    background-image: url(../images/nicht_speichern_zurueck.png);
    background-size: 16px;
}

.bold-label .x-form-item-label-text{
    font-weight: bold;
}

.logs-error, .logs-critical{
    color: #b21500;
}

/*bitte hier keine weiteren ergaenzungen*/
/*alles weitere in main.css hinzufuegen und vorher auf bereits existierende definitionen pruefen! */