/*  ------------------------------------------------------
file: pps_status.css
usage: css styles speziell für Status Seite

author: thomas bruhin, media sonics, 4148 pfeffingen
design: gerd wippich, metaphor gmbh, 4000 basel

first release: 2019-10-18
------------------------------------------------------ */


/* datentabelle mit den statusdaten */
table { table-layout: auto; width: 100%; }
table tr > td { text-align: left; width: 66px; font-size: 1rem; }
td.geschlossen { color: #999; }
td a { text-decoration: none; color: black; }
td a:hover { text-decoration: underline; color: black; }
td img.parkh_icon { width: 44px; height: 44px; vertical-align: middle; margin-top: 8px; }
td.parkh_name { width: 132px; text-align: left; }
td.parkh_belegung { text-align: right; font-weight: bold; width: 88px; }
td.parkh_status { text-align: center; width: 108px; }
td.parkh_route { text-align: right; }
td.parkh_route i { display: none; }


/* fix for "smaller" smartphones */
@media screen and (max-width: 420px) {

}
@media screen and (max-width: 330px) {

}

/* responsive breakpoint: tablet */
@media screen and (min-width: 860px) {
  table { table-layout: fixed; }
  table tr > td { width: 54px; }
  td.parkh_name { width: 216px; }
  td.parkh_belegung { text-align: right; font-weight: bold; width: 66px; }
  td.parkh_status { text-align: center; width: 108px; }
  td.parkh_route { text-align: right; width: 216px; }
  td.parkh_route i { display: inline-block; font-style: normal; padding-right: 28px; }
}

/* responsive breakpoint: desktop full */
@media screen and (min-width: 1280px) {

}