/* === Jednoduchá tabulka === */


.table-wrap{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


.ui-table{
  width: 100%;
  min-width: 620px;


  /* změna kvůli hezkému vnějšímu okraji */
  border-collapse: separate;
  border-spacing: 0;


  font: inherit;
  background: #ffffff;


  border: 1px solid #c8dbec;     /* viditelnější vnější okraj */
  border-radius: 6px;            /* jemně modernější */
  overflow: hidden;


  box-shadow: 0 1px 0 rgba(15,64,93,.05); /* velmi jemný depth */
  color: #0f405d;
}


/* Hlavička */
.ui-table thead th{
  text-align: left;
  padding: 12px 18px;


  font: inherit;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .03em;
  text-transform: uppercase;


  color: #0f405d;
  background: #f3f8fd;


  border-bottom: 1px solid #b9cfe3;
}


/* Buňky */
.ui-table td{
  padding: 16px 18px;


  font: inherit;
  font-size: 14px;
  line-height: 1.45;


  border-bottom: 1px solid #eef3f8;  /* jemnější oddělení řádků */
  color: #0f405d;
  background: #ffffff;
}


/* poslední řádek bez linky */
.ui-table tbody tr:last-child td{
  border-bottom: 0;
}


/* první sloupec */
.ui-table tbody td:first-child{
  font-weight: 600;
  color: #0f405d;
  background: #fbfdff;
  white-space: nowrap;
}


/* hover */
.ui-table tbody tr:hover td{
  background: #f9fcff;
}
.ui-table tbody tr:hover td:first-child{
  background: #fbfdff;
}


/* Mobil */
@media (max-width: 640px){
  .ui-table thead th{
    padding: 10px 14px;
  }
  .ui-table td{
    padding: 12px 14px;
  }
}