html,
body {
  height: 100%;
}

/* Other Classes for Page Styling */

body {
  background: #f3f3f3;
  background: linear-gradient(to right, #c2c2c2, #f3f3f3);
}

#appContainer, #syncContainer, #caseContainer, #geoerrContainer {
	display: none;
    padding-top: 70px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    max-width: 98%;
}

#menuContainer {
	display: none;
}

#loginContainer {
	display: none;
}

#syncContainer {
	display: none;
}

.area-title {
  margin-top:10px;
  margin-bottom: 10px;
}

footer {
	font-size:0.8em;
}

.jsgrid-header-row>.jsgrid-header-cell {
  font-size: 0.9em;
}

/* rows */
.jsgrid-row > .jsgrid-cell {
  font-size: 0.85em;
}

.jsgrid-row.bg-ok, .jsgrid-alt-row.bg-ok {
  font-style: italic;
}

/* alternate rows */
.jsgrid-alt-row>.jsgrid-cell {
  font-size: 0.85em;
}

/* editing row */
.jsgrid-edit-row>.jsgrid-cell {
  font-size: 0.85em;
}

.jsgrid-row.bg-ok > .jsgrid-cell, .jsgrid-alt-row.bg-ok > .jsgrid-cell {
  background-color: #e1e1e1;
}

.jsgrid-row.bg-during > .jsgrid-cell, .jsgrid-alt-row.bg-during > .jsgrid-cell {
  background-color: #E1F8DC;
}

.jsgrid-row.bg-second > .jsgrid-cell, .jsgrid-alt-row.bg-second > .jsgrid-cell {
  background-color: #FFE7C7;
}


/*   Dymki   */
.dymek {
    border:1px solid #c0c0c0;
    display:inline-block;
    border-radius:3px;
    margin-right:3px;
    margin-top:3px;
    height:60px;
}

.dymek > .podpis {
    display:block;
    padding:3px;
    font-weight:bolder;
    border-bottom:1px solid #c0c0c0;
    font-size:0.7rem;
}

.dymek > .celka {
    display:block;
    text-align:center;
    font-weight:bolder;
    padding:5px;
}

/*   STEPY */

.content-element{
  margin:50px 0 0 0px;
}

.circles-list ol {
  list-style-type: none;
  /*margin-left: 1.25em;*/
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #00c4cc;
  position: relative; }

.circles-list ol > li {
  position: relative;
  margin-bottom: 3.125em;
  clear: both; }

.circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #00c4cc;
  border: 2px solid #00c4cc;
  border-radius: 50%;
  content: counter(li-counter);
  background-color: #ebeced;
  counter-increment: li-counter; }


input:checked ~ label {
    font-weight: bold;
}