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

}

/* nazwa app - nazwa modulu -- nazwa widoku */
.sza-client--Client {

}

/* nazwa app - nazwa modulu -- nazwa widoku --- nazwa zmiennej */
.sza-client--Client---varName {

}

#sza-client--Client---id {

}

#sza-client--Client---top {
   display: table;
   width: 100%;
}
#sza-client--Client---bottom {
   display: table;
   width: 100%;
   height:90%;
}

.sza-client--Client---top-row {
   display: table-row;
   width: 100%;
}

#sza-client--Client---space {
   display: table-cell;
   width: 80px;
   padding-bottom: 0px;
   height: 15px;
}

.sza-client--Client---line1 {
   border-bottom: 1px solid #0080ff;
}

.sza-client--Client---line2{
   border-bottom: 1px solid white;
}

#sza-client--Client---data {
   display: table-cell;
   height: 15px;
   background: url('../../res/css/img/bookmark_shadow_back_hori.png') repeat-x left
      bottom;
   font-weight: bold;
   text-align: center;
   padding-bottom: 5px;
}

#sza-client--Client---end {
   display: table-cell;
   width: 26px;
   height: 15px;
   background: url('../../res/css/img/bookmark_end.png') no-repeat left bottom;
   padding-bottom: 5px;
}

#sza-client--Client---menu {
   display: table-cell;
   width: 80px;
   height: 315px;
   background: url('../../res/css/img/bookmark_shadow_back_vert.png') repeat-y right top;
   vertical-align: top;
   padding-top: 0px;
}

#sza-client--Client---content {
   display: table-cell;
   background-color: white;
   padding: 0px 0px 0px 10px;
   height: 100%;
}

#sza-client--Client---footer {
   background: url('../../res/css/img/bookmark_end2.png') no-repeat right top;
   width: 80px;
   height: 21px;
}

#sza-client--Client---bookmark-add {
   text-align: center;
   background-color: white;
   padding: 2px 2px 0px 2px;
   border: 1px solid #a8d154;
   width: 110px;
   float: left;
   z-index: 998;
}

#sza-client--Client---bookmark-add-view {
   position: absolute;
   display: none;
   left: 81px;
   top: -3px;
   width: 109px;
   z-index: 998;
}
#sza-client--Client---bookmark-add-view2 {
   position: absolute;
   display: none;
   left: 111px;
   top: 62px;
   width: 109px;
   z-index: 998;
}

#sza-client--Client---shadow-side2 {
   background: url('../../res/css/img/bookmark_shadow_top.png') repeat-y 83px 0px;
}

#sza-client--Client---bookmark-add .sza-client--Client---bookmark-element {
   background-color: #a8d154;
   padding: 4px 0px 4px 0px;
   width: 110px;
   margin-bottom: 1px;
}

#sza-client--Client---bookmark-add #sza-client--Client---bookmark-end {
   margin-bottom: 2px;
}

#sza-client--Client---shadow-bottom {
   background: url('../../res/css/img/bookmark_shadow_bottom.png') no-repeat 1px 0px;
   width: 86px;
   height: 4px;
}

#sza-client--Client---shadow-side {
   background: url('../../res/css/img/bookmark_shadow_top1.png') no-repeat 0px 2px
      white;
   width: 3px;
   height: 25px;
   float: left;
}

#sza-client--Client---bookmark-list {
   font-family: verdana;
   font-size: 10px;
   margin-bottom: 12px;
   width: 80px;
   margin: right;
}

#sza-client--Client---bookmark-list .sza-client--Client---bookmark-element {
   width: 80px;
   margin-bottom: 3px;
}

#sza-client--Client---bookmark-list .active {
   background-color: white;
   border-top: 1px solid #0080ff;
   border-left: 1px solid #0080ff;
   border-bottom: 1px solid #0080ff;
   height: 16px;
   text-align: center;
   padding: 2px 0px 0px 0px;
   color: #0080ff;
   font-weight: bold;
}

#sza-client--Client---bookmark-list .unactive {
   margin: 0px 3px 1px 0px;
   background-color: #7aabfc;
   color: white;
   text-align: center;
   height: 14px;
   padding: 3px 0px 3px 0px;
   cursor: pointer;
}

.sza-client--Client---bookmark-add2 {
   margin: 0px 3px 1px 0px;
   background-color: #a8d154;
   color: white;
   text-align: center;
   height: 14px;
   padding: 3px 0px 3px 0px;
   position: relative;
   width: 77px;
   border-right: 3px solid white;
}

.sza-client--Client---bookmark-add2:hover {
   width: 77px;
   padding-right: 4px;
   background: url('../../res/css/img/bookmark_stamp.png') no-repeat 76px 6px
      #a8d154;
   margin-right: -2px;
}

/* ****************************************************************************
 * CLIENT CO OWNER FORM
 **************************************************************************** */
.sza-client--ClientCoOwnerForm---rootForm {
}

.sza-client--ClientCoOwnerForm---rootForm > div > ng-form > .sza---formTable > div > div:nth-child(1), 
.sza-client--ClientCoOwnerForm---rootForm > div > ng-form > .sza---formTable > div > div:nth-child(3) {
	min-width: 175px !important;
	text-align: right;	
} 

/* ****************************************************************************
 * BOOKMARK CLIENT
 **************************************************************************** */

.sza-client--ClientBookmark---right {
    min-width: 30%;
    /*float: right;*/
    overflow: hidden;
    height: auto;
 }

.sza-client--ClientBookmark---left {
    min-width: 65%;
    height: 100%;
    border-style: outset;
    border-color: #0000004d;
    overflow: hidden;
}
.sza-client--ClientBookmark---middle {
    border-style: outset;
    border-color: #0000004d;
    height: 30%;
    width: 98%;
}

.sza-client--ClientBookmark---bottom {
    border-style: outset;
    border-color: #0000004d;
    width: 98%;
}

.vr {
    border-left:1px solid black;
    margin:0 7.5px;
}

.sza-client--ClientBookmark---color > div:nth-child(2n+1){
    background-color:red;
}
.sza-client--ClientBookmark---detailLeft {
   width: 45%;
   float: left;
   display: block;
   text-align: right;
   font-weight: bold;
   padding-right: 2%;
   margin:2px;
}

.sza-client--ClientBookmark---detailRight {
   width: 45%;
   float: left;
   display: block;
   margin:2px;
}
.sza-client--ClientBookmark---detailVeryLeft {
   width: 25%;
   float: left;
   display: block;
   text-align: right;
   font-weight: bold;
   padding-right: 2%;
   margin:2px;
}
.sza-client--ClientBookmark---detailCenter {
    width: 35%;
    float: left;
    display: block;
    margin: 2px;

}
.sza-client--ClientBookmark---detailVeryRight {
   width: 30%;
   float: left;
   display: block;
   margin:2px;
}


#dynamicTableRows .ui-grid-viewport{
  word-wrap: break-word;
  white-space: normal !important;
}
#dynamicTableRows .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
  justify-content: center;
}

#dynamicTableRows .ui-grid-row {
  height: auto !important;
}
#dynamicTableRows .ui-grid-cell {
  height: 100% !important;
}

#dynamicTableRows .ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}

.ui-grid-header-cell {
	height: 30px !important;
}