/*

Barvy:

podklad stredu stranky a paticky
pozadi aktivni zalozky
Zelena 1 - #E6EED6 - sedomodrozelena

pozadi neaktivnich zalozek
pozadi sloupce, podle nehoz se neradi
Zelena 2 - #C1D69B - sedohnedozelena

podklad hlavicky stranky
pozadi sloupce, podle nehoz se radi
nektera tlacitka
Zelena 3 - #85CA0D - jarni zelen

aktivni sloupce
nektera tlacitka
Zelena 4 - #406E3D - tmavozelena
Pismo bile

*/

body {
  margin: 0;
  padding: 0;
}
body, input, textarea, select {
  font-size: 14px;
  font-family: "San Francisco", "Helvetica Neue", "Helvetica" , "Arial", sans-serif;
  letter-spacing: 0.3px;
  color: black;
}
/*input, textarea, select {
  background-color: white;

}*/
input.deadinput {
  background-color: transparent;
  border: none;
  font-size: 8pt;
}
form {
  padding: 0;
  margin: 0;
}

/* poradi: a:link a:visited a:hover a:active */
a {
  text-decoration: none;
  color: #444; /* black */
}
a:hover {
  color: #00aaff;
  text-decoration: underline;
}
a img {
  border: none;
}
.r {
  text-align: right;
}
div.hr {
  margin-top: 5px;
  border-top: 1px solid #eee;
  padding-top: 5px;
}
table.topalign tr td {
  vertical-align: top;
}
select.fw, input.fw {
  width: auto;
}
tr.line-top td {
  border-top: 1px solid black;
}

/***/

h1 {
}
h2 {
}
h3 {
}

/***/

div#pagehead {
  z-index: -10;  /* to not obscure error messages */
  position: fixed;
  width: 100%;
  top:0;
  left:0;
  right:0;
  height: 100px;
  background-color: #f7f7f7 /**sedomodrozelena*/;
}

div#pagemain {
  z-index: -10;
  position: fixed;
  left:0;
  right:0;
  top: 100px;
  bottom: 45px;
  overflow-y: scroll;
  background-color: #fff /**sedomodrozelena*/;
}

div#pagefoot {
  z-index: -10;
  position: fixed;
  width: 100%;
  bottom:0;
  left:0;
  right:0;
  height: 45px;
  background-color: #f0f0f0 /**sedomodrozelena*/;
}

/***/

div#pagemain {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 30px;
}

div.pagehead1, div.pagehead2, div.pagefoot-inner {
  padding-left: 30px;
  padding-right: 45px;  /* 30px + sirka posuvniku v Safari */
}

div.pagehead1 {
  padding-top: 10px;
  background-color: #ccc;
  color: #797979;
}
div.pagehead1 a {
  color: #666;
}
div.pagehead1 a:hover {
  color: #00aaff;
}
div.pagehead2 {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999;
  font-size: 13px;
}

div.pagefoot-inner {
  padding-top: 10px;
}

/***/

div.pagehead1 table {
}
div.pagehead1 table tr td {
  vertical-align: bottom;
}
div.pagehead1 table tr td.filler {
  width: 5px;
}
div.pagehead1 table tr td.menubut {
  text-align: center;
}
div.pagehead1 table tr td.menubut a {
  display: block;
  width: 150px;
  height: 14px;
  padding: 10px 0px;
  background-color: #ddd /**sedohnedozelena*/;
  color: #444 /**tmavozelena*/;
  font-size: 15px;
  font-weight: regular;
  border-radius: 6px 6px 0px 0px;
}
div.pagehead1 table tr td.menubut a:hover {
  text-decoration: none;
  background-color: #eee;
}
div.pagehead1 table tr td.menubut a.selected {
  background-color: #f7f7f7;
}

/***/

/* 0 - spolecne */

div.bigform0 table {
}
div.bigform0 table tr td {
  height: 30px;
}
div.bigform0 table tr td.c4 {
  width: 150px;
}
div.bigform0 .desc {
  color: #999 /**tmavozelena*/;
  font-size: 12px;
  font-weight: normal;
}
div.bigform0 table tr td .fw {
  width: 150px;
}

/* 0 - odchylky */

div.zaklist0 table, div.adresar0 table, div.zakdetail0 table, div.zakdetail1 table {
  width: 100%;
}
div.userdetail0 table {
  width: 70%;
}
div.setpassword0 table {
  width: 50%;
}

