input[type="datetime-local"].hidden {
    display: none;
}

#kundenanwendungenSearchForm button {
    height: 28px;
    width: 100%;
}

.float-right {
    float: right;
}

.kundenanwendung-info-box {
    border: 1px solid lightgray;
    padding: 20px;
    margin-bottom: 25px;
}

.kundenanwendung-info-box div {
    padding: 10px 0;
}


#kundenanwendungenSearchForm input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 28px;
}

#kundenanwendungenSearchForm input.hidden {
    display: none;
}

#kundenanwendungenSearchForm select {
    display: block;
    width: 100%;
    border-radius: 0 !important;
}

#kundenanwendungenSearchForm .keywordPicker input {
    width: 206px;
}

/** Keywordpicker **/


.keywordPicker {
    float: none;
    text-align: left;
    display: block;
    position: relative;
    margin-bottom: 9px;
}

.keywordPicker * {
    box-sizing: border-box;
}

.keywordPicker .hidden {
    display: none;
}

.keywordPicker span {
    display: block;
    font-size: 11px;

}

.keywordPicker .areaListBox {
    border-radius: 4px;
    margin-top: 7px;
    width: 100%;
    border: 1px solid #cccccc;
    min-height: 28px;
    padding: 1px 7px 1px 0;
    cursor: text;
}

.keywordPicker input {
    height: 28px;

    border: none !important;
    outline: none;
    max-width: 100%;
    padding-left: 7px;
    margin-bottom: 0;
    font-size: 13px;
    box-shadow: none !important;

}

.keywordPicker .areaWrapWrap {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    padding-top: 4px;

}

.keywordPicker .areaWrapWrap .areaWrap {
    cursor: default;
    position: relative;
    float: left;
    border-radius: 5px;
    padding: 1px 40px 1px 15px;
    margin-left: 5px;
    background-color: lightgray;
    margin-bottom: 6px;
}

.keywordPicker .areaWrapWrap .areaWrap span {
    position: relative;
    display: block;
    word-break: break-all;
}

.keywordPicker .areaWrapWrap .areaWrap span.deleteArea {
    padding: 0 0 0 0;
    position: absolute;
    right: 5px;
    top: 1px;
}

.keywordPicker .areaWrapWrap .areaWrap span.deleteArea svg:hover {
    opacity: 0.75;
    cursor: pointer;
}

.keywordPicker .autocompleteWrap {
    background-color: white;
    position: absolute;
    z-index: 1;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid lightgray;
}

.keywordPicker .autocompleteWrap > div {
    padding: 10px 0 10px 5px;
}

.keywordPicker .autocompleteWrap > div:hover {
    background-color: lightgray;
}

.keywordPicker .autocompleteWrap > div:hover.disabled {
    background-color: white;
}


.keywordPicker .autocompleteWrap::-webkit-scrollbar {
    width: 10px;
}

.keywordPicker .autocompleteWrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #888888;
}

.keywordPicker .autocompleteWrap::-webkit-scrollbar-thumb:hover {
    opacity: 0.75;
}


#kundenanwendungForm textarea {
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
    min-height: 125px;
}

.textAreaDisplayText {
    height: 100%;
    width: 95%;
    border: none;
    resize: none;
    cursor: text!important;
    background-color: transparent!important;
    box-shadow: none;
    padding: 0 0 0 25px;
    margin-left: -25px;
}