body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  background-image: url("img/tlo.png");
}

#top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#head {     /* nagłóweg pierwszego stopnia - Menu 1 */
  height: 50px;
  background-image:url('img/top.png');
  background-repeat:repeat-x;
}

#head2 {    /* nagłówek drugiego stopnia - Menu 2 */
  height: 30px;
  background-image:url('img/top2.png');
  background-repeat:repeat-x;
}

#logo {     /* logo główne na #head */ 
  display: inline-block;
  margin-left: 25px;
  height: 50px;
  width: 300px;
  background-image:url('img/logo-300x50.png');
  background-repeat:repeat-x;
}

#head #main_menu {   /* pozycje menu głównego */
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  background-color:transparent;
}

#head #main_menu a { 
  font-size: 15px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-decoration:none;
  color:#ffffff;
  border-right:1px solid #005392;
  background-color:transparent;
  padding: 0 20px;
}

#head #main_menu a:hover {background-color:#555577;color:#ffffff;}
#head #main_menu a.now {background-color: #6600FF;color:#ffff00;}

#head #main_menu .tytul {   /* tytuł wyświetlanie na #head  */
  font-size: 25px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-decoration:none;
  color:#ffff00;
  border-right:1px solid #005392;
  background-color:transparent;
  padding: 0 20px;
}

#head2 #menu2 a
{
  font-size: 13px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-decoration: none;
  color: #ffffff;
  border-right: 1px solid #005392;
  background-color: transparent;
  padding: 0 20px;
}

#head2 #menu2 a:hover { background-color:#555577; color:#ffffff; }
#head2 #menu2 a.now    { background-color:#990033; color:#ffff00; }

.bok {   /* menu boczne */
  position: fixed;
  font-size: 13px;
  top: 80px;
  left: 0;
--  padding: 10px 10px 10px 10px;
  background-color: #997733;
}

.bok  a {   /* pozycje menu bocznego */
  display: block;
  text-decoration:none;
  color:#ffffff;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #005392;
}

.bok a:hover { background-color:#555577; }
.bok a.now { background-color:red; color:yellow; }

#submit0, #submit1, #submit2, #submit3, #submit4 {     
  height: 30px;
  width: 120px;
  background-color:#ffff00;
  margin: auto;
}

.main_page {
  width: 98%;
  height: 100%;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  background-image: url("img/tlo.png");
}
.inbody {
--  position: relative;
  text-align: left;
  z-index: 1000;
  left: 0;
  width: 100%;
  height: 100%;
--  padding: 10px 10px 10px 10px;
--  background-color: #eeffee;
  background-image: url("img/tlo.png");
}

.onTop {
  position: fixed;
  text-align: left;
  z-index: 1000;
  left: 0;
  top: 80px;
  width: 100%;
  padding: 10px 10px 4px 10px;
--  background-color: #eeffee;
}

.onScroll {
  padding: 10px 0 0 0;
}

.onScrollClean {
  padding: 0 10px 0 10px;
}

.scrollable {
  text-align: left;
  z-index: 1000;
  left: 0;
  width: 98%;
  height: 100%;
  padding: 10px 10px 10px 10px;
--  background-color: #eeffee;
}

.scrollable-bok4 {
  text-align: left;
  z-index: 1000;
  left: 0;
  width: 85%;
  height: 100%;
  padding: 0px 10px 10px 150px;
--  background-color: #eeffee;
}

.scrollable-bok5 {
  text-align: left;
  z-index: 1000;
  left: 0;
  width: 80%;
  height: 100%;
  padding: 0px 10px 10px 200px;
--  background-color: #eeffee;
}

.scrollable-bok6 {
  text-align: left;
  z-index: 1000;
  left: 0;
  width: 80%;
  height: 100%;
  padding: 0px 10px 10px 150px;
--  background-color: #eeffee;
}

#status_konta {
  position: fixed;
  font-size: 12px;
  right: 0;
  top: 80px;
  padding: 5px 10px 5px 20px;
  border-bottom-left-radius: 30px;
  background-color: #99ff99;
}



/* The Modal (background) */
.modal {
   display: none;         /* Ukryj domyślnie */
   position: fixed;       /* miejsce okna */
   z-index: 1;            /* Sit on top */
   padding-top: 70px;     /* odstęp okna Modal od góry */
   padding-bottom: 70px;  /* odstęp okna Modal od dołu */
   left: 0;
   top: 0;
   width: 100%;           /* Szerokość okna */
   height: 90%;          /* Wysokość okna */
   overflow: auto;        /* Zezwój na scroll gdy potrzeba */
   background-color: rgb(0,0,0);      /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
   position: absolute;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   right: 20px;
   top: 70px;
   width: 300;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s;
}

