.header .page-menu li {
  visibility: hidden ; 
}

.cs-display-none {
  display: none; 
}

.cs-clearfix:after {
  clear: both; 
  display: block;
  content: "";
}

.cs-overlay {
  position: absolute; 
  left: 0;
  top: 0;
  background: #555 no-repeat center center ;
  z-index: 11000;
}

.cs-overlay .content {
  color: #FFFFFF; 
  position: absolute;
  display: inline;
/*  padding-top: 160px;*/
}

.cs-overlay.hidden {
  left: 10000px;
}

.cs-label {
  line-height: 23px;
}

.cs-tooltip.qtip {
  font-family: Tahoma,Arial,Helvetica,sans-serif;  
  font-size: 12px;
  padding: 0.3em 0.5em;
}

.cs-tooltip.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;  
}

.cs-control {
  position: relative;
  display: inline-block;  
  box-sizing: border-box !important;
  overflow: hidden;
  /* dla elementów inline-block w zależności od zawartości (np z tekstem lub bez) 
  może się różnić pozycje w stosunku do elementu nadrzędengo, żeby zapobiec temu 
  służy poniższa linijka
  */
  /* //#106665.24.06 tag: */
  vertical-align: bottom; 
}

.cs-page-item .content {
	overflow: auto;
}

.cs-control.cgs-calendar {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */  
}

.cs-control input,
.cs-control textarea {
  outline: none;
}

.cs-control.text-edit.error input,
.cs-control.select.error select {
  background-color: #f2dede;  
}


.cs-tooltip {
  position: absolute;
  background-color: #fff;
  border: 1px solid #555;
  text-align: center;
  padding: 8px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.cs-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}



