/* --------------- top menu --------------- */

#kt_header > .container-fluid {
	padding-left: 0;
}

.topbar{
	z-index: 100;
}

.topbar .topbar-item .svg-icon svg,
.topbar .topbar-item .svg-icon i {
	color: #efefef;
}

.topbar .topbar-item:hover .svg-icon svg {
	color: #efefef;
}

.topbar .topbar-item > div.btn {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.topbar .topbar-item > div > a {
	display: flex;
}

.topbar .btn.btn-icon:active,
.topbar .btn.btn-icon.active,
.topbar .btn.btn-icon:hover,
.topbar .btn.btn-icon:focus,
.topbar .show .btn.btn-icon.btn-dropdown {
	background: #fdfdfd14 !important;
}

.topbar-item > div > .topbar-item-image > img {
	height: 24px;
	width: 24px;
	max-height: 24px;
	max-width: 24px;
}

.topbar-item > .btn > span {
	font-size: 1rem;
}

.topbar .btn.btn-clean,
.btn.btn-clean i {
	color: #ffff !important;
}

.topbar .dropdown .btn.btn-clean:not(.btn-text):not(:disabled):not(.disabled) {
	color: #ffff;
	background: transparent;
	border-color: transparent;
}

#kt_header .topbar .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
#kt_header .topbar .btn.btn-clean:active:not(.btn-text):not(:disabled):not(.disabled),
#kt_header .topbar .btn.btn-clean:focus:not(.btn-text):not(:disabled):not(.disabled),
#kt_header .topbar .dropdown.show .btn.btn-clean.dropdown-toggle {
	color: #efefef !important;
	background-color: rgb(77 89 149 / 10%) !important;
}

#kt_header .menu-nav > .menu-item > .menu-link {
	align-items: center;
}

#kt_header .menu-nav > .menu-item > .menu-link .menu-text {
	white-space: nowrap;
}

#kt_header .menu-nav > .menu-item:not(.menu-item-active):not(.menu-item-open-dropdown) {
	opacity: 0.75;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

#kt_header .menu-nav > .menu-item:not(.menu-item-active):not(.menu-item-open-dropdown):hover,
#kt_header .menu-nav > .menu-item:not(.menu-item-active):not(.menu-item-open-dropdown):focus {
	opacity: 1;
}

#kt_header .menu-item > .menu-link > .menu-bullet > svg,
#kt_header .menu-item > .menu-link > .menu-bullet > i {
	color: #9b9ba9;
	font-size: 1.2rem;
}

#kt_header .menu-nav > .menu-item > .menu-link > .menu-bullet > svg,
#kt_header .menu-nav > .menu-item > .menu-link > .menu-bullet > i {
	color: #fff;
}

#kt_header .topbar-item .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text),
#kt_header .topbar-item .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown {
	color: #fff !important;
}

#kt_header .menu-nav div.menu-submenu {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	margin-left: 3px;
}

#kt_brand {
	height: 50px;
}

#kt_header .btn-clean {
	border-radius: 0 !important;
}

.topbar .topbar-item {
	height: 100%;
}

.header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
	background-color: rgb(77 89 149 / 10%);
}

/* --------------- Searchbox in top menu --------------- */

.search-form {
	height: 50px;
	width: 200px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.search-form:focus-within {
	width: 300px;
}

.search-form > .form-group {
	margin: 0 !important;
	height: inherit !important;
	min-height: 50px !important;
}

.search-form > .form-group > .input-group {
	height: inherit;
}

.search-form > .form-group > .input-group > .input-group-append {
	margin: 0;
}

.search-form > .form-group > .input-group > .input-group-append > .input-group-text {
	background: #fdfdfd14;
	border: none;
	border-radius: 0;
}

.search-form > .form-group > .input-group > .input-group-append > .input-group-text i,
.search-form > .form-group > .input-group > .input-group-append > .input-group-text svg {
	font-size: 1rem;
}

.search-form > .form-group > .input-group > .form-control {
	height: inherit;
	border-radius: 0;
	background: #fdfdfd14;
	border: none;
	color: #646c9a;
	font-size: 1rem;
}

.cms-top-autocomplete {
	display: none;
	position: absolute;
	top: 50px;
	background: #fff;
	left: 2px;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	background-clip: padding-box;
	border-radius: .25rem;
	min-width: 400px;
	box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
}

.autocomplete-result {
	margin: 0;
	display: flex;
}

.autocomplete-result:hover {
	background-color: #f7f8fa;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.autocomplete-icon {
	text-align: center;
	font-size: 1rem;
	color: #211f2c;
	align-self: center;
}

.autocomplete-content {
	font-size: 1rem;
	padding: 10px 0;
}

.autocomplete-label {
	font-weight: bold;
	margin-bottom: 0;
}

.autocomplete-label > span {
	margin-left: 5px;
	font-size: 0.7rem !important;
}

.autocomplete-text {
	color: #aaaaaa;
	margin: 0;
	font-size: 0.8rem;
}

/* osetreni zobrazeni ikonky u autocomplete vyhledavani na mobilnich zarizenich */
@media (max-width: 768px) {
	.autocomplete-result .autocomplete-icon {
		display: inline-block;
		float: left;
	}
}

/* --------------- Responsive top menu --------------- */

@media (max-width: 2200px) and (min-width: 992px) {
	#kt_header_menu_wrapper #kt_header_menu ul.menu-nav > .menu-item:not(.menu-item-active):not(.menu-item-hover) {
		width: 50px;
		white-space: nowrap;
		overflow: hidden;
	}

	#kt_header_menu_wrapper #kt_header_menu ul.menu-nav > .menu-item:not(.menu-item-active):not(.menu-item-hover):not(:hover):not(:active):not(.active) > .menu-link > .menu-bullet {
		-webkit-transition: margin 1ms ease-in 270ms !important;
		-moz-transition: margin 1ms ease-in 270ms !important;
		-ms-transition: margin 1ms ease-in 270ms !important;
		-o-transition: margin 1ms ease-in 270ms !important;
		transition: margin 1ms ease-in 270ms !important;
		margin-right: 20px !important;
	}

	#kt_header_menu_wrapper #kt_header_menu {
		margin-left: 0;
		position: relative;
		max-width: calc(100vw - 126px - 423px - 50px);
	}
}

@media (min-width: 992px) {
	.header-menu .menu-nav > .menu-item > .menu-link .menu-bullet {
		display: inline-flex;
	}
}

@media (max-width: 991.98px) {
	.header-mobile-fixed .header-mobile {
		height: 50px;
		min-height: 50px;
	}

	.topbar-mobile-on .topbar {
		margin-top: 50px;
	}
}