/*vypinanie posuvnikov na numerickom inpute */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button 
{ 
  -webkit-appearance: none; 
  margin: 0; 
}
/*vypinanie posuvnikov na numerickom inpute END */
#jebeto
{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../images/system/jebeto.gif);
	 background-color: rgba(255, 255, 255, 0.7) ;
	 background-position: center center;
	 background-repeat: no-repeat;
	z-index: 999999;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
	display: table;
}
	#jebeto span
	{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding-top: 80px;
	}
body.jebeto_wait, body.jebeto_wait *{
	cursor: progress !important;
}
.x-grid3-hd.x-grid3-cell
{
vertical-align: top;	
}
.x-grid3-cell
{
	padding-left: 2px !important;
	padding-right: 2px !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.x-grid3-hd-inner
{
	text-align: center;
}
.x-grid3-hd-inner span
{
	font-size: 9px;
	display: block;
}
.TaskTreeLbl H2 {
	padding: 0px 0px 0px 20px !important;
	_display: block;
	background: transparent url(../../Images/System/extjs_plus.png) no-repeat left;
	background-position: 2px 3px;
}
.TaskTreeLbl DIV {
display: none;
}
/* napr. db_obdobie Datum sipky */
.cdfUp { background: transparent url(../../images/system/arr-r.gif) center no-repeat }
.cdfDown { background: transparent url(../../images/system/arr-l.gif) center no-repeat }
.cdfDown, .cdfUp
{
	width: 15px;
	height: 15px;
	cursor: pointer;
	display: inline-block;
	background-repeat:no-repeat;
	background-position:right top;
}
.DropDownRiadok,.DropDownMC
{
  overflow:hidden;
}
.DropDownRiadok:after, .DropDownMC:after{
  content: "";
  clear: both;
}
.DropDownMC{
  margin-top: 2px;
}
.DropDownMC .DDMCHolder{
  float: left;
  margin-right: 3px;
  padding: 2px;
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background: #F5F5F5;
}
.DropDownMC .DDMCHolder > div{
  color: #616161;
  float: left;
  cursor: pointer;
}
.DropDownMC .DDMCHolder img{
  margin: 3px 1px 3px 2px;
  cursor: pointer;
  -webkit-filter: invert(100%); 
  filter: invert(100%);
}
/*  LOGIN */
.changepass
{
	text-align: right;
	padding-top: 5px;
	padding-bottom: 10px;
}
.TaskTreeSct
{
	z-index: 5400;
}
.TaskTreeLbl div h2
{
	width: 150px;
}
.editpanel
{
	width: 240px;
}
.qlbCustomize img.item
{
	width: 20px;
	margin-right: 5px;	
}
.qlbCustomize
{
	margin-top: 2px;
}
/* s2r, autotable, textove classy */
/* -------------------------- texty */
.VyraznyB, .VyraznyB a
{
	color:#2a4b72 !important;
	font-size:11px;
	font-weight:bold;
}
.VyraznyC, .VyraznyC a
{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
.VyraznyBRED, .VyraznyBRED a
{
	color:#A52A2A !important;
	font-size: 11px;
	font-weight:bold;
}
.VyraznyBBLUE, .VyraznyBBLUE a
{
	color:#0000ff !important;
	font-size: 11px;
	font-weight:bold;
}
.VyraznyBR, .VyraznyBR a
{
	color:#2a4b72 !important;
	font-size:11px;
	font-weight:bold;
	text-align:right
}
.PopisMaly, .PopisMicro
{
	color:black;
	font-size:10px;
}
.sivyMalyVpravo
{
	font-size: 8pt;
	color: silver;
	float: right;
}
.Pozadie_red
{
background-color: RED;
}
.More
{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: url('../../images/system/read-more.png');
}
/* ---------------------------------------------------------------------------------- icony */
.i16-32, .i16x32,
td.i16-32 img, td.i16x32 img
{
	width: 16px;
	height: 16px;
}
.i24x24
{
	width: 24px;
	height: 24px;
}
/* ---------------------------------------------------------------------------------- riadky */
.RiadokBiely
{
	border-top: solid 1px #d0d0d0;
	padding: 5px;
	padding-right: 2px;
	font-size: 12px;
	color: #3b5998;
	background-color: white; 
}
.RiadokBiely .sel 
{
	color: #acacac;
	text-decoration: line-through
}
 ul.rounded li.arrow:first-child{
    margin-top: 5px;
  }
	ul.rounded li.arrow img 
	{
		float: left;
		width: 16px;
		height: 16px;
		margin-right: 5px;
	}
   ul.rounded, ul.rounded li.arrow{
    display: block;
  }
	ul.rounded li.arrow a
	{
		height: 25px;
		width: auto !important;
    display: block;
    float: none;
    text-align: left;
	}
/* s2r, autotable, textove classy *** END *** */
/* ToDo! */
.todoAdd
{
	background-color: white;
	border-bottom: solid 2px #d0d0d0;
	padding: 2px;
	
}
.addComment a
{
	float: right
}
.todoAdd .addComment
{
	/* text-align: right; */
	padding: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.todoAdd .addBlock
{
	background-color: #fff;
	text-align: right;
	padding-bottom: 5px;
}
.todoAdd .addBlock TEXTAREA
{
	width: 85%;	
	float:left;
	height: 16px;
	font-size: 12px;
	color: silver;
	border: 1px solid silver;
	margin: 2px;
}
.todo .itemChck
{
	border-top: solid 1px #d0d0d0;
	border-right: double 3px #d0d0d0;
	padding: 5px;
	width: 20px;
	background-color: white; 
}

/* ToDo! *** END *** */


/*------------------------- s2r XLS */

/*klasik*/
.infotableHdr
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	/*border: solid 1px #c7d1df;*/
	color: #6490bb;
	font-weight: bold;
	/*background: #6490bb url(../../images/web/darkHeader.gif) top repeat-x*/
}
.infotableMainDark
{
	display: block;
	background:transparent;
}

.H_infotable
{
	color: #077507; 
	padding: 3px; 
	background:#f3f8fd;
	cursor:pointer;
	font-weight:bold;
	font-style:italic
}
.infotable
{
	background-color: white;
}
.Row_infotable
{
	border-bottom: 1px dotted silver; 
	padding: 1px 1px 0 15px;
}
.Row_infotable2
{
	border-bottom: 1px dotted silver; 
	padding: 1px 1px 1px 5px;
	text-align:right;
	font-weight:bold
}



/*dark blue*/
.infotableMainDark
{
	background: #afcbed;	
}
.infotableHdrDark, 
.infotableHdrXls
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	border: solid 1px #c7d1df;
	color: #333;
	font-weight: bold;
}
.infotableHdrDark img{
  margin: 6px;
}
.infotableDark_tbar{
  height: 24px;
  line-height: 24px;
  padding: 3px;
}
.H_infotableDark
{
	color: #525252; 
	padding: 3px; 
	cursor:pointer;
	font-weight:bold;
	font-style:italic;
	border-bottom: 1px dashed #525252;
	
}

.H_infotable2Dark
{
	font-size: 12px;
 	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641;
	text-align:right;
	font-weight:bold;	
}

.HMenu_infotblDark ul
{
	overflow: hidden;
  margin: 5px;
}
.HMenu_infotblDark ul:after
{
	content: "";
  clear:both;
}
.HMenu_infotblDark li{
  float: right;
  height: 15px;
  *height: 25px;
  background: white;
  padding: 5px;
  border-radius: 5px;
}
.poznamkaHead {
  background: url(../Images/System/dot2.gif) bottom repeat-x;
  height: 2px;
  padding: 2px 4px;
  border: none;
  font-size: 10px;
  font-weight: bold;
}
.poznamkaPopis {
  padding: 4px 6px;
  font-size: 10px;
  color: black;
  vertical-align: top;
}
.Row_infotable2Blue
{
	font-size: 10pt;
	padding: 1px 3px 1px 5px;
	color:black;
	border-bottom: 1px dotted #cbd2d8; 
	text-align: left;
	background-color: white;
}

.Row_infotableBigRed
{
	font-size: 12px;
 	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641;
	text-align:right;
	font-weight:bold;	
}


.infotableDark
{
	background-color: #fff; /*#afcbed*/
}
.Row_infotableDark
{
	padding: 1px 1px 0 12px;
	border-bottom: 1px dotted white; 
	vertical-align:bottom;
	color:#2a4b72;
	font-weight:bold
}
.Row_infotable2Dark
{
	
	padding: 1px 3px 1px 5px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color:black;
	text-align:right;

}

.infotableDFORM
{
	background: #fff;
}

td.row_infotable2dform 
{
	padding: 1px 1px 1px 3px;
	background: transparent;/* #F4F4F4*/
	border: 0px solid #B5B8C8;
	vertical-align: middle;
	color: #444;
	font-weight: bold;
	width: 70%;
	text-align: right;
}

td.row_infotable2dform input, td.row_infotable2dform select, td.row_infotable2dform button, td.row_infotable2dform textarea, pre  {
	font-family: verdana,sans-serif;
	font-size: 8pt;
	border: 1px solid #B9B9B9;
	background: #fff;
	/* background: url(../../Images/Tabs/ext_back_n.png) repeat-x center; */
	
}
td.row_infotable2dform textarea.DataField, td.row_infotable2dform textarea.DataFieldERR{
  height: 64px;
}
.DropDownRiadok .DataField, .DropDownRiadok .DataFieldERR{
  margin-right: -18px;
}
.DropDownRiadok .DataField.odsunButon, .DropDownRiadok .DataFieldERR.odsunButon{
  margin-right: -35px;
}
.DropDownRiadok .DataField.odsunButon.odsunItem, .DropDownRiadok .DataFieldERR.odsunButon.odsunItem{
  margin-right: -54px;
}
.DropDownRiadok .DataField.odsunItem, .DropDownRiadok .DataFieldERR.odsunItem{
  margin-right: -35px;
}
td.row_infotable2dform .DropDownRiadok input.DataField.odsunButon, td.row_infotable2dform .DropDownRiadok .DataFieldERR input.DataField.odsunButon{margin-right: -38px;}
td.row_infotable2dform .DateTimeDiv
{
	display: block;
	float: left;
}
td.row_infotable2dform .DateTimeDiv option, td.row_infotable2dform select
{
	text-align: right;
}

/* .Row_infotable2DFORM input
{
	width: 100% !important;
} */

.DFormBottom{ 

   width: auto;
   height: 60px;
   margin-top: 10px;
   margin-left: 10px;
}
.FlatRow_Group{
  height: 22px;
  margin-left: 5px;
  display:inline;
  float: left;
  width: auto;
}
.FlatRow_Group input{
  width: 50px !important;
}
.FlatRow_Group:first-child{
 
}
div.FlatRow_infotableDFORM 
{
  display:inline;
	float: left;
  margin-right: 5px;
  line-height: 22px;
 }
 div.FlatRow_infotable2DFORM 
{
  display:inline;
  float: left;
}
td.Row_infotableDFORM 
{
	padding: 1px 1px 1px 12px;
	vertical-align: middle;
	color: #5c5c5c;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 95%;
	width: 25%;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}

.H_infotableDFORM 
{
	color: #333;
	font-size: 11px;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	text-decoration: none;
	background: url("../../images/system/bg_calend.jpg");
	border: 1px solid silver;
	border-left: 0px;
	width: 98%;
}

.dformsector .H_infotableDFORM 
{
	color: #515151;
	font-size: 11px;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid #d1d1d1;
	width: 98%;
	
	text-shadow: 0px 1px 0px #F4F4F4;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
	
	-webkit-box-shadow: 0px 1px 1px 0px #F4F4F4;
	box-shadow: 0px 1px 1px 0px #F4F4F4;
	
}

.DFORMSector .H_infotableDFORM img.item
{
	display: none;
}

.H_infotableDFORM img
{
	float: left;
	margin-right: 5px;
}

.DFORMSector
{
	/*display: inline-block; !!! STOP 3.2.2015*/
	/* float: left; */
	/* width: 35%; */
	
	margin-left: 0px !important;

}
	.DFORMSector textarea
	{
		/* min-width: 540px; */
	width: 97%;
	margin-left: 10px;
	
	background: #fafafa url("../../images/system/inputbg.png") repeat-x;
	border-top: #ACACAC solid 1px !important;	
	border-left: #ACACAC solid 1px !important;
	border-right: #ACACAC solid 1px !important;
	border-bottom: #CACACA solid 1px !important;
	-webkit-box-shadow: 0px 1px 1px 0px #F4F4F4;
	box-shadow: 0px 1px 1px 0px #F4F4F4;
	border-radius: 3px;
	margin-bottom: 5px;
	color: #515151 !important;
	}

.DFORMContent .DFORMSector
{
	background: transparent !important;
	margin-left: 0px !important;
}


.DFORMSector tr td, 
.dformsector .infotabledform,
.infotabledform td
{
	background: transparent !important;

}

.dformnew .infotableDFORM legend
{
	color: #444;
	font-weight: bold;
	font-size: 12px;
}


td.DFORMContent:nth-child(2) { 

background: #e0e0e0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e0e0e0 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e0e0e0), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e0e0e0 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e0e0e0 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e0e0e0 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to right,  #e0e0e0 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-8 */

	

 }
td.DFORMContent:first-child 
{ 
background: #e4e4e4 /*#fff*/;
	width: 35%; 
}


/* .dformnew  table td:first-child + td { width: 100%; } */
.dformnew button  { text-align: center; }

.infotableDFORM 
{
	margin-top: 10px;
	border-radius: 5px;
}

.crm_detail_l_blueback { background: #f6f6f6 !important; }

.dformnew table
{
	width: 100%;
	border-collapse: collapse;
	/* table-layout: fixed; totosem uz nedavajte !!!! w */
}

/* .dformnew table tr td
{
	width: auto;
} */

.DFORMSector .infotableDFORM
{
	text-align: left;
}

.DFORMSector  .Row_infotable2DFORM
{
	text-align: left;
}
.dformtabs li
{
	background: #f6f6f6;
	display: block;
	height: 27px;
	line-height: 25px;
	padding-left: 0px;
	cursor: pointer;
	color: black;
	text-shadow: 0px 0px 0px #274463;
	filter: dropshadow(color=#274463, offx=0, offy=0);
	font-size: 10px;
	margin-top: 0px;
	border: 0px;
	border-bottom: 1px solid #b3b3b3;
	}
	.dformtabs li span
	{
    display: block;
    height: 25px;
    background: #f6f6f6;
    white-space: nowrap;
    border: solid 1px #f6f6f6;
    padding-left: 5px;
}
	.dformtabs .DFORMTabSel
	{
		font-weight: bold;
		color: #fff;
		border-left: 0px;
		background: #9ebfe9 url(../../images/quickbarbg_intranet.gif);
	}
		.dformtabs .DFORMTabSel span
	{
    border: solid 1px #3b5b7c;
    white-space: nowrap;
		/* position: absolute; */
		background: #9ebfe9 url(../../images/quickbarbg_intranet.gif); /*url('../../images/system/tabbg1.png') repeat-x*/;/* templatovana farba */
	}
.dformtabs li.invalid span{
  background: url(../../images/system/invalid_corner.png) no-repeat;
}	


	.dformnew
{
	overflow: hidden;
}

	#rpFormItemsPOZN, #rpFormItemsNAZOV
	{
	width: 98% !important;
}

.dformnew
{
	background: #f6f6f6;
}

.DFORMContent
{
	border-left: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	padding: 0px;
	padding-bottom: 5px;
	vertical-align: top; 
}

.DFORMTabs
{
	width: 120px;
	vertical-align: top;
	margin-right: 10px;
}
td.DFORMTabs{
  margin: 0;
}
.DFORMButt
{
	text-align: right;
	height: 40px;
	
	border: 1px solid #b3b3b3;
	margin-top: 10px;
	background: #c0c0c0;
}
.infotableDFORM table
{
	color: #444;
	background: #fff;
    border-spacing: 0px !important;
}
.infotableDFORM table tr td
{
	margin-right: 10px;
}
.infotableDFORM table tr td input
{
	margin-right: 10px;
	margin-bottom: 5px;
}
.Row_infotable2DFORM input
{ 
background: url("../../images/system/inputbg.png") repeat-x !important;
border-top: #acacac solid 1px !important;
border-left: #acacac solid 1px !important;
border-right: #acacac solid 1px !important;
border-bottom: #cacaca solid 1px !important;
border-radius: 3px;
color: #515151 !important;
} /*
.dformnew button
{
	border: 0px;
}   */
.UniButton {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
margin: 0.7em 0.5em 0.7em 0;
border-width: 1px;
border-style: solid;
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
line-height: 130%;
font-weight: bold;
text-decoration: none;
cursor: pointer;
background-color: #F4F4F4;
background-repeat: repeat-x;
color: #333;
display: inline-block;
text-decoration: none;
margin: 1px;
line-height: 17px;
border: 1px solid #B5B8C8;
padding: 5px 12px;
position: relative;
font-size: 11px;
font-weight: bold;
text-shadow: 1px 1px 0 white;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;

}
div.infotableMainDark.scrolly
{
	overflow:auto;
	height:600px;
}
.infotableHdr
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
    color: #6490bb;
	font-weight: bold;
}
.infotableMainDark
{
	background:white;
}

.H_infotable
{
	color: #077507; 
	padding: 3px; 
	background:#f3f8fd;
	cursor:pointer;
	font-weight:bold;
	font-style:italic
}
.infotable
{
	background-color: #fff;
}
.Row_infotable
{
	border-bottom: 1px dotted silver; 
	padding: 1px 1px 0 15px;
}
.Row_infotable2
{
	border-bottom: 1px dotted silver; 
	padding: 1px 1px 1px 5px;
	text-align:right;
	font-weight:bold
}

.infotableMainDark
{
	background: #f1f1f1; /* #afcbed */
	border: 1px solid #d0d0d0;	
}

.ExtVirtualMenuButtonGrid
{
	background-color: black !important;
}

.infotablemaindark a.infotabledark_pager
{
	margin-top: 10px;
}

.infotableHdrDark,
.infotableHdrXls
{
	font-size: 11px;
	padding: 2px 4px;
	height: 24px;
	vertical-align: bottom;
	border: solid 1px #afafaf;
	background: #e2e2e2;
	color: #333;
	font-weight: bold;
  line-height: 24px;
}

.infotableDark
{
	background-color: #fff; /* #afcbed */
}
.Row_infotableDark
{
	padding: 1px 1px 0 12px;
	border-bottom: 1px dotted #b5b8c8; 
	vertical-align:bottom;
	color:#2a4b72;
	font-weight:bold
}
.Row_infotable2Dark
{
	
	padding: 1px 3px 1px 5px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color:black;
	text-align:right;

}
.H_infotableDark
{
	overflow:visible !important;
	min-height: 18px;
  height: auto !important;
	padding-top: 7px !important;
	color: #444444;
	padding: 3px; 
	cursor:pointer;
	font-weight:bold;
	font-style:italic;
	border: 1px solid #cacaca;
	background: #dcdcdc url('../../images/system/bg_calend.jpg') repeat-x;
	
}

.H_infotableDark:hover
{
	background: #f0f0f0 url('../../images/system/bg_calend_vert.jpg') repeat-x;
	
}
/*------------------------- crm_infotable *** END */




/* info tbl */
.infoTbl, .infoTblXls, .infoTblDark
{
	width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border: 0px;
}
.infoTbl TH
{
	padding: 3px 4px;
	border-bottom: silver 2px solid;
	color: #3b5b7c;
	font-weight: bold
}

.infoTbl TD
{
	padding: 3px 4px;
	border-bottom: silver 1px dotted;
	color: #000;
	font-weight: bold
}

.infoTbl TH.I, .infoTblXls TH.I, .infoTblDark TH.I { width: 25px; text-align: center; }
.infoTbl TH.D, .infoTblXls TH.D, .infoTblDark TH.D { width: 65px; text-align: right; }
.infoTbl TH.N, .infoTblXls TH.N, .infoTblDark TH.N { width: 55px; text-align: right; white-space: no-wrap; }

.infoTbl TD.I, .infoTblXls TD.I, .infoTblDark TD.I { width: 25px; text-align: center; }
.infoTbl TD.D, .infoTblXls TD.D, .infoTblDark TD.D { width: 65px; text-align: right; }
.infoTbl TD.N, .infoTblXls TD.N, .infoTblDark TD.N { width: 55px; text-align: right; white-space: no-wrap; }

/* excel 2007 style */
.infoTblXls TH
{
	padding: 1px 4px;
	height: 19px;
	vertical-align: bottom;
	border: solid 1px #9eb6ce;
	color: #27413e;
	font-weight: bold;
	background: #e5ebf2 url(../../images/web/xlsHeader.gif) repeat-x
}

.infoTblXls TD, .infoTblDark TD
{
	padding: 3px 4px;
	border: solid 1px #d0d7e5 !important;
	border-top: 0;
	color: #444;
	background: white;
	/*	font-weight: bold;*/
}

/* dark blue style */
.infoTblDark TH
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	border: solid 1px #c7d1df;
	color: #444;
	font-weight: bold;
	background: #dcdcdc url(../../images/web/darkHeader.gif) top repeat-x
}
.infoTblDark TH span{display: block; font-size: 8px; text-align: center;}
.infoTblDark TD
{
	border: 0px;
}

TD.red
{
  color: #ff0000;
}
.red TD
{
  color: #ff0000;
}

/* info tbl END */


/*** IPHONE BUTTONY ***/
TD.IPHONESelL
{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Lsel.gif) repeat-x center;
	border: none;
}