.cs-form-control {  
  display: block;
  width: 100%;
  height: 23px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cs-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.cs-form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.cs-form-control:-ms-input-placeholder {
  color: #777;
}
.cs-form-control::-webkit-input-placeholder {
  color: #777;
}
.cs-form-control[disabled],
.cs-form-control[readonly], 
.cs-control[disabled],
.cs-control[readonly], 
.cs-control.disabled,
.cs-control.readonly, 
.cs-control.button.disabled,
.cs-control.button.readonly, 
.cs-control input[disabled],
.cs-control input[readonly], 
.cs-control textarea[disabled],
.cs-control textarea[readonly]{
  /*cursor: not-allowed;*/
  background-color: #eee;
  opacity: 1;
}

.cs-control.text-edit input {
  width: 100%;
  height: 100%; 
  margin: 0px;
}

.cs-control.select select {
  width: 100%;
  height: 100%; 
  margin: 0px;
}

/*
.cs-control.button,
.cs-control.text-edit,
.cs-control.label, 
.cs-control.select {
  margin: 0px 3px;
} */

.cs-control.button {
   -moz-user-select: none;
    background-color: #fff;
    background-image: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-color: #CCCCCC;
    color: #333;
    cursor: pointer;
    display: inline-block;
/*    padding: 0px 10px;*/
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.cs-control.button * {
  line-height: inherit;
}

.cs-control.button:hover:not(.disabled):not(.readonly) {
  color: #333; 
  background-color: #e6e6e6;
  border-color: #adadad;  
}

.cs-btn {  
  margin: 0px 3px;
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
/*  border-radius: 3px;  */
  color: #333; 
  background-color: #fff;
  border-color: #ccc;     
}

.cs-btn:hover {
  color: #333; 
  background-color: #e6e6e6;
  border-color: #adadad;  
}

.cs-tree {}


.cs-tree.jstree a {
  color: black;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 1px 2px;
  text-decoration: none;
  white-space: nowrap;
}

.cs-tree.jstree.jstree-default {
  background: transparent !important;
}

.cs-tree.jstree-default .jstree-hovered {
  height: 14px;
  line-height: 14px;
}

.cs-tree.jstree-default .jstree-clicked {
  background-color: #3399ff;
  border: 1px solid #3399ff;
  color: #ffffff;  
  /*
  background: #D2D2F6;
  border: 1px solid #A6A6E5; */
  height: 14px;
  line-height: 14px;
}

.cs-context-menu {
  color: #333333;  
}

.cs-context-menu .context-menu-item {
  padding: 4px 4px 4px 10px ;   
  font-family: Tahoma,Arial,Helvetica,sans-serif;      
}

/* Messages */

.cs-messanger {
  width: auto;
  margin: 5px 5px 0px;   
}

.cs-messanger ul {
  display: block;
  margin: 0px;
  padding: 0px;
}

.cs-messanger ul li.type-2 {
  background-color:#F2DEDE;
  border-color:#EBCCD1;
  color:#A94442;  
}

.cs-messanger ul li {
  list-style: none;
  display: block;  
  border: 1px solid transparent;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 3px;
  padding: 5px 10px; 
  overflow: hidden;
}

.cs-messages {
  width: 500px;
}

.cs-messages ul {
  margin: 0px;
  padding: 0px;
  display: block;
}

.cs-messages ul li.type-2{
  background-color:#F2DEDE;
  border-color:#EBCCD1;
  color:#A94442;  
}

.cs-messages ul li {
  list-style: none;
  display: block;  
  border:1px solid transparent;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  margin-bottom:5px;
  padding:15px; 
  overflow: hidden;
}

.cs-messages ul li .number {
  background-color:#777777;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  color:#FFFFFF;
  display:inline-block;
  font-size:12px;
  font-weight:700;
  line-height:1;
  min-width:10px;
  padding:3px 7px;
  text-align:center;
  vertical-align:baseline;
  white-space:nowrap;  
}



/* Menu */ 

ul.cs-menu, ul.cs-menu li, ul.cs-menu ul {
  /*  box-sizing: border-box;  */
}

ul.cs-menu, .breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0px;  
}

ul.cs-menu, .cs-menu ul, .cs-menu ul li {
  z-index: 200; 
}

.cs-menu li > a {  
  z-index: 3;
}

ul.cs-menu li a {
  display: block;
  float: left;
  white-space: nowrap;  
  z-index: 10;
}

.cs-menu li > .cs-menu-overlay {
  margin: 0px;
  padding: 0px;
  display: block;
  position: absolute ; 
  left: 0; 
  top: 0; 
  width: 100%;
  height: 100%; 
  z-index: 1;
}

ul.cs-menu li {
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
}

ul.cs-menu ul {
  padding: 0 7px;
}

ul.cs-menu li a, .breadcrumbs a {
  text-decoration: none;
}

ul.cs-menu ul li.hover > a {
  /*  text-decoration: underline; */
  /*  font-weight: bold;*/
}

ul.cs-menu li a, .breadcrumbs a {
  padding: 0px 1.07em;   
}

.menu[data-type="1"] ul.cs-menu li a {
  padding: 0px 3px; 
  box-sizing: border-box;
}

.menu[data-type="1"] ul.cs-menu li{
  padding-right: 60px; 
}

.breadcrumbs a {
  display: inline-block;
}

ul.cs-menu li span {
  font-weight: bold; 
  padding-left: 5px;
} 

ul.cs-menu li ul {
  list-style: none; 
  position: absolute;
  left: 0; 
  top: 0;
  margin: 0px; padding: 0px;
  display: none; 
  float: left;
}

ul.cs-menu ul li{ 
  margin: 0px;
  padding: 0px;
  clear: both;  
  width: 100%;
}

/* Widget */

.cs-widget {
  margin: 0px;
  padding: 0px;
}

.cs-widget-ui-clock, .cs-page-item-clock {
  text-align: center ;   
}

.cs-widget-ui-clock table, 
.cs-widget-ui-clock table tr td,
.cs-page-item-clock table, 
.cs-page-item-clock table tr td { 
  margin:  0px;
  padding:  0px; 
}

.cs-widget-ui-clock table,
.cs-page-item-clock table {
  width: 100%;  
  height: 100%;  
}

.cs-widget-ui-clock table tr td,
.cs-page-item-clock table tr td { 
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}

.cs-widget-ui-clock table tr td span,
.cs-page-item-clock table tr td span {
  display: block; 
  position: absolute; 
  left: 0; 
  top: 0; 
}

.cs-widget-ui-clock .time, 
.cs-page-item-clock .time {
  font-weight: bold;
}

.cs-widget-ui-list.disabled {
  border: none;
}

.cs-widget-ui-list {
  position: relative;
  margin: 0px;
  padding: 0px; 
  overflow: hidden;
  /* Disables text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

.cs-widget-ui-list .layer {
  position: absolute;
  left: 0px;
  top: 0px;
}

.cs-widget-ui-list .layer-row * {
  border: none; 
  background: none;
}

.cs-widget-ui-list .layer-row div.cell > span,
.cs-widget-ui-list .layer-list div.cell > span, 
.cs-widget-ui-list .layer-row .rows .row-group,
.cs-widget-ui-list .layer-list .rows .row-group {
  color: transparent !important;   
}

.cs-widget-ui-list .layer-row div.cell > span *,
.cs-widget-ui-list .layer-list div.cell > span * {
  visibility: hidden;
}

/*
.cs-widget-ui-list .layer-row div.cell > span {  
  display: block !important;  
  padding: 0px;
  margin: 0px !important;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
} */

.cs-widget-ui-list .layer-row .panel.rows div.cell > span.transparent {  
  background: none !important ;
}

/* #104986 done: */

.cs-widget-ui-list .layer-row .panel.rows .row {
  background: transparent !important;
  box-shadow: none !important;
}

/* #104986 done: */

.cs-widget-ui-list .layer-text .panel.rows .row {
  box-shadow: none !important;  
}

.cs-widget-ui-list .layer-list .headers .cell span, 
.cs-widget-ui-list .layer-list .rows .cell *,
.cs-widget-ui-list .layer-list .rows .current-overlay,
.cs-widget-ui-list .layer-list .pager *,
.cs-widget-ui-list .layer-list .finder *,
.cs-widget-ui-list .layer-list .scrollbar {
  visibility: hidden;
}

.cs-widget-ui-list .layer-text .headers .icon {
  visibility: hidden;
}

/* #107332.02.07 done: */

.cs-widget-ui-list .layer-text .list-header,
.cs-widget-ui-list .layer-text .headers,
.cs-widget-ui-list .layer-text .finder,
.cs-widget-ui-list .layer-text .pager,
.cs-widget-ui-list .layer-text .rows,
.cs-widget-ui-list .layer-text .rows .row,
.cs-widget-ui-list .layer-text .rows .cell,
.cs-widget-ui-list .layer-text .rows .cell *,
.cs-widget-ui-list .layer-text .headers *:not(.handle) {
  border-color: transparent !important ;
  filter: none !important; /* IE */
}

/* #107332.02.07 done: */

.cs-widget-ui-list .layer-text .list-header,
.cs-widget-ui-list .layer-text .headers,
.cs-widget-ui-list .layer-text .finder,
.cs-widget-ui-list .layer-text .pager,
.cs-widget-ui-list .layer-text .rows,
.cs-widget-ui-list .layer-text .rows .row,
.cs-widget-ui-list .layer-text .rows .row-group,
.cs-widget-ui-list .layer-text .headers *:not(.handle):not(.ui-icon-check) {
  background: transparent !important ;  
}

/* 
  tag: Lista, bieżący rekord
*/

.cs-widget-ui-list .layer-row .rows .cell .current,
.cs-widget-ui-list .layer-list .rows .cell .current {
  background: none !important;
  display: none;
}

.cs-widget-ui-list .layer-text .rows .cell span {
  background: none !important;
}

.cs-widget-ui-list .rows .cell .current {
/*  background: #4444ff;    */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
/*  opacity: 0.3;*/
/*  z-index: 1;*/
}


.cs-widget-ui-list .panel {
  background-color: transparent;
  border-color: #DDDDDD;
  overflow: hidden;
}

.cs-widget-ui-list .panel.headers.nowrap .cell span {
  white-space: nowrap;
}

.cs-widget-ui-list .panel.headers .cell {
  border-top: none; 
/*  word-wrap: break-word;*/
}

/* tag: #102600.03 */
/* #107332.01 tag: */

.cs-widget-ui-list .panel.finder,
.cs-widget-ui-list .panel.pager,
.cs-widget-ui-list .panel.action-buttons {
  border-bottom: 1px solid #DDDDDD ;
}

.cs-widget-ui-list .panel.finder {
  background: rgb(75, 178, 232);
  color: white;
  box-sizing: border-box;
}

.cs-widget-ui-list .panel.finder .cs-control.cs-finder {
  position: absolute;
}

/*
.cs-finder {
  padding: 1px 5px; 
} */

.cs-finder .cs-control, .cs-finder .cs-control.text-edit input {
  font-size: 12px;  
}

.cs-finder .cs-control {
  float: left;
}

/*
.cs-finder .cs-control.text-edit, 
.cs-finder .cs-control.button {
  margin-left: 5px;
} */

.cs-finder .cs-control.text-edit input{
/*  height: 15px; 
  line-height: 15px;
  width: 188px;*/
}


/*
  tag: Lista, nawigator
*/

.cs-widget-ui-list .panel.pager .cs-control.button {
  color: inherit;
}

.cs-widget-ui-list .panel.pager .cs-control.button * {
  line-height: inherit;
}

/* tag: #102600.01 totest: .cs-widget-ui-list .panel.pager */

.cs-widget-ui-list .panel.pager,
.cs-widget-ui-list .panel.action-buttons {
  background: rgb(75, 178, 232);
  color: white;
  box-sizing: border-box;
/*  border-bottom: 1px solid #DDDDDD;*/
}

.cs-widget-ui-list .panel.action-buttons {
  text-align: right;
  white-space: nowrap;  
}

.cs-widget-ui-list .panel.action-buttons > span {
  cursor: pointer;
  margin-right: 1em;
}

.cs-widget-ui-list .panel.pager > .cs-control {
  position: absolute;
  right: 0px;
  top: 0px;
}

.cs-widget-ui-list .overlay, 
.overlay {
  background: #DDDDDD ;   
  z-index: 99;
}

.cs-widget-ui-list * {
  box-sizing: content-box; 
}

.cs-widget-ui-list .panel {
  position: absolute;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  /*  background: #E9E9E9 ; */
}

.cs-widget-ui-list .panel.scrollbar .wrapper {
  width: 13px;
  margin: 0px;
  padding: 0px;
  border: none;
  position: absolute;
  left: 2px;
  background: none;
}

.cs-widget-ui-list .panel.scrollbar .ui-slider-handle {
  border-radius: 2px;
  width: 11px; 
  display: block;
  position: absolute;
  border: 1px solid #999999; 
  background: #CCCCCC; 
  color: #212121;  
}

.cs-widget-ui-list .panel.scrollbar {
  border-radius: 0;
  border: none;
}

/*
.cs-widget-ui-list .panel.scrollbar .icon {
  width: 100%; 
  height: 100%; 
  border: none;   
} 

.cs-widget-ui-list .panel.scrollbar .buttonUp .icon{  
  background: url("images/up.png") no-repeat center center ;    
}
.cs-widget-ui-list .panel.scrollbar .buttonUp:hover .icon{  
  background: url("images/up_over.png") no-repeat center center ;    
}
.cs-widget-ui-list .panel.scrollbar .buttonDown .icon{  
  background: url("images/down.png") no-repeat center center ;  
}
.cs-widget-ui-list .panel.scrollbar .buttonDown:hover .icon{  
  background: url("images/down_over.png") no-repeat center center ;  
}
*/ 

.cs-widget-ui-list .panel.scrollbar .buttonUp, 
.cs-widget-ui-list .panel.scrollbar .buttonDown {
  border: 1px solid #d3d3d3;
  border-right: 0px;
  border-left: 0px;
  position: absolute;
  width: 18px;
  left: 0px;
  /*  background: url("images/background_h20.gif") repeat-x;  */
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ebecee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ebecee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#ebecee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebecee',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}

/*
.cs-widget-ui-list .panel.scrollbar .buttonUp {
  top: 0;   
  border-top: none;
} 
.cs-widget-ui-list .panel.scrollbar .buttonDown {
  bottom: 0;
  border-bottom: 0px;  
} 
*/

/*.cs-widget-ui-list .panel.rows .row {  
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(207,207,207,0.7) 95%, rgba(204,204,204,0.7) 100%);  FF3.6+ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(207,207,207,0.7)), color-stop(100%,rgba(204,204,204,0.7)));  Chrome,Safari4+ 
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(207,207,207,0.7) 95%,rgba(204,204,204,0.7) 100%);  Chrome10+,Safari5.1+ 
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(207,207,207,0.7) 95%,rgba(204,204,204,0.7) 100%);  Opera 11.10+ 
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(207,207,207,0.7) 95%,rgba(204,204,204,0.7) 100%);  IE10+ 
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(207,207,207,0.7) 95%,rgba(204,204,204,0.7) 100%);  W3C 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3cccccc',GradientType=0 );  IE6-9 
} */

/*
.cs-widget-ui-list .panel.rows .row {  
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
} */

/*
.cs-widget-ui-list .panel.rows .row {  
  background: #FFFFFF;
}

.cs-widget-ui-list .panel.rows .row.even {  
  background: #f7f7f7 ; 
} */

.cs-widget-ui-list .layer-row .rows .row-group {
  background: none;
}

.cs-widget-ui-list .rows .row-group {
  padding: 0px; 
  margin: 0px;
  box-sizing: border-box;
  width: 100%; 
  text-align: left;
  float: left; 
  clear: both;
}

.cs-widget-ui-list .rows .row-group span {
  display: inline-block;
}

.cs-widget-ui-list .panel.rows .row, 
.cs-widget-ui-list .panel .cell { 
  float: left ; 
  position: relative ;
  margin: 0px ;
  padding: 0px ; 
  overflow: hidden ;
  box-sizing: border-box;
}

/* 
  tag: Lista, rekord listy
*/

.cs-widget-ui-list .rows .row > .background{
  position: absolute;
  width: 100%; 
  height: 100%; 
  left: 0;
  top: 0;
}

/* 
  tag: Lista, kolumna
*/

.cs-widget-ui-list .panel .cell span{
  display: block;
/*  z-index: 10;*/
  overflow: hidden;
  position: relative;
}

.cs-widget-ui-list .panel .cell.oneline {
  white-space: nowrap;
}

/* 
  tag: Lista, ramki 
*/

/* #104986 done: */

.cs-widget-ui-list .panel .row {
  /* border: none;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid; */
  cursor: default;
}

/*
.cs-widget-ui-list .panel .row.first .cell,
.cs-widget-ui-list .panel .row.first-in-group .cell { 
  border-top-width: 1px;
  border-top-color: #CCCCCC;
  border-top-style: solid;  
} */

/*.cs-widget-ui-list .panel.rows .row:first-child .cell {
  border-top: 1px solid #FFFFFF;
}*/

.cs-widget-ui-list .layer-row div.cell {
  border-color: transparent !important;
}

.cs-widget-ui-list .panel.rows .row .current-overlay {  
  border: 1px solid #4444ff ;
  background: transparent; 
  box-sizing: border-box;  
  position: absolute;
  width: 100%; 
  height: 100%; 
  left: 0px;
  top: 0px;
} 

.cs-widget-ui-list .panel.rows .row .current-overlay .select {  
  height: 100%; 
  position: absolute;
  left: 0;
  top: 0; 
}

.cs-widget-ui-list .panel.rows .row .current-overlay .select {  
  position: absolute;
  left: 0px;
  top: 0px;
}

/*
.cs-widget-ui-list .rows .cell.current:first-child {  
  border-left-color: #4444ff;
}

.cs-widget-ui-list .rows .cell.current:last-child {  
  border-right-color: #4444ff;
} */

/*
.cs-widget-ui-list .rows .cell.current {  
  border-top-color: #4444ff !important ; 
  // border-right-color: #4444ff;
  // border-right-color: #cccccc;
  border-bottom-color: #4444ff;
  // border-left-color: #b1b1ff;
  // border-left-color: #cccccc;
} */

/*
.cs-widget-ui-list .panel .row.last .cell, 
.cs-widget-ui-list .panel.headers .cell { 
  border-bottom: 1px solid #DDDDDD;
} */

/*
.cs-widget-ui-list .panel .row.last .cell.current { 
  border-bottom: 1px solid #4444ff;
} */

.cs-widget-ui-list .panel.headers .cell.select {  
  height: 100%;
}

.cs-widget-ui-list .panel.headers .cell {  
  cursor: pointer;
  position: relative;
  z-index: 2;
/*  background: red !important ;*/
}

/*
.cs-widget-ui-list .panel.headers .handle {  
  background: blue;
  opacity: 0.2;
} */

.cs-widget-ui-list .cell.select .ui-icon-check {
  display: block;
  position: absolute;
  left: 1px;
  top: 0px;
}

/* #108652 tag: */

.cs-widget-ui-list .cell.status .fa {
  margin: 2px 0px 0px 2px; 
}

.cs-widget-ui-list .cell.status .fa.fa-exclamation {
  margin: 2px 0px 0px 7px; 
} 

.cs-widget-ui-list .cell.status .fa.fa-refresh {
  margin: 2px 0px 0px 4px; 
}

.cs-widget-ui-list .headers .cell.select .ui-icon-check {
  display: inline-block;
  position: static;
  line-height: 1em;
}

.cs-widget-ui-list .panel.headers .cell .icon {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 7px; 
}

.cs-widget-ui-list .panel.headers .cell .asc {
  background: url("images/up.png") no-repeat center center ;  
}

.cs-widget-ui-list .panel.headers .cell .desc {
  background: url("images/down.png") no-repeat center center ;  
}

.cs-widget-ui-list .panel.headers .wrapper {  
  position: absolute;
  z-index: 1;
}

.cs-widget-ui-list .panel.headers .handle.hover { 
  cursor: col-resize;
}

.cs-widget-ui-list .panel.headers .handle.dragging {
  background: url("images/line.gif") repeat-y center center ; 
} 

.cs-widget-ui-list .panel.headers .handle {  
  cursor: col-resize;
  top: 0; 
  z-index: 3;
}

.cs-window .widget-content {  
}

.cs-ui-widget-list-config-window {
}

.cs-ui-widget-list-config-window .wrapper {
}

.cs-ui-widget-list-config-window .row-0 {
}

.cs-ui-widget-list-config-window .row-1 {
  height: 350px;
}

.cs-ui-widget-list-config-window .row-2 {
  padding: 10px 5px;
}

.cs-ui-widget-list-config-window input[type=checkbox] {
  padding: 0px;
  margin-right: 3px;
}

.cs-ui-widget-list-config-window .row-1 .cell-1 {
  overflow-y: auto;
  overflow-x: auto;
}

.cs-ui-widget-list-config-window label{
  padding: 3px 5px;
  line-height: 20px;
}

.cs-ui-widget-list-config-window .cell {
  float: left ;   
}

.cs-ui-widget-list-config-window .row-1 .cell {
  height: 385px ; 
}

.cs-ui-widget-list-config-window table td {
  vertical-align: middle; 
}

.cs-ui-widget-list-config-window table {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  border: none;
}
.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-1 > div {
  width: 100%; 
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 4px;
} 

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-1 > div, 
.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-2 {
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-1,
.cs-ui-widget-list-config-window .row-1 .cell-2 .panel-1 {
  height: 130px;
}
.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-2 {
  font-weight: bold;
}

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-2, 
.cs-ui-widget-list-config-window .row-1 .cell-2 .panel-2 {
  height: 23px;  
  padding-left: 5px;
}
.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-3, 
.cs-ui-widget-list-config-window .row-1 .cell-2 .panel-3 {
  height: 100px;
}
.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-3 {
  /*  background-color: lightgrey;  */
}

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-3 .col-name {
  margin-bottom: 3px;
}

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-3 select.col-order {
  display: inline-block;
  width: 100px;
  float: right;
}

.cs-ui-widget-list-config-window .row-1 .cell-3 .panel-4 {
}

.cs-ui-widget-list-config-window .row .cell-1,
.cs-ui-widget-list-config-window .row .cell-3 {
  width: 320px;
}

.cs-ui-widget-list-config-window .row .cell-2 {
  width: 65px;
}

.cs-ui-widget-list-config-window .row-1 .cell-1,
.cs-ui-widget-list-config-window fieldset {
  border: 1px solid #cccccc;
}

.cs-ui-widget-list-config-window fieldset {
  margin: 0px 0px 10px 0px;
}

.cs-ui-widget-list-config-window .row-1 .cell-2 {
  margin-top: 1px;
  text-align: center;  
}

.cs-ui-widget-list-config-window .row-1 .cell-2 button.add {
  /*  margin-top: 150px;*/
}

.cs-ui-widget-list-config-window .row-1 .cell-2 button {
  width: 55px;
  margin-top: 10px;
}

.cs-ui-widget-list-config-window  .cell-2-1 {
  clear: both; 
  height: 100px; 
}

.cs-widget-ui-list-simple .item.selected {  
  background-color: #3399ff;
  color: #ffffff;
}

.cs-widget-ui-list-simple .item.modified {  
  font-weight: bold;
}

.cs-widget-ui-list-simple .item.hidden {  
  font-style: italic;
}

.cs-context-menu .context-menu-item.hover {
  background-color: #D2D2F6;
}

.cs-widget-ui-list-simple .item {  
  padding: 3px 5px; 
  text-align: left;
  cursor: default;
  white-space: nowrap;  
}

/* 
  tag: Kalendarz miesięczny
*/

.cs-widget-ui-calendar {  
  text-align: center;
  overflow: hidden;
  position: relative;
}

.cs-widget-ui-calendar *, .cs-widget-ui-calendar *:before, .cs-widget-ui-calendar *:after {  
  box-sizing: content-box; 
}

.cs-widget-ui-calendar .frame-main { 
  visibility: hidden;
  position: absolute;
}

.cs-widget-ui-calendar .frame-main * { 
  box-sizing: border-box; 
}

.cs-widget-ui-calendar .frame-header {
  background: #4BB2E8;
  color: #FFFFFF;
  font-size: 3.1em;
  position: relative;
}

.cs-widget-ui-calendar .frame-header span {
  cursor: pointer;
}

.cs-widget-ui-calendar .frame-header .day {
  padding: 0 0.5em;
  float: left;
}

.cs-widget-ui-calendar .frame-header .wk-day {
  text-transform: uppercase;
}

.cs-widget-ui-calendar .frame-header .wk-day,
.cs-widget-ui-calendar .frame-header .time {
  line-height: 1.3em;
  font-size: 0.4em;
  position: absolute;  
  display: inline-block;
}

.cs-widget-ui-calendar .front .frame-header {
  background: transparent !important;
}

.cs-widget-ui-calendar .back .frame-header * {
  color: transparent !important;
}

.cs-widget-ui-calendar .frame-navigator {
  text-align: center;
  position: relative;
  font-weight: bold;  
  line-height: 3em; 
  height: 3em;
  font-size: 1.2em;
}

.cs-widget-ui-calendar .month-name {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}

.cs-widget-ui-calendar .btn {
  cursor: pointer;
  line-height: inherit;
}

.cs-widget-ui-calendar .btn.left,
.cs-widget-ui-calendar .btn.right {
  position: relative;
  font-size: 2em;
}

.cs-widget-ui-calendar .btn.left {
  float: left;
}

.cs-widget-ui-calendar .btn.right {
  float: right;
}

.cs-widget-ui-calendar .frame-days {
  font-weight: bold;
}

.cs-widget-ui-calendar .back .frame-navigator * {
  color: transparent !important;
}

.cs-widget-ui-calendar .frame-days-headers div{
  text-transform: uppercase;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.not-current-month span {
  color: #CCCCCC;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell {
  cursor: pointer;
  position: relative;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell .icon {
  position: absolute ;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  line-height: inherit;
  font-size: 2.1em;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.today .icon {
  display: initial;
  color: #4BB2E8;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.today .text {
  color: #FFFFFF ;
  font-weight: initial;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.selected .icon {
  display: initial;
  color: #FF5722;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.selected .text {
  color: #FFFFFF ;
  font-weight: initial;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell .text {
  position: relative;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.selected {
/*  border-color: #d9c585 !important;*/
/*  background-color: #fffabc !important;*/
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell.today,
.cs-widget-ui-calendar .frame-days-cells .row.first .cal-cell.today,
.cs-widget-ui-calendar .frame-days-cells .cal-cell.hover,
.cs-widget-ui-calendar .frame-days-cells .row.first .cal-cell.hover {
/*  border-color: #67acd8 !important;*/
/*  background-color:  #dfeaf4 !important;*/
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell:not(.not-current-month).workday {
  background: transparent;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell:not(.not-current-month).holiday .text {
  color: #FFC6C6;
}

.cs-widget-ui-calendar .frame-days-cells .cal-cell:not(.not-current-month).dayoff .text {
  color: #B0C8FF;
}

.cs-widget-ui-calendar .frame-days-cells .row.first .cal-cell {
  /* border-top-color: #CCCCCC; */ 
} 

.cs-widget-ui-calendar .cal-cell { 
  float: left; 
  overflow: hidden;
/*  background: white;*/
  margin: 0px !important;
  padding: 0px !important;
}

.cs-widget-ui-calendar .frame-days-headers .cal-cell { 
  background: transparent;
}

.cs-widget-ui-calendar .frame-main.front .frame-days-cells .cal-cell {
  border-color: transparent;
  background-color: transparent;
}

.cs-widget-ui-calendar .back .frame-days *:not(.icon),
.cs-widget-ui-calendar .front .frame-days .icon {
  color: transparent !important;
}

.cs-widget-ui-calendar .frame-navigator-bottom .button {
  display: none; 
  cursor: pointer;
  padding-left: 0.5em;
}

.cs-menu-popup {
  display: none;
  position: fixed; 
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  font-size: 12px;
}

.cs-menu-popup ul{
  display: block; 
  position: absolute; 
  margin: 0px; 
  padding: 0px; 
  background-color: #eee;   
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.cs-menu-popup li {
  display: block; 
  margin: 2px; 
  padding: 2px 20px 2px 20px; 
  list-style: none;  
  cursor: pointer;
  position: relative;
  height: 15px;
  color: #888;
}

.cs-menu-popup li.separator {
  height: auto; 
} 

.cs-menu-popup li.hover{
  background-color: #3399ff;
}

/* .cs-menu-popup li.hover > span {
  color: #FFFFFF;
} */

.cs-menu-popup li span {
  display: inline-block; 
/*  height: 15px; */
/*  line-height: 15px;*/
  line-height: inherit;
}

.cs-menu-popup li,
.cs-menu-popup li span {
  white-space: nowrap;  
}

.cs-menu-popup li span {
  position: relative;
} 

.cs-menu-popup li span.icon-left, 
.cs-menu-popup li span.icon-right {
  width: 18px;
  text-align: center;
  position: absolute;
/*  top: 2px;  */
}

.cs-menu-popup li span.icon-left {
  left: 0px;
} 

.cs-menu-popup li span.icon-right { 
  right: 0px;
}

.cs-menu-popup li.separator {
  padding-bottom: 0;
  padding-top: 0;
  border-bottom: 1px solid #DDD;  
}

.cs-menu-popup li {
}

/* CgsScrollBar */

.cs-scrollbar {  
  position: relative;
}

.cs-scrollbar * {
  position: absolute; 
}  

.cs-scrollbar .handle div {  
  background: #CCCCCC;
  width: 100%; 
  height: 100%; 
  margin: 0px;
  padding: 0px;
  border: none;
}
  
.cs-scrollbar .button {  
  height: 18px;
  line-height: 18px;
  left: 0;  
  cursor: pointer;
  border: 1px solid #d3d3d3;
  border-right: 0px;
  border-left: 0px;  
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ebecee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ebecee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ebecee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#ebecee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebecee',GradientType=0 ); /* IE6-9 */
}

.cs-scrollbar .button div { 
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%; 
  display: block;
  text-align: center;
  line-height:  18px;
}

.cs-scrollbar .button.up {
  border-top: none;
} 

.cs-scrollbar .button.up .icon { 
  background-image: url("images/up.png") ;   
}

.cs-scrollbar .button.up .icon:hover { 
  background-image: url("images/up_over.png") ;   
}

.cs-scrollbar .button.down {
  border-bottom: none;
} 

.cs-scrollbar .button.down .icon { 
  background-image: url("images/down.png") ;   
}

.cs-scrollbar .button.down .icon:hover { 
  background-image: url("images/down_over.png") ;   
}

.cs-scrollbar .button.up{ 
  top: 0;
}

.cs-scrollbar .button.down{
  bottom: 0;
}

input::-ms-reveal {
  display: none;
} 

.cs-password-field > input[type="password"] + div {
  background: url("images/eye.svg")  no-repeat;
}
.cs-password-field > input[type="text"] + div {
  background: url("images/eye-off.svg")  no-repeat;
}

.cs-select-record * {
  box-sizing: border-box;
}

.cs-select-record > .cs-control {
  position: absolute;
  margin: 0px;
}

.cs-tabbed-control > .headers, 
.cs-tabbed-control > .headers > .header,
.cs-tabbed-control > .content {
  margin: 0px;
  padding: 0px; 
  box-sizing: border-box; 
}

.cs-tabbed-control > .content{  
}

.cs-tabbed-control > .headers {
  border-bottom: 1px solid #ccc;  
  padding: 0px;
  position: relative;
}

.cs-tabbed-control,   
.cs-tabbed-control > .headers > .header{  
  border: 1px solid #ccc;
}

.cs-tabbed-control > .headers > .header.current {  
  background: #fff;
  border-bottom: 1px solid #fff;
}

.cs-tabbed-control > .headers > .header{  
  width: auto;
  min-width: 0px; 
  height: 21px;
  min-height: 0px;
  line-height: 16px;
  overflow: hidden;
  margin: 0px;
  position: absolute;
  padding: 2px 5px; 
  background: #eee; 
  cursor: pointer;
  text-align: center;
}

.cs-tabbed-control > .content{  
/*  padding: 3px 5px;*/
}

/*
.cs-tabbed-control .vertical{
  writing-mode:tb-rl;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform:rotate(90deg);
  white-space:nowrap;
  display:block;
  bottom:0;
  width:20px;
  height:20px;
} */

.cs-list-box {  
  background: #FFFFFF; 
  border: 1px solid #CCCCCC;
}

.cs-list-box-item {  
  padding: 3px 5px ;
  cursor: default;
  box-sizing: border-box; 
  float: left;
  border-bottom: 1px solid #DDDDDD;
}

.cs-list-box-item.selected {  
  background-color: #3399ff;
  color: #FFFFFF;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: default !important ;
}

/* cs-page-menu-light-overlay */

/*
.cs-page-menu-light-overlay .tree-container {
  padding-top: 100px;
} */

.header .cgs-icon-menu,
.cs-page-menu-light-overlay .cgs-icon-cross {
/*  font-size: 3em; */
/*  color: #7e7f81; */
  cursor: pointer;  
/*  float: right; */
/*  margin-right: 0.2em;*/
/*  line-height: 100px;*/
}  

/* cs-tree-panel */

.cs-tree-panel ul, 
.cs-tree-panel li {
  margin: 0px; 
  padding: 0px;
  list-style: none;  
}

.cs-tree-panel li ul {
  display: none;
}

.cs-tree-panel li.open > ul {
  display: block;
}

.cs-page-menu-light-overlay .cs-tree-panel,
.cs-page-menu-light-overlay .cs-tree-panel li a {
  font-size: 25px;
}

.cs-tree-panel li a {
  white-space: nowrap;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}

.cs-page-menu-light-overlay .cs-tree-panel li a {
  padding: 0.25em 1em;  
}

.cs-tree-panel li {
}

.cs-page {
  z-index: 1;
}

/*
  Nagłówki kolumn listy mają z-index = 3 dla tego musimy ustawić dla menu
  wysuwanego, żeby nie przykrywały go.
*/

.cs-page-menu-popup {
  z-index: 10;
}

/*
  Umieszczamy suwak strony (nie listy) w warstwie wyższej od menu wysuwanego.
*/
.page-container > .cs-scrollbar {
  z-index: 20;
}

/*
  Paski uaktywniania menu wysuwanego umieszczamy w warstwie najwyższej.
*/
.cs-page-menu-popup-left-strip,
.cs-page-menu-popup-right-strip {
  z-index: 30;
}

.cs-page-menu-popup-left-strip:hover,
.cs-page-menu-popup-right-strip:hover {
  background: grey;
  opacity: 0.3;
}

.cs-explorer-list * {
  margin: 0px;
  padding: 0px;   
  box-sizing: content-box;
}

.cs-explorer-list-row,
.cs-explorer-list-row-col {
  position: relative;
  float: left;
}