/* Example tokeninput style #1: Token vertical list*/

#headerSearchSubmit {
    background: url("/fileadmin/templates/img/search-lupa.png") no-repeat center center #5c6d78;
    width: 40px;
    height: 28px;
    text-indent: -9999px;
    margin: 7px 0px;
    border-top: white 1px solid;
    border-bottom: white 1px solid;
    border-right: white 1px solid;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
}
#home-main-content #headerSearchSubmit {
    background: url("/fileadmin/templates/img/search-lupa.png") no-repeat center center #5c6d78;
    width: 90px;
    height: 56px;
    text-indent: -9999px;
    margin: -1px 0px;
    border-top: white 1px solid;
    border-bottom: white 1px solid;
    border-right: white 1px solid;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.token-input-list {
    overflow: hidden; 
    height: 28px;
    width: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    margin: 7px 0px 0px 0px;
    float: left;
    clear: left;
		
}

#filterTabContent ul.token-input-list {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #C3CBDD;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#home-main-content ul.token-input-list {
    display: block;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #C3CBDD;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.doktor-dalsie-info ul.token-input-list,
.doktor-poistovna ul.token-input-list,
.campaign-edit ul.token-input-list {
    height: 35px;
    border-radius: 0px;
    margin: 0;
}



ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px !important;
    padding: 3px 8px;
    line-height: 22px;
    background-color: white;
    /*-webkit-appearance: caret;*/
}
#headerSearch {
    float: left;
    border: 0;
    width: 350px !important;
    padding: 3px 8px;
    line-height: 22px;
    background-color: white;
    /*-webkit-appearance: caret;*/
    margin: 7px 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#home-main-content #headerSearch {
    float: left;
    border: 0;
    width: 350px !important;
    padding: 3px 8px;
    line-height: 46px;
    background-color: white;
    /*-webkit-appearance: caret;*/
    margin: 0px ;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#home-main-content #headerSearch {
    border-top: 1px solid #C3CBDD;
    border-left: 1px solid #C3CBDD;
    border-bottom: 1px solid #C3CBDD;
}
#home-main-content ul.token-input-list input {
    line-height: 40px;
}
.doktor-dalsie-info ul.token-input-list li input,
.doktor-poistovna ul.token-input-list li input,
.campaign-edit ul.token-input-list li input {
    border: 1px solid #697DA9;
    width: 100% !important;
}

#headerSearchResults {
    display: none;
    background: #F0F3F4;
    position: absolute;
    top: 34px;
    width: 390px;
    z-index: 9999;
    box-shadow: 0px 1px 3px 1px #999;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#home-main-content #headerSearchResults {
    display: none;
    background: #F0F3F4;
    position: absolute;
    top: 53px;
    width: 438px;
    z-index: 9999;
    box-shadow: 0px 1px 3px 1px #999;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#headerSearchResults .catTitle {
    padding: 0px 5px 3px;
    border-bottom: 1px solid #697DA9;
    margin: 0px 0px 15px;
    color: #697DA9;
    font-size: 16px;
}
#headerSearchResults .catResults {
    padding: 10px 15px 5px;
}
#home-main-content #headerSearchResults .catTitle {
    padding: 0px 5px 3px;
    border-bottom: 1px solid #697DA9;
    margin: 0px 0px 15px;
    color: #697DA9;
    font-size: 16px;
}
#headerSearchResults .catResults a { display: inline-block; margin: 0 0 7px 0; width: 100%; padding: 0 0 0 5px; font-weight: bold; cursor: pointer; }
#headerSearchResults .img { float:left; max-width: 74px; width: 74px; }
#headerSearchResults .img img { width: 100%; border: 1px solid #697DA9; }
#headerSearchResults .info { float:left; width: 78%; padding: 2px 8px; }

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: none;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
		color:#000;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
		color:#000;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #96A4C3;
}

#token-input-profileInsurance {
    border-color: #C3CBDD;
}

ul#profileIllnessUl,
ul#profileEquipmentUl,
ul#profileInsuranceUl,
ul#profileListSpecialUl,
ul#profileListNameUl,
ul#profileListRegionUl,
ul#profileListIllnessUl,
ul#profileListEquipmentUl {
    list-style: none;
    display: inline;
}
ul#postListTagsUl {
    list-style: none;
}
ul#profileIllnessUl li,
ul#profileEquipmentUl li,
ul#profileInsuranceUl li,
ul#profileListSpecialUl li,
ul#profileListNameUl li,
ul#profileListRegionUl li,
ul#profileListIllnessUl li,
ul#profileListEquipmentUl li,
ul#postListTagsUl li {
    float: left;
    padding: 5px;
    margin: 0 5px 5px 0;
    background: #e3f6ab;
    color: #629c09;
    line-height: 15px;

}
ul#profileListSpecialUl li,
ul#profileListNameUl li,
ul#profileListRegionUl li,
ul#profileListIllnessUl li,
ul#profileListEquipmentUl li {
    background: none repeat scroll 0% 0% #FFF;
    color: #333;
    padding: 8px 15px;
    margin: 0 5px 0 0;
}
ul#profileIllnessUl li span,
ul#profileEquipmentUl li span,
ul#profileInsuranceUl li span,
ul#profileListSpecialUl li span,
ul#profileListNamelUl li span,
ul#profileListRegionUl li span,
ul#profileListIllnessUl li span,
ul#profileListEquipmentUl li span,
ul#postListTagsUl li span {
    cursor: pointer;
    background: url("/fileadmin/templates/img/close-icon.png") no-repeat scroll 0% 0% transparent;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 5px;
    text-indent: -9999px;
}