div.kalendar0 table tr td.c1 {
  padding-right: 1em;
}

div.zaklist0 table tr.lastchild td {
  border-top: 1px solid white;
  padding-top: 3px;
  height: 33px;
}
div.zaklist0 table tr td.c3 {
  padding-left: 2em;
}

div.adresar0 table tr td.c4 {
  width: 350px;
}
div.adresar0 table tr td input {
  width: 250px;
}

/* 1 - spolecne */

div.zaklist1 table, div.adresar1 table {
  border-top: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.zaklist1 table th, div.adresar1 table th {
  font-size: 8pt;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 2px;
}
div.zaklist1 table thead#mainform_1_1_head th, div.adresar1 table thead#mainform_1_1_head th {
  padding-top: 10px;
  color: #999;
  font-weight: normal;
  font-size: 12px;
}
div.zaklist1 table thead#mainform_1_2_head th, div.adresar1 table thead#mainform_1_2_head th {
  padding-top: 20px;
  color: #00aaff;
  font-weight: 300;
  font-size: 16px;
}
div.zaklist1 table thead#mainform_1_3_head th, div.adresar1 table thead#mainform_1_3_head th {
  padding-top: 10px;
  color: #444444 /**tmavoseda*/;
}

div.zaklist1 tr td, div.adresar1 tr td {
  padding-top: 7px;
  padding-bottom: 7px;
}

div.zaklist1 table tbody#mainform_1_1_body tr td.line1, div.adresar1 tr.class1 td {
  border-top: 3px solid #666;
}

div.zaklist1 table tbody#mainform_1_1_body tr.class1 td, div.adresar1 tr.class1 td {
  border-top: 3px solid #85CA0E;
  background-color: #F2F2F2; /**zelena*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class2 td, div.adresar1 tr.class2 td {
  border-top: 3px solid #3399FF;
  background-color: #F2F2F2; /**modra*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class3 td, div.adresar1 tr.class3 td {
  border-top: 3px solid #FF5577;
  background-color: #F2F2F2; /**cervena*/
}
div.zaklist1 table tbody tr.class4 td, div.adresar1 tr.class4 td {
  border-top: 3px solid #999;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody tr.class5 td, div.adresar1 tr.class5 td {
  border-top: 3px solid #999;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class6 td, div.adresar1 tr.class6 td {
  border-top: 3px solid #00CC99;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class7 td, div.adresar1 tr.class7 td {
  border-top: 3px solid #CC66FF;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class8 td, div.adresar1 tr.class8 td {
  border-top: 3px solid #FF9900;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody#mainform_1_1_body tr.class9 td, div.adresar1 tr.class9 td {
  border-top: 3px solid #FF3399;
  background-color: #F2F2F2; /**seda*/
}
div.zaklist1 table tbody#mainform_1_1_body tr td.line2,
div.zaklist1 table tbody#mainform_1_2_body tr td.line2,
div.zaklist1 table tbody#mainform_1_3_body tr td.line2
{
  border-top: none;
  font-size: 8pt;
}
div.zaklist1 table tbody#mainform_1_1_body tr td.line3,
div.zaklist1 table tbody#mainform_1_2_body tr td.line3,
div.zaklist1 table tbody#mainform_1_3_body tr td.line3
{
  border-top: 1px solid #fafafa;
  font-size: 8pt;
}
div.zaklist1 table tbody#mainform_1_2_body tr td input,
div.zaklist1 table tbody#mainform_1_2_body tr td textarea,
div.zaklist1 table tbody#mainform_1_2_body tr td select
{
  color: #333;
}

div.zaklist1 table tr td:first-child, div.adresar1 table tr td:first-child {
  padding-left: 5px;
}
div.zaklist1 select.fw, div.adresar1 select.fw {
  width: 90px;
}
div.zaklist1 textarea, div.adresar1 textarea {
  font-size: 13px;
  width: 250px;
  height: 50px;
}

/* top separator */
div.zaklist1 table tr td.line0 {
  height: 1px;
  border-top: 1px solid #fff;
  padding-top: 1px;
  padding-bottom: 1px;
  background: white;
}

/* bottom separator */
div.zaklist1 table tr td.line9 {
  height: 1px;
  border-top: 1px solid #ccc;
  padding-top: 0px;
}

/*
div.zaklist1 table tr td div.line1 {
  font-weight: bold;
  margin: 3px 0 5px;
}
div.zaklist1 table tr.class2 td div.line1 {
  color: #001199;
}
div.zaklist1 table tr.class3 td div.line1 {
  color: black;
}
*/
div.zaklist1 table tr td.line3 {
  text-align: right;
}