/* Modal Content */
.modal-content2 {
   position: auto;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   top: 70px;
   width: 90%;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:70px; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:70px; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    align: center;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    text-align: center;
}

.modal-error {
    padding: 2px 16px;
    background-color: yellow;
    color: red;
    text-align: center;
}
.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cbbcc;
    color: white;
    text-align: center;
}

.objSelect {
  cursor: pointer;
}

.objInput {
  display:block;
  padding:2px 5px;
  font-size:15px;
  line-height:1.42857143;
  color:#000;
  background-color:#fff;
--  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,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;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.objInputDate {  
  background-image: url("img/calendar.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
}

.ui-datepicker-week-end a {
    color: red !important;
}

.th {
  font-size:18px;
  text-align: left;
  overflow: hidden; 
  white-space: nowrap;
}

.th2 {
  font-size:18px;
  text-align: center;
}

.th3 {
  font-size:18px;
  text-align: right;
}

th {
  font-size:20px;
  text-align: center;
}

td {
  overflow: hidden; 
  white-space: nowrap;
}
   
.td2 {
  white-space: normal;
}
   
select {
  font-size:18px;
  text-align-last: center;
}

.submit1 {
  font-size:18px;
  background-color:#ffff00;
}
  
.submit2 {
  font-size:18px;
  background-color:#ff99ff;
}
  
.submit3 {
  font-size:18px;
  background-color:#00ffaa;
}
  
.submit4 {
  font-size:18px;
  background-color:#cc9966;
}
  
.submit5 {
  font-size:28px;
  background-color:#ffff00;
  cursor: pointer;
}
  
.submitKSeF {
  font-size:18px;
  background-color:#aaff33;
}
  
.submitPop {
  background-image: url('img/edit25.png');
  width: 25px;
  height: 25px;
  border: 0;
}

.submitDel, #submitDelSlow11, #submitDelSlow12, #submitDelSlow13, #submitDelSlow14, #submitDelSlow15, #submitDelSlow16, #submitDelSlow17, #submitDelSlow18, #submitDelSlow19, #submitDelSlow20, #submitDelSlow21, #submitDelSlow22, #submitDelSlow24 {
  background-image: url('img/delete25.png');
  width: 25px;
  height: 25px;
  border: 0;
}

.submitOpt {
  background-image: url('img/opcje25.png');
  width: 25px;
  height: 25px;
  border: 0;
}

.hiddenDiv {
--  visibility: hidden;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.divTable{
	display: table;
	width: 100%;
}

.divTableBody {
	display: table-row-group;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}

.divTableRow {
	display: table-row;
}

.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}

@media only screen and (max-width: 850px) {
  #logo { display: none; }
}

.bottom_panel {
   position: fixed;
   z-index: 1000;
   bottom: 0;
   right: 0;
}


.footer {
   color: #ffffff;
   font-size: 13px;
   padding: 5px 10px 5px 20px;
   background-image: url("img/top.png");
   background-repeat: repeat-x;
   background-position: top;
  -moz-border-top-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -khtml-border-top-left-radius: 100px; 
  border-top-left-radius: 100px;
}

.footer a {
   color: #ffffff;
   font-size: 13px;
   border-right: 1px solid #cccccc; 
   padding-right: 5px;
   text-decoration: none;
   background-color: transparent;
}


.footer a:hover {
  text-decoration: underline;
  color: yellow;
}

.button-menu {position:absolute; list-style-type:none; background-color:blue; border:1px solid #f0f0f0; padding:0 1px;}
.button-menu button {width:100%; text-align:left; margin:0; font-size:18px; background-color:yellow;}
.button-menu li {padding:1px 0; margin:2px;}
.button-menu2 {position:fixed; background-color:yellow; border:1px solid #f0f0f0; padding:0 1px; display:none;}

.check {
  width: 25px;
  height: 25px;
  position: relative;
}
.check input {
  display: none;
}
.check input:checked + .box {
  background-color: #b3ffb7;
}
.check input:checked + .box:after {
  top: 0;
}
.check .box {
  width: 25px;
  height: 25px;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  border: 2px solid transparent;
  background-color: white;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 5px rgba(0, 0, 0, 0.2);
}
.check .box:after {
  width: 50%;
  height: 20%;
  content: '';
  position: absolute;
  border-left: 7.5px solid;
  border-bottom: 7.5px solid;
  border-color: blue;
  transform: rotate(-45deg) translate3d(0, 0, 0);
  transform-origin: center center;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  left: 0;
  right: 0;
  top: 200%;
  bottom: 5%;
  margin: auto;
} 

.ButtonRight {
 position: absolute;
 top: 105px;
 right: 16px;
}