/* main */

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

#container {
  min-height: 100%;
  position: relative;
}

.main {
  background-color: #ffffff;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 40px;
  margin-top: 1em;
}

/* header banner */

div.banner {
  display: block;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #cc0000;
}

div.banner-in {
  margin: 0;
  padding: 0.5em 1em;
}

.apptitle p {
  padding-left: 15px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 400;
  color: #404040;
}

.apptitle .hl {
  color: #ff9200;
}

.apptitle-nologo .hl {
  color: #ff9200;
}

/* footer */

.footer {
  position: absolute;
  bottom: 0;
  width: 95%;
  padding-top: 6px;
  height: 40px;
}

/* table */

.text-narrow {
  font-family: "Open Sans Condensed", sans-serif;
}

.table-fixed {
  table-layout: fixed;
  width: auto;
}

.coltxt4 {
  width: 3em;
}

.coltxt8 {
  width: 6em;
}

.coltxt12 {
  width: 9em;
}

.coltxt16 {
  width: 12em;
}

.coltxt20 {
  width: 15em;
}

.coltxt24 {
  width: 18em;
}

.coltxt32 {
  width: 24em;
}

.coltxt40 {
  width: 30em;
}

.numalign {
  text-align: right;
}

.coltxt8-imp {
  width: 6em !important;
}

input.narrowpadding {
  padding-left: 3px;
  padding-right: 3px;
}

input.rightaligned {
  text-align: right;
}

.table-border-bottom tr:last-child > td, 
  .table-border-bottom tr:last-child > th {
  border-bottom: 2px solid #DDD;
}

.navbar-default .navbar-brand {
  color: #fff;
  background-color: #F24F00;
  font-weight: 800;
}

#web2py_user_form {
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  padding: 12px;
}

#web2py_user_form .form-group {
  margin-bottom: 0;
}
.h1-login {
  text-align: center;
}
.web2py-menu-first {
  margin-left: -15px;
}

.navbar-default {
    background-image: none;
    box-shadow: none;
}
.navbar-default {
    background-color: rgb(229, 229, 229);
    border: none;
}
.navbar {
    position: relative;
    min-height: 35px;
    margin-bottom: 17px;
    border: none;
}

.border-left {
  border-left: 2px solid #DDD;
}

.highlight-plan {
}

.highlight-max {
  color: rgb(204,0,0);
}

.highlight-proti {
}

.highlight-skut {
  color: rgb(0,0,204);
}

table thead {
    background-color: white;
}

.preview-box {
    display: inline-block;
    width: 200px;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 6px;
    margin: 6px;
    text-align: center;
}

.icon-in-preview-box {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.hl-dokumenty {
  background-color: #fcf8e3;
}

.hl-reklamace {
  background-color: #F2DEDE;
}

.table-hover > tbody > tr.hl-dokumenty:hover {
  background-color: #EAE6D3;
}

.table-hover > tbody > tr.hl-reklamace:hover {
  background-color: #E0CDCD;
}

.padding-bottom-small {
    padding-bottom: 6px;
}

#graf-container {
    display: flex;
    flex-wrap: wrap;
}

#graf-container > * {
    flex: 0 1 50%;
}

.graf-window {
    padding: 6px;
}

.hl-nadsitne {
    background-color: #FFC4A8;
}

.centeralign {
  text-align: center;
}

.error {
    color: #cc0000;
    border: 1px solid #cc0000;
    border-radius: 4px;
    padding: 2px;
    margin: 4px 0px;
}

.form-inline .error_wrapper {
    margin: 0px 4px;
    display: inline-table;
    vertical-align: middle;
}

.sticky-table-wrapper {
	overflow: scroll;
	max-height: 70vh;
}

.sticky-table {
  table-layout: fixed;
  border-collapse: separate;
  /* min-width: 100em; */
}

.sticky-table-wrapper .sticky-table {
  max-width: inherit;
  width: inherit;
}

th.sticky,
td.sticky {
  position: sticky;
  left: 0;
	background-color: inherit;
	z-index: 1;
}

.sticky-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.dow-1,
.dow-2,
.dow-3,
.dow-4,
.dow-5 {
	background-color: white;
}

.dow-6 {
  background-color: #DFF0D8;
}

.dow-7 {
  background-color: #F2DEDE;
}

.dow-h {
  background-color: #FFFF80;
}