﻿
.SearchPanel {
}

.SearchPanel #filterList{
    float:left;
}
    .SearchPanel #btnAddFilter {
        float: left;
        background-image: url("Images/Hinzufuegen.png");
        width: 30px;
        height: 30px;
    }

    .SearchPanel #AddFilterList {
        position: relative;
        background-color: white;
        border: solid 1px black;
        width: 430px;
        height: 300px;
        display: none;
        top: 30px;
        z-index: 999;
        overflow-y: auto;
    }

        .SearchPanel #AddFilterList .ConditionOption {
            min-height: 25px;
            height: 25px;
            vertical-align: central;
            white-space: nowrap;
        }

            .SearchPanel #AddFilterList .ConditionOption:hover {
                background-color: #053f56;
                color: white;
            }

    .SearchPanel .delete-item {
        background-image: url("Images/Abbrechen.png");
        position: absolute;
        width: 10px;
        height: 10px;
        background-size: contain;
        top: 1px;
        right: 1px;
        cursor: pointer;
        background-repeat: no-repeat;
    }

    .SearchPanel label {
        color: #555555;
        font-weight: 300;
        padding-left: 5px;        
    }

    
    .ConditionOption .Filter  {        
        width: 20px; height: 20px; float: left;
        
    }
      .ConditionOption span {
          padding-left:5px;
      }

    .ConditionOption  .Text {
        background-image: url("Images/FilterText.png");
        background-repeat: no-repeat;
        background-size:auto
        
    }
    .ConditionOption  .Date {
        background-image: url("Images/FilterDate.png");
        background-repeat: no-repeat;
        background-size:auto

    }
    .ConditionOption  .JaNein {
        background-image: url("Images/FilterJaNein.png");
        background-repeat: no-repeat;
        background-size:auto
    }
    .ConditionOption  .Person {
        background-image: url("Images/FilterPerson.png");
        background-repeat: no-repeat;
        background-size:auto
    }
    .ConditionOption  .Funktion {
        background-image: url("Images/FilterFunktion.png");
        background-repeat: no-repeat;   
        background-size:auto
    }
    .ConditionOption  .Auswahl {
        background-image: url("Images/FilterAuswahl.png");
        background-repeat: no-repeat;    
        background-size:auto
        
    }