/* 1 - odchylky */

div.zakdetail1 table tr td {
  padding-right: 5px;
}
div.zakdetail1 table tr.heading td {
  height: auto;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid white;
}
div.zakdetail1 table tr.line2 td {
  padding-bottom: 3px;
  border-bottom: 1px solid white;
}
div.zakdetail1 table tr.oper-ok td, div.zakdetail1 table tr.oper-ok .desc {
  color: #888;
}

/***/

table.mainlist {
  width: 100%;
}

table.mainlist tr td {
  vertical-align: top;
  height: 20px;
}

table.mainlist tr td.bordertop {
  border-top: 1px solid #eee;
}

table.mainlist tr th, table.mainlist tr td {
  padding: 8px 3px 2px 7px;
}
table.mainlist tr th {
  text-align: left;
  background-repeat: no-repeat;
  background-position: center right;
  background-color: #fff /**sedohnedozelena*/;
  color: #aaaaaa /**tmavozelena*/;
  font-size: 12px;
  font-weight: normal;
  height: 20px;
  border-bottom: 2px solid #ccc;
}
table.mainlist tr th.filler {
  padding: 0;
  width: 1px;
  background: white;
}
table.mainlist tr td.filler {
  padding: 0;
  width: 1px;
  background: none;
}
table.mainlist tr th a {
  display: block;
  color: #aaa;
  text-decoration: none;
}
table.mainlist tr th.unsorted {
}
table.mainlist tr th.sorted-asc {
  background-color: #fff;
  border-bottom: 2px solid #00aaff;
  background-image: url("img_menu/ar-whiteontrans-up.png");
}
table.mainlist tr th.sorted-desc {
  background-color: #fff;
  border-bottom: 2px solid #00aaff;
  background-image: url("img_menu/ar-whiteontrans-down.png");
}
table.mainlist tr th.sorted-asc a {
  color: #00aaff;
}
table.mainlist tr th.sorted-desc a {
  color: #00aaff;
}

table.mainlist tr td {
  background-color: white;
  color: #444;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #ccc;
}
table.mainlist tr td.separator {
  height: 5px;
  background: none;
  padding: 0px;
}
table.mainlist tr td a {
  display: block;
  /* overflow: hidden; */
  color: #000;
  text-decoration: none;
}
table.mainlist tr td.before-deadline a {
  color: black;
}
table.mainlist tr td.dnes a {
  color: #9CCD00; /**dnes, ale jeste ne po terminu*/
}
table.mainlist tr td.after-deadline a {
  color: #ff0000 /**cervena*/;
}
table.mainlist tr td.class-icon {
  width: 14px;
  text-align: center;
  padding-top: 7px;
}

table.mainlist tr.childless td a {
  color: #666;
}

/***/

.button {
  padding: 8px 8px 8px;
}
span.anchorbut a {
  padding: 6px 10px 4px 10px;
}

.button, .anchorbut a {
  padding: 6px 10px 4px 10px;
  vertical-align: baseline;
  border: none;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: #0088ff;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #0088ff;
  border-radius: 4px;
  font-size: 13px;
}
.anchorbut a:hover {
  text-decoration: none;
  background-color: #0088ff;
  color: #fff;
}

