@charset "UTF-8";
.hidden-template { display: none; }

.wh-rooms { width: 100%; margin-bottom: 15px; }

.wh-rooms td { padding: 5px 10px; }

.wh-rooms--zebra tr:nth-child(2n) { background: #E3F2FD; }

.wh-rooms th { font-weight: bold; color: #084c9d; padding: 5px 10px; }

.wh-rooms .wh-title { width: 70%; }

.wh-rooms .wh-room-type { width: 27%; }

.wh-rooms .wh-board { text-align: center; width: 15%; }

.wh-rooms .wh-date { text-align: center; width: 15%; }

.wh-rooms .wh-cancellation { width: 18%; text-align: center; }

.wh-rooms .wh-price { width: 15%; text-align: center; }

.wh-rooms .wh-order { width: 10%; text-align: right; vertical-align: middle; }

.wh-rooms .wh-order a { background: #4FC3F7; padding: 5px 15px; color: white; text-decoration: none; margin-left: 10px; display: inline-block; box-shadow: 0px 2px #E1F5FE; }

.wh-rooms .wh-order a:hover { background: #2196F3; }

.cell-content { position: relative; }

.title-text:hover .room-info { display: block; cursor: pointer; }

.title-icon { display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; cursor: pointer; position: relative; color: white; border-radius: 10px; background: #4FC3F7; text-align: center; font-weight: bold; font-family: arial; }

.title-icon:hover .room-info, .title-icon:hover .price-info, .title-icon.active .room-info, .title-icon.active .price-info { display: block; }

.room-info, .price-info { position: absolute; top: 0; left: 100%; border: 1px solid #EF6C00; display: none; /* width: 200px; */ background-color: white; color: #EF6C00; z-index: 1; padding: .5em 1em; min-width: 250px; }

.rooms-header { margin-top: 10px; margin-bottom: 5px; }

@media only screen and (max-width: 560px) { .wh-rooms { width: 100%; }
  .wh-rooms td { width: 100% !important; display: inline-block; text-align: left !important; }
  .isAr .wh-rooms td { text-align: right !important; }
  .wh-rooms tr th { display: none; }
  .wh-rooms .title-icon { float: left; margin-right: 3px; }
  .isAr .wh-rooms .title-icon { margin-left: 14px; }
  .wh-rooms .wh-order { text-align: center !important; }
  .isAr .wh-rooms .wh-cancellation .cell-content { text-align: right !important; } }

/* ========== Stránkování ========== */
.paging-and-sort { position: relative; margin: 1em 0; }

.paging-and-sort:after { display: block; content: ""; clear: both; }

.paging-and-sort .paging { float: left; position: relative; margin: 0; padding: 0; }

.paging-and-sort .paging a { display: inline-block; text-decoration: none !important; width: 100%; }

.paging-and-sort .paging__page { float: left; padding: 0 4px; list-style-type: none; min-width: 24px; margin: 0; text-align: center; }

.paging-and-sort .paging__page:before { display: inline; content: ""; }

.paging-and-sort .paging__current-page { border-radius: 8px; color: #fff; background-color: red; font-weight: bold; }

/* ========== Řazení ========== */
.sort-filter { position: relative; float: right; }

.sort-filter:after { display: block; content: ""; clear: both; }

.sort-filter__header, .sort-filter__item { float: left; list-style-type: none; }

.sort-filter__item { margin-left: 24px; position: relative; }

.sort-filter__item:after { display: block; content: ""; clear: both; }

.sort-filter__label, .sort-filter__button { float: left; }

.sort-filter__label { margin-right: .7em; }

.sort-filter__button--active, .sort-filter__button--active a { color: red; }

/* ========== progress - loading ========== */
.progress { position: relative; width: 70%; height: 10px; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid #00366c; background-color: #eaf5ff; }

.progress:after { display: block; content: ""; clear: both; }

.progress__bar { float: left; height: 100%; width: 0; background-color: #00366c; }

/*# sourceMappingURL=WebHotelier.css.map */