/* Button styling */
	.userMenu_mobile_toggle{
		position: absolute;
		right: 20px;
		top: 1rem;
		font-size: 2.5em;
		color: #333;
		display: none;
	}
	.userMenu_mobile_toggle.assign_left{
		left: 1rem;
		width: 6rem;
	}
	.userMenu_mobile .userMenu_mobile_close{
		display: none;
	}

	@media (max-width: 768px) {
		div#left div.content ul{
			width: initial;
		}
		
		/*fultext a ikony na mobilech nechceme ???*/
		.fulltext,
		#headerIcons{
			display: none;
		}
		a#productLogo{
			left: 50%;
			transform: translateX(-50%);
			top: 10px;
			width: 125px;
		}
		div#testStamp{
			top: 55px;
			font-size: 1.5rem;
			letter-spacing: 2px;
			line-height: 1.25;
			max-height: 120px;
			overflow: hidden;
			text-align: center;
		}
		div#top.loginPage{
			height: 60px;
		}
		div#top {
			height: 190px;
		}
		div#top.loginPage div.main {
			height: 75px;
		}
		div#top div.main {
			height: 175px;
		}
		#smartHistory{
			top: 177px;
		}
		/*top a left menu*/
		#top,
		#left{
			font-size: 22px;
		}
		#top a{
			text-decoration: none;

		}
		div.header{
			margin: 0;
		}

		.userMenu_mobile:target,
		.userMenu_mobile[aria-expanded="true"]{
			display: block !important;
			/*left: 0; test*/
			outline: none;
			-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
			-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
			box-shadow: 3px 0 12px rgba(0,0,0,.25);
		}

		.userMenu_mobile:target .userMenu_mobile_close,
		.userMenu_mobile[aria-expanded="true"] .userMenu_mobile_close{
			z-index: 1001;
			display: block;
		}

		.userMenu_mobile:target ul,
		.userMenu_mobile[aria-expanded="true"] ul{
			position: relative;
			z-index: 1000 !important;
		}

		.userMenu_mobile:target + .backdrop,
		.userMenu_mobile[aria-expanded="true"] + .backdrop,
		div#left .userMenu_mobile .submenu.opened > .submenu_content{
			display: block !important;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 998;
			background: #000;
			background: rgba(0,0,0,.85);
			cursor: default;
			position:fixed;
			padding:0;
			margin:0;
		}

		#top ul#topMenu,
		#top #userMenu ul,
		#left ul,
		#left .submenu.opened .submenu_content ul{
			max-width: 800px;
			margin: 0 auto;
			display: grid;
			grid-gap: 0.5rem;
			grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
			position: relative;
			padding-top: 3rem;
		}
		#top ul#topMenu li,
		#top #userMenu li,
		#left li,
		#left .submenu.opened .submenu_content ul{
			background-color: dodgerblue;
			color: white;
			height: 8rem;
		}
		/*pretizeni atributu style na UL submenu*/
		#left .submenu.opened .submenu_content ul{
			top: 3rem !important;
			left: 0 !important;
		}


		#top ul#topMenu li a:hover,
		#top #userMenu li a:hover,
		#left li a:hover
		/*#left .submenu.opened .submenu_content ul a:hover*/{
			background-color: #FFF; /*2e8eca;*/
		}
		#top ul#topMenu li .menuRootItem{
			border: none !important
		}

		#top .topMenu_attributes{
			display: flex;
		}
		#top .topMenu_attributes a:nth-child(2),
		#top .topMenu_attributes a:nth-child(3){
			border-left: #000 solid 5px;
		}

		#top ul#topMenu .headerUsername{
			position: absolute;
			top: 8px;
			left: 8px;
		}
		#top #userMenu li.expand-hidden{
			display: none;
		}
		.userMenu_mobile_toggle a{
			color: #000;
		}

        .userMenu_mobile_toggle{
            display: block;
            transition: transform .2s;
			text-align: center;
        }
        
		.userMenu_mobile_toggle:hover,
		.userMenu_mobile_toggle:focus{
			color: #c00;
            transform: scale(1.15);
		}

		.userMenu_mobile .userMenu_mobile_close{
			position: fixed;
			right: 0;
			top: 0;
			width: 6rem;
			height: 6rem;
		}

		.userMenu_mobile .userMenu_mobile_close:hover{
			color: #CCC;
		}

		.userMenu_mobile{
			position: relative;
			left: auto;
			top: auto;
			height: auto;
			display: none;
            padding-top: 50px;
		}

		.userMenu_mobile a,
		#top ul#topMenu li a,
		#left .userMenu_mobile .submenu.opened ul a{
			color: #fff;
			display: inline-block;
			height: 100%;
			width: 100%;
			font-size: 2rem;
		}

		div#left .submenu.opened .submenu_content ul li a{
			width: 100%;
		}

		div#left .submenu.opened .submenu_content .subcontent li a{
			padding: 0;
		}

		.userMenu_mobile a:hover,
		.userMenu_mobile a:focus{
			background: none;
			color: #000;
		}
		/*centrovani titulku */
		.userMenu_mobile a > span,
		.userMenu_mobile #topMenu a > i{
			position: relative;
			float: left;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.userMenu_mobile a.actionLink{
			display: flex !important;
			justify-content: center;
			align-items: center;
		}

		/*Leve menu*/
		div#left .userMenu_mobile_toggle {
			position: absolute;
			top: -8rem;
		}

		div#left {
			width: 100%;
			position: relative;
		}

		div#left .userMenu_mobile{
			top: -10rem;
		}
		div#left div.content{
			padding: 0;
			box-shadow: none;
			border-radius: inherit;
		}
		div#left div.content ul li{
			font-size: 22px;
			display: inline-table;
			line-height: 1.5;
		}
		
		div#left div.content h2{
			color: #ccc;
			border: none;
			padding-top: 13px;
		}

		div#left li a .faIcon {
			margin-right: 0.75rem;
			font-size: 1.5rem;
			line-height: 1.5;
		}
		div#left li a.iconLink .linkWrapper img, div#left li .submenu .linkWrapper > img{
			width: 1.75rem ;
		}
		div#left li a img{
			max-height: 1.75rem;
			margin-right: 0.75rem;
		}
		div#left ul li a span.count{
			padding-left: 0;
		}

		#left .userMenu_mobile .submenu,
		#left .userMenu_mobile .submenu .submenu_button{
			height: 100%;
		}

		div#left div.content .leftMenuNavigator{
			background: rgba(0,0,0,.85);
		}

		#left .userMenu_mobile ul li a.search.count{
			padding: 0 !important;
		}
		/*todo: upravit*/
		#left .userMenu_mobile a .titleDescription{
			display: none !important;
		}
		div#left .userMenu_mobile .submenu.opened .submenu_content .subcontent{
			all: unset;
		}
	}