@CHARSET "UTF-8";
   
/* nazwa app - nazwa modulu */
.sza-devs {

}

/* nazwa app - nazwa modulu -- nazwa widoku */
.sza-devs--Devs {

}

/* nazwa app - nazwa modulu -- nazwa widoku --- nazwa zmiennej */
.sza-devs--Devs---varName {

}

#sza-devs--Devs---id {

}

.sza-devs--group---separator{
   color: black;
   border: .1em solid black;
   background-color: black;
   float: left;
   width: 60%;
}

.sza-devs--DevForm---cols {
   padding-top:    8px;
   padding-bottom: 4px;
}

.sza-devs--DevForm---cols:not(:nth-last-child(1))
.sza-devs--DevForm---cols:not(:nth-last-child(2)),
.sza-devs--DevForm---cols:not(:nth-last-child(3)),
.sza-devs--DevForm---properties {
   /*border-bottom: 2px solid white;*/
}

.sza-devs--DevForm---cols > div {
   float: left;
   width: 85%;
}
.sza-devs--DevForm---cols > div:first-child {
   float: left;
   width: 15%;
}

.sza-devs--DevForm---customAdd {
   background: url("../../res/css/img/new.png") no-repeat left center;
   padding-left: 24px;
   text-align: left; 
}

.sza-devs--DevForm---customDel {
   background: url("../../res/css/img/delete.png") no-repeat left center;
   width: 16px;
   height: 16px;
   display: inline-block;
}


.sza-devs--DevForm---simpleTable {
   margin-left:20%;
   border-collapse: separate;
   border-spacing: 5px;
}

.sza-devs--DevForm---simpleTable > div{
   display: table-row;
}
.sza-devs--DevForm---simpleTable >  div > * {
   white-space: nowrap;
   display: table-cell;
}
.sza-devs--DevForm---simpleTable >  div > div,
.sza-devs--DevForm---simpleTable >  div > div > label {
   white-space: nowrap;
   text-align:  right;
}

/*.sza-devs--DevForm---simpleTable > div:not(:last-child) {
}

.sza-devs--DevForm---simpleTable > div > *:not([type="hidden"]) {
   display: table-cell;
}*/

.sza-devs--DevBookmark---detailColor0{
   background-color: #e6ebf0;
   padding-top: 2px;
   padding-bottom: 2px;
}
.sza-devs--DevBookmark---detailColor1 {
   background-color: #f3f5f8;
   padding-top: 2px;
   padding-bottom: 2px;
}

.sza-devs--DevBookmark---detailColor0--offline{
   background-color: #ffdfdf;
   padding-top: 2px;
   padding-bottom: 2px;
}
.sza-devs--DevBookmark---detailColor1--offline {
   background-color: #ffa8a8;
   padding-top: 2px;
   padding-bottom: 2px;
}

.sza-devs--DevBookmark---detailLeft{
   width: 45%;
   float: left;
   display: block;
   text-align: right;
   padding-right: 2%;
}
.sza-devs--DevBookmark---detailRight{
   width: 45%;
   font-weight: bold;
   float: left;
   display: block;
}