body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.orderable { white-space:nowrap !important; cursor:hand;cursor:pointer;color: #2775aa !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 #1f4670;
  border-right: 4px solid transparent;
  border-top: 0 dotted;
  border-left: 4px solid transparent;
}
.descorder .orderimage {
  border-top:4px solid #1f4680;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
}

.align-right {text-align: right !important}

.zoomin { cursor:zoom-in;}
.zoomout { cursor:zoom-out !important;}
.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:#3fa5df}
.acolor {color:#3fa5df;font-weight:bold;padding-left:5px;padding-top:20px;}
.blue {color:#3fa5df !important;}
.ublue {text-decoration: underline !important;color:#3fa5df !important;}

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;}
#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: #555;
  background-color:  #fff;
  border-color: #D9E1EF;
  border-style: solid;
  border-width: 1px;
}
.detail_table_tab td:hover, #detail_table_tab td:hover { background-color: #3fa5df;color: #fff;}

.board-h2 {width:330px;background:#3fa5df;color:#fff}
.schov {margin:-2px 0 0 310px}
.count {margin:0 0 0 275px}
.graf-link {max-width:320px}

.schov { color:#fff;text-decoration:none;cursor:hand;cursor:pointer;font-size:20px;font-weight:normal;position:absolute}
.count { color:#fff;text-decoration:none;font-weight:bold;position:absolute;}
.schov:hover { color: #eee;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: #fff; font-weight: bold;font-size:13px;border-bottom: 1px solid #44aae4;
background: linear-gradient(to bottom, #44aae4 0%, #bacbe2 100%);
border-radius:5px 5px 0 0;text-align:left !important}
#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:#BACBE2}

.reporty_table_detail {margin-bottom:0}
.reporty_table_detail th {padding: 6px 0 5px 8px !important; color: #fff; font-weight: bold;font-size:13px;border-bottom: 1px solid #44aae4;
background: linear-gradient(to bottom, #44aae4 0%, #de2b94 100%);
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: #fff; font-weight: bold;font-size:13px;border-bottom: 1px solid #cc8d10;
    background: linear-gradient(to bottom, #ecad30 0%, #dc9d20 100%);
    border-radius:5px 5px 0 0;text-align:left !important
}

.reporty_table td {padding:5px 8px}
.reporty_table td a {color: #385886; text-decoration: none;display:block}
.reporty_table td a:hover  {text-decoration: underline;}
.reporty_table tr:hover td {background: #d1ecfe}

.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: #d1ecfe;
}
table.tdwt td.xactivecol {
  background-color: #d1ecfe;
}

.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:bold;font-size:13px}

#logout {
	color: #e4eaf1;
  padding-right:16px;
  font-size: 11px;
  white-space:nowrap  		
}
                                
#logout a.logout {
	color: #fff;
  padding:2px 0 2px 16px;
  font-size: 11px;
  white-space:nowrap		
}

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

#zahlavi span, #logout a:hover {color: #fff}

#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: #3fa5df }

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


h2 {padding: 6px 0 6px 8px !important; color: #fff; font-weight: bold;font-size:12px;border-bottom: 1px solid #ddd;
background: #3fa5df; border-radius:5px 5px 0 0 }

table.editklientkytab tr td h2 {padding: 6px 0 6px 8px !important; color: #fff; font-weight: bold;font-size:12px;border-bottom: 1px solid #ddd;
background: #44aae4; border-radius:5px 5px 0 0; margin:8px 0 0 0 !important}

table.editklientkytab tr td.cntr {text-align:center}


.graph_line h2>span, .dgraph_line span, .nadpish2 span { 
  display:inline-block;
  float:right;
  padding-right: 5px;
}
.dgraph_line a {color:white;} 

h3 {padding: 0 0 3px 1px !important; color: #385782; 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: #efefef url("../images/input.png") left bottom repeat-x scroll;
  padding: 4px 6px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #c2c2c2
}
input.disabled {
    background-image: url("../images/spacer.gif");
}

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

select, textarea {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  padding:4px;
}

.boarddisabled { cursor:not-allowed !important;}

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

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

.button, .button-addtocart {
  text-align:center;
  color:#fff;
  background: #44aae4 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, .button-addtocart:hover {
  text-align:center;
  color:#fff;
  background: #44aae4;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}

.button-addtocart:hover {
  background: #222;
}

.buttonsedy, .button-2sedy {
  text-align:center;
  color:#555;
  background: #fff url("../images/input.png") left bottom repeat-x scroll;
  padding: 7px 13px 7px 13px;
  height:29px !important;
  font-size: 12px !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 {
  text-align:center;
  color:#fff !important;
  background: #3fa5df;
  padding: 7px 13px 7px 13px;
  line-height:16px !important;
  height:29px !important;
  text-decoration: none;
  font-size: 12px !important;
  border-radius: 5px;
  border:0;
  box-shadow: 1px 2px 3px #aaa;
  cursor:hand;cursor:pointer;
}
.button-3 {background: #3fa5df;font-weight:normal;color:#fff;border:0;font-size: 12px !important;padding:4px 15px}

.button-2:hover, .button-2:disabled, .button-3:hover {
  text-align:center;
  color:#222;
  background: #6bbcea;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}
.button-3:hover {background: #6bbcea;border:0 !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;
}

.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-small {
  text-align:left;
  color:#444 !important;
  background: transparent url("../images/timeline_icon_small.png") 6px center no-repeat scroll;
  padding: 1px 11px 5px 13px;
  text-decoration: none;
}

.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-konto {
  text-align:left;
  color:#444 !important;
  background: #fff url("../images/edit2.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-konto:hover {
  text-align:left;
  color:#111 !important;
  background: #edf2fa url("../images/edit2.png") 6px center no-repeat scroll;
  text-decoration: none !important;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #bbb;
}

.menucol {
	background: #fff url("../images/left-menu.png") bottom left repeat-y scroll;
	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: #3fa5df !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: #3fa5df !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;
}


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

.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 {
	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;
}

.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: #d1ecfe; 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;
	color: #3763A0;
	font-weight: bold;
	font-size: 12px;
	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: #d1ecfe;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:21px;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:#d1ecfe;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: #3fa5df;
                  background: url(../images/zoom-blue.gif) center left no-repeat;}

.menu-unzoom {
	padding-left: 19px;
	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: #3fa5df;
                  background: url(../images/unzoom-blue.gif) center left no-repeat;}

.au_list {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	height: 290px;
	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;
	
	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;}

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

#timeline {display: none;}

.schuzka {
	background-color: #fff;
	display:none;
	position:absolute;
	top:100px;left:250px;
	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;
  padding-bottom:15px;
	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; 
}

.filter_box {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;left:250px;
  height: auto;
  width: 395px;
  padding: 5px;
  padding-bottom: 15px;
  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;
	height: 280px;
	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: 500px;
	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;
	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;
	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: 130px;
	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;
}

.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; 
}
.dragablebox {
  width:auto !important;
  height:auto !important;
  background-color: #fff;
  display:none;
  position:absolute;
  height:auto !important;
  padding: 10px;
  padding-bottom:15px;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: #aaa 3px 3px 10px; 
}

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

.disclaimer {display:block;}

.customer_tr td {padding: 15px 3px 8px 3px !important;}
.customer_tr td a {color: #6666cc; text-decoration: none;}
.customer_tr td a:hover {color: #6666cc; 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;
  /*display:inline-block;*/
	margin-right: 2px; 
	text-align: center;
	background: #ededed;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  border:1px solid #ddd;

}

.tab a {color: #777;	font-weight: bold; text-decoration: none;font-weight: normal;display:block;	padding:6px 6px 6px 6px;}
.tab a:hover {text-decoration: none;background:#edf2fa;color:#223}

.ktab {
  float: left;
  /*display:inline-block;*/
  margin-right: 2px; 
  text-align: center;
  background: #ededed;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border:1px solid #ddd;

}

.ktab a {color: #777;  font-weight: bold; text-decoration: none;font-weight: normal;display:block; padding:6px 6px 6px 6px;}
.ktab a:hover {text-decoration: none;background:#cd9c20;color:#fff}

.activetab {background: #dc9d20}
.activetab a {color: #fff;}
.inactivetab {background: #aaaaaa}
.inactivetab a {color: #fff;}
.inactivetab a:hover {text-decoration: none;background:#aaaaaa;color:#fff}

.cmenu_produkt {background: #d1e09f}
.activetab.cmenu_produkt {background: #a7c348}
.cmenu_produkt a:hover {text-decoration: none;background:#ecf3d8;color:#223}

.cmenu_klient {background: #ebbb94}
.activetab.cmenu_klient {background: #d47629}
.cmenu_klient a:hover {text-decoration: none;background:#f7e4d4;color:#223}

.cmenu_modra {background: #99ddff}
.activetab.cmenu_modra {background: #66ccff}
.cmenu_modra a:hover {text-decoration: none;background:#cceeff;color:#223}

.cmenu_seda {background: #d9d9d9}
.activetab.cmenu_seda {background: #bfbfbf}
.cmenu_seda a:hover {text-decoration: none;background:#f2f2f2;color:#223}

.addmenurow {
  clear:both;
}

.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;}
.xls_link {background: url(../images/xls_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;}
.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: #416EAD; font-size: 11px; }
.op_col2 h3 {margin: 0 0 5px 0;}

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

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

.weight-normal {font-weight: normal !important}
.weight-bold {font-weight: bold !important}

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

.floatleft {float: left;}
.floatright {float: right;}
.width70  {width:  70px !important;}
.width80  {width:  80px !important;}
.width100 {width: 100px !important;}
.width120 {width: 120px !important;}
select.width120 {width:135px !important;}
.width150 {width: 150px !important;}
.width170 {width: 170px !important;}
.width170.hasDatepicker {width: 175px !important;}
.width200 {width: 200px !important;}
select.width200 {width:215px !important;}
textarea.width200 {width:208px !important;}
textarea.w200 {width:200px !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;}
.width1100 {width: 1100px;}
.width100per {width: 100%;}
.form_left {float: left; margin-right: 20px; width: 385px;}
.form_right {}

.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: #6666cc; text-decoration: none;}
#data_table a:hover  {text-decoration: underline;}
#data_table .data {font-weight: normal; padding-right: 30px; color: #6666cc;}
#data_table .head {background-color: #808080; color: #fafafa;font-weight: bold;}

table.tab-detail {}

#customer_table {}
#customer_table td {
	padding: 3px;
	vertical-align: top;
	color: #808080;
	border-color: #808080;
	border-style: solid;
	border-width: 0px;
}
#customer_table a {color: #44aae4; 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 .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: #111; font-weight: bold;vertical-align:middle;}
.form_pole input {width: 250px; color: #111;padding-top:5px;padding-bottom:5px}

#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;}

.xdisabled {
  font-weight:bold;
  background-image: none;
  background-color: #e7e6e6;
  border: none;
}
input.xdisabled:hover {
  border: none !important;
}

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

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

.anylink a {color: #6666cc; 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 {
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	background-color: #808080;
	font-weight: bold;
	padding: 5px 3px;
  font-size: 11px
}

#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; 
}
#tabledata td.tdata {
  height:22px !important;
}
.tdata.align_right {
  padding-right: 20px !important;
}

.tdata a {color: #2775aa; text-decoration: none}
.tdata a:hover {text-decoration: underline;}
.tdata em {color: #2775aa}

.activerow {background-color: #d1ecfe;}
.activerow td:first-child {}

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

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

#tabledata .thead {
  padding-left: 4px !important;
  padding-right: 5px !important;
}
#tabledata .thead.align_right {
  padding-right: 25px !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: #6666cc  !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; 

}



.form_popis, .form_pole, .form_popis_long {
	margin:5px 0 !important;
}

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

.form_pole input[type="checkbox"] {position:relative;top:3px;left:-5px;background:transparent}
              
.top0 {padding-top: 0px !important;margin-top: 0px !important;}

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

input[type="submit"] {font-size: 13px !important;cursor:pointer;padding:5px 14px}
input[type="submit"]:hover {border:0 !important}

#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 {width:150px}
#editace-form tr td#editace-form-first 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 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:#138}

table.td-middle tr td {vertical-align: middle}
.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;
}

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

#popis_row{
 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;
}

/* STYLY PRO HELP */
.help_hide_me,.help_show_me,.help_edit_me {color: #3fa5df !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 {
  border:1px solid #bbb;
  border-radius: 6px;
  background-color:white;
  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 {
  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");
}

.help_show_me span {
   display: none; 
}
.help_show_me:after {
  content: 'Nápovìda';
}
.help_edit_me {

}
.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:0px !important;
    left:0px !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:#44aae4 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;
}

#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;}
#zamsessions tr td.mesice {}

input.error {
  background-image: none;
  background-color: #ffe6e6 !important;
}

#calendar-pobocky {border-spacing:1px;background:#d8d8d5;width:100%}
#calendar-pobocky tr td {background:#fff;min-width:120px;padding:5px;}
#calendar-pobocky tr td div.calendar-c {min-height:120px}
#calendar-pobocky tr td.today {background:#def}
#calendar-pobocky tr td.othermonth {background:#eee}
#calendar-pobocky tr th {background:#f06eba;padding:6px;color:#fff}

#calendar-pobocky tr td span.calendar-novy {cursor:pointer;display:inline-block;padding:2px 7px;background:#e2108B;color:#fff;border-radius:2px}
#calendar-pobocky tr div.calendar-active {cursor:pointer;padding:5px 3px;margin-top:2px;font-size:11px}
#calendar-pobocky tr div.calendar-active:hover {cursor:pointer;background:#3fa5df !important;color:#fff}
#calendar-pobocky tr div.calendar-notactive {cursor:pointer;padding:5px 3px;margin-top:2px;font-size:11px}
#calendar-pobocky tr div.calendar-notactive:hover {cursor:pointer;background:#3fa5df  !important;color:#fff}

#trenerky_sumarizace {float:right;width:300px;background:#f9f2f7;border:1px solid #e6c9da;padding:8px 14px;border-radius:4px;line-height:20px}

#kalendar-header {width:99%;margin-bottom:12px}
#kalendar-header tr td {vertical-align:middle}
#kalendar-header tr td h4 {font-size:16px;color:#665;min-width:280px}

#kalendar_posouvani span {position:relative;top:-7px;left:0;display:inline-block;min-width:140px;text-align:center}
#kalendar_posouvani img:hover {opacity:0.5}

#cartcontent {border-spacing:1px;background:#eaeaea;margin:7px 0 8px 0}
#cartcontent tr td, #cartcontent tr th {background:#fff;text-align:left;vertical-align:middle !important}
#cartcontent tr td, #cartcontent tr th {padding:5px 6px}
#cartcontent tr th {background:#eaeaea}

h1 {font-size:21px}

.kosik-table {border-spacing:1px;background:#dfdfdf;margin-bottom:12px}
.kosik-table tr td, .kosik-table tr th {background:#fff;text-align:left;vertical-align:middle !important;padding:6px 4px}
.kosik-table tr th {background:#eaeaea}

.kosik-table-souhrn tr td {line-height:22px}

.board-user {padding:3px 3px 4px 30px;background:#fff url("../images/ico-user.png") left center no-repeat scroll;display:inline-block;font-size:14px}
.board-userd {background:#fff url("../images/ico-user-d.png") left center no-repeat scroll}
.board-cart {cursor:pointer;padding:5px 3px 4px 28px;background:#fff url("../images/ico-basket.png") left center no-repeat scroll;display:inline-block;font-size:12px}
.board-cart:hover {color:#44aae4}

.klasik-filtr {display:inline-block;margin-left:30px;background:#fff;padding:4px 11px;border-radius:3px;position:relative;top:-4px;left:0}
.rychly-filtr {display:inline-block;margin-left:35px;background:#f6e4f0;padding:4px 11px;border-radius:3px;position:relative;top:-4px;left:0}

a.klientka-kosik {background:#fff url("../images/ico-kosik.png") center center no-repeat scroll;display:block;width:30px;height:29px;position:absolute;margin:-5px 0 0 0}

.inventura {background:#e6c9da}

.clenstvi_nula {
  background: rgba(255,51,0,1);
background: -moz-linear-gradient(left, rgba(255,51,0,1) 0%, rgba(255,53,3,0) 1%, rgba(255,61,13,0) 5%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,51,0,1)), color-stop(1%, rgba(255,53,3,0)), color-stop(5%, rgba(255,61,13,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,51,0,1) 0%, rgba(255,53,3,0) 1%, rgba(255,61,13,0) 5%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,51,0,1) 0%, rgba(255,53,3,0) 1%, rgba(255,61,13,0) 5%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,51,0,1) 0%, rgba(255,53,3,0) 1%, rgba(255,61,13,0) 5%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,51,0,1) 0%, rgba(255,53,3,0) 1%, rgba(255,61,13,0) 5%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ffffff', GradientType=1 );
}

.clenstvi_ok {
  background: rgba(0,204,0,1);
background: -moz-linear-gradient(left, rgba(0,204,0,1) 0%, rgba(3,205,3,0) 1%, rgba(13,207,13,0) 5%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,204,0,1)), color-stop(1%, rgba(3,205,3,0)), color-stop(5%, rgba(13,207,13,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,204,0,1) 0%, rgba(3,205,3,0) 1%, rgba(13,207,13,0) 5%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,204,0,1) 0%, rgba(3,205,3,0) 1%, rgba(13,207,13,0) 5%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,204,0,1) 0%, rgba(3,205,3,0) 1%, rgba(13,207,13,0) 5%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,204,0,1) 0%, rgba(3,205,3,0) 1%, rgba(13,207,13,0) 5%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cc00', endColorstr='#ffffff', GradientType=1 );
}
.clenstvi_tyden {
  background: rgba(255,153,102,1);
background: -moz-linear-gradient(left, rgba(255,153,102,1) 0%, rgba(255,154,104,0) 1%, rgba(255,158,110,0) 5%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,153,102,1)), color-stop(1%, rgba(255,154,104,0)), color-stop(5%, rgba(255,158,110,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,153,102,1) 0%, rgba(255,154,104,0) 1%, rgba(255,158,110,0) 5%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,153,102,1) 0%, rgba(255,154,104,0) 1%, rgba(255,158,110,0) 5%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,153,102,1) 0%, rgba(255,154,104,0) 1%, rgba(255,158,110,0) 5%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,153,102,1) 0%, rgba(255,154,104,0) 1%, rgba(255,158,110,0) 5%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9966', endColorstr='#ffffff', GradientType=1 );
}


.listdiv {padding:3px;white-space:nowrap;}
.listdiv img {display: inline-block;vertical-align: middle;margin-right:2px;cursor: pointer;cursor: hand;}
.listdiv input {display: inline-block;vertical-align: middle}
.listdiv a {padding-right: 6px;display: inline-block;width:90px; white-space:nowrap;overflow:hidden;vertical-align: middle;}
.listdiv span {padding-left:2px;padding-right: 6px;display: inline-block;width:96px; white-space:nowrap;overflow:hidden;vertical-align: middle;}

.microtext > div { float:left;}
.microtext_deleteme {cursor: pointer;cursor: hand;}

#our-ip {margin:0 0 0 10px;padding:14px 8px;background:#F9F3F8;width:186px;color:#765;text-align:center;font-size:11px}
.tdata.cnnote div {width:310px;overflow:hidden}

#kalendar {border-collapse: collapse;}
#kalendar td {padding:10px;}
.setcols {background-color:#fff5cc }
.den {font-weight:bold}
.today {background-color:#f0f0f0}
.stroj {font-weight:bold;color:#3fa5df;}
.stroj i {font-weight:normal;color:black;}
#kalendar .data {padding:0 !important;width:1080px !important;}
#kalendar .data div {background-image: url("../images/oddelovac.png");background-repeat: no-repeat;background-position: right; }

.setcols.data div {float:left;border-left:1px solid black;width:61px !important;padding-left:10px;line-height:21px;}
.setcols.data div:first-of-type {border-left:0;}
.datacols.data div {float:left;height:16px;margin-top:15px;margin-bottom:15px;}
.predpauza {background-color:#ffffff;background-image:none !important;}
.pauza {background-color:#ddd;background-image:none !important;}
.prestavka {background-color:#efefef;background-image:none !important;}
.obsazeno {background-color:#ff6666;color:white;cursor:hand;cursor:pointer;}
.volno {background-color:#ccffb3;cursor:hand;cursor:pointer;}
.blok {background-color:#ffff99;cursor:hand;cursor:pointer;}
.nocust {background-color:#00b359;cursor:hand;cursor:pointer;}
.notfree {background-color:#00b359;cursor:hand;cursor:pointer;}
.kouckonflikt {background-color:#ffd6cc;cursor:hand;cursor:pointer;}
.checkcopyto {border-left:1px solid #eee;}

.oldobsazeno {background-color:#ffe6e6;color:white;cursor:hand;cursor:pointer;}
.oldvolno {background-color:#ecf9ec}
.oldblok {background-color:#ffffe6}
.oldnocust {background-color:#e6fff2} 

.blokace {display:inline-block}
.odblokace {display:inline-block}

#kalendar-pobocky-div-first, #kalendar-pobocky-div-second {display:inline-block;}
#kalendar-pobocky-div-first img {position:relative;top:5px;left:5px;}
#kalendar-pobocky-div-first a.pos {position:relative;top:2px;left:0}
#kalendar-pobocky-div-second {margin-left:150px}
a img.book-icon {position:relative;top:3px;left:0}

#table_tyden {
 border-collapse: collapse;
}
table#table_tyden ,th.table-tyden ,td.table-tyden  {
  border: 1px solid #f0f0f0;
}
th.table-tyden {
  background-color:#eee;
  border-color:white;
}

#table_tyden tr > th:first-of-type {  
  border-left-color: #f0f0f0;
}
#table_tyden tr > th:last-of-type {
   border-right-color: #f0f0f0;
}

th.table-tyden ,td.table-tyden {
  padding:5px !important;
}

.fa_text { width: 430px;}
.fa_cislo { width: 100px;}
.fa_select { width: 100px;}

.weekend {background-color:#e6ffff;}

#koucinktabledata tr th {padding:6px 4px;background:#eee;text-align:left;}
#koucinktabledata tr td {padding:7px 4px 4px 4px;color:#555;line-height:17px}
#koucinktabledata tr td {border-bottom:1px solid #abc}

h1.h1-small {margin:0 0 4px 0;font-size: 16px}