TD.IPHONESelR
{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Rsel.gif) repeat-x center;
	border: none;
}

TD.IPHONESel
{
	font-weight: bold;
	font-size:12px;
	height: 27px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_bgsel.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	white-space: nowrap;
	cursor: pointer;
	color:White
}

TD.IPHONEL
{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Loff.gif) repeat-x center;
	border: none;
}

TD.IPHONER
{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Roff.gif) repeat-x center;
	border: none;
}

TD.IPHONE
{
	font-weight: bold;
	font-size:12px;
	height: 27px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_bgoff.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	white-space: nowrap;
	cursor: pointer;
	color:#7b7b7b
}

/*** IPHONE BUTTONY *** END ***/



/*---------------------------------------------------- iPhone -------------------------------------------------- */


.dashboardblank div ul.menuiconsblank li.arrow
{
	width: auto;
}

/*------------------------- iPhone Icons */
.MenuIconsBezTextu
{
	background-color: transparent;
	margin: 10px;
	display: table;
	padding: 5px;
	display: table;
	width: 94%;
	text-align: center;
}

.MenuIconsBezTextu a
{
	padding-left: 0px;
	padding-right: 0px
}
.MenuIconsBezTextu li
{
	/* width:35px; */
	float:left;
}

/*.MenuIconsBezTextu img
{
	width: 32px;
	display:block
}*/

.MenuIcons, .MenuIcon6, .bottomMenuIcons, .MenuIconsDark
{ 
	display: inline-block;
	background-color: white;
	color: #000;
	font-size: 9px;
	width: 100%;
}

ul.MenuIcons, ul.MenuIcons li,
ul.MenuIcon6, ul.MenuIcon6 li,
ul.bottomMenuIcons, ul.bottomMenuIcons li,
ul.MenuIconsTlacitkaSmall li
{
    border:0px;
}

.MenuIcons A, .MenuIcons A:link, .MenuIcons A:visited,
.bottomMenuIcons A, .bottomMenuIcons A:link, .bottomMenuIcons A:visited
.MenuIconsBezTextu A, .MenuIconsBezTextu A:link, .MenuIconsBezTextu A:visited
{
	font-size: 9px;
	height: 55px;
	float: left;
	display:inline-block;
	text-align: center;
	color:#000;
	text-decoration: none;
	border: 0px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 2px;
	margin-left: 2px;
	width: 50px;
}



#dynamicInfo div, span.basket, span.basket span, /*span.datum*/
{
    color: white !important;
}

#iconMenu1980
{
    border: solid 1px #d0d0d0;
}

.MenuIcon6 A, .MenuIcon6 A:link, .MenuIcon6 A:visited
{
	font-size: 9px;
	/* height: 15px; */
	float: left;
	display:inline-block;
	text-align: center;
	color:#000;
	text-decoration: none;
	border: 0px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;
	border-right: 1px dotted silver;
}

.MenuIconsBezTextu A, .MenuIconsBezTextu A:link, .MenuIconsBezTextu A:visited
{
	font-size: 0px;
	color: white;
	height: 40px;
}

ul.MenuIconsTlacitkaSmall 
{
	display: inline !important;
	float: right !important;
}

ul.MenuIconsTlacitkaSmall li a
{
	box-sizing: border-box;
  font: 11px Arial;
  text-align: left;
  vertical-align: middle;
  height: 27px;
  line-height: 27px;
  background: #f4f4f4;
  color: black;
  margin: 2px 0px 2px 2px;
  font-weight: bold;
  float: right;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  border: solid 1px #dddddd;
  
}
ul.MenuIconsTlacitkaSmall li a:hover{
  background: #e7e7e7;
  border: solid 1px #adadad;
}
ul.MenuIconsTlacitkaSmall li a:hover 
{
	text-decoration: none;
}

ul.MenuIconsTlacitkaSmall li img
{
	float: left;
	margin-right: 3px;
}

ul.MenuIcons Li.arrow,
ul.MenuIcon6 Li.arrow,
ul.bottomMenuIcons Li.arrow,
ul.MenuIconsTlacitkaSmall Li.arrow
{
    background-image: none;
	float: left;
	padding: 0px;
	margin: 0px;
}

