/*Grids*/
.Touchscreen .x-grid-header-row, .Touchscreen .x-column-header, .Touchscreen td.x-grid-cell
{
    font: 20px tahoma,arial,verdana,sans-serif;
}

/*Small-Scale Buttons ohne Icon*/
.Touchscreen .x-btn-default-toolbar-small .x-btn-inner
{
    font-size: 18px; /*tahoma,arial,verdana,sans-serif;*/
}

/*Small-Scale Buttons mit Icon*/
.Touchscreen .x-btn-default-toolbar-small-icon .x-btn-icon
{
    height: 25px;
    width: 30px;
    background-size: auto 100%;
    /*margin-top: -3px;*/
}

.Touchscreen .x-btn-default-toolbar-small-icon button
{
    height: 25px;
    width: 30px !important; /*im Ext ist auch important drin, importantception...*/
}

/*Mid-Scale Buttons*/
.Touchscreen .x-btn-default-toolbar-medium .x-btn-inner
{
    font: 18px tahoma,arial,verdana,sans-serif;
}

/*Form-Felder, Label und Large-Scale Buttons*/
.Touchscreen .x-form-field, .Touchscreen .x-form-item-label, .Touchscreen .x-btn-default-toolbar-large .x-btn-inner
{
    font: 20px/30px tahoma,arial,verdana,sans-serif; /*20px=Font-Size, 30px=Line-Height*/
}

/*Dle Bezeichnungstext hinter dem Trigger*/
.Touchscreen .x-form-item
{
    font: 20px/25px tahoma,arial,verdana,sans-serif; /*20px=Font-Size, 30px=Line-Height*/
}

/*Form-Felder*/
.Touchscreen .x-form-text, .Touchscreen .x-form-trigger
{
    height: 30px;
}

.Touchscreen .x-item-disabled
{
    opacity: 0.55;/*FF etc.*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/*IE Extrawurscht*/
}

/*Trigger-Felder*/
.Touchscreen div.x-form-trigger
{
    background-size: auto 120%; /* 120% des Ursprungsbildes skalieren*/
    padding-left: 25px; /* breites Bild - Anzeige muss über Padding eingestellt werden Werte wie overflow nicht auf background angewendet werden */
}

/*Trigger-Felder*/
.Touchscreen div.x-form-trigger-over
{
    background-position: -25px 0;
}

/*Toolbar*/
.Touchscreen .x-toolbar .x-toolbar-item
{
    font: 18px tahoma,arial,verdana,sans-serif;
}

/*Combobox Items*/
.Touchscreen .x-boundlist-item
{
    font: 20px tahoma,arial,verdana,sans-serif;
}

/*Besonderheiten datefield*/
.Touchscreen .x-datepicker-header /*Header*/
{
    height: 35px; /*std. 26px*/
}

.Touchscreen .x-datepicker-month button/*Button <Monat> im Header*/
{
    height: 25px;/*std:16px*/
}

.Touchscreen .x-btn-default-small .x-btn-inner /*Button <Monat> im Header*/
{
    font: 18px tahoma,arial,verdana,sans-serif;
    line-height: 16px;
}

.Touchscreen .x-datepicker-prev a, .Touchscreen .x-datepicker-next a/*Vor- und Zurückbutton Header*/
{
    background-size: auto 120%; /* 120% des Ursprungsbildes skalieren*/
    height: 25px;
}

.Touchscreen table.x-datepicker-inner th /*Headertage (M D M D F S S)*/
{
    font: 18px tahoma,arial,verdana,sans-serif;
    width: 35px; /*std:25px*/
    height: 28px; /*std:19px*/
}

.Touchscreen table.x-datepicker-inner th span/*Headertage (M D M D F S S)*/
{
    padding-right: 11px; /*std:7px*/
}

.Touchscreen .x-datepicker /*Breite Picker allgemein --> wirkt sich nicht aus da die Breite im Element selbst gesetzt wird --> siehe createPicker override peff.shared*/
{
    width: 300px;
}

.Touchscreen table.x-datepicker-inner a /*Tabelle mit Datumstagen (1-31)*/
{
    font: 18px tahoma,arial,verdana,sans-serif;
}

.Touchscreen .x-monthpicker-item /*Monatspicker --> Klick auf <Monat> im Header*/
{
    font: 18px tahoma,arial,verdana,sans-serif;
    height: 28px; /*std:17px*/
}

.Touchscreen .x-monthpicker-item a
{
    margin: 0;
}

.Touchscreen .x-monthpicker-item, .Touchscreen .x-monthpicker-yearnav /*Abstände zwischen Jahren und Monaten etwas kleiner als zuvor (4px 0 5px)*/
{
    margin: 2px 0 3px;
}

.Touchscreen .x-monthpicker-months, .Touchscreen .x-monthpicker-years /*Höhe/Breite der Tabelle mit den Jahren - muss gesetzt werden, sonst sind OK und Abbrechen-Button von der Höhe her unpassend*/
{
    height: 209px;
    width: 120px;
}

.Touchscreen .x-monthpicker-years .x-monthpicker-item
{
    width: 50px; /*std:44px*/
}

/*Validierung - Dicke der Rahmenlinie und Farbe etwas heller*/
.Touchscreen .x-form-invalid-field
{
    border-width: 2px;
    border-color: #FF1100;
}

.VerticalLines .x-grid-row .x-grid-cell
{
    border-right: 1px solid black;
}