#message {width: 100%; float: left; justify-content: center;}
#message .inner {width: auto;}


#vyberDatumu {width: 100%; float: left;}
#vyberDatumu .inner {width: 100%; float: left; flex-direction: column; justify-content: center; text-align: center;}
#vyberDatumu .inner input {width: 239px; font-size: 28px; text-align: center;}


#vyberKurtu {width: 100%; float: left;}
#vyberKurtu .inner {width: 100%; float: left; flex-direction: column; justify-content: center; text-align: center;}


#buttonFrame {width: 100%; float: left; flex-direction: column; justify-content: center; align-items: center;}


#kurtList {width: 100%; float: left; flex-direction: column; align-items: center;}
#kurtList .item {margin: 0 0 20px 0; text-align: left;}
#kurtList .item .name {font-size: 20px;}
#kurtList .item .name span {color: #cccccc; font-style: italic; font-size: 17px;}
#kurtList .item .hours {}
#kurtList .item .hours .cell {width: 55px; height: 55px; border: 1px solid #ccc; border-right: 0; color: #999; cursor: pointer;}
#kurtList .item .hours .cell {flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; align-content: center;}
#kurtList .item .hours .cell:last-child {border: 1px solid #ccc;}
#kurtList .item .hours .cell svg {width: 8px; fill: #cccccc;}

#kurtList .item .hours .cell.active {background-color: forestgreen; background-image: none; color: white;}
#kurtList .item .hours .cell.active svg {fill: white;}

#kurtList .item .hours .cell.closed {background-color: #A43709; color: white; cursor: not-allowed;}
#kurtList .item .hours .cell.closed {width: 55px; height: 55px; background-color: #A43709; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M0 10 L10 0 M0 0 L10 10' stroke='%23C1440E' stroke-width='1'/%3E%3C/svg%3E"); background-repeat: repeat;}
#kurtList .item .hours .cell.closed svg {fill: white;}


#order {width: 100%; float: left;}
#order .inner {width: 100%; float: left; padding: 0;}
#order .inner .data {width: 100%; float: left; margin: 0 0 20px 0; font-size: 18px;}
#order .inner .data .row {width: 100%; float: left; margin: 5px 0;}
#order .inner .data .row span {font-weight: 700;}


#mainText {width: 100%; float: left;}


.hashedBox {
  width: 55px;
  height: 55px;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M0 10 L10 0 M0 0 L10 10' stroke='%23eee' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
}