*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: auto;
}
.tox-tinymce-aux{z-index:99999999999 !important;}
body{
  height: calc(100vh - 1px);
  background-image: linear-gradient(180deg, #ccffcc, #a7f1a7);
  min-width:800px; overflow:auto;
  max-width: calc(100vw - 1px);
  width: calc(100vw - 1px);
}
#TimeLabel {
vertical-align: top;position:absolute;top:20px;margin-left:-20px;width:25px;color:green;text-align:center;font-weight:bold;font-size:9px;
}
.tox .tox-tbtn {
    /*transform: scale(1) !important; /* you can set the scale that you want */
    height: unset !important;
    width: unset !important; 
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    width: unset !important; 
}
.tox-edit-area__iframe {
	border-top:1px solid #d3d3d3 !important;
}
.scrollable-element {
  scrollbar-color: red yellow;
}
select{
	margin:1px;
	padding:0; padding-left: 5px;
	width:100%;
	height:22px; font-size: 14px;
	outline: none;
	border:1px solid green;
	border-top-left-radius: 8px;border-bottom-right-radius: 8px;
	background: #FFFFFF !important;
}
select:disabled{
	outline: none; color: #303030; background: #F0F0F0 !important;
}
select:focus{
	border-top-left-radius: 8px;border-bottom-right-radius: 8px;
}