.button.operclass1, .anchorbut a.operclass1 {
  border: 1px solid #85CA0E;
  color: #85CA0E;
}
.button.operclass1, .anchorbut a.operclass1:hover {
  border: 1px solid #85CA0E;
  background-color: #85CA0E;
  color: #fff;
}
.button.operclass2, .anchorbut a.operclass2 {
  border: 1px solid #3399FF;
  color: #3399FF;
}
.button.operclass2, .anchorbut a.operclass2:hover {
  border: 1px solid #3399FF;
  background-color: #3399FF;
  color: #fff;
}
.button.operclass3, .anchorbut a.operclass3 {
  border: 1px solid #FF5577;
  color: #FF5577;
}
.button.operclass3, .anchorbut a.operclass3:hover {
  border: 1px solid #FF5577;
  background-color: #FF5577;
  color: #fff;
}
.button.operclass4, .anchorbut a.operclass4 {
  border: 1px solid #999;
  color: #999;
}
.button.operclass4, .anchorbut a.operclass4:hover {
  border: 1px solid #999;
  background-color: #999;
  color: #fff;
}
.button.operclass6, .anchorbut a.operclass6 {
  border: 1px solid #00CC99;
  color: #00CC99;
}
.button.operclass6, .anchorbut a.operclass6:hover {
  border: 1px solid #00CC99;
  background-color: #00CC99;
  color: #fff;
}
.button.operclass7, .anchorbut a.operclass7 {
  border: 1px solid #CC66FF;
  color: #CC66FF;
}
.button.operclass7, .anchorbut a.operclass7:hover {
  border: 1px solid #CC66FF;
  background-color: #CC66FF;
  color: #fff;
}
.button.operclass8, .anchorbut a.operclass8 {
  border: 1px solid #FF9900;
  color: #FF9900;
}
.button.operclass8, .anchorbut a.operclass8:hover {
  border: 1px solid #FF9900;
  background-color: #FF9900;
  color: #fff;
}
.button.operclass9, .anchorbut a.operclass9 {
  border: 1px solid #FF3399;
  color: #FF3399;
}
.button.operclass9, .anchorbut a.operclass9:hover {
  border: 1px solid #FF3399;
  background-color: #FF3399;
  color: #fff;
}
.button.but-delete {
  /*background-color: #85CA0D */
  /**jarni zelen*/
}

/***/

#sugbox { position:absolute; text-align:left; width:560px; z-index:1020; background:white; top:25px; left:0; }
#sugbox div { position:relative; z-index: 1020; border: 1px dotted gray; font-size: 12px; }
#sugbox div p { padding: 0; margin: 0; padding-left: 0.5em; }
#sugbox div p.hover { background-color: #85CA0D; color: white; cursor:pointer; }

/***/

.jslabel {
  font-style: italic;
}

div#autosave-banner {
  display: none;
  position: fixed;
  z-index: 10;

  left: 25%;
  width: 50%;
  text-align: center;

  top: 25%;
  height: 30%;
  padding-top: 10%;
  padding-bottom: 10%;

  font-size: 200%;
  background-color: #888;
  color: white;
}

/***/

div.searchform table tr td {
  height: 22px;
}

span.bold {
  font-weight: normal;
  font-family: "San Francisco", "Helvetica Neue", "Helvetica" , "Arial", sans-serif;
  font-size: 16px;
}

/***/

div.page-nav {
  font-weight: normal;
}

div.page-nav table.paging tr td {
  border-left: 1px solid white;
}
div.page-nav table.paging tr td:first-child {
  border-left: none;
}

div.page-nav table.paging tr td a, table td.paging a
{
  height: 16px;
  padding: 6px 6px 4px;
  display: block;
  color: #999;
  text-decoration: none;
  background-color: transparent;
}
div.page-nav table.paging tr td a.dead, table td.paging a.dead
{
  color: #00aaff /**jarni zelen*/;
}

/***/