.MenuIcons A IMG,
.bottomMenuIcons A IMG
{
    
    height: 32px;
    display: block;
	margin: 0 auto;
}
.MenuIcons A:hover, .MenuIcons A:active,
.MenuIcon6 A:hover, .MenuIcon6 A:active,
.bottomMenuIcons A:hover, .bottomMenuIcons A:active
{
	color: black;
	text-decoration: underline
	/* background: #d2d9e2;  #252525 */
}
label
{
    cursor: pointer;
}
/*------------------------- iPhone Icons *** END */

/*** ICONS END ***/

/*** iFilter ***/

.iFilter
{
	display: block;
	/* background-color: #fff; */
	text-align: center;
	height: 25px;
	margin: 5px;
	
}

.iFilter input
{
	background-color: #FFF !important;
	padding-left: 5px;
	float: left;
}


.iFilter IMG, .iFilter INPUT, .iFilter .iFilterBtn
{
	vertical-align: top;
	cursor: pointer;
	
}

.iFilterBtn
{

	float: left;
}
.iFilterBtn1
{
background: url("../../Images/System/iphone/32x32/refresh.png");
background-size: 25px 25px;
width: 25px;
height: 25px;
float: left;
}
#xSField, .xSField
{
	width: 160px !important; 
	border: 1px solid #c7d6f7 !important; 
	/*padding: 10px !important; */
	height: 25px !important;

}

.Panel0 #xSField,.Panel0 .xSField{
	width: 100px !important; 

}

.iFilter div.ftxButtHolder
{
	float: left;
	width: 25px;
}

.iFilter .i16-32, .iFilter .i16x32
{
	width: 25px;
	height: 25px;
}

.Panel0 .iFilter .ftxButt .i16-32,.Panel0 .iFilter .i16x32{
	float: left;
}

/*** iFilter *** END ***/


/*** CHAT ***/

.chatFoto
{
	float: left;
	width: 60px;
}
.SFoto
{
	float: left;
	width: 60px
}

