@import "_Variables.scss";
@import "Bootstrap/_variables.scss";
@import "TopMenu.scss";
@import "Content.scss";
@import "LocalStyle.scss";

/***
	Verze: 1.0.0
*/

/*#region PISMO HELVETICA */
/*
@font-face 
{
	font-family:'HelveticaNeue';	src: url('/Styles/Fonts/Helvetica.eot');src: url('/Styles/Fonts/Helvetica.eot?#iefix') format('embedded-opentype'),	url('/Styles/Fonts/Helvetica.ttf') format('truetype'), url('/Styles/Fonts/Helvetica.otf') format('opentype');font-weight: 400;font-style: normal;font-stretch: normal;unicode-range: U+0-10FFFF;
}
@font-face 
{
	font-family:'HelveticaLight';src: url('/Styles/Fonts/HelveticaLight.eot');	src: url('/Styles/Fonts/HelveticaLight.eot?#iefix') format('embedded-opentype'),url('/Styles/Fonts/HelveticaLight.ttf') format('truetype'),	url('/Styles/Fonts/HelveticaLight.otf') format('opentype');font-weight: 400;font-style: normal;font-stretch: normal;unicode-range: U+0-10FFFF;
}
*/
/*#endregion */

body
{
	background-image:url('/Img/Pozadi.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	background-size: cover;
	color:#2c2f3b;
	//letter-spacing:.2px;
	font-weight:400;
}

/*#region CELA STRANKA #page */

#page //Cela stranka
{
	width:100%;
	min-height:500px;
	background-color:#fff;
	margin-top:30px;margin-bottom:30px;
	border-radius:7px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 70px;
}

#prihlasit //Prihlasovaci okno
{
	width:430px;
	margin:0 auto;
	margin-top:80px;
	vertical-align:middle;
	background-color:#fff;
	border-radius:5px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 70px;
	@media (max-width:430px)
	{
		width:80%;
	}
	div.title
	{
		text-align:center;background-color:$title-color;
		border-top-left-radius:5px;border-top-right-radius:5px;
		padding:10px;color:#fff;
		font-size:1.2rem;
		margin-bottom:20px;
	}
	div.caption
	{
		padding-left:30px;padding-right:30px;
		font-size:1.2rem;
	}
	div.field
	{
		padding-left:30px;padding-right:30px;
		font-size:1.2rem;
		margin-top:7px;
		margin-bottom:12px;
	}
}

/*#endregion */

/*#region SKINY */

/*#region TELERIK RADTEXTBOX */

input.textbox
{
	height:25px !important;
	font-family:$font-family-base !important;
	font-size:$font-size-base !important;
	padding-top:0px !important;line-height:26px !important;
}

/*#endregion */

/*#region TELERIK RADCOMBOBOX */

div.RadComboBox_Simple table .rcbInputCell,  
div.RadComboBox_Simple table .rcbArrowCell   
{   
    //height: 12px !important;    
    //line-height: 11px;  
    padding: 0;  
	background-color:#fff !important;
	padding-top:5px !important;
	border-radius:3px !important;
	border-color:#cccccc !important;
}   

div.RadComboBox_Simple table
{
	background-color:#e0e0e0 !important;
}  
  
div.RadComboBox_Simple table .rcbInputCell input  
{  
	line-height:1.4rem;
	font-family:$font-family-base !important;
	font-size:$font-size-base !important;
    padding: 0;  
}
.rcbItem, .rcbHovered
{
	font-family:$font-family-base !important;
	font-size:$font-size-base !important;
	padding-top:7px !important;
	padding-bottom:5px !important;
}
.rcbHovered
{
	background-color:#f5f5f5 !important;
}

.RadComboBox_Simple .rcbHovered .rcbReadOnly .rcbInput,
.RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbInput
{
	color:$BarvaPisma !important;
}

.RadComboBoxDropDown_Simple
{
	border-radius:3px !important;
	border-color:#cccccc !important;
	box-shadow:rgba(0,0,0,0.3) 0px 5px 15px;
}


/*#endregion */

/*#endregion */

/*#region BAREVNA TLACITKA */

span.label-red
{
	background-color:#ED0000;
	margin-right:5px;
	padding:4px 6px 4px 6px;
}

span.label-green
{
	background-color:green;
	margin-right:5px;
	padding:4px 6px 4px 6px;
}

input.green
{
	background-color:$button-green;
	border:2px solid $button-green;
	border-radius:3px;
	color:#fff;
	padding:15px;padding-top:6px;padding-bottom:4px;
	&:hover
	{
		box-shadow:rgba(0,0,0,0.3) 0px 0px 5px;
	}
	@media (max-width:768px)
	{
		margin-bottom:7px;
		width:100%;
	}
}

input.green-prihlasit
{
	background-color:$button-green;
	border:2px solid $button-green;
	border-radius:3px;
	color:#fff;
	padding:15px;padding-top:6px;padding-bottom:4px;margin-top:10px;
	margin-bottom:25px;
	text-align:center;
	width:100%;
	padding-left:30px;
	&:hover
	{
		box-shadow:rgba(0,0,0,0.3) 0px 0px 5px;
	}
}

input.white
{
	background-color:#fff;
	border:2px solid #f0f0f1;
	border-radius:3px;
	padding:15px;padding-top:6px;padding-bottom:4px;
	&:hover
	{
		box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
	}
	@media (max-width:768px)
	{
		margin-bottom:7px;
		width:100%;
	}
}


/*#endregion */

/*#region VIZUALNI RAZENI ZAZNAMU */

tr.sorting
{
	box-shadow:rgba(0,0,0,0.3) 0px 0px 10px;
	td
	{
		background-color:$title-color !important;
		color:#fff !important;
		border:0px;//border-bottom:2px solid $title-color !important;
		a { color:#fff !important; }
	}
}

/* ZOBRAZENI FOTOGRAFII, KTERE JE MOZNE RADIT */
ul#sort
{
	list-style-type:none;padding:0px;margin:0px;margin-top:20px;
	position:relative;
	li
	{
		display:inline-block;padding:0px;margin:0px;
		margin-right:20px;margin-bottom:20px;
		box-shadow:rgba(0,0,0,0.3) 0px 0px 10px;
		min-width:200px;
	}
	.sorting
	{
		padding:0px;margin:0px;
	}
	div.image
	{
		text-align:center;
		background-color:$top-menu-bg-color;
		cursor:pointer;
	}
	div.popis
	{
		width:100%;
		background-color:$top-menu-bg-color;
		padding:5px;padding-top:6px;padding-left:10px;padding-right:10px;
		text-align:center;
		height:30px;
	}
	div.cmdEditovat
	{
		display:inline-block;
		background-color:#E3E3E3;
		border-top:1px solid $border-color;
		text-align:center;
		padding-top:7px;padding-bottom:7px;
		cursor:pointer;
		color:$BarvaPisma;
		a { color:$BarvaPisma; text-decoration:none; }
	}
	div.cmdOdstranit
	{
		display:inline-block;
		border-top:1px solid $border-color;
		text-align:center;
		padding-top:7px;padding-bottom:7px;
		cursor:pointer;
		background-color:#f6f6f6;
		a { color:$BarvaPisma; text-decoration:none; }
	}
	.width-50
	{
		width:50%;
	}
	.width-100
	{
		width:100%;
	}

}

img.thumb //Nahled fotografie
{
	position:relative;
	width:150px;
}
img.thumb-height //Nahled fotografie na vysku
{
	position:relative;
	height:150px;
}


/*#endregion */

/*#region POMOCNE TRIDY */

.padding-0
{
	padding:0px;
}
.padding-top-10
{
	padding-top:10px !important;
}
.padding-bottom-0
{
	padding-bottom:0px !important;
}

.margin-0
{
	margin:0px;
}

.nowrap
{
	white-space:nowrap;
}

.pointer
{
	cursor:pointer;
}
.right
{
	text-align:right !important;
}

.RadUpload input.ruFakeInput //Nezobrazi vstupni pole u prvku radupload
{
    display: none;
}

.width-75
{
	width:75px;
}
.width-200
{
	width:200px;
}
.width-120 //Pouziva se pro nahled fotografie v seznamu produktu
{
	width:120px;
}
td
{
	vertical-align:middle !important;
}

/*#endregion */

/*#region TEXTY */

a, a:hover
{
	color:#337AB7;
}
a.green, a.green:hover
{
	color:green;
}
div.odkaz
{
	color:#337AB7;
	padding-top:7px;
	cursor:pointer;
	&:hover { text-decoration:underline; }
}

/*#endregion */

/*#region INFO POP OKNA  */

@keyframes menu1 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

div#popWinBg
{
	position:absolute;left:0px;top:0px;width:100%;min-height:100%;
	background-color:#000000;opacity:0.6;
	text-align:center;display:none;z-index:100000;
}

div#popWin
{
	animation-duration: 0.5s;
	animation-name: menu1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: menu1;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: menu1;

	position:absolute;left:50%;margin-left:-200px;top:50%;
	width:400px;height:110px;
	background-color:#fff;color:$BarvaPisma;font-size:14px;
	//border:4px solid $title-color;
	border-radius:7px;
	text-align:center;display:none;vertical-align:middle;
	box-shadow:rgba(0,0,0,0.5) 0px 0px 30px;z-index:100001;
	div.e
	{
		position: relative;
		top: 53%;
		transform: translateY(-50%);
		img { position:relative;top:-3px;left:-15px;width:20px; }
	}
}

#notify
{
    position: fixed;
    width: 700px;
    height: 45px;
	top:0px;
    color: $BarvaPisma;
    background-color:rgba(243,245,248,0.6);
    left: 50%;
    margin-left: -350px;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 25px;
    z-index: 500000;
    display: none;
    text-align: center;
    padding-top: 10px; 
    font-size:15px;
	border-bottom:2px solid #F1F2F4;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
    //border:1px solid $BarvaPismo;
}

/*#endregion */

/*#region MOBILNI MENU */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 768px) {
	/* #menu is the original menu */
	#mainmenu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}


/*#endregion */