.autocomplete-box {
    max-width: 800px;
    margin: 0 auto;
    width: 800px;
    position: relative;
}
.ui-autocomplete {
    max-height: 350px;
    width: 100%;
	overflow-y: auto;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, .2);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, .2);
	box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, .2);
	margin-left:2px;
	z-index:2 !important;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;/* add padding to account for vertical scrollbar */
	/*top: 344px !important;*/
	/* top: 265px !important; */
}

/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 300px;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

.ui-menu-item, .ui-menu-item a {
	/*width:740px;*/
}
.ui-menu-item {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.ui-menu-item a{ border-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}

.ui-widget {
    font-family: segoe ui, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-menu {
    background: #fff !important;
    font-family: 'lato', sans-serif;
}

#autocomplete-info-box {
    background-color: #fff;
    text-align: center;
    color: #333;
    padding: 15px 0;
}

ol.ui-autocomplete , ul.ui-autocomplete  {
    list-style: none;
    /*max-width: 1000px;*/
}

.ui-menu .ui-menu-item a {
    padding: 2px;
}
.ui-menu .ui-menu-item a.ui-state-focus {
    background-color: #e0fbe0 !important;
}

.ui-menu-item {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}
.ui-menu-item, .ui-menu-item a {
    /* width: 740px; */
}

.ui-menu .ui-menu-item a {
    cursor: pointer !important;
    border: none;
    margin: 0px 0px !important;
    background: none !important;
    display: block !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -ms-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
    position: relative;
}

a.pelnoplatny {
    font-weight: bold;
    /* font-weight: normal; */
    color: #777;
}
.ui-menu-item a {
    border-radius: 0;
    color: #777;
}

.ui-menu .ui-menu-item a div {
    padding-top: 5px;
    padding-bottom: 4px;
}
.ui-menu .ui-menu-item div {
    display: inline-block;
    width: 100%;
}
.kolor-span, .nazwa-leku-span {
    padding: 5px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    display: inline-block;
    padding-left: 15px;
}

.kolor_ryczat, .kolor_ryczat_30 span:nth-child(1), .kolor_bezpatny_ryczat span:nth-child(2) {
    background-color: #eeeeee;
    color: #66667b;
}
.kolor_100 {
    background-color: #feb112;
    color: #fff;
}
.kolor-span {
    margin-right: 14px;
}
.kolor-span {
    /* width: 16%; */
    text-align: right;
    border-radius: 20px;
    padding: 3px 5px;
    font-size: 11px;
    margin-top: 2px;
}
.ui-menu-item .kolor-span {
    float:right;
}
.kolor-span span { border-radius:20px; padding:1px 5px; padding-top:4px; padding-bottom:4px; font-size:11px; }
.kolor-span span:last-child { margin-right:0px  }
.kolor-span {margin-right:14px;}
.kolor_100 { background-color: #feb112; color:#fff }
.kolor_50 { background-color: #fefabc; color:#484848 }
.kolor_30, .kolor_bezpatny_30 span:nth-child(2), .kolor_ryczat_30 span:nth-child(2) { background-color: #5a8f00; color:#fff }
.kolor_bezpatny, .kolor_bezpatny_30 span:nth-child(1), .kolor_bezpatny_ryczat span:nth-child(1)  { background-color: #0056a7; color:#fff }
.kolor_ryczat, .kolor_ryczat_30 span:nth-child(1), .kolor_bezpatny_ryczat span:nth-child(2) { background-color: #eeeeee; color:#66667b }

.ui-menu .ui-menu-item a:hover .kolor_100 { color: #feb112 !important; background:#FFFFFF }
.ui-menu .ui-menu-item a:hover .kolor_50 { color:#fefabc !important; background:#484848}
.ui-menu .ui-menu-item a:hover .kolor_30, .ui-menu .ui-menu-item a:hover .kolor_bezpatny_30 span:nth-child(2), .ui-menu .ui-menu-item a:hover .kolor_ryczat_30 span:nth-child(2) { color: #5a8f00 !important; background:#FFFFFF }
.ui-menu .ui-menu-item a:hover .kolor_bezpatny, .ui-menu .ui-menu-item a:hover .kolor_bezpatny_30 span:nth-child(1), .ui-menu .ui-menu-item a:hover .kolor_bezpatny_ryczat span:nth-child(1)  { color: #0056a7 !important; background:#FFFFFF }
.ui-menu .ui-menu-item a:hover .kolor_ryczat, .ui-menu .ui-menu-item a:hover .kolor_ryczat_30 span:nth-child(1), .ui-menu .ui-menu-item a:hover .kolor_bezpatny_ryczat span:nth-child(2) { color: #eeeeee !important;  background:#66667b}


.ui-helper-hidden-accessible { display:none; }

.hide-mobile-search {
    position: fixed;
    display: none;
    left: 0;
    margin: 0px;
    color: #053300;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
}

@media(min-width: 1020px) {
    #autocomplete-info-box {
        background-color: #f7f7f7;
    }
    .ui-autocomplete {
        width: 50% !important;
        left: 25% !important;
    }
}

@media(max-width:1020px) {
    .autocomplete-active .hide-mobile-search {
        display: block;
    }
    .autocomplete-active .menu-notify {
        display: none;
    }

    .autocomplete-active .w3agile {
        display: none;
    }

    .ui-autocomplete {
        width: 100% !important;
        left: 0 !important;
        max-height: inherit !important;
    }

    .autocomplete-box {
        position: absolute;
        width: 700px;
        left: 100px;
    }
}
@media(max-width:980px){
    .autocomplete-box {
        width: 700px;
    }
}

@media(max-width:850px){
    .autocomplete-box {
        width: 600px;
    }
}

@media(max-width:760px){
    .autocomplete-box {
        width: 100%;
        left: 0;
    }
}

@media(max-width:320px){
    .nazwa-leku-span {
        width: 100%;
    }
    .kolor-span, .flag-pl, .senior-label {
        display: none !important;
    }
}

@media(max-height:630px){
    .autocomplete-box ul {
        height: 250px;
    }
}