.IconNewAlert,
.IconNewAlertGrid
{
    background-image: url(../themes/kaso/img/number.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    font-size: 10pt;
    line-height: 20px;
    color: White;
    font-weight:bold;
    position:absolute;
    /*top: -3px;*/
	margin-left: -30px;
    display: inline-block;
text-align: center;
}


.KoderButton
{
	margin-right: 0px !important;
}

.IconNewAlertGrid
{
	position: relative;
}

.ChatBubble1, .ChatBubble0
{
	overflow: hidden;
    margin: 10px;
    padding: 5px;
    background-color: White;
    -webkit-border-radius: 5px;
	display: block;
}
.ChatBubble0 IMG
{
    float: left;
    margin: 5px;
    margin-right: 10px;
	display: block;
}
.ChatBubble1 IMG
{
    float: right;
    margin: 5px;
    margin-left: 10px;
	display: block;
}

.ChatBubble1
{
   background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#e7f1ff), to(#d1e5ff)); 
}

.ChatBubble0
{
   background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#fff), to(#dedede)); 
}

.ChatBubble0 a, .ChatBubble1 a
{
    text-decoration: none
}

.chatMeno
{
	font-size: 12px;
	color: #050607
}

.chatMeno span.chatRead
{
	color: green;
}

.chatMeno b
{
	font-size: 10px;
	color: #4c566c;
}

.chatAddBox
{
	background: white;
	-webkit-border-radius: 5px;
	padding: 8px;
	margin: 8px;
	width: 95%;
}

.chatAddBox #sTemaNazov
{
	border-right: solid 1px #AAAAAA;
	padding-right:5px;
}

.chatAddBox #dfTema
{
	width: 200px;
	border: solid 1px #AAAAAA;
	font-size: 12pt;
	padding: 3px;
}
.chatAddBox #Text
{
	font-size: 12pt;
	width: 100%;
	border: solid 1px #AAAAAA;
}

.chatAddBox label
{
	font-size: 10pt;
}
.chatAddBox .buttons
{
	padding-top: 7px;
	height: 25px;
}


.chatAddBox .buttons .imgButt TD,
.chatAddBox .buttons .imgButtOver TD
{
    /* background-color: #637bad ; */
	background: #d1e5ff; 
    color: black !important;
    display:inline ;
    font-weight: bold ;
    padding: 2px !important;
    cursor: pointer ;
	
}
.chatAddBox .buttons TABLE.imgButt,
.chatAddBox .buttons TABLE.imgButtOver 
{
	border: 1px solid #bad0ef ;
	margin: 2px !important;
	margin-left: 5px !important;
	float: right;
}

.chatAddBox .buttons TABLE.redButt,
.chatAddBox .buttons TABLE.redButtOver 
{
	border: 1px solid #bad0ef ;
	margin: 2px !important;
	margin-left: 5px !important;
	float: left;
}

.chatAddBox .buttons TABLE.redButt TD
{
	color: white !important;
	background: darkred; 
}
.chatAddBox .buttons TABLE.redButtOver TD
{
	color: white !important;
	background: red; 
}

/*** CHAT *** END ***/


/* Kalendar */
.KalendarHeader
{
	text-align: center;
	font-weight: bold;
	/* text-shadow: 0px 1px 4px #fff; */
	border-top: 1px solid #77787d;
	/* background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4)); */
	background: #f4f4f2;
	padding: 5px;
	
}

.KalendarHeader div
{
	padding-top: 0px;
}

.infoTblKalendar, .infoTblTKalendar, .infoTblDKalendar
{
	width: 100%;
	background-color: blue;
	border-collapse: collapse;
	border: 0px;
	font-weight: normal;
}
.infoTblTKalendar, .infoTblDKalendar { background-color: white; }


/*s2r*/
.infotableMainKalendar .H_infotable /* header s2r pod kalendarom*/
{
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 5px;
	text-shadow: 0px 1px 1px #fff;
} 

.infotableMainKalendar .infoTbl TD
{
	border: 0px;
	border-bottom: 1px  dotted silver;
	font-weight: normal;
}

.infotableMainKalendar .infoTbl TH
{
	display: none;
}

/* s2r *** END*/

.infoTblKalendar A,
.infoTblTKalendar A,
.infoTblDKalendar A
{
	text-decoration: none;
	display: block;
}

.infoTblTKalendar A.kalA
{
	position: absolute;
	overflow: hidden;
	max-width: 34px;
	max-height: 40px; 
}


.kalendarA, .kalA, .kalA:hover
{
	display: block; 
	color: white; 
	text-decoration:none
}

.infoTblKalendar TH, .infoTblKalendar TH A,
.infoTblTKalendar TH, .infoTblTKalendar TH A, 
.infoTblDKalendar TH, .infoTblDKalendar TH A
{
	background-color: #cfced4;
	font-size: 6pt;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	
	padding: 2px;
	color: #2e3545;
	border: 0px;
}

.infoTblTKalendar TH, .infoTblDKalendar TH 
{
	border-bottom: 1px solid #aaa9ae;
}


.infoTblKalendar TD, .infoTblKalendar TD.sel,
.infoTblKalendar TD A, .infoTblKalendar TD.sel A

{
	font-size: 14pt; 
	color: #364359;
	font-weight: bold;
	text-align: center;
}

.infoTblTKalendar TD, .infoTblTKalendar TD.sel,
.infoTblTKalendar TD A, .infoTblTKalendar TD.sel A
{
	font-size: 5pt; 
}
.infoTblDKalendar TD A, .infoTblDKalendar TD.sel A
{
	font-size: 6pt; 
}


.infoTblKalendar TD, .infoTblKalendar TD.sel,
.infoTblTKalendar TD, .infoTblTKalendar TD.sel,
.infoTblDKalendar TD, .infoTblDKalendar TD.sel
{
	border: 1px solid #aaa9ae;
	padding: 5px;
	/*height: 40px;*/
	text-shadow: 0px 1px 1px #fff;
	/* background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#e3e2e7), to(#d7d8dd)); */
	background: #e3e2e7;
	-webkit-box-shadow: inset -1px 1px 0px 0px #f1f1f3;
}
.infoTblTKalendar TD, .infoTblTKalendar TD.sel,
.infoTblDKalendar TD, .infoTblDKalendar TD.sel
{
	height: 20px;
	border: 1px solid #aaa9ae;
	/* background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#ffffff), to(#f7f7f7));  */
	background: #f7f7f7;
}

.infoTblKalendar TD.PrevMonth, .infoTblKalendar TD.NextMonth,
.infoTblKalendar TD.PrevMonth A, .infoTblKalendar TD.NextMonth A
{
	color: #a1a2a7;
	text-shadow: 0px 1px 1px #fff;
}

.infoTblKalendar TD.Sel, .infoTblKalendar TD.Sel A
{
	color: white;
	text-shadow: 0px 1px 1px #000;
}
.infoTblKalendar TD.Sel
{
	background-image: -webkit-gradient(linear, 00% 40%, 0% 100%, from(#6baff0), to(#0a6cd9)); 
	-webkit-box-shadow: 0 0 5px#888;
}
/*
.infoTblKalendar TD.Today, .infoTblKalendar TD.Today A,
.infoTblTKalendar TD.Today, .infoTblTKalendar TD.Today A,
.infoTblDKalendar TD.Today, .infoTblDKalendar TD.Today A
{
	color: white;
	text-shadow: 0px 1px 1px #000;
}
*/
.infoTblKalendar TD.Today
{
	background: #8398b6;
	-webkit-box-shadow: inset 0 0 10px 3px #324a6c;
}

.infoTblTKalendar TD.Today,
.infoTblDKalendar TD.Today
{
	background: #e9eace;
}

.infoTblTKalendar TD.Weekend,
.infoTblDKalendar TD.Weekend 
{
	background: #d6e1d7;
}

.infoTblTKalendar TD.Vacation,
.infoTblDKalendar TD.Vacation 
{
	background: #d6e1d7;
}

.infoTblTKalendar TD.Weekend	{ width:8% }

.infoTblKalendar TD.Task
{
	-webkit-border-bottom-right-radius:1em;
	-webkit-box-shadow: 1px 1px 2px #888;
}

.infoTblKalendar TD.Task a
{
	color: green;
}

.TaskDetail
{
	color: black;
	font-size:9px;
	font-weight:normal;
}

.KalWeeks, .KalWeeks a
{
	font-size: 6pt !important;
	text-shadow: 0px 1px 1px #fff;
}

.KalWeeks
{
	padding: 0px !important;
	border: 0px !important;
	border-bottom: 1px solid #cfced4 !important;
	text-shadow: 0px 1px 1px #fff;
	background: #cfced4 !important;
	-webkit-box-shadow: none !important;
}



TD.red2h, TD.red2Vh, 
TD.green2h,TD.green2Vh,
TD.blue2h, TD.blue2Vh
{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

TD.red2h, TD.red2, TD.red2f,
TD.red2Vh, TD.red2V, TD.red2Vf
{
 /* background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#8a0d0d), to(#ce2020)) !important;*/
  background:#8a0d0d;
  -webkit-box-shadow: none;
  border: 0px;
}

TD.green2h, TD.green2, TD.green2f,
TD.green2Vh, TD.green2V, TD.green2Vf
{
  /* background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#008300), to(#003200))!important; */
  background: #008300;
  -webkit-box-shadow: none;
  border: 0px;
}

TD.blue2h, TD.blue2, TD.blue2f,
TD.blue2Vh, TD.blue2V, TD.blue2Vf
{
  /* background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#1f1fca), to(#0d228a)) !important; */
  background: #1f1fca;
  -webkit-box-shadow: none;
  border: 0px;
}

TD.red2Vh, TD.red2V, TD.red2Vf,
TD.green2Vh, TD.green2V, TD.green2Vf,
TD.blue2Vh, TD.blue2V, TD.blue2Vf
{
  opacity:0.4;
  filter:alpha(opacity=40) ;
}



TD.red2h a, TD.red2 a, TD.red2f a, 
TD.green2h a, TD.green2 a, TD.green2f a,
TD.blue2h a, TD.blue2 a, TD.blue2f a
{
color: #fff;
text-shadow: 0px 1px 1px #000;
font-weight:bold !important;
}

TD.red2f, TD.red2Vf, 
TD.green2f, TD.green2Vf,
TD.blue2f, TD.blue2Vf
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



/* Kalendar END*/


/*** iSEARCH****/

.sToolbar 
{
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    padding: 10px;
    height: 45px;
    background: url(../themes/kaso/img/toolbar.png) #6d84a2 repeat-x;
    position: relative;
}

.sToolbar li{
   display: inline;
   float: left;
}

.sToolbar img
{
	width: 24px;
	margin-left: 15px;
	margin-right: 15px;
}

.sToolbar div.separ
{
	position: absolute;
	border: 0px;
	border-left: 1px solid #2d3642;
	border-right: 1px solid silver;
	display: inline;
	height: 20px;
	top: 12px;

}



/* datumova harmonika */
DIV.SctDatum
{
	width: 100%;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	padding: 10px;
	color: #000;
	font-size: 10px;
	display: table;
}

DIV.SctDatum A
{
	color: #000;
	display: inline-block;
	width: 40%; 
	height: 20px;
	line-height: 20px;
	text-decoration: none;
}

DIV.SctDatum IMG
{
	margin-right: 10px;
	float:left;
	vertical-align: bottom;
	width: 16px;
}
/*
.TaskTreeSctDatum INPUT
{
	margin-top: 5px;
	border: 1px solid black;
	font-size: 10px;
	padding: 3px;
	width: 100px;
}
*/
.SctDatum .reload
{
	float: right;
	padding: 0px;
	margin: 0px;
}

/*** iSEARCH * END ***/
.infoTblDarkHdr TD
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	border: solid 1px #c7d1df;
	color: white;
	font-weight: bold;
	background: #6490bb url(../../images/web/darkHeader.gif) top repeat-x
}

.infoTblDarkLbl TD
{
	font-size: 11px;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	border: solid 1px #c7d1df;
	color: white;
	font-weight: bold;
	background: #6490bb url(../../images/web/darkHeader.gif) top repeat-x
}
 
 
 
 
 
 
/**** fb style ****/
	/********** base *********/
	.infoTbl_fbstyle TD
	{
			background-color: #fff;
			padding: 0px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			font-size: 9px;
	}

	.infoTbl_fbstyle TD A
	{
		   color: #3b5998;
		   font-weight: bold;
	}

	.infoTbl_fbstyle TD.separ 
	{
			background-color: silver;
			height: 1px;
	}
	.infoTbl_fbstyle SPAN.datum 
	{
			color: #808080; 
			font-size: 9px;
			width: 120px;
	}        

	.infoTbl_fbstyle TD.Text 
	{
			padding-top: 10px;
			padding-bottom: 5px;
			color: black; 
			font-size: 9px;
	}  
	.infoTbl_fbstyle TD.Text .masterImg
	{
		margin-right: 10px;
		margin-bottom: 10px;
		width: 45px;
		float: left;
		cursor: pointer;
	}

	.infoTbl_fbstyle SPAN.headId
	{
		float: left;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		font-size: 11px;
		padding-right: 3px;
	}

	.infoTbl_fbstyle SPAN.headId SPAN
	{
		height:24px;
		line-height:20px;
	}

	.infoTbl_fbstyle SPAN.headPredmet
	{
		padding-top: 2px;
		color: #3b5998;
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		line-height: 16px;
	}
	
	.infoTbl_fbstyle a
	{
		font-style: normal;
	}
	
.zalozky_znalost fieldset
{
	background: #fff;
}

.zalozky_znalost legend
{
	background: #C7D5E7;
	border: solid 1px #A3BAE9;
}

.zalozky_znalost ul
{
	width: 100%;
}

.zalozky_znalost li
{
	display: inline;
	float: left;
	font: normal 11px Tahoma, Arial;
	color: #3b5b7c;
	height: 25px;
	background: url(../../Images/Tabs/ext_back_n.png) repeat-x center;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	border-top:0px;
	border-bottom: 0px;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	cursor: pointer;
	white-space: nowrap;
}

.zalozky_znalost li.active_zal
{
	display: inline-block;
	font: normal 11px Tahoma, Arial;
	color: #fff;
	height: 25px;
	background: url(../../Images/Tabs/ext_back_s.png) repeat-x center;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	white-space: nowrap;
	border-top:0px;
	text-shadow: 0px 0px 0px white;
	border-bottom: 0px;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	cursor: pointer;
}

.zalozky_znalost li span
{
	padding-top: 5px;
	display: block;
}

	.infoTbl_fbstyle SPAN.headIco
	{
		float: right;   
		text-align: center;
		
	}
	


	.infoTbl_fbstyle TD.foot
	{
		height: 25px;  
		padding-bottom:10px;  
	}

	.infoTbl_fbstyle SPAN.objLinks, .infoTbl_fbstyle SPAN.objLinksStart, .infoTbl_fbstyle SPAN.objLinksEnd
	{
		float: right;
		text-align: right;
		border-left: 1px solid #bababa;
		padding-left: 10px;
		padding-right: 10px;
	}

	.infoTbl_fbstyle SPAN.objLinksStart
	{
		border-left: 0px;
	}


	.infoTbl_fbstyle SPAN.objLinksEnd
	{
		padding-right: 0px;
	}

	/********** base END *********/


	/**** priloha ***/


		.priloha
		{
			width: 95%;
			float: right; 
			margin-bottom: 3px;
		}
		
		.priloha TD
		{
			background-color: #fff;
			padding: 2px;
		}
		.priloha .addButt
		{
			background-color: #edeff4;
		}
		
		.priloha IMG
		{
			border: none
		}
			
		.priloha TD.separ 
		{
			background-color: White;
			height: 1px;
		}
		
		.priloha TD.separTop
		{
			font-size: 3px;
			border-top: 1px dotted silver;
			background-color: White;
			height: 1px;
		}
		
		.addBlock
		{
			text-align: right;
			background-color: #fff;
			padding-bottom: 10px;
	   }
		
	/**** priloha END ***/

	/**** comment ***/
	

	.commentArea
	{
		width: 100%;    
		height: 70px;
		color: silver;
		margin: 2px;
	}

	.comments
	{
			width: 93.8%;
			margin-bottom: 3px;
			/* margin-left: 65px; */
			border: 1px solid #c0c0c0;
	}

	.comments TD
	{
			background-color: #edeff4;
			padding: 0px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			font-size: 9px;
	}
	
	img.peep_comment 
	{
	margin-left: 80px;
	margin-bottom: -1px;
	}

	P.textfbcomm 
	{
	margin-bottom: 7px;
	margin-left: 5px;
	}
	
	.comments td.addComm {
	padding: 1px;
	padding-right: 5px;
	}

	.comments td.addComm a {
	font-style: normal;
	}

	.comments td.addComm a:hover {
	color: #3b5b7c;
	}

	.comments td.separ {
	height: 2px;
	}
	
	.comments td.spacerFb 
	{
	height: 7px;
	}
	
	.comments TD A
	{
		   color: #3b5998;
		   font-weight: bold;
	}

	.comments TD.separ 
	{
			background-color: White;
			height: 1px;
	}

	.comments TD.separTop
	{
		font-size: 3px;
		border-top: 1px dotted silver;
		background-color: White;
		height: 1px;
	}


	.comments SPAN.datum 
	{
			color: #808080; 
			font-size: 9px;
			float: right;
			width: 120px;
	}        

	.comments SPAN.drop 
	{
			width: 10px;
			height: 9px;
			float: right;
	}  

	.comments TD.Text 
	{
			padding-top: 0px;
			padding-left: 15px;
			padding-bottom: 5px;
			color: black; 
			font-size: 9px;
	}  
  /*
	.comments .imgButt TD, .comments .imgButtOver TD
	{
		background: #7f9db9 url('') !important;
		 background-color:  !important; 
		border: #29447e  !important;
		color: White;
		display:inline;
		font-weight: bold;
		padding: 5px;
		cursor: pointer;
		
	}                                 */
	
		.comments .imgButt TD.editer, .comments .imgButtOver TD.editer
	{
		background: #EDEFF4 url('') !important;
		/* background-color:  !important; */
		border: #29447e  !important;
		color: White;
		display:inline;
		font-weight: bold;
		padding: 5px;
		cursor: pointer;
		
	}
	
	
	.addBlock
	{
		background-color: #fff;
		text-align: right;
		padding-bottom: 10px;
	}
	/**** comment END ***/

/**** fb style * END ****/


/*** bublina ***/

.bublina
{
	position: absolute;
	z-index: 21;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#ebebeb), to(#dcdcdc)); 
	border: 1px solid #a4a4a4;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 5px 5px #888;
	font-size: 10pt;
	
	width: auto;
	/* height: 100px; */ /*21.11.2013 Vlado */
	overflow: hidden; /*21.11.2013 Vlado */
}

.bublina b
{
	color: #0252d4;
	font-weight: bold;
}

.moreButt
{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#669ae4), to(#236ed8)); 
	background-color: #669ae4;
	float: right; 
	border: 3px solid white;
	border-radius: 15px;
	width: 20px;
	height: 20px;
	line-height: 15px;
	text-align: center;
	
	 text-shadow: 2px 2px 3px #111;
	 text-decoration: none;
}

/*** bublina * end ***/


/*** bublinaTT (tooltip) */

.bublinahelp
{
	position: absolute !important;
	z-index: 999998;
	display: block;
	background: transparent url('../../Images/System/ttTop.png') top left no-repeat;
	padding-top: 8px;
	width: 500px !important;
	height: auto;
}
	.bublinahelp #bodyTT
	{
		background: #ffffff url('../../Images/System/napovedaheader.png') 15px 12px no-repeat !important;
		line-height: 18px;
		color: #000;
		padding-top: 40px !important;
		
		display: block;
		border: 1px solid #666666;
		border-top: 0px;
		padding: 15px;
		border-radius: 0px;
		/*box-shadow: 0 0 2px 2px #EDEDED;*/
		font-size: 10pt;
		cursor: pointer;
		width: auto;	
		z-index: 99;
	}
	.bublinahelp #ttClose
	{
		background: transparent url('../../Images/System/closbubble.png') center center no-repeat !important;
		width: 32px !important;
		height: 32px !important;
		margin-top: 2px;
		margin-right: 3px;
		float: right;
		z-index: 999999;
		cursor: pointer;
	}
	
	
	
.bublinaTT
{
	position: absolute;
	z-index: 999998;
	display: block;
	background: url('../../Images/System/ttTop.png') top left no-repeat;
	padding-top: 8px;
	width: auto;
	height: auto;
}
	.bublinaTT #bodyTT
	{
		display: block;
		border: 1px solid #666666;
		border-top: 0px;
		padding: 5px;
		padding-top: 10px;
		border-radius: 0px;
		/*box-shadow: 0 0 2px 2px #EDEDED;*/
		font-size: 10pt;
		background: #fff;
		cursor: pointer;
		width: auto;	
		z-index: 99;
	}
	.bublinaTT .bublinaTTClose, 
	.bublinaTT .bublinaTTUnPin 
	{
		background: transparent url('../../Images/System/closett.png') center center no-repeat;
		width: 8px;
		height: 8px;
		margin-top: 2px;
		margin-right: 3px;
		float: right;
		z-index: 999999;
		cursor: pointer;
	}
	.fullScreenView .TopPanelTT{    margin: 0 -10px -9px 0 }
  .fullScreenView .bublinaTTClose, .fullScreenView .bublinaTTUnPin{
    background: white url('../../Images/System/16x16/closeFSV.png') center center no-repeat;
		width: 16px;
		height: 16px;
    border: solid 1px #333333;
    padding: 1px;
    border-radius:3px;
		float: right;
		z-index: 999999;
		cursor: pointer;
    margin-left: 4px;
    position: relative;
  }
  .fullScreenView .bublinaTTUnPin{
    background: white url('../../Images/System/16x16/pinFSV.png') center center no-repeat;
  }
	
	.bublinaTT .bublinaTTUnPin
	{
		background: transparent url('../../Images/System/pin-gray8.png') center center no-repeat !important;
	}
	
	.bublinaTT b
	{
		color: #0252d4;
		font-weight: bold;
	}

	.bublinaTT h3
	{
		FONT-SIZE: 12px;
		COLOR: #9c3c51;
		font-family: Arial;
		BORDER-bottom: 1px dotted silver;
		height: 20px;
		margin-bottom:7px;
		text-align: left;
		background: transparent;
	}

/*** bublinaTT (tooltip) * end ***/



/* GANTT */
.KalendarHeader
{
	padding: 0px;
	background: white;
}
.KalendarHeader img
{
	margin: 2px;
	cursor: pointer;
}

.infotableHdrgantt
{
	text-align: center;
	padding: 5px;
	font-size: 10px;
	background: white;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4));
	line-height: 25px;
	height: 25px;
}


.infotableHdrgantt img
{
	display: none;
}

.kalendarheader .zalozka4 table 
{
	margin-top: 2px;
}
	
.chganttdefv img
{
	width: 10px;
  float: left;
}
	
.chGanttDefV span
{
	display: block;
	height: 100%;
}

.chganttdefv p
{
	margin-left: 17px;
	/* margin-top: -12px; */
	margin-right: 5px;
}
	
table.infoTblgantt
{
	width:100%;
	border: 0px;
	border-top: 1px dotted silver;
	border-radius: 5px;
		table-layout: fixed; /* dolezite kvoli rovnomernosti buniek a vypoctom */
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   border-collapse: collapse;
}

table.infoTblgantt td
{
	font-size: 10px;
	padding: 0px;
	height: 22px;
}

table.infoTblgantt .firstCol
{ 
	width: 50px; 
}

table.infoTblgantt td.WeekDay
{
	background-color: #fffdd6;
}

table.infotblgantt td.Vacation
{
	background-color: #e3ffe4;
}

table.infotblgantt td.Today
{		
	background-color: #ecf2fb;
}


table.infoTblgantt td,
table.infoTblgantt th
{
	background: white;
	border:0px;
	border-right: 1px dotted silver;
	border-bottom: 1px dotted silver;
	min-width: 16px; /* musi byt parne cislo, najlepsie delitelne 4 */
	
	height: 24px; /* musi byt parne cislo */
}

table.infoTblgantt th
{
	font-size: 10px;
	font-weight: bold;
	background: white;
	color: #3B5998;
	border-bottom: 3px double silver;
	text-align: center !important;
	
	padding-top: 3px;
	padding-bottom: 3px;
	
	overflow:hidden; 
}

table.infoTblgantt th span
{
	padding: 3px;
	overflow:hidden; 
	line-height: 20px;
}

table.infoTblgantt th span.infoBgantt a
{
	color: white;
	display: block;
}

table.infoTblgantt th span.infoBgantt a:hover
{
	text-decoration: none;
}

/* legenda */
.gLegend
{
	display: inline-table;
	padding: 10px;
	border: 1px solid silver;
	background-color: white;
	height: 55px;
	width: 100%;
}

.gLegend div
{
	display: block;
	font-weight: normal;
	white-space: nowrap;
	padding: 3px;
	float: left;
	padding-top: 5px;
	
}
.gLegend .gLegendItem 
{
	border: 1px solid black;
	margin: 3px;
	margin-top: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	display:inline-block;
	float:left;
}
/* legenda *** END *** */

.GanttDef,
.GanttDefX,
.GanttDefV,
.GanttDefVX
{
	font-size: 9px;
	position:absolute !important;
	overflow:hidden; 
	display: block;
	padding: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: white;
	/* text-shadow: black 0px 0px 5px; */
	cursor: pointer;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 7px;
}

.GanttDef, .GanttDefX
{
	height: 22px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.GanttDefV, .GanttDefVX
{
	min-width: 25px;
	color: #fef4e9;
}

.GanttDef div.chGanttDef, .GanttDefX div.chGanttDefX
{
	height: 95%;
	padding: 0;
	margin: 0;
	color: inherit;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */


}

.GanttDefV div.chGanttDefV, .GanttDefVX div.chGanttDefVX
{
	height: 100%;
	color: inherit;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */


}

.GanttDefX span, .GanttDefVX span,
.GanttDef span, .GanttDefV span
{
	color: inherit !important;
	padding-left: 0px;
}

.chGanttDefV span a, .chGanttDefVX span a,
.GanttDefX span a, .GanttDefVX span a,
.GanttDef span a, .GanttDefV span a
{
	position: absolute !important;
	color: inherit !important;
	display: block;
	z-index: 999;
	padding-left: 3px;
	margin-top: 3px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}

.gSector
{
	background-image: none;
	height:3px;
	margin-top: -1px;
}

.GanttHolder
{
	cursor: pointer;
	position:absolute; 
	display: block;
}

.ganttBubble
{
	position: absolute;
	z-index: 1002;
	
	font-size: 10px;
	
	border: 1px solid silver;
	background-color: white;
	padding: 3px;
	margin-left: 5px;
	margin-top: -25px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 7px;
}
/* GANTT  *** END *** */


.CisDoplnky
{	
	display: block;
	margin: 0px !important;
	border: 1px solid #c0c0c0 ;
	padding: 5px;
	background: #edeff4;
	min-height: 15px;
}

.warning_notfound
	{
	width: 470px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background: #EDEFF4;
	border: 1px solid silver;
	}
	
.warning_notfound p
	{
	margin-top: 80px;
	margin-right: 10px;
	margin-left: 180px;
	font-family: "Verdana";
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	width: 300px;
	}

.warning_notfound img
	{
	float: left;
	margin-top: 30px;
	margin-left: 40px;
	}

.warning_loga img
	{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	}
	
.infoBgantt
{
	background: url('../../Images/System/dr-red.png') no-repeat;
	width: 20px;
	height: 20px;
	
	color: white;
	font-size: 9px;
	text-shadow: 0px 0px 0px white;
	padding: 0px !important;
	line-height: 20px;
	text-align: center;
	float: right;
	cursor: pointer;
}

div.stt
{
	width: 200px;
	position: absolute !important;
	/* background-color: #ecf2fb; */
	background: #f6f6f6 url('../../Images/System/bg_toolgantt.png') repeat-x;
	border: 1px solid #d2d7df;
	text-shadow: none;
	color: #84878c;
	/* height: 60px; */
	font-weight: normal;
	z-index: 30000;
	color: #84878c;
	overflow: hidden;

}


.stt a
{
	font-weight: normal;
	text-shadow: none;
	margin-left: 5px;
}

.stt h2
{
	font-weight: bold;
	color: #84878c;
	display: block;
	background: #ecf0f2;
	width: 200px;
	padding: 5px;
}

.stt span
{
	font-weight: normal;
	display: block;
	margin: 5px;
}

#H_plusMenuButt div
{
float: right !important;
}

#H_plusMenuButt
{
	text-align: right;
}

#H_plusMenuButt img
{
width: 12px;
margin-right: 4px;
vertical-align: top;
cursor: pointer;
}

.portalmaplink
{
margin-right: 18px;
}


/* datepicker*/
.ui-helper-clearfix
{
	/* height: 0px !important; */
}

button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-helper-hidden-accessible { top: -99999999px; dispaly: block !important;}

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 999999999 !important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background: #FAFAFA; padding: 5px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* datepicker **END ** */



/* sklad graficky */
.storedItem
{
	font-size: 9px;
	font-weight: bold;
	lineheight:9px;
	text-align: center;
	line-height: 20px;

	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background-color: yellow;
	
	opacity: 0.9;
	filter: alpha(opacity = 90);
	
	border: 0px solid black;
	cursor: help;
	z-index: 99
}
/* sklad graficky END*/

/* sklad graficky icony */
.storedItemIcon
{
	font-size: 9px;
	font-weight: bold;
	lineheight: 9px;
	text-align: center;
	line-height: 20px;

	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 20px;
	
	opacity: 0.9;
	filter: alpha(opacity = 90);
	
	border: 0px solid black;
	cursor: help;
	z-index: 99
}
/* sklad graficky END*/



/* UNI CLASS PRE FARBENIE RIADKOV EXT a S2R, musi zacinat C.... */
.CgreenRow  DIV
{
	color: green;
}

.greenRow TD
{
	color: green;
}

.CorangeRow  DIV
{
	color: orange;
}

.orangeRow TD
{
	color: orange;
}

.CredRow  DIV
{
	color: red;
}

.redRow TD
{
	color: red;
}


/*
* O. header roletoveho menu
*/

LI.tblSlideMenuHeader 
{
	/* color:white; */
	background:#9ebfe9;
	font-weight:bold;
	font-style:italic;
	padding:3px 8px;	
}

/* popup menu */
.popUpMenu
{
BORDER: solid 1px #9c3c51;
    BACKGROUND: white;
    COLOR: #9c3c51;
    TEXT-ALIGN: left;
    visibility: hidden; position: absolute; width: 180px;
	z-index: 100
}
.popUpMenu A
{
	display: block;
    padding: 1px 22px;
    FONT: normal 10px Arial;
	height: 20px;
    cursor: pointer;
	white-space: nowrap
}

.tblSlideMenu IMG, .popUpMenu IMG
{
    VERTICAL-ALIGN: middle
}

/* zmena polozky rolety pri mouseOver */
TD.tblSlideMenuOn, .popUpMenu A:hover
{
	background: #dddfe3;
	color: #7f8589;
	text-decoration: none
}

.i16x32p5
{
	width: 32px;
	height: 32px;
	vertical-align: bottom;
	padding-right:5px;
}


.UniBlock/* napr. div -> biele pozadie, oble rohy, atd. */ 
{
	
	width: auto;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	padding: 10px;
	color: #000;
	font-size: 12pt;
	display: block;
	margin-left: 0px;
}

#stk0 .infotablemaindark
{
	width: 99%;
}

.UniBlock input
{
	font-size: 14px;
	height: 30px;
	padding: 3px;
	border: 1px solid black !important;
}


/* Space.NET */
	.hdr
	{
		display: inline;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.status
	{
		display: inline-block;
		width:100%;
		min-height: 45px;
		max-height: 55px;
		border: 0px solid red;
		padding: 5px;
		margin-bottom: 3px;
		background: #F0F0F0;
		border-radius: 5px;
	}
	.status .tovH
		{
			font-size: 14px;
			color: darkgreen;
			font-weight: bold;
		}
	
	.meter
	{
		display: inline-block;
		float: left;
	}
	.meter span
	{
		font-size: 10px;
		display: block;
		border-top: 1px dotted silver;
	}
	
	.regPolica,
	.newregPolica,
	.regHak,
	.newregHak
	{ 
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		color: #000;
		overflow: hidden;
		
		cursor: move; 
		display: inline-block; 
		background-color: #A3B4C4;
		background-image: url('../../images/system/regal/separ.png'); 
		background-repeat:  repeat-y;
		position: absolute;	
	}
	
	.regHak,
	.newregHak
	{
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	
	.regPolica,
	.newregPolica
	{
		z-index: 1;
	}

	.regHak,
	.newregHak
	{ 
		z-index: 3;
	}
	
	.regPolica.Sel,
	.newregPolica.Sel,
	{ 
		background-color: #02a51d; 
		z-index: 1;
	}
	
	.regHak.Sel,
	.newregHak.Sel
	{ 
		background-color: #02a51d; 
		z-index: 3;
	}
	
	.regTovar, 
	.newregTovar
	{
		position: absolute;
		cursor: move; 
		display: inline-block; 
		padding: 0px;
		margin: 0px;
		border: 0px !important;
		overflow: hidden;
		background: url('../../images/system/regal/separt.png') no-repeat; 
		background-position: left bottom;
		z-index: 2;
	}

		.newregTovar div
		{
			border: 0px;
		}
		.newregTovar .popis
		{
			width: 80%;
			font-weight: bold;
			color: #000;
			float: left;
			padding: 5px;
			display: block;
		}
		
	.regTovar.Sel,
	.newregTovar.Sel
	{
		background: none;
		z-index: 2;
	}
	.regTovar img,
	.newregTovar img
	{
		overflow: hidden;
		/*display: inline-block;		
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		border: 0px;*/
	}
	.regTovar div,
	.newregTovar div
	{
		display: inline-block;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
	}
	
	.regTovar .regTovText,
	.newregTovar .regTovText
	{
		position: absolute;
		border: 0px;
		width: 100px;
		height: 100px;
		display: block;
		
		color: #fff;
		font-weight:bold; 
		font-size: 7px;
		padding: 2px;
	}
		
	.newregTovar
	{ position: relative; margin: 3px; cursor: pointer; width: 30px;}
	
	.regTovar.Sel img,
	.newregTovar.Sel img
	{
		opacity:0.4;
		filter:alpha(opacity=40); /* For IE8 and earlier */
	}
	
	 .regButt
	 {
		height: 35px;
		border-radius: 5px;
		border: 0px;
		border: 1px solid #fff;
	 }
	 .regButt:hover
	 {
		border: 1px solid #3ed6fc;
	 }
	
	.facesHolder { display:inline-block;  height: 34px; line-height: 30px; margin: 5px; border-radius: 5px; background: white; padding-left: 5px}
	.facesHolder input { width: 50px; height: 25px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 3px; margin:3px; border: 1px solid silver; border-radius: 5px;}
	.facesHolder select { height: 25px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 3px; margin:3px; border: 1px solid silver; border-radius: 5px;}
	.facesHolder img {float: left; margin-top: 5px;  margin-right: 5px;}
	
	.pickerHolder {  cursor:pointer; margin: 3px; padding: 5px; display: inline; float: left;  background: white; border-radius: 5px }

	.simpleColorDisplay {
		display: block;
	}
	.simpleColorChooser{
		background: white;
		border: 1px solid #ccc;
		border-radius: 5px;
		position:absolute;
		z-index: 9999;
	}
	.button {
	}
	
	.regalHolder { width:100%; border: 0px; position: relative;top:15px;}
	.regal { height: 540px; background: #d7d8cf; border:2px solid #ccc; padding: 0px; float: left;}
	.regalPlace .modul { background: url('../../images/system/regal/bg.png') ; width: 100%; height: 510px; padding: 0px}
	.regalSepar { position:relative; float: left; border-right: 1px solid white; }
	
	.ListHolder { display: inline-block; float: left; width: 243px; border: 1px  solid silver; border-top: 0px;}
		.ProduktListHeader {float: left; width: 233px; padding:5px;
							 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#d5d5d5));
							 border-top: 1px  solid silver; border-bottom: 1px dotted silver}	
		.noHolder { width: 233px; background: #f0f0f0; float: left; padding: 5px; border-top: 0px; overflow: auto; height: 200px}
		.noHolder .newregTovar,
		.noHolder .newregPolica,
		.noHolder .newregHak
		{
			cursor: pointer; 
			position: relative;
			margin: 3px;
		}	
		.ProduktList { height: 70%;}
		.PoliceList { height: 12%; }
	
	.saveButt
	{
		display: inline-block;
		border-radius: 5px;
		border: 1px solid #fff;
		padding: 10px;
		color: white;
		background: darkgreen;
		font-weight: bold;
		cursor: pointer;
		margin: 35px;
	}
/* Space.NET ***END*** */

/* OkruhoveMenu */

.okruhovemenu img
{
		width: 32px;
}
.OkruhoveMenu:hover span{
  opacity: 1;
}

/* OkruhoveMenu End */

.zalozka5 table
{
	/* background-image: url(../../Images/System/bg_bobizalozka.png); */
	border: 1px solid #777777;
	border-bottom: 0px;
	border-radius: 5px 5px 0px 0px;
	margin-left: 2px !important;
	background-color: white;
}

#Detail_TD .ifilter
{
		text-align: left !important;
		padding-left: 10px;
		padding-top: 10px;
}

.zalozka5Sell, .zalozka5SelR, .zalozka5Sel
{
	background: url(../../Images/System/bg_bobizalozka_hover.png) !important;
}

.zalozka5l, .zalozka5r, td.zalozka5
{
	background: none !important;
}



.dformmain
{
	background: transparent !important;
}

.close
{
	display: none;
}

/* krizik v cervenej bubline */
.closeBtn
{
	cursor: pointer;
	height: 24px;
	background: url('../../images/system/24x24/red_close_button.png') right no-repeat;
	margin-top: -12px;
}
.error, .err 
{
	font-weight: bold;
	color: red;
}


.x-btn-mc em button img
{
	width: 16px;
}

.Zalozka4Sel img
{
	width: 16px;
}

.H_infotableDark img
{
	width: 16px;
}

/* header na db nalepkach ktory skryvame na webe ale zobrazujeme v iBarise */
h1.dbHeader
{
	display: none;
}
/* header na db nalepkach ktory skryvame na webe ale zobrazujeme v iBarise **END** */

/* fix pre group ikonky v datagride */
 .x-btn-text img
 {
	width: 16px;
 }
/* fix pre group ikonky v datagride  *** END *** */

.MenuIconsR ul.MenuIcons
{
	width: auto !important;
	float: right !important;
}


/* fix pre ext grid v ext okne */
/*
.x-panel, .x-grid-panel
{
	width: 100% !important;
}
*/

/* neviem na co je to dobre, ale v DB to robi problemy (w)*/
/*
.Panel0 div div {
	width: 100%;
	max-width: auto !important;
}
*/

.Panel0 div div table.imgbutt tr td img, .Panel0 div div table.imgbuttOver tr td img
{
	margin-right: 10px;
  max-width: 16px;
  max-height: 16px;
  *height: 16px;
  width: auto;
  height: auto;  
}


.topheadip
 {
	height: 24px;
	background: #f0f0f0 url('../../images/system/bg_calend.jpg') repeat-x;
	border-bottom: 1px solid #a0a0a0;
}

/* sort menu */
.iOrderS2R
{
	float: right;
	display: inline-block;
	background: #fff;
	cursor: pointer;
	padding: 2px;
	margin: 4px;
	margin-bottom: 0px;
	/* border: 1px solid silver; */
	border-radius: 3px;
}
	.iOrderS2R:hover
	{
		background: #FFEDED;
	}
		.iOrderS2R .oPopis
		{
			font-size: 10px;
			/* font-weight: bold; */
			display: inline-block;
			margin-left: 5px;
			margin-top: -5px;
			color: #6B6B6B;
		}
		
		.iOrderS2R .oPopis a
		{
			padding: 2px 2px 0 2px;
			margin: 0 1px 0 1px;
		}
		
		.iOrderS2R .oPopis .up.sel
		{
			background: #afafaf;	
		}
		
		
		.iOrderS2R .oPopis .down.sel
		{
			background: #afafaf;
		}
			
			
			.iOrderS2R .oPopis img
			{
				margin-top: -5px;
			}
			
			
.sqlfilter .filteritem .item img
{
	margin-right: 4px;
}
			
/*
ul.sortmenu
{
	border: 1px solid silver;
	position: absolute;
	background: #fff;
}
	ul.sortmenu li
	{
		cursor: pointer;
		padding: 5px;
	}
		ul.sortmenu li:hover
		{
			background: #FFEDED;
		}
		ul.sortmenu li.sel
		{
			font-weight: bold;
		}
*/

ul.sortmenu,
ul.ftxmenu
{
	border: 1px solid #a0acb9;
	position: absolute;
	background: #fafcfc url("../../bobinet/images/ftxmenu_bottom.png") bottom repeat-x;
	-webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
	width: 150px !important;
	-webkit-box-shadow:  0px 4px 10px 0px #abafb2;
    box-shadow:  0px 4px 10px 0px #abafb2;

}

	ul.sortmenu li,
	ul.ftxmenu li
	{
		height: 23px;
		line-height: 23px;
		text-align: left;
		color: #445261;
		text-shadow: 0px 1px 0px white;
		cursor: pointer;
		padding: 5px;
	}
	
	ul.ftxmenu li input
	{
		margin-bottom: 0px !important;
	}
	
		ul.sortmenu li:hover,
		ul.ftxmenu li:hover
		{
			background: #fafcfc url("../../bobinet/images/ftxmenu_hover.png") repeat-x;
		}
		ul.sortmenu li.sel,
		ul.ftxmenu li.sel
		{
			font-weight: bold;
		}
.ftxButt
{
	display: block;
	cursor: pointer;
	
}

.ftxHladaj:hover
{
	background: none !important;
}

.ftxHladaj
{
	text-align: right !important;
	margin-right: 5px;
}

.ftxHladaj a
{
	background: black;
	text-align: center !important;
	font-size: 10px;
	line-height: 13px !important;
	border: 1px solid #5F7E9E !important;
	background: url("../../images/system/buttonbg.png") repeat-x !important;
	border-radius: 5px;
	color: white !important;
	text-shadow: 0px 1px 2px #274463 !important;
	filter: dropshadow(color=#274463, offx=0, offy=2) !important;
	cursor: pointer;
	height: 13px !important;
	padding: 5px 10px 5px 10px;
}
/* sort menu ***END*** */

/* FCBK DIZAJN */

 /* 5.11.2014 REM Vlado
DIV.zalozka4, DIV.zalozka4fb
	{
    display:inline;
    float: right;    
	}   */

.infotbl_fbstyle a
	{
    font-style: normal;
	}


#addButtPlace
	{
    float:right;
	}

span.headPredmetNew a 
	{
	font-family: "Verdana";
	color: #7D0200;
	font-style: normal;
	font-size: 12px;
	}

span.headPredmetNew a:hover 
	{
	font-family: "Verdana";
	color: #7D0200;
	font-style: normal;
	text-decoration: none;
	}

span.autorFb a 
	{
	font-family: "Verdana";
	color: #3b5b7c;
	font-style: normal;
	margin-left: 0px;
	margin-top: 2px;
	}

span.autorFb a:hover 
	{
	color: #3b5b7c;
	}

span.datumFb 
	{
	font-family: "Verdana";
	color: #b3b3b3;
	font-style: normal;
	}

span.TextSpravy 
	{
	font-family: "Verdana";
	color: #000000;
	font-style: normal;
	font-size: 10px;
	margin-left: 0px;
	}

span.idNote 
	{
	color: #000000;
	font-size: 8px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	}

img#note_fb 
	{
	margin-left: 20px;
	}

p.najnovsieText	
	{
	font-family: "Verdana";
	color: #b3b3b3;
	font-style: normal;
	font-size: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}

p.najnovsieText a	
	{
	font-family: "Verdana";
	color: #363636;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	}

p.najnovsieText a:hover	
	{
	font-family: "Verdana";
	color: #363636;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underlined;
	}


div.newNotes 
	{
	background-color: #FFFFFF;
	}


div#TopId 
	{
	width: 60px;
	height: 30px;
	float: left;
	margin-top: 20px;
	border-right: #c0c0c0 1px solid;
	text-align: right;
	position: relative;
	}

div#TopId img 
	{
	margin-right: 3px;
	}

.masterimg
	{
	margin-left: 10px;
	}


div#TopId span 
	{
	margin-right: 3px;
	}
	

	
.info-date-hd
	{
	color: #000000;
	font-size: 10px;
	margin-right: 10px;
	font-weight: bold;
	}
	
div#InfoNote 
	{
	float: top;
	margin-top: 20px;
	margin-left: 70px;
	position: relative;
	}

div.PopisNote 
	{
	margin-left: 70px;
	}

div#TopReviewCommentsContent 
	{
	float: left;
	width: 94%;
	height: 25px;
	margin-left: 60px;
	padding-top: 3px;
	}

div#TopReviewCommentsContent a 
	{
	font-family: "Verdana";
	color: #3b5b7c;
	font-style: normal;
	font-weight: bold;
	}

table#ReviewPlusS a:hover 
	{
	text-decoration: underlined;
	}

div.zalozka4 
	{
	height: 30px;
	}


div#WBackground 
	{
	background-color: #FFFFFF;
	height: 40px;
	border: none;
	}


div#headPredmetdiv 
	{
	position: relative;
	z-index: 1;
	font-weight: bold;
	}

hr.oddelovacTop 
	{
	margin-top: 15px;
	}

div#zalozkyS 
	{
	height: 30px;
	margin-left: 10px;
	background-color: #FFFFFF;
	}

div.zalozka4 
	{
	position: relative;
	background-color: #e5f0ff;
	border: 0px;
	z-index: 20;
	}

div#detailFCB 
	{
	margin-top: 4px;
	position: relative;
	z-index: 8;
	}

table.dbzal input  
	{
	font-family: "Verdana";
	color: #b3b3b3;
	}

table 
	{
	font-family: "Verdana";
	}

table.infoTbl_fbstyle td.foot 
	{
	background-color: #ffffff;
	width: 100%;
	margin-bottom: -10px;
	margin-left: -10px;
	margin-right: -10px;
	}

.infoTbl_fbstyle td.foot 
	{
	padding-bottom: 0px;
	}

.infoTbl_fbstyle td
	{
	padding-top: 0px;
	}

.add_new_note
	{
	font-style: normal;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3b5998;
	margin-left: 800px;
	z-index: 1;
	}

div#expand225_30
	{
	background-color: #edeff4;
	}

img.schovajNaiPhone 
	{
	margin-left: 5px;
	}

.printMe
	{
	cursor: pointer;
	}

.more
	{
	cursor: pointer;
	font-weight: bold;
	color: green;
	}
	
.infotablemaindark 
	{
	background: #E2e2e2;
	}

.infotableFcbk_pager, .infotableDark_pager
	{
	color: #3b5998;
	text-align: right;
	font-style: normal;
	margin-top: 3px;
	background: url("Images/arow_more.png") top left no-repeat;
	width: 115px;
	margin-right: 5px;
	margin-bottom: 8px;
	}
	
.infotableFcbk_pager a, a:hover
	{
	color: #3b5998;
	valign: middle;
	}
	
.infotableDark_pager a, a:hover
	{
	color: #3b5998;
	valign: middle;
	}
	
.h_infotabledark {
padding: 3px;
cursor: pointer;
font-weight: bold;
font-style: italic;
border-bottom: 0px;
color: #3B5B7C;
padding-top: 10px;
text-align: left;
background: #fbfbfb;
border: 0px;
}

.h_infotabledark:hover
{
background: white;
}

table.infotbl_fbstyle div.infotablemaindark {
width: 90%;
margin-left: 60px;
background: white !important;
-webkit-border-radius: none;
-webkit-box-shadow: none;
padding: 8px;
}

table.infotbl_fbstyle table.infotbldark tr {
background-color: #FAFAFC;
}


a.vyraznyb {
font-size: 9px;
}

.infotbldark {
border: silver 1px solid;
border-image: initial;
}

.infotbl, .infotblxls, .infotbldark {
width: 100%;
background-color: white;
border-collapse: collapse;
}

.infotbl_fbstyle td {
background-color: white;
padding: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
font-size: 9px;
}

.infotbldark td, .comments td
{
background-color: #EDEFF4;
}
	
#lightbox
	{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	
#lightbox img
	{
	width: auto;
	height: auto;
	}
	
#lightbox a img
	{
	border: none;
	}

#outerImageContainer
	{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
	
#imageContainer
	{
	padding: 10px;
	}

#loading
	{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav
	{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav
	{
	left: 0;
	}
	
#hoverNav a
	{
	outline: none;
	} 

#prevLink, #nextLink
	{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	display: block; /* Trick IE into showing hover */ 
	}
	
#prevLink
	{
	left: 0;
	float: left;
	}
	
#nextLink
	{
	right: 0;
	float: right;
	}
	
#prevLink:hover, #prevLink:visited:hover
	{
	background: url(../images/prevlabel.gif) left 15% no-repeat;
	}
	
#nextLink:hover, #nextLink:visited:hover
	{
	background: url(../images/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer
	{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}

#imageData
	{
	padding:0 10px;
	color: #666;
	}
	
#imageData #imageDetails
	{
	width: 70%;
	float: left; 
	text-align: left;
	}
	
#imageData #caption
	{
	font-weight: bold;
	}
	
#imageData #numberDisplay
	{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}
	
#imageData #bottomNavClose
	{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
	}	 	

#overlay
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	.non_underline:hover
	{
	text-decoration: none;
	}
	
/* END OF FCBK DIZAJN */

#rpFormItemsFLAGSB fieldset
	{
	margin-top: 10px;
	}

#rpFormItemsFLAGSB fieldset table
	{
	width: 50% !important;
	}
#rpFormItemsFLAGSB fieldset table tr td:first-child
	{
	width: 50% !important;
	}
	
#rpFormItemsFLAGSB fieldset legend
	{
	font-weight: bold;
	
	color: #515151;
	}
	
#rpFormItemsFLAGSB fieldset table tr td
	{
	text-align: left !important;
	color: #515151;
	padding-top: 5px;
	}
/*menu centralny ciselnik STROM*/

.zoznamSearchChanger
{
    background-color:White;
    width:250px;
	margin-top: 10px !important;
    overflow: auto;
  max-height: 500px;
}

ul.zoznamSearchChanger, ul.zoznamSearchChanger ul
{
    list-style-type: none;
    background: url(../../images/system/tree/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

ul.zoznamSearchChanger ul
{
    margin-left:10px;
}

.x-grid3-hd-row td {
border-left: 0px;
border-right: 0px;
}

.x-grid3-header-offset table
{
	border-right: 1px solid grey !important;
}

ul.zoznamSearchChanger li 
{
     margin: 0;
     padding: 0 12px;
     line-height: 20px;
     background: url(../../images/system/tree/node.png) no-repeat;
     color: #369;
     font-weight: bold;
}

ul.zoznamSearchChanger li.posledny 
{
     background: #fff url(../../images/system/tree/lastnode.png) no-repeat;
}

ul.zoznamSearchChanger li.vetvaRoot
{
    background: url(../../images/system/bg_calend.jpg) repeat-x;
	border: 1px solid #ccc;
}

.vetvaroot img
{
     margin-right: 5px;
	 vertical-align: middle;
}

/*menu centralny ciselnik STROM END*/
/*PDF XLS Export BEGIN*/
.expXls,
.expPdf{
  float: right;
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
}

.expXls:hover,
.expPdf:hover{
  text-decoration: underline;
}
/*PDF XLS Export END*/
/* infoTblS BEGIN*/
.infoTblS{
  width: 100%;
  background-color: white;
  border: 0px;
}


.infoTblS tr{

  border-bottom: solid 1px grey;
}
.infoTblS th{
  border-top: solid 1px grey;
  border-right: solid 1px grey;
}
  .infoTblS th:first-child{
    border-left: solid 1px grey;
  }

.infoTblS tr td{
  border: 0px;
  border-right: solid 1px grey;
  border-bottom: solid 1px grey;
}
  .infoTblS tr td:first-child{
    border-left: solid 1px grey;
  }
.infoTblS tr:first-child td{
  border: 0px;
  border-top: solid 1px grey;
}  
.infoTblS tr.Alt{  
  background-color: lightgrey;
/* infoTblS END*/}

/* DTRZForm */
.H_infotableDTZF {
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold !important;
	text-shadow: 1px 1px 0 white;
	height: 25px;
	line-height: 23px;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4));
}
.DTZFSector .DTZFRow{
	background: #F4F4F4;
}

	.DTZFSector .DTZFRow>div{
		color: black;
		padding:  3px 5px;
    text-align: left;
		background: white;
		border-bottom: solid 1px white;
	}

	.DTZFSector .DTZFRow>div:first-child{
		text-align: justify;
		vertical-align: middle;
		font-size: 12px;
		border-bottom: solid 1px white;
    background: none;
	}

	
	.DTZFSector .DTZFRow .DropDownRiadok input{
		margin-right: -36px !important;
	}
	.DTZFSector .DTZFRow input.DataField{
		background: none;
		float: left;
		border: 0;
		width: 100%;
		border-bottom: solid 1px gray;
		line-height: 21px;
		height: 21px;
    padding-right: 42px;
	}
	.DTZFSector .DTZFRow input.DataFieldERR{
		background: red;
		float: left;
		width: 100%;
		border-bottom: solid 1px gray;
		line-height: 21px;
		height: 21px;
    padding-right: 42px;
	}
	.DTZFSector .DTZFRow input.hasDatepicker{
		margin-right: 30px;
    padding-right: 0;
	}
	.DTZFSector .DTZFRow div.DF_Pozn{
		height: 21px;
		width: 21px;
		margin-left: -21px;
		background: url("../../images/system/x_plus.gif") no-repeat 5px 5px;
		float: left;
	}
  .DTZFSector .DTZFRow div.DF_Odpoved{
		height: 21px;
		width: 21px;
		margin-left: -32px;
		background: url("../../images/system/x_info.gif") no-repeat 5px 5px;
		float: left;
	}
  .DFORMRow div.DF_Odpoved, .DFORMRow div.DF_Pozn{
    height: 21px;
		width: 21px;
    display: inline-block;
  }
  .DFORMRow div.DF_Odpoved{
    background: url("../../images/system/x_info.gif") no-repeat 5px 5px;
  }
  .DFORMRow div.DF_Pozn{
    background: url("../../images/system/x_plus.gif") no-repeat 5px 5px; 
  }
  .DFORMRow div select:has(~ .DF_Odpoved),.DFRow div select:has(~ .DF_Pozn){
    display: inline-block;
  }
	.DTZFSector .DTZFRow textarea{
		width: 100%;
		float: left;
    padding-right: 30px;
	}
  .DTZFSector .DTZFRow .DefaultDropDown .DropDownRiadok .Datafield{
    padding-right: 40px;
  }
	.DTZFSector .DTZFRow textarea.DF_Pozn{
		margin: 1;

		min-height: 21px;
		font-size: 12px;
		resize: none;
		padding: 1px;
		border: solid 1px grey;
		
		width: 100%;
		
		
	}
.DTZFSector .DTZFRow textarea.DF_Odpoved{
		margin: 1;

		min-height: 21px;
		font-size: 12px;
		resize: none;
		padding: 1px;
		border: solid 1px grey;
		
		width: 100%;
		
		
	}
		.DTZFSector .DTZFRow select{
			float: left;
			margin-right: 30px;
			height: 21px;
			line-height: 21px;
			font-size: 12px;
		
		
		}
			.DTZFSector .DTZFRow span.DataField{
				border: 0;
				padding: 5px;
				height: auto;
				background: none;
				float: left;
				margin-right: 20px;
			
			}
				.DTZFSector .DTZFRow span.DataField input{
					height: auto;
					padding: 1px;
					margin-right: 2px;
					font-size: 12px !important;
				}
				.DTZFSector .DTZFRow span.DataField label{
					
					vertical-align:middle;
					margin-right: 5px;
					font-size: 13px !important;
				}
				
			.DTZFSector .DTZFRow span.DataFieldERR{
				border: 0;
				padding: 5px;
				height: auto;
				background: red;
				float: left;
				margin-right: 16px;
		
			}
				.DTZFSector .DTZFRow span.DataFieldERR input{
					height: auto;
					padding: 1px;
					margin-right: 2px;
					font-size: 13px !important;
				}
				.DTZFSector .DTZFRow span.DataFieldERR label{
					
					vertical-align:middle;
					margin-right: 5px;
					font-size: 13px !important;
				}
				
			.DTZFSector .DTZFRow div.UNKVerticalERR{
				height: auto;
				margin-right: 21px;
			}
				.DTZFSector .DTZFRow div.UNKVerticalERR ul li{
					padding: 0 5px
				}
					.DTZFSector .DTZFRow div.UNKVerticalERR ul li input{
						margin: 0px;
						margin-right: 2px;
						vertical-align:middle;
						font-size: 12px;
						height: auto;
					}
					.DTZFSector .DTZFRow div.UNKVerticalERR ul li label{
						font-weight: bold;
						color: white;
						vertical-align:middle;
						font-size: 12px;
					}
			.DTZFSector .DTZFRow div.UNKVertical{
				height: auto;
				margin-right: 21px;
			}
				.DTZFSector .DTZFRow div.UNKVertical ul li{
					padding: 0 5px
				}
					.DTZFSector .DTZFRow div.UNKVertical ul li input{
						margin: 0px;
						margin-right: 2px;
						vertical-align:middle;
						font-size: 12px !important;
						height: auto;
					}
					.DTZFSector .DTZFRow div.UNKVertical ul li label{
						font-weight: bold;
						vertical-align:middle;
						font-size: 12px !important;
					}
			.DTZFSector .DTZFRow div.UNKHorizontalERR{
				padding: 5px;
				margin-right: 21px;
				
				background: red;
			}
				.DTZFSector .DTZFRow div.UNKHorizontalERR ul li{
					margin: 5px 5px 5px 0;
					
					display: inline;
					
				}
        .UNKHorizontalERR{
          padding: 5px 0;
          background: red;
        }
				
					.DTZFSector .DTZFRow div.UNKHorizontalERR ul li input{
						margin: 0px;
						margin-right: 2px;
						font-size: 12px !important;
						height: auto;
					}
					.DTZFSector .DTZFRow div.UNKHorizontalERR ul li label{
						font-weight: bold;
						color: white;
						vertical-align:middle;
						font-size: 12px !important;
						
					}
			.DTZFSector .DTZFRow div.UNKHorizontal{
				padding: 5px;
				margin-right: 21px;
			}
				.DTZFSector .DTZFRow div.UNKHorizontal ul li{
					margin: 5px 5px 5px 0;
					
					display: inline;
				}
				
					.DTZFSector .DTZFRow div.UNKHorizontal ul li input{
						margin: 0px;
						margin-right: 2px;
						font-size: 12px;
						height: auto;
					}
					.DTZFSector .DTZFRow div.UNKHorizontal ul li label{
						font-weight: bold;
						vertical-align:middle;
						font-size: 12px;
						
					}
					
.DTZFmain table{
	width: 100%;
}
	.DTZFButt button{
		background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#9ab3cd), to(#6284a7)) !important;
	}
		.DTZFButt button img{
			padding: 2px;
		}
		
td.action{
	text-align: center;
	background-color: #E1EFF4;
}
td.action img{
	cursor: pointer;		
}
/*Bublina Speach*/
 
div.speech
{
  padding: 10px;
  background-image: none !important;
	background-color: #fff;
	border: 2px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  margin-top: 20px;
  position: absolute;
  z-index: 10000;
}
div.speech:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	top: -20px;
	border: 10px solid;
	border-color: transparent transparent #666 #666;
}
div.speech:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 32px;
	top: -16px;
	border: 8px solid;
	border-color: transparent transparent #fff #fff;
}
.udalostCRMSheduler{
	margin: 10px;
	width: auto;
	height: auto;
	overflow: hidden;
}
.udalostCRMSheduler:after{
	content: "";
	clear: both;
}

.udalostCRMSheduler .DropDownRiadok{}

.scheduler{
	margin: 10px;
	padding:5px;
	border: 2px solid grey;
	overflow: hidden;
	width: auto;
	display: block;
}
.sheduler:after{
	content: "";
	clear: both;
}
.sheduler div div{
	
}
.map_zobraz_trasu{
	padding: 2px 5px 1px 5px;
	border-radius: 2px;
    background: white;
	cursor: pointer;
    text-align: left;
	border: 1px solid #bbbbbb;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.map_zobraz_trasu label{
	line-height: 14px;
	font-weight: bold;
	font-family: Roboto, Arial, sans-serif;
	font-size: 11px;
}
.map_zobraz_trasu input{
	vertical-align: text-bottom;
	height: auto !important; 
}
.headerMenu{
  float: right;
  height: 16px;
  width: auto;
  margin: 4px;
}

.clearfix{
  overflow: hidden
}                 
.clearfix:after{
  clear: both;
  content: "";
}
/* button v SQL editore */
.sqlHdr, fieldset
{
	width: 1150px;
	padding: 5px 5px 0px 8px;
	background: transparent;
	border: 0px;
	border-radius: 10px;
}
div.sqlButtonPanel
{
	height: 30px;
	width: 1130px; 
	padding: 0 10px 0 10px;
	margin: 8px 0 8px 0;
	border: 0px;
	background: url('../../images/system/sqbuttlbg.png') top left repeat-x;
	border-radius: 10px;
}
	fieldset
	{
		width: auto;
	}
TABLE.sqlButton, TABLE.sqlButtonOver
{
	margin: 0px;
}
	.sqlButtonPanel a,
	.sqlButtonPanel a 
	{
		float: left;
		display: inline-block;
		color: #000;
		text-shadow: 1px 1px silver;
		background: url('../../images/system/sqbuttlbg.png') top left repeat-x;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		padding: 0px 7px 0px 7px;
		_padding-top: 3px;
		margin: 0px;
		white-space: nowrap;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		border: 0px;
		border-left: 1px solid #6d6d6d;
		border-right: 1px solid #cfcfcf;
	}
	.sqlButtonPanel a:hover
	{
		color: #fff !important;
		text-shadow: 1px 1px #000;
		background: url('../../images/system/sqbuttlbg.png') bottom left repeat-x;
	}
		.sqlButtonPanel a img
		{
		display: inline-block;
		_margin-top: 2px;
		}
/* button v SQL editore ***END*** */
a[class*=ext_butt], button[class*=ext_butt],a[class*=ext_Butt], button[class*=ext_Butt]{
  text-align: left;
  font: 11px arial;
  line-height: 27px;  
  font-weight: bold;
  text-decoration: none;
}
[class*=ext_butt],[class*=ext_Butt]{
  cursor: pointer;
  height: 27px;  
  max-width: 150px;
  background: #f4f4f4;
  border: solid 1px #dddddd;  
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  padding: 0 5px;
  margin: 0 5px 5px 0;
  display: inline-block;
  color: black;
}
[class*=ext_butt]:hover,[class*=ext_Butt]:hover{
  background: #e7e7e7;
  border:solid 1px #adadad;
}
.ext_buttSel,.ext_ButtSel{
  background: #3b5b7c;
  border: solid 1px #7f8589;
  color: white;
}
[class*=ext_buttV],[class*=ext_ButtV]{
  margin: 0px;
  border: 0;
  display: block;
  max-width: none;
  border-bottom: solid 1px #dddddd;
}
[class*=ext_buttV]:hover,[class*=ext_ButtV]:hover{
  background: #e7e7e7;
  border: 0;
  border-bottom: solid 1px #adadad;
}
.ext_buttVSel,.ext_ButtVSel{
  background: #3b5b7c;
  border-bottom: solid 1px #7f8589;
  color: white;
}
[class*=ext_butt] img, [class*=ext_Butt] img{
  width:16px;
  margin-top: 5px;
  float: left;
}
[class*=ext_butt] .expandPopup, [class*=ext_Butt] .expandPopup{
  margin: 5px 0 5px 5px;
}
[class*=ext_butt] img+span, [class*=ext_butt] span+img,[class*=ext_Butt] img+span, [class*=ext_Butt] span+img{
  margin-left: 5px;	
}
[class*=env]{height: auto; margin: 10px;white-space: normal; width: auto;overflow: hidden;padding: 0;background: none;border: 0;display: block;margin: 0;max-width: none;
}
[class*=env]:hover{background: none;border: 0;}
[class*=env]:after{
  content: "";
  clear: both;
}
/*fullscreenviewer*/
.fullScreenView{
    z-index: 999998;
    position: absolute;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
    background: url(../../images/fullScreenViewer_bg.png);
	}
.TopPanelTT{
  overflow: hidden;
}
.TopPanelTT:after{                                    
  content: "";
  clear: both;
}
/*chartsonly*/
.chColChb div div{
	  float: left;
	  height: 15px;
	  width: 15px;
	  padding: 0;
	  margin-right: 4px;
	  border-radius: 2px;
	}
	.chColChb label{
	  float: left;;
	  margin-right: 8px; 
    font-weight: bold;
     
	}
	.chColChb div input:checked + label div{
		background-image: url(../../images/checkMark.png) !important;
    background-repeat: no-repeat !important;
    background-position: 1px 1px !important;
	}

  .b-graph__export_sub{
    position: absolute;
    list-style: 0;
    padding: 5px 10px;
    border: 1px solid rgb(238, 238, 238);
    box-shadow: rgba(0, 0, 0, 0.176471) 0px 6px 12px;
    background: white;
  }
  .b-graph__export_sub li:hover{
    background-color: #EBEBEB;
  }
  .b-graph__export_sub a{
    display: block;
    padding: 5px;
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
    width: 138px;
    text-align: right;
    font-size: 11px;
  }
/**/
	.b-graph-container {
		padding: 10px 0;
		background-color: #ffffff;
		border: solid 1px #f0f0f0;
		margin: 1px;
		border-radius: 5px;
		font-family: Arial;
	}
	.b-graph__title {
		padding: 10px 20px 10px 20px;
		border-bottom: solid 1px #f0f0f0;
		font-size: 22px;
		line-height: 22px;
		vertical-align: bottom;
		color: #8498bf;
	}
	.b-graph__title__sub {
		float: right;
		font-size: 14px;
		font-weight: normal;
    color: #9a9a9a;
	}
  .b-graph__Zal{
    padding: 10px;
		border-bottom: solid 1px #f0f0f0;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .b-graph__Zal:after{
    content: "";
    clear: both;
  }
  .b-graph__legend{
  
  }
  .b-graph__legend table{
    font: 11px/20px Arial,Helvetica,Sans-Serif;
    background-color: #FFFFFF;
    -webkit-print-color-adjust: exact;
    background-repeat: repeat-x !important;
    line-height: 15px;
    padding: 1px;
    margin: 5px;
  }
  .b-graph__legend table th{
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-print-color-adjust: exact;
    padding: 1px 5px 1px 5px;
    margin-right: 5px;
    border-bottom: solid #bbbbbb 1px;
    border-right: solid #bbbbbb 1px;
    white-space: nowrap;
    height: 20px;
  }
  .b-graph__legend table td{
    color: #111111;
    background: inherit;
    -webkit-print-color-adjust: exact;
    padding: 2px 1px 2px 1px;
    margin-right: 1px;
    height: 15px;
    border-bottom: solid #EEEEEE 1px;
    border-right: solid #EEEEEE 1px;
    white-space: nowrap;
  }
  .b-graph__legend table .parentArea td{
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
  }
	.b-graph__footer{
		border-top: solid 1px #f0f0f0;
		padding: 10px 10px 0 10px;
		margin-top: 10px;
	}
  .b-graph__footer input, .chDataRad input, .labelToButton input{
    display: none;
  }
  .b-graph__footer a.sel, .b-graph__footer a.sel:hover,
  .b-graph__Zal a.b-graph__ZalSel, .b-graph__Zal a.b-graph__ZalSel:hover{
      border: solid 1px #7f8589;
      background: #3b5b7c;
      color: white;
  }
  .b-graph__legend tr td:first-child, .b-graph__legend tr th:first-child{
    width: 10px;
  }
  .b-graph__legend tr:hover td{
    background: yellow;
  }
  
  .chartSetPanel>a{
  float: right;
  cursor: pointer;
}
.chartSetPanel {
    overflow: hidden;
    padding: 10px;
}
.chartSetPanel>a{
    font: 11px Arial;
    text-align: center;
    vertical-align: middle;
    float: right;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
    color: black;
    margin: 0 0 0 0;
    margin-left: 4px;
    font-weight: bold;
    background: none;
    min-width: 28px;
    padding: 0 5px;
    text-shadow: none;
    border: solid 1px #dddddd;
    background: #f4f4f4;  
}
.chartSetPanel>a img{
    width: 16px;
    margin-top: 5px;
}
/* new-form */
	.H_infotableDFORM{
		margin-bottom:10px;
	}
	.DFORMContent{padding-top:10px;}
	.DFORMContent div{
		box-sizing: border-box;
	}
	.DFORMRow{
		padding: 0 10px;
	}
	.DFORMRow > div, .DTZFRow > div{
		overflow: hidden;
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;     
		box-sizing: border-box;		
		vertical-align: middle;
		margin-bottom: 5px;
	}
	.DTZFRow > div{
		margin-bottom: 0;
	}
	.sectionWidthSwap .DFORMRow > div{
		width: 25%
	}
	.DFORMRow > div.rowSufix{
		width: auto;
		color: #5c5c5c;
		text-shadow: 0px 1px 0px #ffffff;
	}
	.DFORMtopbuttons td, .DFORMbuttons td{
		padding: 10px;
	}
	.DFORMRow > div:first-child, .DTZFRow > div:first-child{
		width: 25%;
		float: left;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #5c5c5c;
		text-shadow: 0px 1px 0px #ffffff;
		padding-right: 10px;
	}
	.DTZFRow > div:first-child{
		width: 50%;
	}
	.sectionWidthSwap .DFORMRow > div:first-child{
		width: 75%;
	}
	.DFORMRow > div:first-child div.labelTitle, .DFORMTabs li div.labelTitle, .DTZFRow > div:first-child div.labelTitle{
		display: none;
		position: absolute;
		background: lightyellow;
		border: solid 1px #ececec;
		padding: 2px;
		margin-left: 10px;
		margin-top: -1px;
		max-width: 300px;
		white-space: pre-wrap;
	}
	.DFORMRow > div:first-child div.labelTitle div, .DTZFRow > div:first-child div.labelTitle div{
		padding: 2px;
	}
	.DFORMRow > div:first-child div.labelTitle div:before, .DTZFRow > div:first-child div.labelTitle div:before{
		content: "- "
	}
	.DFORMRow > div:hover div.labelTitle, .DFORMTabs li:hover div.labelTitle, .DTZFRow > div:hover div.labelTitle{
		display: block;
	}
	.DFORMRow div:after, .DTZFRow > div:after{
		clear: both;
		content: "";
	}
	.DFInlineItems .DFORMRow{
		display: inline-block;
		*display: inline;
	}
	.DFInlineItems .DFORMRow > div{
		width: auto;
	}
	.DFInlineItems .DFORMRow > div:first-child{
		width: auto;
		padding-left: 0;
		
	}
	
	.DFInlineItems .DFORMRow:first-child > div:first-child{
	/*	padding-left: 10px; */
	}
	.DFORMRow div .DataField{
		background: white;
	}
	.DFORMContent .DFORMRow div input[type='text'],.DFORMContent .DFORMRow div input[type='number']{
		width: 100%;		
		color: #515151 !important;
	}
	.DFORMRow .UNKHorizontal ul li{
		display: inline;
		padding-right: 10px;
	}
	.DFORMRow .UNKHorizontal ul li input{
		padding-right: 5px;
	}
	.UNKHorizontal, .UNKvertical{
		border: solid 1px #b5b8c8;
		padding: 0 5px;
	}
	.UNKHorizontalERR, .UNKverticalERR{
		border: solid 1px red;
		padding: 0 5px;
		
	}
	.UNKHorizontal label, .UNKvertical label{color: #515151;}

	.UNKHorizontalERR li, .UNKverticalERR li{
		background: none;
		color: red;
		font-weight: bold;
	}
	.UNKHorizontal input, .UNKvertical input,.UNKHorizontalERR input, .UNKverticalERR input{
		margin-right: 5px;
	}
	
	.DFORMRow /*div*/ textarea {
		width: 100% ;
		margin: 0;
		padding: 5px;
		box-sizing: border-box;
		border: solid 1px #888888;
	}
	.DFORMRow input:read-only,.DFORMRow input[readonly],.DFORMRow input[readonly="true"],.DFORMRow input[readonly="readonly"],
	.DFORMRow textarea:read-only, .DFORMRow textarea[readonly],.DFORMRow textarea[readonly="true"],.DFORMRow textarea[readonly="readonly"]{
		background-color: transparent;
		background-image: url(/images/web/text-bg.png);
		background-repeat: repeat-x;
	}
	.DFORMRow div span.DataField{
		height: auto;
		background: none;
		border: 0;
	}
	.DFORMRow div span.DataField input{
		height: auto;
		margin-right: 2px;
	}
	.DFORMSector{
		display: block;
		padding-top: 10px;
	}

	.DFInlineSections{
		overflow: hidden;
		float: left;
	}
	.DFInlineSections:after{
		content: "";
		clear: both;
	}
	.DFInlineSections > .DFORMSector{
		float: left;
		margin-top: 0;
		overflow:hidden;
	}
	.DFInlineSections > .DFORMSector:after{
		content: "";
		clear:both;
	}

	.DFInlineSections > .DFORMSector .DFORMRow > div:first-child{
		padding-left: 0;
	}
	.DFInlineSections > .DFORMSector:first-child .DFORMRow > div:first-child{
		padding-left: 10px;
	}

	.DFORMRow div input.hasTimepicker{
		display: inline;
		width: 40px !important;

	}
	.DFORMRow div input.hasDatepicker{
		display: inline;
		width: 70px !important;

	}
	.DFORMBottom{
		background: #e4e4e4 /*#fff*/
	}
	/*docasne*/
		
		DFORMContent:first-child{
			width: auto;
		}
	.DFORMContent .DFInlineSections+DFORMSector{
		margin-top: 0;
	}
	
	DIV.rowSufix
	{
		line-height:22px;
	}
	
	DIV.withSuffix
	{	
		float:left;
		margin-right:5px;
	}
	.noneFloatDivs div,.noneFloatDivs div:first-child{
		float:none;
	}
	.DFORMContent .DFORMRow div input[type='text'].DataFieldERR, .DFORMContent .DFORMRow div .DataFieldERR input[type='number']{color: white !important;}
	.DFORMContent .DFORMRow div input[type='text'].DataFieldERR, .DFORMContent .DFORMRow div .DataFieldERR input[type='number']{color: white !important;}