body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.2);
  transition: 0.4s 0.1s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dragable {touch-action:manipulation;}

.maintable {border-spacing:0}
.maintable tr td {padding:0;vertical-align:top}
.maintable tr td.bodyarea {
	width: 90%;
	text-align: left;
	padding: 15px;
}

a {color:#55881b}
a.disabled {cursor: not-allowed;text-decoration:none;}
.acolor {color:#55881b;font-weight:bold;padding-left:5px;padding-top:20px;}
.blue {color:#55881b !important;}
.serror {color:#ff0000;}
.likea {color:#55881b;cursor: pointer;display:inline-block;padding-right: 2.5px}
.likea:hover {font-weight:bold;padding-right: 0px}
.tdlikea {cursor: pointer}

.rowdeleted {text-decoration:line-through;}

span.zoom {cursor:pointer;color:#55881b }
span.unzoom {cursor:pointer;color:#55881b}

div.footer {
	background: #fff;
	text-align: right;
	vertical-align: middle;
	padding: 10px 20px !important;
	border-top:1px solid #d9d9d9;
	font-size: 11px;
	color: #777777;
	height: 36px;
}

#detail_table {margin: 0px 0 5px 0; border-collapse: collapse;width:100%;}
#detail_table td {
	padding: 6px 6px !important;
  font-size:11px;
	color: #555;
	background-color: #fff;
	border-color: #D9E1EF;
	border-style: solid;
	border-width: 1px;

}

#detail_table_tab {margin: 0px 0 4px 0; border-collapse: collapse;}
#detail_table_tab td {
  padding: 8px 10px !important;
  font-size:11px;
  color: #333;
  background-color: #D2DCf6;
  border-color: #acd;
  border-style: solid;
  border-width: 1px;
}
.detail_table_tab td:hover, #detail_table_tab td:hover { background-color: #3766A8;color: #fff;}


.btsemafor {margin: 5px 0 5px 0; 
  border-collapse: collapse;
  width:100%;
  border:1px solid #e3f2d0;
  /*border-top:3px solid #aaaaaa;
  border-bottom:3px solid #aaaaaa;*/
}
.btsemafor td {
  padding: 3px 1px !important;
  font-size:12px;
  text-align: center;
  border:1px solid #e3f2d0;
  background-color: #b3b3b3;
}
.btsemafor  td.ok {
  background-color: #92d050 !important;
  border:1px solid white;
}
.btsemafor  td.warning {
  background-color: #ffc000 !important;
  border:1px solid white;
}
.btsemafor  td.bad {
   background-color: #ff0000 !important;
   color:#ddd;
   border:1px solid white;
}
.btsemafor  td.prevbad {
  background: rgb(255,0,0);
background: -moz-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(146,208,80,1) 10%);
background: -webkit-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(146,208,80,1) 10%);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(146,208,80,1) 10%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#92d050",GradientType=1);

  border:1px solid white;
}

.bytinfo {margin: 5px 0 15px 0; 
  border-collapse: collapse;
  width:100%;
}
.bytinfo td {
  padding: 6px 6px !important;
  font-size:14px;
  color: #555;
  background-color: #e3f2d0 !important;

}



.board-h2 {width:330px;background:#C7D4E7;background: linear-gradient(to bottom, rgba(227,233,244,1) 0%,#d4ecb0 100%)}
.schov {margin:-2px 0 0 310px}
.count {margin:0 0 0 285px}
.graf-link {max-width:320px}

.schov { color:#385986;text-decoration:none;cursor:hand;cursor:pointer;font-size:20px;font-weight:normal;position:absolute}
.count { color:#385986;text-decoration:none;font-weight:bold;position:absolute}
.schov:hover { color: #000;text-decoration:none;cursor:hand;cursor:pointer;}

#tab-login {border-spacing: 8px;margin:12px 2px}
#tab-login tr td {vertical-align:middle}

#detail_table {margin-bottom:18px}
#detail_table th {padding: 6px 0 5px 8px !important; color: #384046; font-weight: bold;
font-size:13px;border-bottom: 1px solid #e3f2d0;
background-color: #e3f2d0 !important;
border-radius:5px 5px 0 0;text-align:left !important
}
#detail_table th.dluznik { color: #ffffff;background: #e3f2d0}

#detail_table td {padding:5px 8px}
#detail_table td a {color: #385886 !important; text-decoration: none;}
#detail_table td a:hover  {text-decoration: underline;}

#all {width:100%}

.reporty_table_detail {margin: 0 0 0 0; border-collapse: separate;width:1000px}
.reporty_table_detail td {
	padding: 6px 6px !important;
  font-size:11px;
	color: #555;
	background-color: #fff;
}
.reporty_table_detail hr {background:#e3f2d0}

.reporty_table_detail {margin-bottom:0}
.reporty_table_detail th {padding: 6px 0 5px 8px !important; color: #384046; font-weight: bold;font-size:13px;
  border-bottom: 1px solid #e3f2d0;
  background-color: #e3f2d0 !important;
  border-radius:5px 5px 0 0;text-align:left !important}
.reporty_table_detail td {padding:5px 8px}
.reporty_table_detail td a {color: #385886 !important; text-decoration: none;display:block}
.reporty_table_detail td a:hover  {text-decoration: underline;}

.reporty_table {margin: 0px 0 5px 0; border-collapse: collapse;width:1000px}
.reporty_table td {
	padding: 6px 6px !important;
  font-size:11px;
	color: #555;
	background-color: #fff;
	border-color: #dededf;
	border-style: solid;
	border-width: 1px;

}

.reporty_table {margin-bottom:18px}
.reporty_table th {padding: 6px 0 5px 8px !important; color: #384046; font-weight: bold;font-size:13px;
  border-bottom: 1px solid #e3f2d0;
  background: linear-gradient(to bottom, #c1f382 0%, #91c352 100%);
  border-radius:5px 5px 0 0;text-align:left !important}
.reporty_table td {padding:5px 8px}
.reporty_table td a {color: #384046; text-decoration: none;display:block}
.reporty_table td a:hover  {text-decoration: underline;}
.reporty_table tr:hover td {background: #e3f2d0}

.reporty_table_sm {margin: 0;border-spacing:1px;background:#eee;width:710px}
.reporty_table_sm td {
	padding: 4px 6px !important;
  font-size:11px;
	color: #555;
	background-color: #fff;
}

.reporty_table_sm {margin-bottom:0}
.reporty_table_sm th {padding: 4px 0 3px 6px !important; color: #384046; font-weight: bold;font-size:11px;
  background: #eee;text-align:left !important}
.reporty_table_sm td {padding:5px 8px}

#dtw {margin:14px 10px 14px 16px;float:left;line-height:18px;font-size:11px}

table.tdwt {margin: 0;border-spacing:1px;background:#dadada;}
table.tdwt td {
  font-size:11px;
  padding: 5px 8px !important;
	background-color: #fff;
}
table.tdwt td>i {
  color: #808080;
  display:block;
  text-align:right;
}
table.tdwt tr.activerow td {
  background-color: #e3f2d0;
}
table.tdwt td.xactivecol {
  background-color: #e3f2d0;
}

.ico_tab {background: transparent url("../images/ico_tab.png") left center no-repeat scroll;padding: 2px 0 2px 21px;}
.ico_graf {background: transparent url("../images/ico_graf.png") left center no-repeat scroll;padding: 2px 0 2px 21px;}
.ico_glob {background: transparent url("../images/ico_glob.png") left center no-repeat scroll;padding: 2px 0 2px 21px;}
.ico_rubic {background: transparent url("../images/ico_rubic.png") left center no-repeat scroll;padding: 2px 0 2px 21px;}

#zahlavi {
	height: 55px;
	color: #fff;
}

#zahlavi h1 {
	color: #fff;
	font-size: 18px;
  padding:10px 0 0 265px;
	font-weight: normal;
}
#zahlavi b {font-weight:normal;font-size:13px}

#logout {
    color: #fff;
  padding-right:16px;
  font-size: 11px  		
}
                                
#logout a.logout {
	color: #fff;
  background: transparent url("../images/logout.png") left center no-repeat scroll;
  padding:2px 0 2px 16px;
  font-size: 11px		
}

#logout a {
	color: #fff;
  padding:2px 0 2px 16px;
  font-size: 11px
}

#zahlavi span, #logout a:hover {color: #8DB2E5}
#logout a:hover {color: #efe}

#zahlavi-2 {
	background: #fff url("../images/zahlavi-2.png") 0 0 no-repeat scroll;
	height: 67px;
	color: #111;
	border-bottom:1px solid #e0e0e0;		
}



#zahlavi-2 #logo-firma {
	margin: 2px 0 0 20px;
  height: 64px;
  width: 190px;	
}

#zahlavi-2 div {
	position:absolute;
  margin: 27px 0 0 265px;
}

#zahlavi-2 div span#odkazy-interni {
  background: transparent url("../images/odkazy-1.png") left center no-repeat scroll;
  padding:2px 0 3px 21px;
  font-size:11px
}
#zahlavi-2 div span#odkazy-help {
  background: transparent url("../images/help.png") left center no-repeat scroll;
  padding:2px 0 3px 21px;
  font-size:11px
}

#zahlavi-2 div span#odkazy {
  background: transparent url("../images/odkazy-1.png") left center no-repeat scroll;
  padding:2px 0 3px 21px;
  font-size:11px
}

#zahlavi-2 div span#odkazy-firemni {
  background: transparent url("../images/odkazy-2.png") left center no-repeat scroll;
  padding:2px 0 3px 21px;
  font-size:11px
}

#zahlavi-2 div a { color: #7db338 }

hr {color:#eee;background:#dadade;height:1px;border:0}


h2 {padding: 6px 0 6px 8px !important; color: #384046; font-weight: bold;font-size:12px;border-bottom: 1px solid #aAbBd2;
background: linear-gradient(to bottom, #c1f382 0%, #91c352 100%);
border-radius:5px 5px 0 0
}
.graph_line h2>span, .dgraph_line span { 
  display:inline-block;
  float:right;
  padding-right: 5px;
}
.dgraph_line a {color:white;}

.nadpish2 span { 
  display:inline-block;
  font-weight: normal;
  
  padding-left: 20px;
} 

h3 {padding: 0 0 3px 1px !important; color: #258f25; font-weight: normal;font-size:13px;border-bottom: 1px solid #eef;}

.menu-hr {
  background: transparent url("../images/menu-hr.png") left center no-repeat scroll;
  height:2px;
  width:190px;
  margin:11px 0
}

input {
  color:#111;
  font-size:12px !important;
  background: #b9cfee url("../images/input.png") left bottom repeat-x scroll;
  padding: 4px 6px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #c2c2c2
}

select, option {
  color:#111;
  font-size:12px;
  padding: 2px 6px;
  /*background:white;*/
}

select {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
}

input:hover {
  border: 1px solid #111 !important
}

input#oic, input#sname {width:110px;position:relative;top:-5px;left:0}
.seda-1 {color:#6a6a6a}

.button {
  text-align:center;
  color:#fff;
  background: #5a8923 url("../images/button.png") left top repeat-x scroll;
  padding: 5px 13px;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #888;
}

.button:hover {
  text-align:center;
  color:#fff;
  background: #5a8923;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}

.buttonsedy,.button-2sedy {
  text-align:center;
  color:#555;
  background: #fff url("../images/input.png") left top repeat-x scroll;
  padding: 5px 13px 4px 13px;
  height:26px;
  font-size: 11px !important;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #888;
}

.buttonsedy:hover, .button-2sedy:hover {
  text-align:center;
  color:#222;
  background: #eee;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}

.button-2, .button-3, .button-4, .button-blue, .button-red, .button-2-active {
  text-align:center;
  color:#333;
  background: #9DCD61 url("../images/button-2.png") left top repeat-x scroll;
  padding: 4px 13px 4px 13px;
  height:26px !important;
  text-decoration: none;
  font-size: 12px !important;
  border-radius: 5px;
  border:1px solid #ddd;
  box-shadow: 1px 2px 3px #aaa;
  cursor:hand;cursor:pointer;
}
.button-3 {background: #b5e17d;font-weight:normal;color:#111;border:1px solid #a5d16d}
.button-4 {background: #e8f6d5;font-weight:normal;color:#111;border:1px solid #dbedc5}
.button-blue {background: linear-gradient(to bottom, #59a4da 10%, #1964aa 100%);font-weight:normal;color:#fff;border:1px solid #bbb}
.button-red {background: linear-gradient(to bottom, #da5858 10%, #a91919 100%);font-weight:normal;color:#fff;border:1px solid #bbb}

.button-2:disabled {cursor:not-allowed;}
.button-blue:disabled {background: #1964aa;border:1px solid #387ea7 !important;color:#fff !important; cursor:not-allowed;}
.button-red:disabled {background: #a91919;border:1px solid #a83838 !important;color:#fff !important; cursor:not-allowed;}

.button-2:hover, .button-3:hover, .button-4:hover, .button-blue:hover, .button-red:hover, .button-2-active {
  text-align:center;
  color:#222;
  background: #a5d16d;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
  border:1px solid #95c15d !important    
}
.button-3:hover {background: #a5d16d;border:1px solid #a5d16d !important}
.button-4:hover {background: #dbedc5;border:1px solid #dbedc5 !important}
.button-blue:hover {background: #1964aa;border:1px solid #387ea7 !important;color:#fff !important}
.button-red:hover {background: #a91919;border:1px solid #a83838 !important;color:#fff !important}

.button2sedy {
  text-align:center;
  color:#555;
  background: #fff url("../images/input.png") left top repeat-x scroll;
  padding: 4px 13px;
  height:26px;
  text-decoration: none;
  font-size: 12px !important;
  border-radius: 5px;
  border:1px solid #ddd;
  box-shadow: 1px 2px 3px #aaa;
  cursor:hand;cursor:pointer;
  
}

.button2sedy:hover {
  text-align:center;
  color:#222;
  background: #eee;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #bbb;
}

.profilbutton {
  display:block;
  float:left;
  text-align:center;
  vertical-align:middle;
  color:#333;
  background: #9DCD61 url("../images/button-2.png") left top repeat-x scroll;
  padding: 4px 13px 4px 13px;
  height:42px !important;
  text-decoration: none;
  font-size: 17px !important;
  border-radius: 5px;
  /*border:1px solid #ddd;
  box-shadow: 1px 2px 3px #b9cfee;*/
  cursor:hand;cursor:pointer;
  margin-right:10px;

}
.profilbutton.selected {font-weight:bold;}

.button-ods-1 {margin:0 0 10px 4px}
.button-ods-2 {margin:1px 0 0 4px}

.button-timeline {
  text-align:left;
  color:#444 !important;
  background: #fff url("../images/timeline_icon.png") 6px center no-repeat scroll;
  padding: 5px 11px 5px 13px;
  text-decoration: none;
  border-radius: 5px;
  border:1px solid #eee;
  box-shadow: 1px 2px 3px #aaa;
}

.button-timeline:hover {
  text-align:left;
  color:#111 !important;
  background: #edf2fa url("../images/timeline_icon.png") 6px center no-repeat scroll;
  text-decoration: none !important;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}

.button-timeline-small {
  text-align:left;
  color:#444 !important;
  background: #fff url("../images/timeline_icon.png") 3px center no-repeat scroll;
  padding: 3px 8px 3px 11px;
  text-decoration: none;
  border-radius: 4px;
  border:1px solid #eee;
  box-shadow: 1px 2px 3px #aaa;
}

.button-timeline-small:hover {
  text-align:left;
  color:#111 !important;
  background: #edf2fa url("../images/timeline_icon.png") 3px center no-repeat scroll;
  text-decoration: none !important;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #bbb;
}

.button-timeline-smallest {
  text-align:left;
  color:#444 !important;
  background: #fff url("../images/timeline_icon.png") 3px center no-repeat scroll;
  background-size: 13px 13px;  
  padding: 1px 5px 1px 8px;
  text-decoration: none;

  border-radius: 3px;
  border:1px solid #eee;
  box-shadow: 1px 1px 1px #aaa;
}

.button-timeline-smallest:hover {
  text-align:left;
  color:#111 !important;
  background: #edf2fa url("../images/timeline_icon.png") 3px center no-repeat scroll;
  background-size: 14px 14px;  
  padding: 1px 5px 1px 9px;
  text-decoration: none !important;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #bbb;
}

.menucol {
	background: rgb(252,252,252);
    background: linear-gradient(to right, rgba(254,254,254,1) 30%, rgba(240,240,240,1) 100%);
	vertical-align: top;
}

.menudiv {
	width: 210px;
	vertical-align: top;
	text-align: left;
	margin: 20px 0 0 30px;
	line-height: 23px;
  padding-bottom:55px
}

.menudiv a {
	color: #2e2e2e;
	display:block;
	background: transparent url("../images/menu-odr.png") left center no-repeat scroll;
	font-weight: normal;
	padding-left: 18px;
	font-size: 14px;
	text-decoration: none;
}

.menudiv a.aktiv, .menudiv a:hover {
	color: #67ad3f !important;
	background: transparent url("../images/menu-odr-aktiv.png") left center no-repeat scroll;
	text-decoration: none;
}

.menudiv div a {
	color: #2e2e2e;
	display:block;
	background: transparent url("../images/menu-odr.png") left center no-repeat scroll;
	font-weight: normal;
	padding-left: 14px;
  margin-left: 18px;
	font-size: 12px !important;
	text-decoration: none;
}

.menudiv div a.aktiv, .menudiv div a:hover {
	color: #67ad3f !important;
	background: transparent url("../images/menu-odr-aktiv.png") left center no-repeat scroll;
	text-decoration: none;
}
.menudiv .noa {
  color: #bbb !important;
  display:block;
  background: transparent url("../images/menu-odr.png") left center no-repeat scroll;
  font-weight: normal;
  padding-left: 18px;
  font-size: 14px;
  text-decoration: none;
}
.menudiv div .noa {
  color: #bbb !important;
  display:block;
  background: transparent url("../images/menu-odr.png") left center no-repeat scroll;
  font-weight: normal;
  padding-left: 14px;
  margin-left: 18px;
  font-size: 12px !important;
  text-decoration: none;
}

.dragable {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
}


#filter_table {border-spacing: 0;width:100%;padding-bottom:8px;}
#filter_table td {padding: 3px;font-size:11px;}
#filter_table tr.drag td {cursor: move;background:#5a8923 url("../images/button.png") left top repeat-x scroll;padding:5px 8px;color:#fff;font-size:13px !important;}
#filter_table tr.drag .right {text-align:right}

.box_table {border-spacing: 0;width:100%;padding-bottom:8px;}
.box_table td {padding: 3px;font-size:11px;}
.box_table tr.drag td {cursor: move;background:#5a8923 url("../images/button.png") left top repeat-x scroll;padding:2px 8px 0px 8px;color:#fff;font-size:13px !important;}
.box_table tr.drag td.right {text-align:right}
#addhodiny .box_table tr.formrow {line-height:30px;}


.minheight {min-height: 500px;}

.cal_icon {
	cursor:hand;cursor:pointer;
  position: relative;
  top:6px;left:0
}

.strankovani {margin:8px 4px 6px 0} 
.strankovani span {font-size:14px;color:#4d4d4d;position:relative;top:3px;left:0}

.close_icon { cursor:hand;cursor:pointer;padding-top:3px}
.fillspan {color: #6666cc; cursor:hand;cursor:pointer;}

.graf_box {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #808080;
	box-shadow:  #c0c0c0 10px 10px 20px; 
}
.graf_box .close_icon {
	/*float:right;*/
	width:100%;
	text-align:right;
}

.cal_box {
	background-color: #fafafa;
	display:none;
	position:absolute;
	top:100px;
	left:250px;
	width: 208px;
	height: 260px;
	padding: 5px;
	border: 1px solid #808080;
	box-shadow:         #c0c0c0 10px 10px 20px; 
}

#smallcal_table {border-collapse: collapse;}

#smallcal_table td {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 6px !important;
	background-color: #fff;
	color: #778;
	border: 1px solid #fafafa;
	/**cursor: pointer;**/
	
}

#smallcal_table td:hover {
	/**background-color: #E2E8F1;
  color:#111;**/
}

.whitebg {background-color: #fff !important; border: 1px solid #fff !important;}
.whiteborder {border: 1px solid #fff !important;}
.weeklink {font-weight: normal; font-style: italic; color: #808080; text-decoration: none;}

yyyyyyyyy.weeklink:hover {text-decoration: none;}

#smallcal_table tr:first-child td {background-color: #fafafa;}
#smallcal_table .active_day {background-color: #3766A8; color: #fff;}
#smallcal_table .active_row {background-color: #e3f2d0; color: #808080;}
#cal_box_table {
}

#cal_box_table .hdr {
	width:50%;
	background-color: #808080;
	color: #fafafa;
	font-weight: bold;
	padding: 3px;
}

#cal_box_table .dta {
  padding: 5px 5px 5px 28px;
	margin-bottom: 0px;
}

#cal_box_table .dta .whiteselect option {color:#333;font-weight:normal}

#cal_box_table select {
	width: 200px;
	overflow: hidden;
	/*background: #fafafa url(../images/select_arrow_gray.png) no-repeat right;*/
	color: #3763A0;
	font-weight: bold;
	font-size: 12px;
	/*border: #fafafa;*/
	padding: 3px;
}

#cal_box_table select option {color: #808080;}

.bigcal_container {}
.bigcal_container td {vertical-align: top; text-align: left;}

.navical {float: left; padding-right: 20px;}

#bigcal_table {color: #808080; border-collapse: collapse;}
#bigcal_table td {padding: 3px; border: 1px solid #eee;}

.cal_title {width: 150px; text-align: center !important; font-size: 11px; font-weight: normal; padding-bottom: 8px !important;color:#666}
.calhour {font-size: 12px; text-align: center; font-weight: normal; background-color: #fff; padding: 10px !important;}
.calday {background: url(../images/cal_bg.gif) left center repeat-x;}

.daycontent {background-color: #fff;font-size:11px}
.daycontent {background-color: #e3f2d0;color:#808080;font-size:11px}
.multicontent {background-color: #eba5ae;}

#bigcal_navi {padding-top: 10px; text-align: right;}
#bigcal_navi a {margin-left: 8px;position:relative;top:4px;left:0}
#bigcal_navi img {margin-left: 8px;}

#board_table {border-collapse: collapse;}
#board_table td {
	padding: 0 5px;
	vertical-align: top;
	text-align: left;
}

.board_diary {font-weight: bold; background-color: #fff; font-size: 13px;}
#diary {font-size:11px}

.marbot15 {margin-bottom: 15px;}

.inner_board {border-spacing:0}
.inner_board td {border: none !important;}
.inner_board_data {padding: 0 0 10px 0 !important}
.inner_board_data_table td {color: #555;font-size:11px;line-height:18px}
.inner_board_data_txt, #board_table .inner_board {font-size:11px;line-height:18px;text-align:justify !important;color: #555;}
.inner_board_data_txt em, #board_table .inner_board em {color:#385782}
.inner_board_data_txt a {text-decoration: none; color: #444;}
.inner_board_data_last {padding: 0 0 5px 0 !important; text-align: left !important;}

.inner_board_data_txt a {display:block}
.inner_board_data_txt:hover {background:#e3f2d0;cursor:hand;cursor:pointer;}
.board_rip:hover {background:#FAF9CE}

.hand { cursor:hand;cursor:pointer;}

/* Rozklik aktivit a ukolu v OP */
.op_zoom {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
  font-size: 12px;
  text-decoration: none;
	}

.op_zoom:hover {text-decoration: underline;}


.menu-zoom {
	padding-left: 19px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/zoom-seda.gif) center left no-repeat;
	}

.menu-zoom:hover {cursor:hand;cursor:pointer;
                  color: #598921;
                  background: url(../images/zoom-blue.gif) center left no-repeat;}

.menu-unzoom {
	padding-left: 19px;
	/*color: #3765A6;*/
	font-weight: normal;
  	font-size: 14px;
	text-decoration: none;
	background: url(../images/unzoom-seda.gif) center left no-repeat;
	}

.menu-unzoom:hover {cursor:hand;cursor:pointer;
                  color: #598921;
                  background: url(../images/unzoom-blue.gif) center left no-repeat;}

.au_list {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 650px;
	width: 580px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.timeline {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 360px;
	width: 450px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}
.kotimeline {
	background-color: #fff;
	display:none;
	position:absolute;
	top:150px;left:550px;
	height: 360px;
	width: 450px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}


.buttons_line {padding: 0 15px 5px 0; text-align: left;color:#808080;font-size:12px;}
.buttons_line2 {padding: 5px 15px 5px 0; text-align: left;}
.buttons_line3 {padding: 0 5px 5px 0; text-align: left;}

.buttons_line a {text-decoration:none;}
.buttons_line a:hover {text-decoration:none;}

.buttons_line a.activelink {color:#808080;}
.buttons_line a.nonactivelink {color:#7db338 !important;font-weight:bold;}

.timeline h3 {font-size: 11px;margin: 0 0 5px 0;}
.timeline p {margin: 0px;}

#timeline {display: none;}

.podpis {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  /*height: 545px;*/
  /*width: 530px;*/
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
}
.dokument {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  /*height: 545px;*/
  /*width: 530px;*/
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
}

.schuzka {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	/*height: 545px;*/
	width: 530px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.ukol {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	/*height: 305px;*/
	width: 510px;
	padding: 5px;
  padding-bottom:15px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.pozadavek {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	/*height: 400px;*/
	width: 530px;
	padding: 5px;
  padding-bottom:15px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.udalost {
	background-color: #fff;
	display: none;
	position:absolute;
	top:100px;left:250px;
	height: 375px;
	width: 510px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.customer_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 430px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.customer_detail_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	min-height: 280px;
  height:auto;
	width: 400px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}
.customer_soufirma_box {
  height:auto;
  padding-bottom:30px;
}

.detail_text{
    font-weight: bolder;
}

.op_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: auto;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.setyop_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 230px;
	width: 390px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.sml_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 480px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.schuzka_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	/*height: 340px;*/
	width: 395px;
	padding: 5px;
  padding-bottom: 15px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.ukol_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	/*height: 370px;*/
	width: 395px;
	padding: 5px;
  padding-bottom: 15px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.pozadavek_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 390px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.studenti_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 250px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}

.statistiky_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 200px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
}


.checkic_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
	height: 100px;
	width: 395px;
}

.aktivity_filter_box {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	width: 395px;
	padding: 5px;
	border: 1px solid #bbb;
  border-radius: 6px;
	box-shadow: #aaa 3px 3px 10px; 
  padding-bottom:15px;
}

.detail_box_kos {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  width: 800px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
  padding-bottom:15px;
}

.detail_box_ukol {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  min-width: 800px;
  
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
  padding-bottom:15px;
}

.moduly, .disclaimer, .grafbox {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  /*height: 545px;*/
  width: 530px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
}
.disclaimer {display:block;}

/* Zakaznik v boxu schuzka a ukol */
.customer_tr td {padding: 15px 3px 8px 3px !important;}
.customer_tr td a {color: #258f25; text-decoration: none;}
.customer_tr td a:hover {color: #258f25; text-decoration: underline;}
.owner_tr td {padding-bottom:10px !important;}

#box_table td {padding: 3px;}

.form_div {
	background-color: #fff;
	height: 300px;
	width: 485px;
}

.form_error {
	color: #ff0000;
	font-size: 12px;
	margin-left: 5px;
}

.form_error ul {
	margin: 5px 0 10px 0;
	padding: 0;
	list-style: none;
}


.form_error ul li {
	padding-left: 8px;
}

.tab {
	float: left;
	margin-right: 4px; 
	text-align: center;
	background: #ededed;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  border:1px solid #ddd;
  /*border-bottom:3px solid #ededed;*/
  border-bottom:0;
  margin-top:0px;
  
}

.tab a  {color: #777;	font-weight: bold; text-decoration: none;font-weight: normal;display:block;	padding:6px 6px 6px 6px;border-bottom:3px solid #ededed;cursor:pointer;}
.tab a:hover {text-decoration: none;background:#edf2fa;color:#223}



.tab.disabled {background:#dbb0a0;}
.tab.disabled a {color: #fff;padding:6px 6px 6px 6px;border-bottom:3px solid #dbb0a0;}
.tab.disabled a:hover {background:#dbb0a0;color: #efefef;}

.nemazajem {text-decoration:line-through;}


.tab.seltab {/*background:#80ff80*/}
.tab.seltab a {color: #777;}
.tab.seltab a:hover {text-decoration: none;color:#223;/*background:#80ff80*/}

.activetab {background: #7bad41;}
.activetab a {color: #fff;border-bottom:3px solid #7bad41;}
.activetab a:hover {text-decoration: none;background:none;color: #efefef}

.inactivetab {background: #aaaaaa}
.inactivetab a {color: #fff;border-bottom:3px solid #aaaaaa;}
.inactivetab a:hover {text-decoration: none;background:#aaaaaa;color: #efefef}

.seltab.activetab {/*background:#699438*/}
.seltab.activetab a {color: #fff;}
.seltab.activetab a:hover {text-decoration: none;color:#efefef;/*background:#699438*/}

.seltab.disabled  {background: #dbb0a0}
.seltab.disabled  a {color: #fff;border-bottom:3px solid #dbb0a0;}
.seltab.disabled  a:hover {text-decoration: none;background:#dbb0a0;color: #efefef;}

.seltab.activetab.disabled  {background: #b96546}
.seltab.activetab.disabled  a {color: #fff;border-bottom:3px solid #b96546;}
.seltab.activetab.disabled  a:hover {text-decoration: none;background: #b96546;color:#efefef;}



.activetab.disabled  {background: #b96546}
.activetab.disabled  a {color: #fff;border-bottom:3px solid #b96546;}
.activetab.disabled  a:hover {text-decoration: none;background: #b96546;color:#efefef;}

.tab.done a {border-bottom:3px solid green;}
.tab.notdone a {border-bottom:3px solid red;}



.tabtop {
	padding: 7px;
	text-align: right;
	vertical-align: middle;
	background-color: #fff;
	width:100%;
}

.tabtop img {margin-top: 0px;}

.form_container {
	background-color: #fff;
	padding: 5px;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

.list_container {
	background-color: #fff;
	padding: 5px;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

.poznamka {
	margin-left: 5px;
	width:250px;
	padding:5px;
	float: left;
	line-height:16px;
	font-weight: normal;
}

.nadpis1 {
	display: block;
	color: #808080;
	font-weight: bold;
	padding-bottom: 5px;
}

/* $extarray=array("ppt","pps","pdf","doc","xls","docx","xlsx","jpg","xxx"); */

.ppt_link {background: url(../images/ppt_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.pps_link {background: url(../images/pps_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.pdf_link {background: url(../images/pdf_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.doc_link {background: url(../images/doc_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.docx_link {background: url(../images/docx_10.gif) center left no-repeat; color:       #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.xls_link {background: url(../images/xls_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.xlsx_link {background: url(../images/xlsx_10.gif) center left no-repeat; color:       #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.jpg_link {background: url(../images/jpg_10.gif) center left no-repeat; color:         #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.xxx_link {background: url(/shared/spacer.gif) center left no-repeat; color: #ff0000 !important; padding-left: 15px; text-decoration: none; font-style: italic;}
.unknown_link {background: url(../images/unknown_10.gif) center left no-repeat; color: #808080 !important; padding-left: 15px; text-decoration: none; font-style: italic;}

.ppt_link, .pps_link, .pdf_link, .doc_link, .xls_link, .docx_link, .xlsx_link, .jpg_link, .xxx_link, .unknown_link:hover {text-decoration: none !important;}

#podokumenty a {color: #aa0000; text-decoration: none;}
#podokumenty a:hover {text-decoration: underline;}

.op_col2 {
	color: #808080;
	background-color: #fff;
	margin-left: 5px;
	width:300px;
	padding:5px;
	float: left;
	line-height:16px;
	font-weight: normal;
	min-height: 330px;
	height: auto !important;
	height: 100%; 
}

.op_col2 > .poznamka_stamp {color: #6a9f2d; font-size: 11px; }
.op_col2 h3 {margin: 0 0 5px 0;}

#poznamka_col > .poznamka_stamp,#poznamka_col > div > .poznamka_stamp {color: #6a9f2d; font-size: 11px; display:block;margin-top:6px }
.poznamka > .poznamka_stamp {color: #6a9f2d; font-size: 11px; }

.align_left {text-align: left;}
.align_right {text-align: right;}
.align_center {text-align: center;}

.lightblue {color: #6666cc !important;}
.orange {color: #3773c0 !important;}
.gray {color: #bbb !important;}
.red {color: #ee0000 !important;}
.gray80 {color: #808080 !important;}
.green {color:#55881b !important;}

.floatleft {float: left;}
.floatright {float: right;}
.width70  {width:  70px !important;}
.width80  {width:  80px !important;}
.width100 {width: 100px !important;}
.width120 {width: 120px !important;}
.width150 {width: 150px !important;}
.width170 {width: 175px !important;}
.width170.hasDatepicker {width: 175px !important;}
select.width170 {width:189px !important;}
.width200 {width: 200px !important;}
select.width200 {width:215px !important;}
textarea.width200 {width:208px !important;}
textarea.w200 {width:200px !important;}
textarea.width170 {width:183px !important;}

.width250 {width: 250px !important;}
.width300 {width: 300px !important;}
.width330 {width: 330px !important;}
.width350 {width: 350px !important;}
.width380 {width: 380px !important;}
.width400 {width: 400px;}
.width500 {width: 500px;}
.width600 {width: 600px;}
.width700 {width: 700px;}
.width800 {width: 800px;}
.width840 {width: 840px;}
.width900 {width: 900px;}
.width100per {width: 100%;}
.form_left {float: left; margin-right: 20px; width: 385px;}

.top10 {padding-top: 10px !important;}
.top15 {padding-top: 15px !important;}


#data_table {margin: 0px 0 5px 0; border-collapse: collapse; width: 1040px;}
#data_table td {
	padding: 3px;
	color: #777;
	background-color: #fff;
	border-color: #ededed;
	border-style: solid;
	border-width: 1px;
	min-width:114px;
}

#data_table a  {color: #258f25; text-decoration: none;}
#data_table a:hover  {text-decoration: underline;}
#data_table .data {font-weight: normal; padding-right: 30px; color: #258f25;}
#data_table .head {background-color: #808080; color: #fafafa;font-weight: bold;}

table.tab-detail {min-width:1150px;width:100%;}

#customer_table td {
	padding: 3px;
	vertical-align: top;
	color: #808080;
	border-color: #808080;
	border-style: solid;
	border-width: 0px;
}
#customer_table a {color: #55881b;text-decoration: none;}
#customer_table a:hover  {text-decoration: underline;}
#customer_table .data {font-weight: normal; padding: 4px 10px; color: #384753; background-color: #f1f1f1;}
#customer_table .data.error {font-weight: bold; padding: 4px 10px; color: #ffffff; background-color: #ff6666;}
#editace-form-second .data.error {font-weight: bold; padding: 4px 10px;margin-right:25px; color: #ffffff; background-color: #ff6666;}

#customer_table .empty {font-weight: normal; padding: 4px 10px; color: #384753;  }
#customer_table .title {height: 21px;font-weight: normal; font-style: italic; padding-right: 30px; color: #808080; background-color: #fff;}
#customer_table .head {background-color: #808080; color: #fafafa}


.form_spacer {height: 25px;}
.form_title {
	height: 25px;
	text-align: left;
	color: #808080;
	margin: 5px 0 0 0px;
	font-style: italic;
	width: 250px;
	float: left;
}

.form_title2 {color: #6666cc !important; padding-bottom: 10px;}


.form_popis {
	width: 120px;
	text-align: left;
	vertical-align: top;
	color: #808080;
	margin: 5px 0 0 5px;
	float: left;
}
.form_popis_long {
	text-align: left;
	vertical-align: top;
	color: #808080;
	margin: 5px 0px 0 5px;
	float: left;
}


.form_data {
	width: 300px;
	text-align: left;
	color: #808080;
	font-weight: bold;
	margin: 5px 0 0 5px;
	float: left;
}

.form_button {text-align: left;	margin: 0 20px 0 0;float: left;}
.form_footer {margin: 15px 0 0 320px;}
.form_footer2 {margin: 5px 0 0 5px;}
.form_footer3 {padding: 15px 0 0 130px;}
.form_footer4 {margin: 15px 0 0 330px;}
.form_pole {text-align: left; color: #808080; font-weight: bold;line-height: 26px;vertical-align:middle;}
.form_pole input[type='text'],.form_pole input[type='number'] {width: 250px; color: #808080;}
.form_popis input[type='text'],.form_popis input[type='number'] {color: #808080;}

/*** .form_pole select option:first-child {color: #d0d0d0;} ***/

#nofirst option:first-child {color: #808080;}
.form_pole textarea {width: 250px; font-family: Arial, Helvetica; font-size: 13px;color: #808080;}
.form_pole textarea disabled {background-color: #fff;}
.customer_text_height {height: 200px;}
.customer_popis_height {height: 50px !important;}
.op_text_height {height: 60px;}
.sml_text_height {height: 290px;}
.knihovny_text_height {height: 400px;}
.bold {font-weight: bold;}
.normal {font-weight: normal !important;}
.first_option {color: #d0d0d0;}

.nazev {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
}

.nazev a {color: #258f25; text-decoration: none; font-weight: normal}
.nazev a:hover {text-decoration: underline;}

.anylink a {color: #258f25; text-decoration: none; font-weight: normal}
.anylink a:hover {text-decoration: underline;}


.cislo {color: #808080; text-decoration: none;font-weight:bold;}
.cislo:hover {text-decoration: none;}


.emptycell {padding: 10px 0 10px 0; text-align: center;	background: url(../images/gray_pixel.gif) center left repeat-x;}
.emptycell span {color: #808080; font-style: italic; background: #fff; padding: 0 5px 0 5px;}

td,th {
	font-size: 12px;
}

.without_border {
	border: none !important; 
	background-color: #fff !important;
}

.nopadleft {padding-left: 0 !important;}

.per100 {
	width: 100%;
}

.ital {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.border_collapse {
	border-collapse: collapse;
}


.paging {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
}

.paging a {
	color: #808080;
	text-decoration: none;
}

#tabledata > th,.tabledata > th{
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	background-color: #808080;
	font-weight: bold;
	padding: 5px 3px;
  font-size: 11px
}

#tabledata > td,.tabledata > td {
	color: #808080;
	border-bottom: 1px solid #808080;
	padding: 3px 4px;
	background-color: #fff;
	vertical-align: middle;
  font-size: 11px  
}

.tdata {
	color: #808080;
	border-bottom: 1px solid #eee;
	padding: 3px 4px;  
  padding-right: 15px !important;
  font-size: 11px;
  vertical-align: middle !important; 
}
.serror td.tdata {color:#ff0000;}
#tabledata td.tdata {
  height:21px !important;
}
.tdata.align_right {
  padding-right: 20px !important;
}

.tdata a {color: #598527; text-decoration: none}
.tdata a:hover {text-decoration: underline;}
.tdata em {color: #1d8036}

.sumace td.tdata {font-weight:bold;}
.evidence_sumace {background-color: #efefef;}
.evidence_sumace td.tdata {font-weight:bold;font-size:13px;}
.evidence_sumace_m {background-color: #bbff99;}
.evidence_sumace_m td.tdata {font-weight:bold;font-size:13px;}


.activerow {background-color: #e3f2d0;}
.evidence_sumace.activerow, .evidence_sumace_m.activerow {background-color: #e3f2d0;}
.neplatic {background-color: #ffcccc !important;}

.activerow2 {background-color: #e3f2d0;}
.xactivecol {background-color: #e3f2d0 !important;}
tr.activerow td.xactivecol {background-color: #fff !important;}

#tabledata tr.final,.tabledata tr.final {background-color:#adebad;}
#tabledata tr.activerow.final,.tabledata tr.activerow.final  {background-color:#bcfab7 !important;}



.fullwidth {width:100%;}

.thead {
	border-color: #eee;
	border-style: solid;
	border-width: 1px;
	color: #777;
	background-color: #eee;
  padding-top:4px !important;
  padding-bottom:4px !important;
	padding-left: 5px;
  padding-right: 5px;
}

.theadsekce1 {border-color: #c2ea95;
  border-style: solid;
  border-width: 1px;
  color: #777;
  background-color: #c2ea95;
  padding-top:4px !important;
  padding-bottom:4px !important;
  padding-left: 5px;
  padding-right: 5px;}
.theadsekce2 {
  border-color: #c4e09e;
  border-style: solid;
  border-width: 1px;
  color: #777;
  background-color: #c4e09e;
  padding-top:4px !important;
  padding-bottom:4px !important;
  padding-left: 5px;
  padding-right: 5px;}

#tabledata .thead {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#tabledata .thead.align_right {
  padding-right: 25px !important;
  padding-left: 0px !important;
}
#tabledata .thead.align_right20 {
  text-align:right;
  padding-right: 20px !important;
  padding-left: 0px !important;
}

.tfilter {
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	background-color: #fff;
	vertical-align: top;
}

.filter_header {background-color: #808080; height: 20px; width: 100%;}
.filter_footer {color: #808080; background-color: #eee; height: 20px; margin: 0px; padding: 3px 0 0 3px; clear: both; width: 100%;}

.filter_header_left {
	width: 49%;
	text-align: left;
	padding: 2px 0 0 3px;
	color: #fafafa;
	font-weight: bold;
	float: left;
}

.filter_header_right {
	width: 49%;
	text-align: right;
	padding: 3px 3px 0 0;
	float: right;
}

.filter_form {padding: 0;}
.filter_form td {padding: 5px; color: #808080;}
.width1 {width: 162px;}
.width2 {width: 250px;}
.width3 {width: 300px;}
.width4 {width: 200px;}
.width100 {width: 100%;}

.clear {clear: both;}

.page_title {
	color: #ff6600;
	font-weight: bold;
	font-size: 16px;
}

.header {
	background: #333 url(../images/cfd_layout_top.gif) top left no-repeat;
	text-align: left;
	padding: 10px 10px 10px 280px;
	color: #fafafa;
	font-size: 12px;
	vertical-align: center;
	height: 90px;
	width: 100%;

}

.header_m2g {
	background: #333 url(../images/cfd_layout_top_m2g.gif) top left no-repeat;
	text-align: left;
	padding: 10px 10px 10px 280px;
	color: #fafafa;
	font-size: 12px;
	vertical-align: center;
	height: 90px;
	width: 100%;

}

.headertable {
	width: 100%;
}

.headertext {
	width: 100%;
	text-align: left;
	color: #fafafa;
	font-size: 12px;
}

.gray {color: #c0c0c0;}

.detail_box { float:right;margin:5px 5px 0 0; }
.grafdiv {
	display:none;
	position:absolute;
}
.odkaz {color: #55881b  !important; font-weight:bold; cursor:hand;cursor:pointer;}
.odkaz:hover {text-decoration:underline;}
.userdatadiv {
	display:none;
	position:absolute;
	top:100px;
	left:250px;
	background-color: #fff;
	border: 1px solid #808080;
	box-shadow:         #c0c0c0 10px 10px 20px; 

}


.orderable,.orderable2 { white-space:nowrap !important; cursor:hand;cursor:pointer;color: #79ab3e !important;}

.orderimage {
	display:inline-block;
	width:0px;
	height:0px;
	margin-left:5px;
	vertical-align: middle;
}
.noorder .orderimage { border:0; }
.ascorder .orderimage { 
	border-bottom:4px solid #258f25;
	border-right: 4px solid transparent;
	border-top: 0 dotted;
	border-left: 4px solid transparent;
}
.descorder .orderimage {
	border-top:4px solid #258f25;
	border-right: 4px solid transparent;
	border-bottom: 0 dotted;
	border-left: 4px solid transparent;
}

.form_popis, .form_pole, .form_popis_long {
	margin-top:4px !important;
	/*margin-left:0px !important;*/
}
td.form_popis_long {
	padding-top:4px !important;
	padding-right:4px !important;
	/*width:120px;
	white-space:normal;*/
	/* zalamovat nebo roztahovat */
}
td.form_popis, td.form_pole {
	padding-top:4px !important;
	white-space:nowrap !important;
}

td.form_popis.withdatepicker, td.form_pole.withdatepicker {
	padding-top:0px !important;margin-top:0px !important;
}


.top0 {padding-top: 0px !important;margin-top: 0px !important;}

.superhidden {display: none !important;}
.sethidden {display: none;}
.visibleblock {display:block;}
.visibleinline {display:inline;}
.visibleinlineblock {display:inline-block;}

input[type="submit"] {font-size: 12px !important;cursor:hand;cursor:pointer;}

#editace-form tr td {vertical-align:top}
#editace-form tr td#editace-form-first {width:340px}
#editace-form tr td#editace-form-first input, #editace-form tr td#editace-form-second input, #editace-form tr td#editace-form-third input {width:150px}
#editace-form tr td#editace-form-first select {width:165px}
#editace-form tr td#editace-form-second select {width:165px}
#editace-form tr td#editace-form-third select {width:165px}
#editace-form tr td#editace-form-second input[type="file"] {width:250px}
#editace-form tr td#editace-form-second textarea {width:258px;height:160px}
#editace-form tr td#editace-form-third input[type="file"] {width:250px}
#editace-form tr td#editace-form-third textarea {width:258px;height:160px}
#editace-form tr td table tr td, #editace-form tr td table tr th {padding:3px 5px;vertical-align:middle}
#editace-form tr td sup {font-size:13px;position:relative;top:4px;left:1px;color:rgb(54, 141, 27)}

table.td-middle tr td {vertical-align: middle}

/*.ui-datepicker-trigger { position: relative; top: 6px; left:2px;cursor:pointer}*/
.ui-datepicker-trigger { position: absolute;cursor:hand;cursor:pointer;margin-left:2px;}

.openform td {vertical-align: middle !important; padding:1px 2px !important;}

option:disabled {
    background: #efefef;
}

.buttons {margin:20px 0px;}
.buttons input[type="button"] {margin-right:15px;}

textarea {white-space: pre-wrap}

textarea#clients_poznamka {
	width: 250px;
	height: 80px;
	border: 2px solid #cccccc;
	padding: 5px;
	/*font-family: Tahoma, sans-serif;*/
	
}

textarea.popis {
	width: 250px;
	height: 80px;
	border: 2px solid #cccccc;
	padding: 5px;
}

#popis_row{
 /* background: #fafafa url(../images/bubble_icon.png) no-repeat left;   */ 
 background: #fff url(../images/bubble_icon.png) no-repeat left;    
 padding-left: 30px;
 margin-bottom: 20px;
 font-weight: bold;
 font-family: Verdana, Helvetica, sans-serif;
}

button.bfileinput {cursor:pointer;font-size:12px !important;font-family: Verdana, Helvetica, sans-serif;margin:0 2px !important;padding:8px !important;background:#cecece;color:#111;border:0}



/* STYLY PRO HELP */
.help_hide_me,.help_show_me,.help_edit_me {color: #7db338 !important; font-weight:normal; cursor:hand;cursor:pointer;text-decoration:underline;}
.help_hide_me:hover,.help_show_me:hover,.help_edit_me:hover {text-decoration:underline;}
.help_presun_mne {
  /* obalovaci blok helpu */
  border:1px solid #bbb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color:white;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  
  width:500px;
  height:500px;

  padding:15px;
  position:absolute !important;
  top:0px;
  left:0px;
  text-align:left;
  vertical-align:top;
  z-index: 1000;

}
.help_hide_me {
  /* button zavrit help */
  margin:0 !important;
  float:right;
  position:relative !important;
  top:4px;
  left:-15px;
  font-size:15px;
  font-weight:bold;
  cursor:hand;cursor:pointer;
  width:20px;
  height:20px;
  text-align:center;
  vertical-align:middle;
  z-index: 1001;
}
.help_hide_me span {
  display: none;
}
.help_hide_me:after {
  content:url("../images/delete_lightgray.png");
}
  /* button zobrazit help */
.help_show_me span {
   display: none; 
}
.help_show_me:after {
  content: 'Nápovìda';
}
.help_edit_me span {
   display: none;
}
.help_edit_me:after {
  content: 'Editovat help';
}
.help_clear {margin:0 !important; clear:both;}
.help_body, .help_obsah {
    background-color:white;
    
    white-space: normal !important;
    position:relative !important;
    top:0 !important;
    left:0 !important;
}
.help_body {
  width:495px !important;
  margin:0 !important;
}
.help_obsah {
  padding:15px 5px 15px 5px;
  width:485px !important;
  height:430px;
  overflow-x: hidden;
  overflow-y: auto;

  margin:10px 0 0 0 !important;
}
.help_nadpis {
  cursor: move;
    background:#5a8923 url("../images/button.png") left top repeat-x scroll;padding:5px 8px;color:#fff;font-size:13px !important;
    width:480px !important;
    white-space: nowrap !important;
    position:relative !important;
    top:0px !important;
    left:0px !important;
    margin:0 !important;

}
/* HELP KONEC */
#zamsessions {background:#ddd}
#zamsessions tr td, #zamsessions tr th {background:#fff;text-align:center;padding:6px 5px}
#zamsessions tr th {background:#D5DEEB;text-align:center;padding:2px 5px !important;}

#eadresa::after{content:'Email';}
.semafor {margin-bottom:10px;padding-left:10px;color:#cc0000;font-weight:bold;}
.vzsemafor {margin:5px;color:#cc0000;font-weight:bold;}



/* Countdown-bar General */
div.countdown-bar {
    width: 0;
    
    margin-bottom: 20px;
    border: 1px solid rgb(233, 8, 8);
    background-color: rgba(189, 184, 184, 0.788);
}

/* Loader */
div.countdown-bar div:nth-of-type(1) {    
    width: 0; 
    height: 100%; /* vyska se nastavuje ve scriptu */
    margin-bottom: 5px;
}

/* Timer */
div.countdown-bar div:nth-of-type(2) {    
    width: 100%; 
    height: 100%;
}

.dot {
  height: 8px;
  width: 8px;
  background-color: #ff0000;
  border-radius: 50%;
  display: inline-block;
}

.mdot {
  height: 8px;
  width: 8px;
  background-color: #992600;
  border-radius: 50%;
  display: inline-block;
}