#kontent {
  width: 94%;
  margin: 0 auto 50px;
  background: #fff;
  background:linear-gradient(126deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 60%, rgba(233,233,233,1) 100%);
  z-index: 200;
  position: relative;
  padding:15px;
-webkit-box-shadow: 0px 0px 34px 5px rgba(132, 132, 132, 0.21);
-moz-box-shadow: 0px 0px 34px 5px rgba(132, 132, 132, 0.21);
box-shadow: 0px 0px 45px 4px rgb(0, 0, 0);  
  border-radius: 10px;
  min-height: calc(100vh - 320px);
  
}

.wybor_inTittle > div { display:inline-block; margin-right:10px; }

#pric { display:none; }
#showformlm { display:none; }
#showdanelm { display:none; }

.getprzypisy { cursor:pointer; }

.ronly {
  background: rgba(255,0,0,0.3) !important;
}

.wo_lista { display:inline-block !important; width: calc(100% - 10px); background: orange; padding: 5px; color: #000; }
.wo_lista > div { display:inline-block; margin-left:15px; }
.wo_lista > div input { margin-right:5px; }

div.kbgf { display: block; background: #fff; border: 1px solid black; border-radius: 10px; }
div.kbgf .boxclose { cursor:pointer; top:0; } 

div.kbgf .kont { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; height:auto; gap:5px; }
div.kbgf .kont .selmini {  aspect-ratio: 4/3; background:#dfdfdf; border:1px solid #333; border-radius:5px; }
div.kbgf .kont img { max-width:100%; display:block; }

.addr, .addd, .addmini {
  width: 20px;
  height: 26px;
  border: 0;
  cursor:pointer;
  padding: 0 !important;
  position: absolute;
  top: 9px;
  right: 10%;
  color:green;
}

.delr {
  width: 20px;
  height: 26px;
  border: 0;
  cursor:pointer;
  padding: 0 !important;
  position: absolute;
  top: 9px;
  right: calc(10% + 25px);
  color:red;
}

.kbg { position:absolute; display:none; left:0; top:0; width:100%; height:100%; z-index:300; background: rgba(200, 200, 200, 0.7); background-size: auto; background-position: center center; overflow:hidden;  }
.kbg .kont { margin: 20px 10px 10px; background: #fff; padding:5px; height: calc(100% - 45px); overflow: scroll; }

.kbg .rodzicelista { grid-template-columns: 35px 1fr 150px 150px; }
.kbg .rodzicelista2 { grid-template-columns: 35px 1fr 150px 90px; }
.kbg .dziecilista2 { grid-template-columns: 30px 1fr 150px 100px 90px; }
.kbg .pracowniklista { grid-template-columns: 35px 1fr 150px 150px; }

.selrodzic { text-align:center; cursor:pointer; font-weight:bold; }

.getsfiltr { width:100%; }

.getsfiltr.havesearchb { width: calc(100% - 30px); }

.fszukaj, .fszukaj2 { position: absolute; right: 4px; color: #fff; background: #09640e; padding: 6px 9px 7px 9px; cursor:pointer; }

.kol_lp { font-size: 10px; padding: 0 !important; text-align: center; }

#showform .wart { position:relative; }

.ncbase > div { grid-template-columns: 100% !important; margin-top: 30px; }

.cent { text-align:center; }
.tright { text-align:right; }

.komunikat {display:inline-block; border-top:2px solid red; border-bottom:2px solid red; text-align:center; margin: 20px auto; font-weight: bold; padding: 10px; background: #fff; padding: 10px; width: 90%; margin: 0 5%; }
.mtop50 { margin-top:50px; }
.mtop50i { margin-top:50px !important; }
.infos { width: 100%; display: inline-block; }
.infos .binfos > div { display: inline-block; float: right; padding: 10px 30px; line-height:30px; }
.infos i {font-size: 30px; color: black; display: inline-block; vertical-align: middle; margin-top: -3px; }
.binfos { float: right; margin-top: -15px; margin-right: -15px; border-bottom-left-radius: 50px; }

.bg_g { background: rgb(249,249,249); background: linear-gradient(126deg, rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%); }

.form div.ed_miniatura { display:none; }

.dbox { margin: 10px; position:relative; }
.dbkont { padding: 10px 10px 40px 10px; border: 1px solid #dfdfdf; border-radius:3px; background: #fff; z-index: 33; position: relative; height:calc(100% - 90px); box-shadow:4px 4px 9px 0 rgba(149,149,151,1); }
.rbord { border-right:1px solid #9e9e9e !important; }
.dashb .dbox:first-child { margin-top: -25px; }

.dashb .mwiad { grid-area:meswiad; margin: 20px 10px 0px; }

/*
.dashb { display: grid;
  grid-template-columns: 25% 25% 25%;
  grid-template-rows: auto;
  grid-template-areas: 
    "dbobecnosci dbobecnosci dbobecnosci"
	"dbtablica dbtablica dbtablica"
    "dbjadlospis dbwiadomosci dbfilmy"
	"dbgaleria dbgaleria dbgaleria"; 
}

.dbox.dbgaleria { grid-area: dbgaleria; }

.dbox.bobecnosci { grid-area: dbjadlospis; }
.dbox.bobecnosci { grid-area: dbtablica; }
.dbox.bobecnosci { grid-area: dbwiadomosci; }
*/

.dashb { display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
}

.dbobecnosci { grid-column: 1/7; } 
.dbtablica { grid-column: 1/7; }
.dbzdjecia { grid-column: 1/7; }

.dbjadlospis { grid-column: 1/7; }
.dbwiadomosci { grid-column: 1/7; }
.dbgaleria { grid-column: 4/7; }
.dbfilmy { grid-column: 1/4; }

.dbox.dbobecnosci .dbkont {
  margin-bottom: 3px;
  padding: 0;
  height: auto;
  overflow: hidden;
}

.obecni { display:grid; gap: 0; overflow-x:scroll;  } 
.obecni > div { border-right: 1px dashed black; min-width:240px; }
.obecni > div:last-child { border-right:0; }

.obecni_info { padding: 0 10px 15px; }

 .obecni_info span { float: right; font-weight: 700; }

.obecni h4 { margin: 2px 0 10px; text-transform: uppercase; font-size: 20px; border-bottom: 1px dashed #000; padding-bottom: 5px; text-align: center; }
.obecni h4 span { font-size: 11px; display: inline-block; position: absolute; font-weight: 400; margin-left: 5px; }

.dbkolumny { display: grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom: 40px; } 


.gridcentbold { display: grid; align-items: center; justify-content: center; font-weight: 700; }


.db_jadlo { display: grid; grid-template-columns: 1fr 1fr; /* border-right: 1px dashed black; */ }
.db_jadlo .lbox { border-right: 1px dashed black; }
.db_jadlo .lbox:last-child { border-right:0; }


.ajax-file-upload-error { grid-column: 1/3; }
.selmini { cursor:pointer; }

.dodbox,.dotbox, .dombox { 
	grid-template-columns: repeat(20, 5%); 
	display: grid; 
}

.sobecnosci .dodbox, .sobecnosci .dotbox, .sobecnosci .dombox { 
	grid-template-columns: repeat(7, 1fr); 
	display: grid; 
}

.donbox { margin-top: 10px; }

.dotbox > div { text-align: center; border: 1px solid #dfdfdf; }
.bdat { user-select: none; position:relative; }
.dodbox .bdat { border: 1px solid #dfdfdf; display: inline-block; padding: 15px 0; text-align: center; }
.dombox { display: grid; 
	background: #dadada; /* Old browsers */
	background: -moz-linear-gradient(top,  #dadada 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dadada 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dadada 0%,##e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dadada 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(top,  #dadada 0%,#e2e2e2 100%); /* W3C */

}
.dombox .bmie { border: 1px solid #dfdfdf; display: inline-block; padding: 2px; text-align: center; }

.dbtyt {   display: inline-block;
  width: 45%;
  padding: 5px 0px 18px 20px;
  border-top-right-radius: 50px;
  font-weight: bold;
  border-bottom-right-radius: -33px;
  border: 1px solid #a6a6a6;

  border-bottom: 0;
  border-top-left-radius: 9px;
  font-size: 18px;
  margin-bottom: -12px;
 }
 
 .rtyt {   display: inline-block;
  display: inline-block;
width: calc(100% - 21px);
padding: 5px 0px 14px 20px;
border-radius: 10px;
font-weight: bold;
border-bottom-right-radius: -33px;
border: 1px solid #a6a6a6;
font-size: 18px;
margin-bottom: -8px;
text-align:center;
 }
 
 .butbox { position: absolute;
  right: 0;
  bottom: 3px;
  z-index: 21212;
  color: #fff;
  padding: 10px 30px;
  border-top-left-radius: 50px;
  box-shadow:0px 0px 15px 3px rgb(149, 149, 151);
  }
  
 .butboxl { position: absolute;
  left: 0;
  bottom: 3px;
  z-index: 21212;
  color: #fff;
  padding: 10px 30px;
  border-top-right-radius: 50px;
  box-shadow:0px 0px 15px 3px rgb(149, 149, 151);
  }  
  
.butboxl a, .butbox a { color:#fff; }  
  
 .bd_posilki {
	 margin-bottom: 30px;
 }
 .bd_posilek { border-bottom: 1px dashed #a0a0a0; margin-bottom:5px; padding: 0 15px; }
 .bd_posilek:last-child { border-bottom:0;  }
 .bd_posilek span { width: 100%;
display: inline-block;
text-align: center;
text-decoration: underline;
font-weight: bold;}
 
 .bd_pday { text-transform: uppercase;color: #000;text-align: center;display: inline-block;width: 100%;margin-bottom: 14px;font-size: 20px; }
 .lbox { /* border-bottom: 1px dashed #a0a0a0; */ margin-bottom: 25px; padding-bottom: 10px; }
 .lbox:last-child { border-bottom: 0; margin-bottom: 25px; padding-bottom: 10px; }
 .p_tytul { font-weight: bold;text-align: center;font-size: 17px; margin-bottom: 10px; }
 .p_pobierz { text-align: center; }
 

 
 .subh { position:relative; z-index:200; cursor:pointer; text-decoration:underline; }
 .subh:hover { z-index:210; }
.subm { display:none;  z-index:211; position: absolute; left: 0; background: rgba(60,110,35,0.9); padding: 0; border: 1px dashed #a3a3a3; width: auto; border-top: 0; margin-left: -10px; }
.subm ul { padding: 0; }
.subm ul li { width: 100%; border-bottom:1px dashed #a3a3a3; padding:0; }
.subm ul li a { width: calc(100% - 45px); display:inline-block; padding: 10px 25px 10px 20px; white-space: nowrap; }
.subm ul li a:hover { background: rgba(0,0,0,0.5); }
.subm.showsub { display:block; }

/* kalendarz */

#kalendarz { margin-top: -30px; }

.kdays  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
    width: 100%;
	margin-bottom: 20px;
}

.kdays > div {
  padding: 10px;
  margin: 0;
  background: #fafafa;
  border:1px solid #dfdfdf;
  position:relative;
  min-height:50px;
  display: table;
  justify-content: center;
  align-content: center;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}


.topk { display: block; width:calc(100% + 40px); margin-bottom:15px;
	color: #fff;
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
	margin:0 -20px 20px;
	padding:5px 0;
	box-shadow:0px 4px 9px 0 rgb(0, 0, 0);
	text-align:center;
	position:relative;
 }

.topk a { height: 30px; width:30px; padding: 5px 5px !important; font-size: 28px; line-height: 30px; margin:3px 5px; }

.topk h2 { margin: 8px 0 8px; color: #fff; font-weight: bold; text-align:center; }





.kdays > div label, .kdays > div a { text-align:center; width: 100%; display: table-cell; vertical-align: middle; font-size: 28px; font-weight:bold; }

.kdays > div:not(.kdis):hover { padding: 10px; margin: 0; background: #bdc7bb; }

.kdays > div label {font-size: 28px; font-weight:bold; display: block; cursor: pointer; }

.dmonth { color:#dfdfdf; }

.kdays > div.th {
  padding: 5px 10px;
  margin: 0;
  background: #dfdfdf;
  text-align:center;
  min-height:25px;
  border:1px solid #c3c0c0;
  font-weight:bold;
}


.bgadd { background:rgba(0,0,0,0.4); z-index:212121; position:fixed; top:0; left:0; width:100%; height:100%; display:flex;  align-items: center; justify-content: center; display:none; }
.bgadd h2 { color:#f8f8f8; padding: 7px 0; border-radius: 5px 5px 0 0; box-shadow:0 4px 9px 0 rgba(149,149,151,1);
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
 }

.bgadd .form .fsubmit { margin-left:0; }
.bgadd .form .fsubmit input  { width:100%; background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */ }


#addJadlospis {
  display: block;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  width: 1200px;
  padding-bottom: 15px;
  position: relative;
  max-height: 90vh;
}

#addJadlospis .kolumn { grid-template-columns: 1fr 0.7fr; padding:0 !important; }

#addJadlospis h2 { margin-bottom: 0; z-index: 212121; position: relative; }

#addJadlospis .fsubmit { margin-top:0; }

#addJadlospis .kontlista { padding:0; padding: 0; max-height: 90%; overflow: hidden auto; }



.produktlistajad { display:block !important; padding: 0; height: calc(100% - 75px); }

.addj { position: absolute; right: 10px; top: 5px; }

.pdaj { position:relative; }
.pdaj:nth-child(odd) { background:#fbfbfb; }
.pdaj .jprodukt { width: calc(100% - 20px); display: block; }
.jwybor { position:relative; }
.jwybor, .jwybor > div { padding: 0; }

.jwybor .chlimit { position: absolute; right: 0; bottom: 3px; }

.jtytul { font-weight:bold; }
.jtytul input { width:30px !important; }

.jlists { border-left: 1px solid #ddd; background: #f1ffed; padding: 5px 0 !important; height: calc(84vh - 50px); overflow: hidden scroll; }
	
.jlista { border:1px solid #dfdfdf; background: #fefcfc; margin: 0 20px 0 10px; }	
	
.jwybor .pagination { padding-top: 20px !important; }	
.jwybor > div { height: calc(84vh - 50px);  }	
	
#addDay {
  display: block;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  width: 400px;
  padding-bottom: 15px;
  position: relative;
}


.close {
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50px;
  width: 15px;
  height: 15px;
  text-align: center;
  background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%);
  color: #fff;
  border: 1px solid #646464;
  padding: 5px !important;
  display: block !important;
  font-size: 20px;
  line-height: 10px;
  cursor: pointer;
  font-weight: bold;
  transition:.5s ease-in-out;
  z-index:212121;
}

.close:hover { transform: rotate(180deg); } 

.form div.nazwa {
  text-align: right;
}

.form div {
  padding: 5px 10px;
}

.form div.nazwa {
  padding: 5px 10px 5px 0;
}

.form input, .form textarea {
  box-shadow: 0 -4px 9px .7px rgba(142,140,133,0.5);
  width: 90%;
  background: #f3f3f3;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  margin: 0;
    margin-right: 0px;
  margin-right: 0px;
  filter: none;
}

select { font-size: 14px; padding: 4px 10px; color: #000; font-weight: 400; background: #fff; }

.form .fsubmit input {
  background: #555;
  color: #fff;
  margin: auto 0;
  padding: 7px;
  cursor: pointer;
}

.kdays > div.freeday { color: #fff;
	background: rgba(200,0,0,0.5); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(200,0,0,0.5) 0%, rgba(200,80,80,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,0,0,0.5)), color-stop(100%,rgba(200,80,80,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(200,0,0,0.5) 0%,rgba(200,80,80,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(200,0,0,0.5) 0%,rgba(200,80,80,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(200,0,0,0.5) 0%,rgba(200,80,80,0.7) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(200,0,0,0.5) 0%,rgba(200,80,80,0.7) 100%); /* W3C */ 
	}

.kdays > div.freeday:hover {
	background: rgba(200,0,0,0.7); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(200,0,0,0.7) 0%, rgba(200,80,80,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,0,0,0.7)), color-stop(100%,rgba(200,80,80,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(200,0,0,0.7) 0%,rgba(200,80,80,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(200,0,0,0.7) 0%,rgba(200,80,80,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(200,0,0,0.7) 0%,rgba(200,80,80,0.9) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(200,0,0,0.7) 0%,rgba(200,80,80,0.9) 100%); /* W3C */ 	
}

#addDay .datka { text-align: center; font-size: 20px; }
input#opis { max-width: unset; background: #f3f3f3; margin: 0 5%; }

.dw_cancel { display:none; transition:.5s ease-in-out;  border-radius: 50px;  width: 15px;  height: 15px;  text-align: center;  background: #fff;  color: #646464;  border: 1px solid #646464;  padding: 5px !important; font-size: 20px; line-height: 10px; cursor: pointer; font-weight: bold; position: absolute; right: 10px; top: 10px; }
.kdays > div.freeday .dw_cancel { display:block; }

.dw_cancel:hover { transform: rotate(90deg); }

#powtarzaj {   width: 30px; margin-left: 12px; }

.dw_potwierdz { display:none; position: absolute; background: #dfdfdf; width: 100%; top: 0; left: 0; height: 100%; color:black; text-align:center;  }
.lbut { margin-top: 10px; }
.sbut { display: block; width: 44%; float: left; margin: 3%; cursor:pointer; }


/* -- */


.ak_rz { position: absolute;right: 20px; top: 12px; font-size: 25px; }

.addjad { position: absolute;font-size: 35px;color: green;text-align: center;left: 0;top: 0;width: 100%;height: 100%;display: grid;align-content: center; justify-content: center; }
.addjad i { width: 30px; background: #fff8d1; height: 30px; cursor: pointer; border-radius: 10px; line-height: 30px; }

.jadinfo { position: absolute; grid-template-columns: 1fr 1fr;  text-align: center;left: 0;top: 0; margin: 0 10%; width: 80%;height: 100%;display: grid;align-content: center; justify-content: center; }

.editjad  { text-align: center; right: 5px; top: 5px; display: grid; align-content: center; justify-content: center; }
.editjad i { width: 40px; background: #a4e19e; height: 40px; cursor: pointer; border-radius: 25px; line-height: 37px; font-size: 24px; color: #556069; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out,color 2s ease-out; -o-transition: background-color 2s ease-out,color 2s ease-out; transition: background-color 2s ease-out,color 2s ease-out; }
.editjad i:hover { background: #000; color:#fff; }

.podgladjad  {  text-align: center; right: 40px; top: 5px; display: grid; align-content: center; justify-content: center; }
.podgladjad i { width: 40px; background: #a4e19e; height: 40px; cursor: pointer; border-radius: 25px; line-height: 37px; font-size: 28px; color: #556069; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; }

.podgladjad i:hover { background: #000; color:#fff; }


.jadlobloks { position: absolute; background: #fff; z-index: 212121; padding: 10px; border: 1px solid #dfdfdf;  display:none; text-align: left; }
.jadlobloks .j_typ { font-weight:bold; }
.jadlobloks .j_typinfo { margin-left:10px; }
.jadlobloks .j_danie { white-space:nowrap; }
.jadlobloks .j_danie:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome;padding-right:5px; }
.jadlobloks .j_danie2 { margin-left:10px; white-space:nowrap; color:#bababa; }
.jadlobloks .j_danie2:before { content: "\f101"; font: normal normal normal 14px/1 FontAwesome; padding-right:5px; }

.podgladjad:hover .jadlobloks { display:block; }

.ak_rz.zwin i.fa:before {
  content: "\f077";
}
.ak_rz.rozwin i.fa:before {
  content: "\f078";
}

.lista, .lista2 {
    display: grid;
    width: 100%;
}

.asdanie #kalorie, .asdanie #bialko, .asdanie #weglowodany, .asdanie #tluszcze { border:0; box-shadow:0 0 !important; }

.pwart { font-size:14px; }

.grupys { border: 1px solid #dfdfdf; background: #f8f8f8; margin-right: 10%; }

.glinia input { width: 30px; }

.chwart { display: block; float: left; padding: 0 !important; }

.adddania { display: block; width: 22px; position: absolute; right: 0px; color: green; font-size: 21px; cursor:pointer; }


div.lista .tc, div.lista2 .tc { background:#fbfbfb; }

.rolista { grid-template-columns: 30px 1fr 1fr 1fr 130px;  }

.grupylista { grid-template-columns: 30px 1fr 0.5fr 30px;  }
.rodzicelista { grid-template-columns: 30px 1fr 1fr 65px 30px;  }
.rodzicelista2 { grid-template-columns: 30px 1fr 1fr 65px 30px;  }
.pracowniklista { grid-template-columns: 30px 1fr 1fr 65px 30px;  }
.dziecilista { grid-template-columns: 30px 1fr 1fr 65px 30px;  }
.dziecilista2 { grid-template-columns: 30px 1fr 1fr 65px 30px;  }
.kwitylista { grid-template-columns: 30px 1fr 150px 0.9fr 0.9fr 65px 30px;  }
.produktlista { grid-template-columns: 1fr 45px 45px 45px 45px 45px;  }
.tablicalista { grid-template-columns: 1fr 200px 130px 130px 120px 55px;  }
.pkalscal {grid-column: 2 / 6; }


.selrok {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr 40px;
}

.oddo {
  display: grid;
  grid-template-columns: 50px 50px 30px;
  gap:5px;
}

.oddo span { text-align:right; }

.ob_fullgrup { display:grid; text-align:center; }

.ob_fullgrup > div
{
  border: 1px solid #dfdfdf;
  display: inline-block;
  padding: 4px 0;
  text-align: center;
}

div.nameobec.wyroznijobec, div.setobec.wyroznijobec { background:#9aa5b7; color:#fff; }

.setobec { cursor: pointer; }

.nameobec { white-space: nowrap; }

.setobec.tc, .nameobec.tc { background:#f2f1f1; }
.tch { background:#9aa5b7; color:#fff; font-size: 12px; }

.tablicatop span { float:right; }
.tablicafoot  { text-align:right; }


.t_jadlo { display: grid; gap:20px; grid-template-columns: 1fr 1fr; }

.t_jadlo .lbox {
padding: 10px 10px 40px 10px;
    padding-bottom: 40px;
  border: 1px solid #dfdfdf;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(223, 223, 223);
  border-radius: 3px;
  background: #fff;
  z-index: 33;
  position: relative;
  height: calc(100% - 90px);
  box-shadow: 4px 4px 9px 0 rgba(149,149,151,1);
}

.t_jadlo .bd_pday { color: #fff; padding: 10px; width: calc(100% - 20px); }
.t_jadlo .bd_pday span { font-size:12px; }
.t_jadlo .bd_pday h3 { color:#fff; margin-bottom:0; }

.dbtablica .lbox, .otablica .lbox { border-bottom: 1px dashed #000; padding-bottom: 0px; }
.dbtablica .lbox:last-child, .otablica .lbox:last-child { border-bottom:0; }


.podlista { font-size: 12px; color: #9b9999; }

.produktlista > div { position:relative; }

.hide { display:none; }

.produktylista { border: 1px solid #dfdfdf; background:#fdfdfd; width: 100%;   padding: 5px 0px; margin-top: 30px; margin-left: -10%; }
.produktyaddlista { border: 1px solid #dfdfdf; background:#fdfdfd; width: 100%;   padding: 5px 0px; margin-top: 30px; margin-left: -10%; }
.produktylista > div:first-child { border-top:0; }
.produktylista > div { border-top: 1px dashed #333; width: calc(100% - 20px); position: relative; }

.pclose { font-size: 25px; color: #d90e0e; transition: .5s ease-in-out; width: 25px; height: 25px; position:absolute; right: -11px; top: 3px; cursor:pointer; }
div.form .idanie { display:none; }
.adddania {  display:none; }
.showaddpdania .adddania {  display:block; }

#show_lprodukty > div { border: 1px solid #dfdfdf;background: #fdfdfd; }
#show_lprodukty span.tpr { font-weight:bold; }

.listapd { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;  display:grid; width:400px; }
.listapd > div { padding:0 10px; }

.prs { display: block;margin-top: 5px; }

.form .prs input { box-shadow: 0 -1px 9px .7px rgba(142,140,133,0.5); }

.oplatylista{ grid-template-columns: 35px 1fr 1fr 0.5fr 0.5fr 50px;  }
.lsearch { grid-template-columns: 1fr 30px;  }
.wiadomosci_zak { grid-template-columns: 1fr 1fr; background: transparent; padding: 0 !important; margin:0 !important; }
.wiadomosci_zak > div { text-align:center;
cursor:pointer;
display: inline-block;
  width: 104%;
  padding: 5px 0px 5px 0px;
  border-top-right-radius: 25px;
  font-weight: normal;
  border-bottom-right-radius: -33px;
  border: 1px solid #a6a6a6;

  border-bottom: 0;
  border-top-left-radius: 9px;
  font-size: 18px;
  margin-bottom: 0;

	color: #515151;
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
	background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
	z-index:1;
 }
.wiadomosci_zak .wactiv { 
	color: #fff;
	z-index:3;
	font-weight: bold;
	background: #79bc56; /* Old browsers */
	background: -moz-linear-gradient(top,  #79bc56 0%, #4e882e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79bc56), color-stop(100%,#4e882e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* IE10+ */
	background: linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* W3C */
 }

.wiadomosci_zak > div:nth-child(2) { margin-left:-5%;
  border-top-right-radius: 9px;
  border-top-left-radius: 25px;
 }


.lsearch i { text-align: center; color: black; cursor:pointer; }

.sor { position: absolute;right: 2px;top: 0px; width:20px; }
.lista > div.lh, .lista2 > div.lh { background: #c3dd88; font-weight:bold; position:relative; }
.lista > div, .lista2 > div { background: #efefef; }

.lh input { width: calc(100% - 8px); }

.lista > div, .lista2 > div {
  margin: 2px;
  padding: 5px;
  align-items: center;
  display: grid;
  
}

div.flp { padding:5px 0; text-align:center; }
div.flp .sor { right:1px; }

.sortcheck.dw  { border: solid green; border-width: 0 3px 3px 0; }
.sortcheck.up { border: solid green; border-width: 0 3px 3px 0; }

.dw { border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; 
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	float: right;
	margin: 2px 6px 0;  
	cursor:pointer;
  }

.up {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);  
	float: right;
	margin: 7px 6px 0;
	cursor:pointer;
}

.next {	
border: solid #33a630;
border-width: 0 5px 5px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
float: right;
margin: 1px -3px 0 0;
cursor: pointer;
width: 4px;
height: 4px;
box-shadow:3px 4px 4px 0px rgb(149, 149, 151);
}

/*
.listaalbumy { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:5px; }
.listaalbumy > div { border:1px solid #dfdfdf;  }
.listaalbumy img { max-width:100%; align-self: start; }
*/
.li_zdjecia { display:none; }

.listazdjecia { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:5px; }
.listazdjecia > div { border:1px solid #dfdfdf;  }
.listazdjecia img { max-width:100%; }

.zb_img { aspect-ratio: 4/3; width: 100%; display: inline-block; overflow: hidden; }

.selgrupy { float:right; margin-right:15px; width:auto; }
.closez  { float:right; margin-right:15px; width:auto; cursor:pointer; }
.produktlistajad .next { margin: 1px 5px 0 0; }

.progress { display:block !important;  border: 1px solid green !important; }


.listafilmy { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:5px; }
.listafilmy > div { border:1px solid #dfdfdf;  }
.listafilmy img { max-width:100%; }


.next:hover {
  border-color: #4e904d;
  margin-left: 0px;
  transition:.5s ease-in-out;
}

.bstatus {	
border: solid #33a630;
border-width: 0 5px 5px 0;
display: inline-block;
padding: 3px;
transform: rotate(-135deg);
-webkit-transform: rotate(40deg);
float: right;
margin: 1px 6px 0;
cursor: pointer;
width: 0px;
height: 6px;
}

.chgreen { background: linear-gradient(to right, #8beba3, #000); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
.chgray { background: linear-gradient(to right, #8beba3, #000); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }


.form div.dw_wait { position:absolute; display:none; left:0; top:0; width:100%; height:100%; z-index:300; background: rgba(200, 200, 200, 0.7) url(/img/load.gif) no-repeat; background-size: auto; background-position: center center; }
.form div.dwa_wait { position:absolute; display:none; left:0; top:0; width:100%; height:100%; z-index:300; background: rgba(200, 200, 200, 0.7) url(/img/load.gif) no-repeat; background-size: auto; background-position: center center; padding: 0 !important; border-radius: 10px; }

.m12 { display:grid; grid-template-columns: 50% 50%; }
.m6 { width:100%; }


.m12b { display:grid; grid-template-columns: 60% 40%; }
.m12c { display:grid; grid-template-columns: 57% 43%; }

.form > div {
  display: grid;
  grid-template-columns: 20% 80%;
}

.form .fsubmit {
  grid-template-columns: 100%;
  margin-top: 20px;
  margin-left: 20%;
}

 #deletedane .fsubmit {
  grid-template-columns: 100%;
  margin:20px 10%;
 }

#deletedane .fsubmit input  { width:100%; }
#deletedane .delinfo { text-align:center; }

div .editgroup, #deletegroup { display:none; }

.zdel { position: absolute; right: 10px; top: 10px; }
.zbox, .fbox { position:relative; }
.bwait { position:absolute; display:none; left:0; top:0; width:100%; height:100%; z-index:300; background: rgba(200, 200, 200, 0.7) url(/img/load.gif) no-repeat; background-size: auto; background-position: center center; }
.lwait, .lwait2, .zwait { position:absolute; display:none; left:0; top:0; width:100%; height:100%; z-index:300; background: rgba(200, 200, 200, 0.7) url(/img/load.gif) no-repeat; background-size: auto; background-position: center center; }

.lkbox img, .lkbox video { width:100%; }
.lbox img, .lbox video  { width:100%; }

.lkbox { background: #f7f7f7;  height: auto; border: 1px solid #dfdfdf; position:relative; }

.zb_info, .fb_info { padding: 0 10px; align-self: start; margin-bottom: 30px; }

.zb_info .p_tytul, .zb_info .p_opis, .fb_info .p_tytul, .fb_info .p_opis { text-align:left; }

.showalbum { cursor:pointer; }

.zdjecia_inf {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 0;
  margin-bottom: 20px;
}
.zamknijalbum i { font-size: 30px; }
.zamknijalbum i:hover { transform: rotate(180deg); }

.kont_zdjecia { display:none; position:fixed; top:0; right:0; width:100%; gap:5px; z-index: 212121; height:100%; overflow-y:scroll; background:#fff; }
.kont_zdjecia .rtyt { border-radius:0; padding-bottom: 10px; line-height: 30px; }
.kont_zdjecia img { width:100%; display:block; }

.zamknijalbum { float:right; cursor:pointer; padding-right: 10px; }

.Offkont_zdjecia.kontz_dashb {  position:fixed; z-index:212121; max-height: 96vh; width: 98vw; display: block; margin: 2vh 1vw; background:#fff; }

.kont_zdjecia.kontz_dashb .zdjecia { overflow-x:scroll; width:100%; height:calc(98vh - 100px); }


.edit_abs { position: absolute; right: -10px; top: -10px; width: 35px; height: 35px; background: black; border-radius: 50px; text-align: center; color: #fff; display: grid; align-items: center; border: 2px solid #dfdfdf; cursor: pointer; }

.zdef { position: absolute; left: 8px; top: 5px; cursor:pointer; }
.zdef.defsel { color:red; cursor:default; }
.zdef:not(.defsel):hover { color:green; }

.fkom { display:none; width: 92%; margin: 20px 4% !important; }
.fkom.fred { display:block; background: rgba(255,0,0,0.2); border-top:1px solid red; border-bottom:1px solid red; text-align:center; margin: 20px 0; font-weight: bold; padding: 10px; }
.fkom.fgreen { display:block; background: rgba(0,255,0,0.2); border-top:1px solid green; border-bottom:1px solid green; text-align:center; margin: 20px 0; font-weight: bold; padding: 10px; }

.pkwota { text-align:right; }

.gredit, .grdel { cursor:pointer; padding: 0 8px; }

.rzadd { display: none; width: calc(100% - 10px); margin: 15px 0 10px; padding:5px; background: #fff; border: 1px solid #dfdfdf; border-radius:10px; } 
.rakcja { display: inline-block; width: calc(100% - 10px); height: 40px; margin: 15px 0 10px; padding:5px; background: #fff; border: 1px solid #dfdfdf; border-radius:10px; }

.delzdjecia { float:right; }
.rakcja > input { margin:0; }

.activedit { background: rgba(0,0,0,0.3) !important; color: #fff; }
.form .editgroup > input {   margin-bottom: 25px; }
.delinfo span { font-weight:bold; font-size:20px; }
.preq { border-color:red !important; }

 #showdane > div:not(.fsubmit):nth-child(odd) {
    background-color: rgba(89, 89, 187, 0.1);
}
#showdane > div.rdonly { background:rgba(255,0,0,0.1); }
#showdane > div.rdonly:nth-child(odd) { background:rgba(255,0,0,0.3); }

#showdane div.nazwa { font-weight:bold; }

.topk .akcje {
  position: absolute;
  right: 1px;
  top: 12px;
}

#addbutton { display:none; }

.chlimit { text-align: right; }
.pagination, .pagination2 {
  width: 100%;
  text-align: center;
  margin: 20px auto;
}
.pagination a, .pagination b, .pagination2 a, .pagination2 b  { padding: 0 5px; }

.pagination span, .pagination2 span { cursor:pointer; }

.clearfiltr, .getinfo { cursor:pointer; }

i.clearfiltr { font-size: 25px; color: #d90e0e; transition:.5s ease-in-out; }
i.boxclose { color: black; font-size: 36px; position: absolute; z-index: 32; right: 4px; top: 8px; transition:.5s ease-in-out; }

i.clearfiltr:hover , i.boxclose:hover, .pclose:hover { transform: rotate(180deg); }


.produktylistajad {
border-top: 1px dashed #333;
width: calc(100% - 35px);
position: relative;
padding: 5px 0;
}

.produktylistajad > div:first-child {
  border-top: 0;
}

.produktylistajad > div {
  border-top: 1px dashed #333;
  width: calc(100% - 20px);
  position: relative;
}

.produktylistajad .prs { font-size:13px; margin: 0px 0 5px; padding: 2px 10px 10px; }
.produktylistajad .prs input { height: 15px; }
.produktylistajad .prp > div { padding:0 5px; }

.przypisy_lista { border: 1px solid #dfdfdf; background: #fff; max-height:300px; overflow:scroll; }
.przypisy_lista .przypisy_poz { border-bottom:1px dashed #dfdfdf; cursor:pointer; padding:10px; }
.przypisy_lista .przypisy_poz:nth-child(odd) { background:#fbfbfb; }
.przypisy_lista .przypisy_poz span { width: 30px; height: 20px; display: inline-block; }
.przypisy_lista .przypisy_poz span i { opacity: 0.3; }
.przypisy_lista .przypisy_poz.przypisy_check span i { opacity: 1; color:green; }

#odb_box { display:none; }
.odlista { width:100%; position: relative; }

#kotakt_box { background:rgba(0,0,0,0.4); z-index:212121; position:fixed; top:0; left:0; width:100%; height:100%; display:flex;  align-items: center; justify-content: center; display:none; }

#kotakt_box .kbox {
background: #fff;
border-radius: 10px;
border: 1px solid #dfdfdf;
width: 500px;
padding-bottom: 15px;
position: relative;		
		
	}

#kotakt_box .kbox h2 {
color:#f8f8f8; padding: 7px 0; border-radius: 5px 5px 0 0; box-shadow:0 4px 9px 0 rgba(149,149,151,1);
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}


.kb_zakladki { display:grid; grid-template-columns: 1fr 1fr 1fr; background: transparent; padding: 0 !important; margin:0 !important; }
.kb_zakladki > div { text-align:center;
cursor:pointer;
display: inline-block;
  width: 100%;
  padding: 5px 0px 5px 0px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;  
  font-weight: normal;
  border: 1px solid #a6a6a6;
  border-bottom: 0;
  font-size: 18px;
  margin-bottom: 0;
  
	color: #515151;
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
	background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
	z-index:1;
 }
.kb_zakladki .wactiv { 
	color: #fff;
	z-index:3;
	font-weight: bold;
	background: #79bc56; /* Old browsers */
	background: -moz-linear-gradient(top,  #79bc56 0%, #4e882e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79bc56), color-stop(100%,#4e882e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* IE10+ */
	background: linear-gradient(top,  #79bc56 0%,#4e882e 100%); /* W3C */
 }

.kb_zakladki > div:nth-child(2) { width:104%; margin:0 -2%; }


.od_lista { border: 1px solid #dfdfdf; background: #efefef; }
.kb_lista { border: 1px solid #dfdfdf; background: #fff; max-height: 500px; overflow: scroll; position:relative; }

.addodbiorca { color:green; font-size: 24px !important; cursor:pointer; }
.addodbiorca.odb_open { cursor:default; color:gray; }


.kb_lista .kb_poz { border-bottom:1px dashed #dfdfdf; cursor:pointer; }

.kb_lista .kb_poz:nth-child(odd) { background:#fbfbfb; }
.kb_lista .kb_poz span { width: 30px; height: 30px; display: inline-block; }
.kb_lista .kb_poz span i { opacity: 0.3; }
.kb_lista .kb_poz.kb_check span i { opacity: 1; color:green; }

.addodbiorca { color:green; font-size: 24px !important; cursor:pointer; }
.addodbiorca.odb_open { cursor:default; color:gray; }

.kbo { cursor:pointer; }
.kbo i { margin-left: 3px; color: red; }

.alkom { background: rgba(255,0,0,0.3); padding: 4px 0 !important; margin-bottom: 15px; color: black; }

#loginbox {
position: fixed;
display:none;
width: 100vw;
height: 100vh;
background: rgba(121, 188, 86, 0.75);
backdrop-filter: blur(3px);
z-index: 21212121;
top: 0;
left: 0; 
height: 100%; }

#loginbox #logincont { display: grid; height: 100%; }

.hideprzypisy { display:none !important; }

/* rodzic css */

.setobec:not(.addobec):hover { background:-moz-linear-gradient(top, #c78383 0%, #c55252 100%); background: -webkit-linear-gradient(top, #c78383 0%, #c55252 100%); }
.lbox div.addobec:hover, .dbobecnosci div.addobec:hover { background:-moz-linear-gradient(top, #c78383 0%, #c55252 100%); background: -webkit-linear-gradient(top, #c78383 0%, #c55252 100%); }
.lbox div.addobec, .dbobecnosci div.addobec, .sobecnosci div.addobec  { background: -moz-linear-gradient(top,  #cd4e4e 0%, #8f1a1a 100%); background: -webkit-linear-gradient(top,  #cd4e4e 0%, #8f1a1a 100%); color: #fff; }

.obecpods { background:-moz-linear-gradient(top, #c78383 0%, #c55252 100%); }

.bdat span.obs { border-radius: 20px; width: 23px; height: 23px; display: inline-block; }

.bdat.ch_obecny span.obs { background:#fff;  }
.bdat.ch_nieobecny span.obs { background:-webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); border:1px solid #dfdfdf; color:#fff; }
.bdat.ch_zatwierdzony span.obs { background:-webkit-linear-gradient(top, #a5cd4e 0%,#597716 100%); border:1px solid #dfdfdf; color:#fff; }

.bdat.ch_anuluj span.obs { background:#fff; color:#000; }




.lbox div.addobec22 span {
  background: linear-gradient(30deg, rgba(203,197,189,0) 35%, #4e882e 85%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}


.lbox div.ob_poczasie.addobec22 span {
  background: linear-gradient(30deg, rgba(203,197,189,0) 35%, rgb(234, 6, 6) 85%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.waitobec { background:-webkit-linear-gradient(top, #20a6d2 0%,#0b779a 100%); color:#fff; -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }

.klegend  { display: block; height: 30px; margin: 10px 0; }
.klegend > div { float: left; }
.klegend > div > span { width: 30px; height: 30px; margin: 0 5px 0 15px; border: 1px solid #dfdfdf; display: block; float: left; }
.klegend span { line-height:35px; }
.klegend label { height: 30px; display: inline-block; line-height: 33px; font-size: 12px; }

.ob_obecnosc { background:#fff; }

.ob_dwolny { background: linear-gradient(180deg, #fdfdfd 0%, #f1f1f1 100%); color: #eaeaea; }
.ob_dwolny.tch { background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); color: #eaeaea; }
.ob_zgloszono { background:-webkit-linear-gradient(top, #20a6d2 0%,#0b779a 100%); color:#fff; }
.ob_nieobecnosc { background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); color:#fff; }
.ob_zatwierdzone { background:-webkit-linear-gradient(top, #a5cd4e 0%,#597716 100%); color:#fff; }
.ob_poczasie {  background:-webkit-linear-gradient(top, #a7d5e4 0%,#aec0c6 100%); color:#fff; }



.kdays > div.ob_dwolny { background: linear-gradient(180deg, #fdfdfd 0%, #f1f1f1 100%); color: #eaeaea; }
.kdays > div.ob_dwolny.tch { background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); color: #eaeaea; }
.kdays > div.ob_zgloszono { background:-webkit-linear-gradient(top, #20a6d2 0%,#0b779a 100%); color:#fff; }
.kdays > div.ob_nieobecnosc { background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); color:#fff; }
.kdays > div.ob_zatwierdzone { background:-webkit-linear-gradient(top, #a5cd4e 0%,#597716 100%); color:#fff; }
.kdays > div.ob_poczasie {  background:-webkit-linear-gradient(top, #a7d5e4 0%,#aec0c6 100%); color:#fff; }


.kdays > div.ob_zgloszono:hover { background:-webkit-linear-gradient(top, #20a6d2 0%,#0b779a 100%); color:#fff; }
.kdays > div.ob_nieobecnosc:hover { background: -webkit-linear-gradient(top, #cd4e4e 0%,#8f1a1a 100%); color:#fff; }
.kdays > div.ob_zatwierdzone:hover { background:-webkit-linear-gradient(top, #a5cd4e 0%,#597716 100%); color:#fff; }
.kdays > div.ob_poczasie:hover {  background:-webkit-linear-gradient(top, #a7d5e4 0%,#aec0c6 100%); color:#fff; }





.formobec { margin-top: 20px;border: 1px solid #dfdfdf; padding: 10px; background: #eefff1; display:none; }
.obectype input.obect { margin: 2px 3px 2px 10px; }

.formobec textarea { min-width: 430px; margin-left: 10px; margin-top: 5px; height: 90px; }

.formobec > div {
  display: table-cell;
  vertical-align: middle;
}

.obeczatw {
  margin: 20px;
  padding: 30px 20px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.zgaleria, .listafilmy { grid-template-columns: 1fr 1fr 1fr 1fr;}

#rszczegoly{
  display:none;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: 2121;
  padding-bottom: 50px;
}

.tch, .tr_sum { background:#9aa5b7; color:#fff; font-size: 12px; }

	 .t_roz { position: relative; }
	 .t_plus:after,.t_oplata:after { position:absolute; content: '+'; right: -5px; font-weight: bold; background: rgba(255,255,255,0.3); z-index:2; }
	 .t_minus:after,.t_naleznosc:after, .t_odpis:after, .t_umorzenie:after,.t_suma:after { position:absolute; content: '-'; right: -5px; font-weight: bold; background: rgba(255,255,255,0.3);  z-index:2; }
	 .t_rowno:after,.t_wyzywienie:after,.t_saldopm:after,.t_wplata:after { position:absolute; content: '='; right: -5px; font-weight: bold; background: rgba(255,255,255,0.3);  z-index:2; }
	 
	 #wrozliczenia .tc, .r_szczegolylista .tc { background: #f2f1f1; }
	 
	 .r_szczegolylista { display: grid; text-align: center; grid-template-columns: 0.7fr repeat(9, 0.5fr); margin-bottom:15px; }

.rszczegoly { height: 100%; width: 100%; border: 0; border-radius: 0; margin: 0; cursor:pointer; }

.t_saldo { background: #b6c5d3 !important; font-weight:bold; }
.t_suma { background: #b6c5d3 !important; font-weight:bold; }
.t_naleznosc { background: #b6c5d3 !important; font-weight:bold; }

.tc.t_saldo { background: #a4bdd5 !important; }
.tc.t_suma { background: #a4bdd5 !important; }
.tc.t_naleznosc { background: #a4bdd5 !important; }

.cred { color:#9d4545; }
.cgreen { color:#2ea22e; }
.cblack { color:#000000; }

.cred:after,.cgreen:after { color:#000; }

.topr { display: block; width:100%; margin-bottom:15px;
	color: #fff;
	background: #20a6d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #20a6d2 0%, #0b779a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20a6d2), color-stop(100%,#0b779a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #20a6d2 0%,#0b779a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #20a6d2 0%,#0b779a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #20a6d2 0%,#0b779a 100%); /* IE10+ */
	background: linear-gradient(top,  #20a6d2 0%,#0b779a 100%); /* W3C */
	margin:0 0px 20px;
	padding:1px 0;
	box-shadow:0px 4px 5px 0 rgb(0, 0, 0);
	text-align:center;
	position:relative;
 }

.roz_linia { width:98%; margin-left:2%; }

.rm_data { display:none; }

.roz_wplaty { display:grid; grid-template-columns:100px 150px 100px 200px 1fr; gap: 3px; }
.roz_wplaty .roz_th { padding:0 3px; 
	color: #fff;
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}

.roz_wplaty .rtc { background:#efefef; }
.roz_wplaty .rtb { background:#d8e4dc; }

.topr h2 { margin: 0; font-size: 16px; color: #fff; text-align:center; }

.rs_box { padding: 5px; }

.rszbox { display:none; }
.rsz { margin-bottom:15px; }


@media only screen and (max-width : 1200px){

	div.dbfilmy, div.dbgaleria { grid-column: 1/8; }
}

@media only screen and (max-width : 1024px){
.Adbkolumny { grid-template-columns: 1fr; }
}


@media only screen and (max-width : 1200px){
 .menu li { padding: 0 5px; }
 
 .logos { margin-left: 3px; }
 .mkm { margin-left: 140px; }
 .toplh { left: 140px; }
 .tlogout { width: 55px; }
 .zgaleria, .listafilmy { grid-template-columns: 1fr 1fr 1fr;}
}

@media only screen and (max-width : 980px) {
 .tmob { display:block; }
 .tmob a { color:#fff; }
 .tdesk { display:none; }

.formobec {  margin-bottom: 45px; }
#obkalendarz .dw_info { display:none; }

.zdjecia {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}

}

@media only screen and (max-width : 860px){

.sustaw {
  display: grid;
  grid-template-columns: 1fr;
}

.zdjecia { grid-template-columns: 1fr 1fr; }

#kontent > .infos { display:none; }

.dashb { margin-top: 20px; }

.tmob_infos { display: grid !important; grid-template-columns: 1fr 1fr 50px; text-align: right; }
.tmob_infos.tmob_pr { grid-template-columns: 1fr 50px; }
.tmob_infos label { padding: 0 5px; }
.tmob_infos .mob_dz i, .tmob_infos .mob_mess i { color:#000; font-size: 30px;  display: inline-block;   vertical-align: middle;  margin-top: -3px;  }
.tmob_infos .mob_dz, .tmob_infos .mob_mess { text-align:center; }



.Offmob_hide { display:none; }
.toph { display:none; }

.mkm { margin-left: 105px; }

.menu_bar { margin: 0 10px 0 15px; cursor:pointer; }
.menu_bar i {  color: #fff !important; font-size: 30px !important; }

.toplh { left: 105px; top: 10px; }

.toph_mob { display:block; position: absolute;
  height: 41px;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
  text-align: right; 
  }
  
 .toph_mob i { color: #fc8902; font-size: 23px; line-height: 25px; margin-top: 8px; margin-right:20px; }
 .nmenu { display:none; }
 div.logos img { width: 95px !important; margin-top: 15px; }
  
 .logos { margin-left: 8px; }  
  
 .podl { top: 36px !important; height: 45px !important; }  
  
 .klegend label { height: 20px; display: inline-block; line-height: 25px; font-size: 11px; }
 
.klegend > div > span {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 10px;
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
}
 
 .butbox, .butboxl { padding: 5px 20px; }
 .formobec > div { display:block; width:100%; }

 .formobec textarea { max-width: calc(100% - 30px); width: calc(100% - 30px); min-width: unset; }
 .formobec .obeczatw { padding: 10px 20px; width: calc(100% - 40px); }
 .kontobec { width: 154%; }
 .kal_m { font-size:13px; }  
 .kal_d { font-size:13px; }  
   #bwiadomosc .w_messbox { display: grid; grid-template-columns: 0.1fr 1fr 0.1fr; }
   
  .zgaleria, .listafilmy { grid-template-columns: 1fr 1fr;}   
   .dbtyt { width: 60% !important;  font-size: 17px !important; }
}

@media only screen and (max-width : 740px){
 .rm_data { display:block; }
 .rd_data { display:none; }
 .r_szczegolylista { display: grid; text-align: center; grid-template-columns: 0.4fr repeat(9, 0.5fr); margin-bottom:15px; }
 
 .roz_wplaty { display: grid; grid-template-columns: 40px 1fr 1fr 1fr; }
.r_szczhide2 { display:none; }
 .kw_koment { grid-column:1/5; }
 
}

@media only screen and (max-width : 620px){
	 .dbox.dbobecnosci .dbkont { padding-bottom: 20px; } 
	 .formobec .obectype { display: grid; grid-template-columns: 30px 1fr 30px 1fr; gap: 10px 2px; }
	 .kontobec { width: 200%; }
	 
.dbtyt { width: calc(100% - 21px) !important; border-top-right-radius: 10px !important; font-size: 16px !important; }	 
.mobecnosci .ob_week { display:none; }
  .mobecnosci .dodbox, .mobecnosci .dotbox { grid-template-columns: repeat(5, 1fr); }	
  .kal_m, .kal_d { display:none; }  
  .kal_sm, .kal_sd { display:inline; }
  
  .t_jadlo { grid-template-columns: 1fr; }

    .w_mess {
  grid-template-areas:
"meskto   meskto" 
"mestytul mestytul" 
"meswiad  meswiad " 
"mesrwiad mesrwiad" 
"mesreply mesreply" 
"meswall  meswall "
"mesdata mesdata";
}

div span.mdata_sma { display:block;  }
div span.mdata_big { display:none; }

.w_messbox { padding: 5px 5px; }
.w_messbox div { padding: 5px 5px; }

.mwiad { margin: 8px 3px 8px; }

}


@media only screen and (max-width : 540px){
	.r_szczegolylista {  grid-template-columns: 0.4fr repeat(7, 0.5fr);  }
	.r_szczhide { display:none; }
	
	.r_szcz_pods { font-size:0 !important; }
	.r_szcz_pods:after { content:"aa"; }
	
	.tmob_infos label { display:none;}
	.mob_dz i, .mob_mess i { margin-right: 10px;  }
	.toph_mob a { display:none; }
	.toplh { left: 25px; top: 3px; width: calc(100% - 25px); text-align: center; }
	.toph_mob {  height: 30px; }
	.top { padding-top: 30px; }
	.podl { top: 28px !important; }
	 div.logos img { margin-top: 3px; }
	.zdjecia { grid-template-columns: 1fr; } 
	 .dbox.dbobecnosci .dbkont { padding-bottom: 20px; }

	#kontent { width: 96%; padding: 5px; }
	.dbox { margin: 10px 3px; } 
	.dashb .dbox:first-child { margin-top: -10px; }
	
.db_jadlo { display: grid; grid-template-columns: 1fr; }	
.db_jadlo .lbox:last-child { display:none; }
.dbfilmy .dbkolumny, .dbgaleria .dbkolumny { grid-template-columns: 1fr; }
.p_tytul { font-size: 14px; }

.zgaleria, .listafilmy { grid-template-columns: 1fr;}

 .mkm { margin-left: 80px; }
 .logos { margin-left: 0px; }
  .tmob_infos .mob_dz i, .tmob_infos .mob_mess i { font-size: 23px; }
  
  .topmess label { width: 25px; height: 25px; line-height: 25px; }
  
  .topk .akcje { top: -40px; }
  
  #bwiadomosc .w_messbox { display: grid; grid-template-columns: 0.05fr 1fr 0.05fr; }
  #bwiadomosc .w_mess { padding: 5px 3px; }
  

.r_szczegolylista .tch { writing-mode: vertical-lr; text-align: center; align-content: center; }

}

@media only screen and (max-width : 480px) {
 .kontobec { width: 287%; }
   .klegend > div > span { margin: 0 2px 0 9px; }

.r_szczegolylista > div { font-size:13px; }

.mw_rozwin { padding: 0 5px; font-size: 17px; margin-left: -10px; }
.mwiadomo.mw_schowaj { grid-template-columns: 26px calc(100% - 22px); }

.mw_wiadomo .dbkont { padding: 10px 0px 40px 0px; }

.mwiad { margin: 5px 0px 5px; }
.mkto b { font-size:13px; }
.mkto span { font-size:14px; font-weight:bold; }
}

@media only screen and (max-width : 380px) {
	.formobec .obectype { display: grid; grid-template-columns: 30px 1fr; gap: 10px 2px; }
 .toplh { left: 50px; top: 0px; }
 div.logos img { width: 75px !important; margin-top: 15px; } 
 .podl { height: 45px !important; }  
 .tmob { position: absolute; width: calc(100% - 25px); }
 
  .klegend > div > span { width: 12px; height: 20px; margin: 0 1px 0 4px; }
 .mkto b { font-size:11px; }
 .mkto span { font-size:13px; font-weight:bold; }
}