img {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

input[type=image]:disabled {
  opacity: 0.6 !important; cursor: auto;
  filter: grayscale(200%) brightness(150%) !important;
}
tbody.onh:hover,
tr.hover,
th.hover,
td.hover,
tr.hoverable:hover {
    background-color: #ceffce !important;
}
tr.onh:hover
{ background-color: #ceffce !important;
}
td.onh:hover
{ background-color: #ceffce !important;
}

tr.wybrana
{ background-color: #dddddd;
  font-weight:bold;
  cursor:pointer;
}
.disabled {
  outline: none; color: #303030; background: #F0F0F0 !important;	
}
.radius {
  width:100%;
  height:22px;
  margin: 0px; padding: 0px;
  outline: none; 
  border:1px solid green;border-top-left-radius: 8px; border-bottom-right-radius: 8px;
  scrollbar-color: #009900 #b6d6b6; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px;
}
.radius:focus {
border-top-left-radius: 8px; border-bottom-right-radius: 8px;
}
.radius:disabled {
  color: #303030; background: #F0F0F0;
}
#device {
  margin: 0px; padding:0; height: calc(100vh - 1px); width: calc(100vw - 1px);
}
.wrapper{
  margin: 10px; 
}
.wrapper .top_navbar{
  width: calc(100% - 20px); min-width:780px;
  height: 40px;
  display: flex;
  position: fixed;
  top: 10px; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .down_bar{
  width: calc(100% - 20px); min-width:780px;
  height: 20px;
  display: block;
  position: fixed;
  background-image: linear-gradient(-90deg, #65e765, #b3ffb3);
  border-bottom-left-radius: 20px; 
  border-bottom-right-radius: 20px; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .down_bar_logged, .span{
  width: calc(100% - 20px); min-width:780px;
  height: 20px;
  display: block;
  position: fixed;
  background-image: linear-gradient(-90deg, #b3ffb3, lightgreen);
  border-bottom-left-radius: 20px; 
  border-bottom-right-radius: 20px; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;  
}
.wrapper .down_bar span, .wrapper .down_bar_logged span{
  white-space: nowrap;
  font-size:12px; 
  font-style: italic; 
  padding-top:2px; color:darkgreen; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .top_navbar .corner{
  width: 70px;
  height: 100%;
  padding: 5px 22px;
  border-top-left-radius: 20px;
  background: #b3ffb3; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .top_navbar .cornerOn{
  width: 70px;
  height: 100%;
  padding: 5px 22px;
  border-top-left-radius: 20px;
  cursor: pointer;
  background: lightgreen url(../img/favicon.On.png) no-repeat center center; 
  background-size: 42px; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .top_navbar .cornerOff{
  width: 70px;
  height: 100%;
  padding: 5px 22px;
  border-top-left-radius: 20px;
  cursor: pointer;
  background: lightgreen url(../img/favicon.Off.png) no-repeat center center; 
  background-size: 42px; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.wrapper .top_navbar .top_menu{
  width: calc(100% - 70px);
  height: 100%;
  background: #b3ffb3; 
  border-top-right-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1); 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.wrapper .top_navbar .top_menu .tytul{
  color: green;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 3px;
  text-shadow: 2px 2px lightgreen; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .top_navbar .top_menu .p{
  font-size: 10px; line-height:6px;
  font-weight:normal;
  font-style:italic; 
  margin:0;
  padding:0;
  color:green; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
} 
.wrapper .top_navbar .top_menu ul{
  display: flex; 
  cursor:pointer; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.wrapper .top_navbar .top_menu ul li a{
  display: block;
  margin: 0 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid green;
  border-radius: 50%;
  color: #003300; 
}

.wrapper .top_navbar .top_menu ul li a:hover{
  background: #4360b5; background: #00cc00;
  color: #fff; color: green;
}
.wrapper .top_navbar .top_menu ul li span{
  display: block;
  margin: 0 10px; margin-top:3px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid green;
  border-radius: 50%;
  color: #003300; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.wrapper .top_navbar .top_menu ul li span:hover{
  background: #00cc00; opacity:0.7; 
  color: green;
}
.wrapper .menuGl{
  position: fixed;
  top: 50px;
  left: 10px;
  background: lightgreen; 
  width: 200px;
  height: calc(100% - 60px); min-height:320px;
  border-bottom-left-radius: 20px;
  transition: all 0.3s ease; 
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; 
  white-space:nowrap;
  text-overflow: ellipsis;
}

.wrapper .menuGl ul li a{
    display: block;
	height: 40px;
    padding-left:15px;
    color: #fff;
    position: relative;
    margin-bottom: 1px;
    color: #92a6e2;
    white-space: nowrap; 
	cursor:pointer;
}

.wrapper .menuGl ul li a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 40px;
  background: lightgreen;
  display: none; 
}

.wrapper .menuGl ul li a span.icon{
  margin-right: 12px; height: 40px; padding: 8px;
  display: inline-block; vertical-align:top;
}
.wrapper .menuGl ul li span img {
  height:22px; width:24px !important; vertical-align:top;
  display: inline-block; 
}

@keyframes slide-right {
      0% { opacity: 0; transform: translateX(-100%); }   
     25% { opacity: 0; transform: translateX(-50%); }  
    100% { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes slide-right {
      0% { opacity: 0; -webkit-transform: translateX(-100%); }  
     25% { opacity: 0; -webkit-transform: translateX(-50%); }  
    100% { opacity: 1; -webkit-transform: translateX(0); }
}

.wrapper .menuGl ul li a span.title{ 
  padding: 8px; padding-left:5px; width:140px;
  font-size:18px; 
  display: inline-block; 
  -webkit-animation: slide-right .3s ease-out;
  -moz-animation: slide-right .3s ease-out;
  overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
}
.wrapper .menuGl ul li a {
  color: #003300;
  display: block;
  
}
.wrapper .menuGl ul li a:hover{
  background: #00cc00;
  color: #000000;
}
.wrapper .menuGl ul li a.active{
  background: #008000;
  color: #fff;
  font-weight:bold;  
}

.main_container {
  height: calc(100vh - 80px);  min-height:300px;
  max-width: calc(100vw - 70px);
  overflow:hidden;
  background: #f2ffe6; 
  /*Święta
  background-image: url('../img/tloMikolaj.png');
  background-size: 15%, 15%;
  background-position: 99% 98%;
  background-repeat: no-repeat;
  /*Święta*/
  border: none; 
  scrollbar-color: #009900 #b6d6b6;  
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
}
.logged {
  height: 100%;  min-height:300px; margin:0; padding:0;
  border: 1px dotted #00e600;
}
.main_div {
  width: 100%;
  max-width: calc(100vw);
  height: 100%;
  overflow:hidden;
  background: #f2ffe6;
  border: none !important;
  scrollbar-color: #009900 #b6d6b6; 
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
}

.wrapper .main_container{
  width: calc(100% - 200px);
  max-width: calc(100vw - 200px);
  
  margin-top: 50px; 
  margin-left: 200px;
  padding: 3px;
  transition: all 0.3s ease;
}

.wrapper.collapse .menuGl{
  width: 70px;
}
.wrapper.collapse .menuGl ul li a span.title{
  display: none; 
    -webkit-animation: slide-right .3s ease-out;
    -moz-animation: slide-right .3s ease-out;
}
.wrapper.collapse .main_container{
  width: calc(100% - 70px);
  max-width: calc(100vw - 70px);
  margin-left: 70px;
}
.zawartoscG {
  margin:0; padding:0; 
  height: calc(100vh - 126px); min-height:300px; min-width:900px;
  overflow:auto;
  scrollbar-color: #009900 #b6d6b6; 
  background: transparent;
  border:1px solid lightgreen; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px;
  border-top:0px;
}
textarea
{ background: #FBFBFB;
  border: 1px dashed gray;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: black;
  width: 100%;
}
textarea:focus
{ background-color: #FFFFFF;
}

input.kalendarz:hover
{ background-color: #ddd7c9;
  cursor: pointer;
}
tr.head
{ background-color:#b5c2d2; text-align:center; vertical-align:middle; height:30px;
}
tr.onhm
{ vertical-align:middle;
}
tr.onhm:hover
{ background-color: #ceffce;
}
td.nibylink {color:blue;text-decoration:underline;font-size:smaller;font-weight:bold;}
td.nibylink:hover {cursor:pointer;color:red;background-color: #ddf9eb;}
span.nibylink {color:blue;text-decoration:underline;margin:0;padding:0;display:block;text-align:center;}
span.nibylink:hover {cursor:pointer;color:red;}
span.nibylinkbyl {color:blue;text-decoration:none;display:block;}
span.nibylinkbyl:after {content: " \2714"; color:green;text-decoration:none;}
span.nibylinkbyl:hover {cursor:pointer;color:red;}

.nawigator        { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px !important; width:100%; background-color: #ccffcc; margin:0px; padding:3px; }
.n_first          { width:19px;background: url(../img/first.png) no-repeat bottom right;border: 0px; background-size: 18px; cursor:pointer;}
.n_first:disabled { opacity: 0.3; }
.n_first:hover    { background: green url(../img/first.png) no-repeat bottom right; background-size: 18px; }
.n_prior          { width:19px;background: url(../img/prior.png) no-repeat bottom right;border: 0px; background-size: 18px; cursor:pointer;}
.n_prior:disabled { opacity: 0.3; }
.n_prior:hover    { background: green url(../img/prior.png) no-repeat bottom right; background-size: 18px; }
.n_next           { width:19px;background: url(../img/next.png) no-repeat bottom right;border: 0px; background-size: 18px; cursor:pointer;}
.n_next:disabled  { opacity: 0.3; }
.n_next:hover     { background: green url(../img/next.png) no-repeat bottom right; background-size: 18px; }
.n_last           { width:19px;background: url(../img/last.png) no-repeat bottom right;border: 0px; background-size: 18px; cursor:pointer;}
.n_last:disabled  { opacity: 0.3; }
.n_last:hover     { background: green url(../img/last.png) no-repeat bottom right; background-size: 18px; }

.imgbutton
{ width:110px;
  height:24px;
  background: 5px green url(../img/reply.png) no-repeat; background-size: 14px;
  color:white;
  font-size:13px; border:1px solid green;
  outline: none; cursor: pointer;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.button
{ width:110px;
  height:24px;
  background:green;
  opacity: 1;
  color:white;
  font-size:13px; border:1px solid green;
  outline: none; cursor: pointer;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.imgbutton:disabled, .button:disabled
{ opacity: 0.6;
  filter: grayscale(200%) brightness(150%); 
  outline: none;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.imgbutton:hover, .button:hover
{ filter: brightness(125%);
  font-weight:bold;
}
.imgbutton:active, .button:active, .imgbutton:active:hover, .button:active:hover, .imgbutton:focus, .button:focus
{ filter: brightness(125%);
  font-weight:bold;
}
.imgbutton:focus:hover, .button:focus:hover
{ filter: brightness(150%);
  font-weight:bold;
}
.imgbutton:disabled:hover, .button:disabled:hover
{ filter: grayscale(150%) brightness(175%);
}
.etMail
{ cursor:pointer;
}

.etMail:hover
{ color:blue; 
}
.etMailoff
{ cursor:auto; color:#666666; font-weight:normal; text-decoration:line-through
}
.etMail:disabled, .etMail:disabled:hover
{ cursor:auto;
}
#bn_section
{ list-style-type: none;
  background: transparent;
  margin: 0px;
  padding: 0px;
  height: 32px; border-bottom:2px solid green;
}
#bn_section li
{ margin: 0px; margin-top:5px;
  display:inline;
  float: left;
  position: static;
  height: 26px; 
  background:lightgreen;
  background-image: linear-gradient(180deg, #b3ffb3, lightgreen, #b3ffb3);
  padding: 0; padding-left: 10px; padding-right: 10px; border:1px solid green;border-top-right-radius: 16px; border-top-left-radius: 8px;
  cursor: pointer; outline:none;
}
#bn_section li input
{ font-size: 15px;
  font-weight: bold;
  height: 26px;
  color: #000000;
  vertical-align: middle;
  border: none; border-top-right-radius: 16px; border-top-left-radius: 8px; background: transparent; outline:none;
  cursor: pointer;
  min-width:175px; padding: 0px; margin-left: -10px; margin-right: -10px; 
}

input:active  { background:transparent !important;}
input[type=text]:focus, input[type=text]:active, input[type=password]:focus, input[type=checkbox]:focus, select:focus, textarea:focus { outline: none !important;
    border-color: green; 
    box-shadow: 0 0 4px darkgreen;
}
#bn_section li.disabled
{ background:lightgray; color:gray;
  background-image: linear-gradient(180deg, #D0D0D0, #E0E0E0, #F5F5F5);
}
#bn_section li.disabled input
{ color:gray; cursor:auto;
}
#bn_section li:not(.disabled):focus, #bn_section li:not(.selected):focus
{ background-color:green; color: #ffffff; font-size: 18px; 
  border-top-right-radius: 16px; border-top-left-radius: 8px;
}
#bn_section li:not(.disabled):not(.selected):hover, #bn_section li:not(.disabled):not(.selected) input:hover
{ font-size: 16px; color: #F5F5F5;
  background-image: linear-gradient(180deg, lightgreen, #b3ffb3, lightgreen);
  border-bottom:1px solid green;
}
#bn_section li.selected, #bn_section li.selected input
{ background:green; 
  background-image: linear-gradient(180deg, lightgreen, green);
  font-size: 16px; color: white;
  height: 32px; 
  line-height: 26px; margin-top:0px;
}

#bn_section li:not(.disabled):active, #bn_section li:not(.disabled) input:active
{ font-size: 16px; color: white !important;
  height: 32px; vertical-align: middle;
  line-height: 26px; margin-top:0px;
}

#bn_subsection {
  clear: right;
  background: lightgreen; border-bottom:1px solid green;
  margin: 0;
  padding: 0 !important;
  position: static;
  display: table; width:100%; height: 24px;
}

#bn_subsection li {
  margin: 0px;
  display: inline;
  float:left;
  background: transparent;
  padding: 0 5px;
  border-right: 1px solid #F5F5F5;
}
#bn_subsection li input {
  background: transparent !important;
  border: 0px !important;
  font-size: 15px; line-height:24px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: top;
  padding: 0px 20px 2px 20px !important;
  height: 24px; line-height: 24px;
  margin: 0px 0px 0px 0px !important;
}
#bn_subsection li input:hover {
  color: white;
}
#bn_subsection li.selected, #bn_subsection li.selected input {
  font-size: 16px; font-weight: bold; 
  color: white; background-image: linear-gradient(180deg, lightgreen, green);
}

#bn_subsection2 {
  clear: right;
  background: lightgreen; border-bottom:1px solid green;
  margin: 0;
  padding: 0 !important;
  position: static;
  display: table; width:100%; height: 18px;
}

#bn_subsection2 li {
  margin: 0px;
  display: inline;
  float:left;
  background: transparent;
  padding: 0 5px;
  border-right: 1px solid #F5F5F5;
}
#bn_subsection2 li input {
  background: transparent !important;
  border: 0px !important;
  font-size: 15px; line-height:24px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: top;
  padding: 0px 20px 2px 20px !important;
  height: 20px; line-height: 20px;
  margin: 0px 0px 0px 0px !important;
}
#bn_subsection2 li input:hover {
  color: white;
}
#bn_subsection2 li.selected, #bn_subsection2 li.selected input {
  font-size: 16px; font-weight: bold; 
  color: white; background-image: linear-gradient(180deg, green, lightgreen);
}

#content_stats, #content_stats2, #Wcontent_stats11, #Wcontent_stats12, #Wcontent_stats21, #Wcontent_stats22, #content_stats3, #kom_content_stats,#content_statsP2,#content_statsPod {
padding: 0px;
width: 99%;
overflow: auto;
/*overflow-x: hidden;*/
border:1px dotted black;
}
#content_statsK, #content_statsK2 {
padding: 0px;
width: 98%;
min-height:300px;
overflow: auto;
overflow-x: hidden;
border:1px dotted black;
min-height:460px;
}
#content_stats_pod {
padding: 0px;
overflow: auto;
overflow-x: hidden;
border:1px dotted black;
}
#content_stats_dok  { 
 height: calc((100vh - 540px)/2); min-height:90px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-bottom-right-radius: 8px; vertical-align:top;
}
#content_stats_wpl { 
 height: calc((100vh - 540px)/2); min-height:90px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-bottom-right-radius: 8px; vertical-align:top;
}

#tp_content_stats_dok, #tp_content_stats_wpl, #tp_content_stats_danesad, #tp_content_stats_infdod, #tp_content_stats_koresp, #tp_content_stats_smsmail  { 
 height: calc((96vh - 150px)/6); min-height:90px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-bottom-right-radius: 8px; vertical-align:top;
}
#tp_content_stats_not  { 
 height: calc(96vh - 350px); min-height:315px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-bottom-right-radius: 8px; vertical-align:top;
}
#content_stats_not  { 
 height: calc(100vh - 487px); min-height:315px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-top-left-radius: 8px;border-bottom-right-radius: 8px; vertical-align:top;
}
.content_stats_not  { 
 height: calc(100vh - 487px); min-height:315px;
 width:100%;overflow:auto;margin:0;padding:0;border:0;border-top-left-radius: 8px;border-bottom-right-radius: 8px; vertical-align:top;
}
.content_stats__menu {
 /* Absolute position */
 position: fixed;

 /* Reset */
 list-style-type: none;
 margin: 0;
 padding: 0;

 /* Misc */
 background-color: rgba(204,255,204,0.9); /*rgba(144,238,144,0.1);*/
 border: 1px solid green;
 border-radius: 0.25rem;
 padding: 0.5rem; z-index:10004;
}
.content_stats__menu--hidden {
 display: none;
}

