html, body
{
    height: 100%;
}

body
{
}

.center-screen
{
  position: absolute;
  left: 50%;
  top: 50%;
}

.page-content
{
    padding-top: 3.125rem;
    min-height: 100%;
    height: 100%;
}

.table .input-control.checkbox
{
    line-height: 1;
    min-height: 0;
    height: auto;
}
table caption.footnote
{
  caption-side: bottom;
  text-align: left;
  font-size: 0.8em;
}

@media screen and (max-width: 800px)
{
    #cell-sidebar
    {
        flex-basis: 52px;
    }
    #cell-content
    {
        flex-basis: calc(100%);
    }
    #cell-tree
    {
      display:none;
    }
  .grid .row > .cell,
  .grid .row[class*=cells] > .cell,
  .grid .row > .cell[class*=colspan],
  .grid .row[class*=cells] > .cell[class*=colspan]
  {
    width: 100%;
    margin: .3125rem 0;
  }
}

.treeview.bigger .value
{
  color:blue;
  font-size: 0.6em;
}

.treeview.bigger ul>li
{
  font-size: 1.3rem;
}

.treeview.bigger.colored ul>li>.leaf>.icon
{
  color: red;
}

.treeview.bigger ul>li>ul>li
{
  font-size: 1rem;
}

.treeview.bigger.colored ul>li>ul>li>.leaf>.icon
{
  color: #555555;
}

.treeview.bigger ul>li>ul>li>ul>li
{
  font-size: 0.75rem;
}

.treeview.bigger.colored ul>li>ul>li>ul>li>.leaf>.icon
{
  color: rgba(85, 85, 85, 0.44);
}

.identifier
{
  margin-left:1rem;
  font-size:0.5em;
  position:relative;
  top:-0.5em;
}

ul.app-bar-menu li.active
{
  background-color:#005696;
}

.accordion.heading-style > .frame
{
  margin: 0.625em 0em;
}
.accordion.heading-style > .frame > .heading {
  display: block;
  padding: 0 0 0 25px;
  background-color: transparent;
  cursor: pointer;
  text-transform: none;
  font-weight: 300;
  position: relative;
  border: 0;
  overflow: auto;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s ease;
  font-size: 1.5rem;
  line-height: 1.5;
  text-shadow: none;
}

.accordion.heading-style > .frame > .heading:before {
  position: absolute;
  display: block;
  left: -7px;
  top: 0.25em;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.45em solid transparent;
  border-top: 0.45em solid transparent;
  border-bottom: 0.45em solid rgb(86,86,86);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all 0.3s ease;
}

.accordion.heading-style > .frame > .heading:hover {
  background-color: transparent;
}

.accordion.heading-style > .frame.active > .heading {
  background-color: transparent;
  color: black;
  box-shadow: none;
  text-shadow: none;
  transition: all 0.3s ease;
}

.accordion.heading-style > .frame.active > .heading:before {
  left: 0px;
  border-bottom-color: rgb(86,86,86);
  transition: all 0.3s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.accordion.heading-style > .frame.active > .content {
  display: block;
}
.accordion.heading-style > .frame > .content {
  padding: .625rem;
  display: none;
  background-color: #ffffff;
  z-index: 1;
}

.dt-buttons
{
  float: left;
  display: block;
  margin: 0 1rem 0 0;
  font-size: 2.1rem;
}

.dt-button
{
  cursor: pointer;
  margin: 0 0.3rem;
  color: rgb(153, 153, 153);
}

.panel.success > .content
{
  background-color: #B9D8B2;
}
.panel.success > .heading > .icon
{
  background-color: #508C13;
}
.panel.alert > .content
{
  background-color: #ffb2ae;
}
.panel.alert > .heading > .icon
{
  background-color: #A52B23;
}
.panel.gray .heading .icon
{
  background-color: #808080;
}
.panel.gray .heading
{
  background-color: #B8B8B8;
}
.panel.yellow .heading .icon
{
  background-color: #a19d37;
}
.panel.yellow .heading
{
  background-color: #d0ca35;
}

.detailtable
{
  margin:0;
}  
.detailtable td
{
  padding:4px 40px 4px 0;
}  

/*
.panel.responsive > .heading
{
  height:2.5vw;
  padding: 0.63vw 0;
  font: 500 1.15vw/0.9 "Segoe UI", "Open Sans", sans-serif, serif; 
}
.panel.responsive > .heading > .title
{
}
.panel > .heading > .icon + .title {
    margin-left: 3.5vw;
}
.panel.responsive > .heading > .icon
{
  font-size: 1.15vw;
  height: 2.5vw;
  width: 2.5vw;
  padding: 0.63vw;
}
*/

.infotable td
{
  vertical-align: top;
}

.infotable tr > td
{
  padding-right: 10px;
}

.prihltable td
{
  padding: 3px 15px;
}

.button
{
  height: auto;
  min-height: 2.125rem;
}

.button.helper-button
{
  height: 1.875rem;
  min-height: 1rem;
}

.tabcontrol.clean .tabs li.active a {
  background-color: transparent;
  color: #1b6eae;
  text-shadow: none;
}

.tabcontrol.clean .tabs li:hover a {
  background-color: transparent;
}

.tabcontrol.clean .frames .frame {
  background-color: transparent;
  padding:10px;
}

.floating-detail
{
  float: right;
}

.calendartable
{
  table-layout: fixed;
}

.calendartable tbody td
{
  padding: 0.1rem !important;
  height: 6.5rem;
  vertical-align: top;
  position: relative;
}

.calendartable .daynumber
{
  display: inline-block;
}

.calendartable .event
{
  margin: 0.6rem 0.1rem 0.1rem 0.1rem;
  padding: 0.5rem;
  min-height: 5rem;
  overflow: hidden;
}

.calendartable .event.no-height
{
  min-height: auto;
}

.calendartable .event.disabled,
.calendartable .event.disabled a,
.calendartable .event.disabled span.tag
{
  color:#bbbbbb !important;
  background: #ffffff !important;
}

.calendartable .event.disabled span.tag
{
  background: #eeeeee !important;
}

.event:hover:not(.ui-draggable-dragging)
{
  height: auto !important;
  z-index:999;
  min-width: 200px;
  position: relative;
  border: 1px solid black;
  border-radius: 3px;
}

.hand
{
  cursor: pointer;
}

.bg-event-zavod
{
  background: #00aba9 !important;
}

.bg-event-mapa
{
  background: #f0a30a !important;
}

.bg-event-soustr
{
  background: #78aa1c !important;
}

.bg-event-teorie
{
  background: #00ccff !important;
}

.bg-event-ostatni
{
  background: #eeeeee !important;
}

.bg-event-poznamka
{
  background: #FFFFFF !important;
}

.hidden
{
  display: none;
}

.zooming.zoomed
{
  transition: all .2s ease-in-out;
  width: 80vw;
  max-width: 400px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10;
  border: 1px solid #000000;
  transform: translate(-50%, 0%);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.zooming
{
  transition: all .2s ease-in-out;
  width: 100%;
  position: initial;
  left: 0;
}

@media print
{
  .page-content
  {
    padding-top: 0;
  }
  .app-bar
  {
    display: none;
  }
  #cell-sidebar
  {
    display:none;
  }
  #cell-tree
  {
    display:none;
  }
  #cell-list
  {
    display:none;
  }
  .button
  {
    display:none;
  }
  #cell-content
  {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height:auto;
    overflow: visible;
  }
  *
  {
    color:black;
  }
}

div.table 
{
    display:table;
}
FORM.tr, DIV.tr
{
    display:table-row;
}
div.td
{
    display:table-cell;
}