.dropdown .dropdown-search {
	background: #F5F5F5;
    width: 395px;	/* gets changed by js */
    height: 44px;
    padding: 4px;
    position: absolute;
    display: none;
    /* same as menu under */
    z-index: 1;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    overflow: hidden;
}

.dropdown.open .dropdown-search {
	display: block;
}

.dropdown .dropdown-search input {
	width: 100%;
    margin: 0;
}

.dropdown .dropdown-menu.with-search {
	margin-top: 44px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    padding-right: 1px;
}

.dropdown .not-found-label {
	display: none;
	color: #888;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

@media (max-width: 2000px) {
	ul.dropdown-menu,
	.dropdown .dropdown-search {
		max-width: 500px;
		overflow-x: hidden;
	}
	.dropdown-menu>li>a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow-x: hidden;
	}
}

@media (max-width: 1500px) {
	ul.dropdown-menu,
	.dropdown .dropdown-search {
		max-width: 300px;
	}
}

@media (max-width: 1000px) {
	ul.dropdown-menu,
	.dropdown .dropdown-search {
		max-width: 250px;
	}
}

@media (max-width: 767px) {
	ul.dropdown-menu,
	.dropdown .dropdown-search {
		max-width: 100%;
		width: 100%!important;
	}
	.dropdown .dropdown-search {
    	box-shadow: none;
    	margin-left: 0;
	}
}

/* style for form dropdown menu */
.dropdown-search {
	border: 1px solid #adadad;
	border-bottom: none;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* overrides for when we want to use search in navbar */
.navbar .navbar-nav .dropdown .dropdown-search {
	border: none;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* hiding using class, mixable with other filters */
ul.dropdown-menu li {
	display: block;
}

ul.dropdown-menu li.searchable-hide {
	display: none;
}

/* when it's part of form */
.dropdown-searchable button.form-control {
	color: #898989;
	text-align: left;
	overflow: hidden;
}
.dropdown-searchable button.form-control span:first-child {
	margin-left: 5px;
}
.dropdown-searchable button.form-control .caret {
	color: black;
    float: right;
    margin-top: 8px;
    margin-left: auto;
    margin-right: 5px;
    position: absolute;
    right: 0;
}
.dropdown-searchable button.form-control::before {
    content: "";
    background: linear-gradient(90deg, #ffffff00, #ffffffff, #ffffffff);
    width: 25px;
    height: 19px;
    position: absolute;
    right: 1px;
}

.dropdown-searchable button.form-control:hover:before {
	background: linear-gradient(90deg, #e6e6e600, #e6e6e6, #e6e6e6);
}

.dropdown-searchable button.form-control:hover,
.dropdown-searchable button.form-control:active,
.dropdown-searchable button.form-control:focus,
.open>.dropdown-toggle.btn-default {
	background-color: #e6e6e6 !important;
	outline: none !important;
}

.dropdown-searchable button.form-control:hover:before,
.dropdown-searchable button.form-control:active:before,
.dropdown-searchable button.form-control:focus:before,
.open>.dropdown-toggle.btn-default:before {
	background: linear-gradient(90deg, #e6e6e600, #e6e6e6ff, #e6e6e6ff);
}

.dropdown-searchable {
	cursor: default;
}




/* kominarsvto custom colors */
.dropdown .dropdown-search {
	background: #ffffff;
    border: 1px solid #bdbdbd!important;
    border-bottom: none!important;
}

.dropdown-searchable {
	z-index: 10000;
}