span.rotate {
 display: block;width:100px;background-image: linear-gradient(180deg, #b3ffb3, lightgreen, #b3ffb3); transform-origin: 0px 0px; transform: rotate(270deg) translate(-100px);
 padding:5px;border-top-right-radius: 16px; border-top-left-radius: 8px;border:1px solid green; line-height:16px;
}

span.rotate.selected {
 background:green;
 color:white; 
} 
span.rotate:hover {
background-image: linear-gradient(180deg, lightgreen, #b3ffb3, lightgreen);	
}
span.rotate.selected:hover {
 background:green; opacity: 0.9;
 color:white; 
}
span.rotate:focus {
background-color:green; color: #ffffff; font-size: 18px;
}

table.stat_title, table.stat_title2 {
width:100%;
text-align:center;font-weight:normal;margin:0;padding:0; 
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 9pt;
vertical-align:top;
table-layout: fixed; position: relative;
user-select:none;
}
table.stat_title tbody td {
	border-bottom:1px dotted gray; 
}
table.stat_title thead {
    position:-webkit-sticky!important;position:sticky!important; top:0;
}
table.stat_title_dok {
width:100%;
text-align:center; font-weight:normal; margin:0; padding:0; 
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 8pt; line-height:16px;
vertical-align:top;
table-layout: fixed;
}
table.stat_title_dok tbody td {
	border-bottom:1px dotted gray; 
}
thead.fixedHeader, thead.fixedHeader2 {
position:-webkit-sticky!important;position:sticky!important; top:0;
display: table-header-group; 
background: lightgreen;
height:24px; line-height:24px; vertical-align:middle;
z-index: 10004; 
top: 0;
}
thead.fixedHeader tr, thead.fixedHeader2 tr{
width:100%;
vertical-align:middle; 
}
tr.active {
 background:#94ff94;
}
thead.fixedHeader td, thead.fixedHeader2 td{
position:-webkit-sticky!important; position:sticky!important;
top: 0;
background: lightgreen; 
border-bottom:1px solid #0b3669;
border-right:1px dotted #0b3669;
padding:4px;
font-weight:bold; line-height:23px;
font-size:smaller;
vertical-align:middle; /*z-index: 10004;*/
}
thead.fixedHeader th, thead.fixedHeader2 th{
position:-webkit-sticky!important; position:sticky!important;
top: 0;
background: lightgreen; 
border-bottom:1px solid #0b3669;
border-right:1px dotted #0b3669;
padding:4px;
font-weight:bold; line-height:23px;
font-size:smaller;
vertical-align:middle; /*z-index: 10004;*/
}

thead.fixedHeader img, thead.fixedHeader2 img {
	line-height:23px;
	width:20px; 
	padding-top:2px;
	padding-right:5px;
	float:right;
}

thead.fixedHeader_dok {
display:table-row-group; background: lightgreen;
position: static;
top:-1px;
height:14px; line-height:12px; vertical-align:middle;
z-index: 10004;
}
thead.fixedHeader_pod {
display:table-row-group; background: lightgreen;
position: static;
top:-1px;
height:14px; line-height:12px; vertical-align:middle;
z-index: 9004;
}	
thead.fixedHeader_dok tr, thead.fixedHeader_pod tr {
width:100%;
position: static; 
top: 0px; vertical-align:middle;
}
thead.fixedHeader_dok td, thead.fixedHeader_pod td {
position: -webkit-sticky; position: sticky;
top: 0;
background: lightgreen; 
border-bottom:1px solid #0b3669;
border-right:1px dotted #0b3669;
padding:2px;
font-weight:bold; line-height:14px;
font-size:smaller;
vertical-align:middle;
}
#overlay_background_sprawa
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
#overlay_okno_sprawa
{ position: fixed;
  top: calc(100vh /2 - 45%);
  left: 5%;
  width: 90%;
  min-width:600px; overflow:auto;
  height: 90%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10002;
}
#overlay_background_pod
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  z-index: 9998;
}
#overlay_okno_pod
{ position: fixed;
  top: calc(100vh /2 - 35%);
  left: 15%;
  width: 70%;
  min-width:600px; overflow:auto;
  height: 70%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 9998;
}
#overlay_background
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  z-index: 10004;
}
#overlay_background2
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  z-index: 10006;
}
#overlay_background3
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: transparent;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  z-index: 10008;
}
#overlay_komunikat, #overlay_tn, #overlay_up
{ position: fixed;
  top: calc(100vh /2 - 75px);
  left: 30%;
  width: 40%;
  min-width: 600px;
  height: 150px;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border:1px solid green; box-shadow:5px 5px 5px gray;
  z-index: 10009;
}
#overlay_komunikat2
{ position: fixed;
  top: calc(100vh /2 - 150px);
  left: 25%;
  width: 50%;
  min-width: 600px;
  height: 300px;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border:1px solid green;
  z-index: 10009;
}
#overlay_okno
{ position: fixed;
  top: calc(100vh /2 - 35%);
  left: 15%;
  width: 70%;
  min-width:600px; overflow:auto;
  height: 70%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10005;
}
#overlay_okno_big
{ position: fixed;
  top: calc(100vh /2 - 45%);
  left: 5%;
  width: 90%;
  min-width:600px; overflow:auto;
  height: 90%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10005;
}
#overlay_okno_96
{ position: fixed;
  top: calc(100vh /2 - 48%);
  left: 2%;
  width: 96%;
  min-width:600px; overflow:auto;
  height: 96%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10005;
}
#overlay_okno_small
{ position: fixed;
  top: calc(100vh /2 - 30%);
  left: 25%;
  width: 50%;
  min-width:600px; overflow:auto;
  height: 60%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10005;
}
#overlay_okno3
{ position: fixed;
  top: 80px;
  left: calc(100vw - 440px);;
  width: 400px;
  min-width:400px; overflow:auto;
  height: 200px;
  background: #F5F5F5;
  border:2px solid red;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10007;
}
#overlay_okno2
{ position: fixed;
  top: calc(100vh /2 - 35%);
  left: 15%;
  width: 70%;
  min-width:600px; overflow:auto;
  height: 70%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10007;
}
#overlay_okno2_big
{ position: fixed;
  top: calc(100vh /2 - 45%);
  left: 5%;
  width: 90%;
  min-width:600px; overflow:auto;
  height: 90%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10007;
}
#overlay_okno2_96
{ position: fixed;
  top: calc(100vh /2 - 48%);
  left: 2%;
  width: 96%;
  min-width:600px; overflow:auto;
  height: 96%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10007;
}
#overlay_okno2_small
{ position: fixed;
  top: calc(100vh /2 - 30%);
  left: 25%;
  width: 50%;
  min-width:600px; overflow:auto;
  height: 60%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10007;
}
#overlay_waiting
{ position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #f2ffe6 url(../img/loading.gif) no-repeat center center; 
  background-size: 60px 60px;  
  opacity: 0.6;
  z-index: 10099; 
}
#overlay_komunikator
{ position: relative;
  top: calc(100vh /2 - 35%);
  left: 25%;
  width: 50%;
  min-width:400px; overflow:auto;
  height: 50%;
  background: #F5F5F5;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  z-index: 10005;
}
.blinking{
    animation:blinkingText 0.7s infinite;
}
@keyframes blinkingText{
    0%{     opacity: 0.40; }
	5%{     background: lightgreen; }
	40%{    background: #ff6600;opacity: 0.6; }
    50%{    background: #ff6600;opacity: 0.65; }
	60%{     background: #ff3300; opacity: 0.7;}
	85%{     background: #FF0000; opacity: 0.85;}
    100%{   opacity: 1;    }
}

#app { 
  font-family: Calibri, Arial, Helvetica, sans-serif;
  display: grid; position:absolute; top:0;
  height: 100vh; width:100vw;
  place-items: center;
}
.countTimer {
  position: relative;
  width: 200px;
  height: 200px; z-index: 90004; 
}

.countTimer__svg {
  transform: scaleX(-1);
}

.countTimer__circle {
  fill: none;
  stroke: none; filter: drop-shadow(0px 1px 1px black);
}

.countTimer__track-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.countTimer__track-left {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.countTimer__track-left.green {
  color: rgb(65, 184, 131);
}

.countTimer__track-left.orange {
  color: orange;
}

.countTimer__track-left.red {
  color: red;
}

.countTimer__label {
  position: absolute; text-shadow:0px 1px 1px green;
  width: 200px; 
  height: 200px;
  top: 0;
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 48px;
}
.countTimer__label2 {
  width: 400px; display:block; opacity:1; position: absolute; top:calc(100vh/2 - 140px); border:1px solid green; border-radius:16px; background:white;
  height: 32px; 
  align-items: center; text-align:center;
  justify-content: center; opacity:1;
  font-size: 22px; z-index: 90006;
  color: transparent; user-select:none;
  text-shadow: 0 0 0 red;
}
.countTimer__label2:focus { outline: none; }

.listree-submenu-heading { cursor:pointer; }
ul.listree{list-style:none}
ul.listree-submenu-items{list-style:none; border-left:1px dashed black; white-space:nowrap;margin-right:4px;margin-left:4px;padding-left:20px}
div.listree-submenu-heading.collapsed:before{content: "\025B8"; margin-right:4px; margin-left:-2px; }
div.listree-submenu-heading.expanded:before{content: "\025BE"; margin-right:4px; margin-left:-2px; }

.multiselect {
  position: absolute; 
  display: block;
  width: 100%; 
}
.selectBox {
  position: relative; outline:none;
}
.selectBox select {
  width: 100%;
  font-weight: bold; 
}
.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.checkboxesandsearch {
  position: relative;
  display: none;
  border: 1px #dadada solid;
  background-color: white;
  z-index: 99990;
  max-height:200px;
  margin:0px;
  -ms-user-select: none;
}
.checkboxes {
  position: relative;
  display: block;
  border: 1px #dadada solid;
  background-color: white;
  z-index: 99990;
  max-height:200px;
  overflow: auto;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; 
}
.checkboxes input[type=checkbox] {
  display: inline;
  width: 13px;
  height: 13px;
  font-weight:normal;
  margin:3px;
  padding:0px;
  vertical-align: middle; 
}
.checkboxes input[type=checkbox] [disabled] {
  color: gray;
  background-color: white;
  font-weight:normal;
}
.checkboxes label {
  display: block; font-family: 'Lucida Console', 'Menlo', 'Monaco', 'Courier', monospace; font-size:13px;
  white-space: nowrap;
  margin:0px;
  padding:0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  vertical-align: middle; 
}
.checkboxes label:hover {
  background-color: #1e90ff;
}
.checkboxes label [disabled] {
  color: gray;
  background-color: white;
  font-weight:normal;
}
.myAnimContener {
  display: inline-block;
  margin:0px;
  padding:0px; 
  position: relative;
}
.myAnim {
  display:inline;
  position: absolute;
  width: inherit; 
  white-space:nowrap;
  -moz-user-select: none;
  overflow:hidden;
  animation: marquee_wyb_Wierzyciel 20s linear infinite;
  animation: marquee_wyb_Kod_rezultatu 20s linear infinite;
  animation: marqueeme 20s linear infinite;
  margin:0px;
  padding:0px;
  border-left: 0px solid gray;
  border-right: 0px solid gray;
  animation-play-state: paused;
}
@keyframes marqueeme {
  0% { text-indent:  0% }
  50% { text-indent: -100% }
  100% { text-indent: 0% }
}
@keyframes marqueeWykaz {
	
  0% { text-indent:  0% }
  50% { text-indent: -100% }
  100% { text-indent: 0% }
}
.myAnim:hover
{ animation-play-state: paused;
}
.search {
  display:inline;
  position:relative;
  top: -5px;
  text-indent:5px;
  max-width: calc(100% - 60px);
  border-radius:4px;
}
table.aktywny {display:table;}
table.nieaktywny {display:none;}
th.aktywny { border-top-right-radius: 10px; border-top-left-radius: 10px; font-size : 11.0pt; border-collapse:collapse; border:1px solid green;background-color:lightgreen;line-height:22px;height:22px;cursor:default;}
th.nieaktywny { border-top-right-radius: 10px; border-top-left-radius: 10px; font-size : 8.0pt; border-collapse:collapse; border:1px solid green;color:white;background-color:#bcf4bc;line-height:16px;height:16px; cursor:pointer;}
th.nieaktywny:hover { background: #951516; }
table.xls {font-size : 8.0pt; background-color:white; border:none; border-spacing:0;}
table.xls thead {position:sticky;top:0;background-color:lightgray;}
table.xls th {border-bottom:1px dotted gray; border-right:1px dotted gray;padding:3px;}
table.xls td {border-bottom:1px dotted gray; border-right:1px dotted gray;padding:3px;}

.imgWindTelOn {
  content:url(../img/windtelOn.png);
  height:26px; width:26px; margin-top:3px; margin-left:1px; margin-right:10px; 
  background:transparent;
  border-radius: 13px;
}
.imgWindTelOff {
  content:url(../img/windtelOff.png);
  height:26px; width:26px; margin-top:3px; margin-left:1px; margin-right:10px; 
  background:transparent;
  border-radius: 13px;
  opacity:0.4;
}
.imgWindTelOn:hover .imgWindTelOff:hover{
  background: #00cc00;
}