/*
body {
    margin:  2em
}
body, .ui-widget, .ui-widget .ui-widget {
    font-weight: 400 !important;
    font-size: 10pt !important;
}
h1, h2 {
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
* {
    font-family: Arial, sans-serif;
    color: #000000;
}
h1 {
    font-size: 350%;
    color: #cc071e;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 100%;
    font-weight: bold;
}
table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
td, th {
    padding: 0.2em 1em 0.2em 0 ;
}
*/

.mainHeading h1 {
    padding-top: 0.2em;
}
.nowrap {
    white-space: nowrap;
}
.msg {
    color: rgb(40%, 40%, 40%);
}

.mainHeading {
    height: auto;
    padding: 1em 0;
    width: 100%;
}
.webapp-station-range {
	position: relative;	
}
.webapp-station-range .labels {
	margin-left: 2em;
}
.webapp-station-range ul {
	margin: 0;
	padding: 0
}
.webapp-station-range li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.webapp-station-range .ui-slider {
	top: 15px;
	position: absolute;
}
#occupancyInfoStationRangeContainer {
    overflow: auto;
}
button#logOutButton {
	border-color: red!important;
}
td,
th {
	vertical-align: top;
}
th {
    text-align: left;
}
/*
thead {
    border-bottom: 1px solid rgb(60%, 60%, 60%);
}
table {
    border-collapse: collapse;
}
table h3, table h4, table p {
    margin: 0; 
    padding: 0;
}
*/
.tree-table-row-caption {
    font-weight: bold;
}
.blocking-transport-header,
.ui-datatable .ui-datatable-data td div.ui-dt-c.column-type.blocking-transport-cell,
.padding-indent-0 {
    padding-left: 0.5em !important;
}
.blocking-unitgroup-header,
.ui-datatable .ui-datatable-data td div.ui-dt-c.column-type.blocking-unitgroup-cell,
.padding-indent-1 {
    padding-left: 2.5em !important;
}
.blocking-unit-header,
.ui-datatable .ui-datatable-data td div.ui-dt-c.column-type.blocking-unit-cell,
.padding-indent-2 {
    padding-left: 4.5em !important;
}
.padding-indent-3 {
    padding-left: 6.5em !important;
}
.min-width-3 {
    min-width: 6em;
}
p {
    margin: 1em 0;
}
div#footer {
    margin: 1em 0 2em 0;
    color: #aaa;
}
p.help {
    font-size: 90%;
    color: rgb(40%, 40%, 40%);
    background-image: url("../resources/images/question-small.png");
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    padding: 0.5em 0.5em 0.5em 20px;
}

table div.ui-selectonelistbox {
    width: 100%;
}
#blockableItems td {
    border: none;
}
td.option-header, td.option {
    padding: 0.5em 1em 0.5em 0;
}
td.option-last-column {
    padding: 0.5em 0 0.5em 0;
}
td.option-header {
    padding-top: 1em;
}
#searchTransportForm {
    width: auto;
}
/*
#blockableItems .transport {
    margin-left: 0em;
}
#blockableItems .unitgroup {
    margin-left: 2em;
}
#blockableItems .unit {
    margin-left: 4em;
}
*/
span.occupancy-number {
    display: inline-block;
    text-align: right;
    width: 4em;
}
span.occupancy-number.occupancy-header {
    width: auto;
}
span.occupancy-numberOfOccupied {
    /*color: #8A0514;*/
}  
span.occupancy-numberOfVacant {
    /*color: #4E8A05;*/
}
span.occupancy-total {
    /*color: red;*/
}

.ui-slider .ui-slider-range {
    background-color: #2F746F;
    background-image: none;
}

div#uiblocker-panel {

}
div.uiblocker-body {
    text-align: center;
    padding: 1em;
}
img.uiblocker-icon {
    vertical-align: bottom;
}
/*
Set minimum height to ensure table background (which is actually set on the <div> elements instead of <td> elements)
fills out all cells. The height matches the height of the remove-blocking buttons.
*/
div.blocking-transport-cell,
div.blocking-unit-cell,
div.blocking-unitgroup-cell {
    min-height: 2.4em;
}

/* Background colour as per https://framtidsplats.codebasehq.com/projects/framtidsplats/tickets/1739 */
td.occupancy-unit-cell.unitgroup-index-odd,
.blocking-unit-header.unitgroup-index-odd,
.blocking-unit-cell.unitgroup-index-odd {
    background-color: #f5e1dc;
}

/* Background colour as per https://framtidsplats.codebasehq.com/projects/framtidsplats/tickets/1739 */
td.occupancy-unit-cell.unitgroup-index-even,
.blocking-unit-header.unitgroup-index-even,
.blocking-unit-cell.unitgroup-index-even {
    background-color: #dce7f5;
}

/* Background colour as per https://framtidsplats.codebasehq.com/projects/framtidsplats/tickets/1739 */
td.occupancy-unitgroup-cell.unitgroup-index-odd,
.blocking-unitgroup-header.unitgroup-index-odd,
.blocking-unitgroup-cell.unitgroup-index-odd {
    background-color: #f5cdc4;
}
/* Background colour as per https://framtidsplats.codebasehq.com/projects/framtidsplats/tickets/1739 */
td.occupancy-unitgroup-cell.unitgroup-index-even,
.blocking-unitgroup-header.unitgroup-index-even,
.blocking-unitgroup-cell.unitgroup-index-even {
    background-color: #c4d8f5;
}
/*
Suppress cell padding inherited from Prime Faces theme. Padding added to <div> elements in <td> elements instead since
the background colour is defined for the <div>s rather than the <td>s.
*/
.ui-datatable .ui-datatable-data td.ui-datatable-subtable-header div.ui-dt-c,
.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
    padding: 0 !important;
}
/*
Add "cell" padding which was removed from the real table cells. This is necessary even since the Prime Faces SubTable
component does not allow us to specify cell styles.
*/
tr.ui-widget-content td div.ui-dt-c,
.ui-datatable .ui-datatable-data td div.ui-dt-c,
td.ui-datatable-subtable-header div.ui-dt-c div {
    padding: 4px 10px;
}

/*
Left-align header cells. Note the double-hyphen since the header row has no "level" attribute.
*/
.ui-treetable th.occupancy--cell {
    text-align: left;
}

.ui-treetable th.occupancy--cell .occupancy-number-header {
    text-align: center;
}
td.tree-table-row-caption span.occupancy-item-has-blocking {
    font-weight: normal;
}