@CHARSET "UTF-8";

/* nazwa app - nazwa modulu */
.sza-buildingClients {

}

/* nazwa app - nazwa modulu -- nazwa widoku */
.sza-buildingClients--BuildingClients {

}

/* nazwa app - nazwa modulu -- nazwa widoku --- nazwa zmiennej */
.sza-buildingClients--BuildingClients---varName {

}

#sza-buildingClients--BuildingClients---id {

}

/******************************************************************************
* buildingClientsView
*******************************************************************************/


table.sza-buildingClients--BuildingClients---root {
   border-collapse: seperate;
   border-spacing:  5px;
   width:           100%;
}

table.sza-buildingClients--BuildingClients---root > tbody > tr {
}

table.sza-buildingClients--BuildingClients---root > tbody > tr:nth-child(4n+2),
table.sza-buildingClients--BuildingClients---root > tbody > tr:nth-child(4n+1) {
   background-color: #E6EBF0;
}
/*
table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+2),
table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+1) {
   background-color: #DCE1E6;
}
*/
table.sza-buildingClients--BuildingClients---root > tbody > tr:nth-child(4n+4), 
table.sza-buildingClients--BuildingClients---root > tbody > tr:nth-child(4n+3) {
   background-color: #F3F5F8;
}
/*
table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+3),
table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+4) {
   background-color: #E9EBEE;
}
*/

table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+1),
table.sza-buildingClients--BuildingClients---root > tbody > tr:hover:nth-child(4n+3) {
   cursor:           pointer;
   background-color: #BED0FA;
}

table.sza-buildingClients--BuildingClients---root > tbody > tr:nth-child(4n+2) {
}


table.sza-buildingClients--BuildingClients---root > tbody > tr > td {
   padding: 3px 5px 4px 5px;
}

/******************************************************************************
 * EVENT FORM
 ******************************************************************************/

.sza-buildingClients--BuildingClients---root {
   display: table;
   width: 100%;
}

.sza-buildingClients--BuildingClients---root > * {
   display: table-row;
}

.sza-buildingClients--BuildingClients---root > * > * {
   display: table-cell;
   width: 50%;
}

.sza-buildingClients--BuildingClients---root > * > *:first-child {
   text-align:    right;
   padding-right: 5px;
}

.sza-buildingClients---table,
.sza-buildingClients--BuildingClients---root /*,
.sza-buildingClients--NrList---root*/ {
   display: table;
   border-collapse: separate;
   border-spacing: 5px;
   table-layout: fixed;
}

.sza-buildingClients--BuildingClients---attentionLeft {
   border-top: 3px solid orange;
   border-left: 3px solid orange;
   border-bottom: 3px solid orange;
}


.sza-buildingClients--BuildingClients---attentionRight {
   border-top: 3px solid orange;
   border-right: 3px solid orange;
   border-bottom: 3px solid orange;
}

.sza-buildingClients---tableCell,
.sza-buildingClients--BuildingClients---root > * > */*,
.sza-buildingClients--NrList---root > div > div*/ {
   display: table-cell;
   padding: 3px 5px 4px 5px;
}