.ks_kategorientabelle * {
    white-space: nowrap;
}
.ks_bezahlertabelle * {
    white-space: nowrap;
}
.ks_companiontabelle * {
    white-space: nowrap;
}
#indexselection img {
    background-color: gray;
    float: left;
    margin-right: 2em;
    width: 1.5em;
}
.ks_dtkat {
    background-color: yellow;
}
.ks_dtcompanion td {
    margin-left: 1em;
}
.ks_list_active .ks_eintraege button {
    top: 2px;
}
.ks_datagrid_col_projekt {
    width: 80px;
}
.ks_datagrid_col_id_vorgang, .ks_datagrid_col_vorgang {
    width: 150px;
}
.ks_datagrid_col_id_kategorie {
    width: 150px;
}
.ks_datagrid_col_id_teilnehmer, .ks_datagrid_col_teilnehmer {
    width: 150px;
}
.ks_datagrid_col_betrag {
    width: 80px;
}
.ks_datagrid_col_date_lastbuy {
    width: 75px;
}
.ks_datagrid_col_soll {
    width: 75px;
}
.ks_datagrid_col_haben {
    width: 75px;
}
.ks_configfirst textarea {
    width: 100%;
    height: 4em;
}
.ks_tablecol_Bezeichnung {
    width: 20%;
}
.ks_tablecol_Beschreibung {
    width: 80%;
}
/*
 Websocket Testclient
*/
#log {width:440px; height:200px; border:1px solid #7F9DB9; overflow:auto;}
#msg {width:330px;}

#projekttab .ks_radiogroupitem {
    float: left;
    text-align: left;
}
.ks_einkaufsliste td .ks_statiradioitem {
    float: left;
}
#einkaufslistedata .ks_selector_div > div {
    float: left;
}
.ks_einkaufsliste .ks_datagrid_col_art {
    width: 200px;
}
.ks_einkaufsliste .ks_datagrid_col_lastbuy {
    width: 120px;
}
.ks_einkaufsliste .ks_datagrid_col_menge {
    width: 130px;
}
.ks_einkaufsliste .ks_datagrid_col_gekauft {
    width: 130px;
}
.ks_einkaufsliste .ks_datagrid_col_status {
    width: 250px;
}
.ks_einkaufsliste .ks_edit_div .ks_datawert .ks_textarea {
    min-height: 5em;
}
.ks_einkaufsliste .ks_abcindex {
    font-size: 2em;
    max-width: 85%;
    margin-left: 2px;
    margin-top: -1em;
    z-index: 10;
    min-height: 1em;
    background-color: orange;
    border-color: white;
    border-width: 3px;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    position: absolute;
}
.ks_einkaufsliste .ks_abcindex > div{
    float: left;
    padding: .3em;
}
.ks_einkaufsliste .ks_listfilter {
    clear: both;
    width: 10em;
    height: 2em;
    font-size: 2em;
}
ks_Mobile button.ks_einkaufslistenew {
    clear: both;
}
.ks_list_hlactive {
    background-color: green;
    clear: both;
}
.ks_list_hlinactive {
    background-color: red;
    clear: both;
}
.ks_list_active {
    background-color: palegreen;
}
.ks_list_active tr:nth-child(even) {
    background-color: greenyellow;
}
.ks_listdisplay {
    font-size: 2em;
}
.ks_list_inactive {
    background-color: peru;
}
.ks_list_inactive .ks_abcitem {
    background-color: peru;
}
.ks_list_inactive tr:nth-child(even) {
    background-color: burlywood;
}

.ks_mobile .ks_synchronize {
    clear: both;
    float: left;
}

.ks_vorgang .ks_bezahler {
    float: left;
}
.ks_vorgang .ks_companion {
    float: left;
}
.ks_vorgang .ks_kategorie {
    float: left;
}
.ks_vorgang .ks_teilnehmerbuchungeneintraege {
    clear: left;
    min-width: 20em;
}
.ks_vorgang .ks_kategorienbuchungeneintraege {
    float: left;
    min-width: 20em;
}
.ks_vorgang .ks_datagrid_col_bezeichnung {
    width: 160px;
}

.ks_vorgang .ks_quick_div {
    min-width: 26em;
}
.ks_vorgang .ks_open  {
    float: left;
    margin-left: 1em;
}
.ks_vorgang .ks_vorgangcontent {
    clear: none;
    float: left;
    width: auto;
}
.ks_vorgang .ks_vorgangcontentextras > div {
    float: left;
}
.ks_vorgang .ks_vorgangcontentextras .ks_imagecarouselnormal {
    width: 50%;
}

#projektselectionsearch .ks_selector_element {
    clear: left;
}
#projektselectionsearch .ks_selector_element .ks_begrwert {
    width: 5em;
}

.ks_projektkategoriencreatedata .ks_checkboxitem {
    clear: both;
}
.ks_dtcompanion .ks_headline {
    margin-left:1%;
    width: 99%;
}
.ks_dtcompanion .ks_info > table {
    margin-left:1em;
}
.ks_dtkat .ks_headline {
    background-color: black;
    color: white;
}

.ks_checklocation .ks_matrixheadcol {
    min-width: 10em;
}
.ks_checkevents .ks_matrixheadcol {
    min-width: 10em;
}
.ks_checkentities .ks_matrixheadcol {
    min-width: 10em;
}