@import "_Variables.scss";
@import "Bootstrap/_variables.scss";

/***
	Verze: 1.0.0
*/

/*#region TITULEK, NASTAVENI A APLIKACE #toptitle */

#toptitle //Nadpis a prvky v horni casti okna
{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAIAAAHPJzjsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpi+vL1B9P///+ZGBgYmBgYGZkYQTQDI5DNABb7/+8fQAAxIdRAxBmR5EH4758/AAEEVsPA8B+oDibOCDUTwkc3FwUDzf737x/T379/AQIMag5MDtk8ZIxqNjJmRFeDQx02ff+h7gDRIMzExAAAKCkx8hZ8CtMAAAAASUVORK5CYII=') /*/Img/TopMenuBg.png*/;
	background-repeat:repeat-x;
	height:72px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	h1 //Nadpis v zahlavi
	{
		font-family:$headings-font-family;
		padding-left:10px;
		letter-spacing:0.4px;
		color:$BarvaPisma;
		cursor:default;
		display:inline;
		position:relative;
		top:7px;margin-right:20px;
	}
	ul.apps //Ikony aplikace a nastaveni
	{
		list-style-type:none;margin:0px;padding:0px;
		position:absolute;
		right:20px; // Aktivovat v pripade, ze neni pouzite vyhledavani
		//right:0px; // Aktivovat v pripade, ze je pouzite vyhledavani
		li
		{
			text-align:center;float:left;cursor:pointer;
			height:72px;padding-top:15px;padding-left:10px;padding-right:10px;
			div.text //Popis aplikace nebo nastaveni
			{
				text-align:center;padding-top:5px;
			}
		}
		li:hover
		{
			background-color:$MenuSelected;
		}
		a
		{
			color:$BarvaPisma;
		}
		span.label
		{
			position:absolute;top:12px;left:29px;
		}
		span.label-default
		{
			background-color:$title-color;
		}
	}
	.nav-pills .nav-link //Rozbalovaci menu bez okraje
	{
		padding:0px; border-radius:0px;
	}
	//Rozbalovaci menu - tlacitko bez pozadi
	.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover
	{
		background-color:transparent;
	}
	.dropdown-toggle  //Caret pro dropdown zobrazit s mezerou zdola.
	{
		 &:after 
		 {
			 padding-bottom:7px;
		}
	}
	img.finder
	{
		margin-right:7px;margin-left:7px;
	}
}

#cTitle_txtSearch, #cTitle_txtSearch_wrapper
{
	padding-left:10px;
	@media (min-width:760px) 	{ width:70px !important; }
	@media (min-width:992px) 	{ width:105px !important; }
	@media (min-width:1290px) 	{ width:155px !important; }
}

#cTitle_cmdSearch
{
	background-color:#F3F4F7;
	border: 1px solid #cccccc;
	border-radius:3px;
	width:25px;height:25px;
	position:relative;top:1px;
	background-image:url('/Img/icoSearch.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
}

/*#endregion */

/*#region HORNI MENU #topmenu */

#topmenu //Horni menu
{
	border-top:1px solid $border-color;border-bottom:1px solid $border-color;
	background-color:$top-menu-bg-color;height:35px;
	//padding-left:2%;padding-right:2%;
}
#submenu //Horni podmenu
{
	border-bottom:1px solid $border-color;
	background-color:#fff;height:38px;
	//width:96%;left:50%;margin-left:-48%;padding-left:0px;
	//padding-left:2%;
}
ul.menu
{
	list-style-type:none;margin:0px;padding:0px;
	li
	{
		float:left;padding-left:12px;padding-right:12px;
		padding-top:9px;padding-bottom:7px;cursor:pointer;
	}
	li:hover
	{
		background-color:$top-menu-hover-color;
	}
	li.selected
	{
		background-color:$title-color;
		color:#fff;
	}

}

ul.submenu
{
	list-style-type:none;margin:0px;padding:0px;
	li
	{
		float:left;padding-left:12px;padding-right:12px;
		padding-top:12px;padding-bottom:7px;cursor:pointer;
	}
	li:hover
	{
		border-bottom:1px solid $border-hover-color;
	}
	li.selected
	{
		border-bottom:2px solid $title-color;
	}
	li.disabled
	{
		color:#808080;cursor:default;
	}
}

div.dropdown-menu
{
	z-index:5001;
}

/*#endregion */

/*#region BREADCRUMB  */

div.bc
{
	border:1px solid $border-color;
	margin-bottom:10px;
	padding:5px 10px 5px 5px;
	a
	{
		margin-left:7px;
		margin-right:7px;
		color:#337ab7;
	}
	span.text
	{
		margin-left:7px;
		margin-right:7px;
		color:#2c2f3b;
		cursor:default;
	}

}

/*#endregion */