div.small-calendar-title table {
  width: 180px;
  margin-bottom: 3px;
}
div.small-calendar-title table tr td {
  text-transform: capitalize;
  width: 18px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
div.small-calendar-title table tr td.middle {
  width: 144px;
  text-align: center;
  background-color: #fff;
  color: #00aaff;
  border-bottom: 1px solid #ccc;
}
div.small-calendar-title table tr td:first-child {
  border-left: none;
}
div.small-calendar-title table tr td a {
/*
  height: 19px;
  padding: 2px 8px;
  display: block;
*/
}

/***/

div.small-calendar table.numbers {
  width: 180px;
}
div.small-calendar table.numbers tr {
  height: 19px;
}
div.small-calendar table.numbers tr th {
  text-transform: capitalize;
  font-weight: normal;
  text-align: center;
  background-color: #fff;
  color: #ccc;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 5px 0 5px 0;
}
div.small-calendar table.numbers tr td {
  text-align: center;
  background-color: white;
  border-left: 1px solid #E6EED6;
  border-bottom: 1px solid #E6EED6;
}
div.small-calendar table.numbers tr th:first-child {
  border-left: none;
}
div.small-calendar table.numbers tr td:first-child {
  border-left: none;
}

div.small-calendar table.numbers tr td.today {
  background-color: #00aaff;
  color: #fff;
}
div.small-calendar table.numbers tr td.weekend {
  font-weight: bold;
}
div.small-calendar table.numbers tr td.other-month {
}

/***/

div.big-calendar-title table {
  width: 100%;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 8px;
}
div.big-calendar-title table tr td {
  width: 18px;
  vertical-align: middle;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
div.big-calendar-title table tr td.long {
  width: auto;
  background-color: #fff;
  color: #00aaff;
  padding: 0 1em;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
div.big-calendar-title table tr td.user {
  width: 50px;
  background-color: #fff;
  color: #999;
  padding: 0 0.5em;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

/***/

div.big-calendar table {
  margin: 0;
  padding: 0;
}
div.big-calendar table tr th {
  text-transform: capitalize;
  background-color: #fafafa;
  padding: 3px;
  border-left: 1px solid #aaa;
}
div.big-calendar table tr th a {
  color: #999;
  text-decoration: none;
}
div.big-calendar table tr th.today {
  background-color: #00aaff;
}
div.big-calendar table tr th.today a {
  color: #fff;
}

div.big-calendar table tr th:first-child {
  background: #fafafa;
  border-left: none;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #eee;
}

div.big-calendar table tr th.no-left-border {
  border-left: none;
}

div.big-calendar table tr td {
  background-image: url("img_menu/bg-cal.png");
  text-align: center;
  width: 120px;
}
div.big-calendar table tr td a {
  display: block;
  text-decoration: none;
  color: #333;
}

div.big-calendar table tr td.weekend {
}

div.big-calendar table tr td.left-border-visible {
  border-left: 1px solid #aaa;
}

div.big-calendar table tr td.gauge {
  color: black;
  background-image: none;
  border-top: 1px solid white;
  font-size: 8pt;
  width: 50px;
}
div.big-calendar table tr td.gauge div {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #aaa;
}
div.big-calendar table tr.line-cara td {
  background: none;
}
div.big-calendar table tr.line-dochazka td {
  background: none;
  padding-top: 5px;
  vertical-align: top;
}
div.big-calendar table tr.line-dochazka td a {
  display: block;
  color: black;
}

/***/

div.current-time-line {
  border-top: 2px dotted #ff0000 /**cervena*/;
}

/***/

div.workatt table {
  width: 100%;
}
div.workatt table tbody tr:first-child td {
  height: 20px;
}
div.workatt table tbody tr td {
  padding: 2px 2px;
}
div.workatt table tbody tr td.cell1 {
  width: 90px;
  border-bottom: 1px solid white;
}
div.workatt table tbody tr td.cell2, div.workatt table tbody tr td.cell3 {
  border-bottom: 1px solid #eee;
  background-color: white;
}
div.workatt table tbody tr td.cell3 {
  border-left: 1px solid #E6EED6;
  text-align: right;
}
div.workatt table tbody tr.weekend td.cell2, div.workatt table tbody tr.weekend td.cell3 {
  background-color: #f5f5f5;
}
div.workatt table tbody tr td a {
  display: block;
  color: black;
}
div.workatt table tbody tr td a:hover {
  text-decoration: none;
}

div.workatt table tfoot tr td {
  height: 22px;
  font-weight: bold;
  background-color: #fff;
  color: #00aaff;
  padding: 0 0.5em;
  border-bottom: 1px solid #999;
}

/***/

div.event-memberlist div.head {
  width:180px;
  margin-top: 10px;
  color: #999;
}

div.event-memberlist div.body {
  width:180px;
  background-color:white;
  margin-top: 3px;
}
div.event-memberlist div.body div a {
  display: block;
  color: black;
  padding: 5px;
  border-bottom: 1px solid #eee;
}
div.event-memberlist div.body div a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}
div.event-memberlist div.body div.selected a {
  background-color: #fff;
  color: #00aaff;
}

/***/

div.loginbox {
  width: 360px;
  height: 260px;
  background-color: #f0f0f0;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 0px;
  font-size: 12px;
  border-radius: 10px;
}
div.loginbox div.part1 {
  height: 180px;
  font-size: 14px;
  border-bottom: 1px solid #fff;
}
div.loginbox div.part2 {
  height: 20px;
  font-size: 8pt;
  border: 1px solid transparent;
}
div.loginbox table tr td {
  padding-top: 8px;
  padding-left: 30px;
  padding-right: 30px;
}
div.loginbox p {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

/***/

div.dbg {
  margin: 6px 0;
  background: yellow;
}

div.loud {
  padding: 10px;
  background-color: red;
  border: 5px solid yellow;
}

input.warning {
  background-color: #fffc93;
}

/***/

/*
p { border: 1px dotted yellow; }
div { border: 1px dashed red; }
*/