@charset "utf-8";
body { font-size: 14px; margin: 0px; padding: 0px; font-family: sans-serif; color: #fff; cursor: default; background-size: 100% 100%; background-attachment: fixed; background-color: #65a6c8; background-image: radial-gradient(#83ceea 0%, #65a6c8 100%); }
/* .pos_all { width: calc(100vw - 2px); height: calc(100vh - 2px); margin: 0px; padding: 0px; border: 1px solid transparent; overflow-x: hidden; } */
.pos_all { width: 100vw; height: 100vh; margin: 0px; padding: 0px; border: 0px; overflow-x: hidden; }
/* .pos_tablet_zew { width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid #ccc; border-radius: 40px; margin: 10px; } */
.pos_tablet_zew { width: 100%; height: 100%; border: 0px; border-radius: 0px; margin: 0px; }
/* .pos_tablet_wew { width: calc(100% - 6px); height: calc(100% - 6px); border: 1px solid #999; border-radius: 40px; margin: 2px; padding: 5%; box-sizing: border-box; background-color: #6e3b3b; position: relative; } */
.pos_tablet_wew { width: 100%; height: 100%; border: 0px; border-radius: 0px; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #71b6d7; position: relative; }
/*.pos_tablet_napis { width: 90%; text-align: center; position: absolute; top: 30px; left: 0; font-size: 2em;} */
.pos_tablet_napis { width: 100%; text-align: center; position: absolute; top: 50px; left: 0; font-size: 3em; }
/* .pos_tablet_ekran { width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #999; border-radius: 0px; background-color: #bdbdbd; color: #000; font-size: 7em; padding-top: 50px; text-align: center; box-sizing: border-box; text-shadow: 0px 0px 7px #fff; background-size: 100% 100%; } */
.pos_tablet_ekran { width: 100%; height: 100%; border: 0px; border-radius: 0px; color: #fff; font-size: 7em; padding-top: 200px; text-align: center; box-sizing: border-box; background-size: 100% 100%; background: #65a6c8; background-image: radial-gradient(#83ceea,#65a6c8 100%); }
.pos_tablet_login { width: 380px; overflow: hidden; margin: 30px auto 0px auto; }
.pos_tablet_haslo { display: none; width: 376px; overflow: hidden; margin: 30px auto 0px auto; }
.pos_tablet_ekran input[type=text],[type=password] { font-size: 0.3em; padding: 5px; height: 48px; float: left; width: 300px; }
/* .pos_tablet_ekran button { float: left; height: 60px; width: 64px; cursor: pointer; background-color: #1e6f9c; } */
.pos_tablet_ekran button { float: left; height: 48px; width: 50px; cursor: pointer; background-color: #1f6f9d; }
.pos_tablet_ekran button svg { height: 42px; fill: #fff; }
.pos_tablet_przycisk { width: 150px; border-radius: 20px; border: 1px solid #fff; margin: auto; height: 30px; margin-top: 10px; }
.pos_tablet_zle_haslo { font-size: 0.3em; color: #a00; margin-top: 20px; display: none; }

/* Administrator page */
.pos_pasek_dolny { position: fixed; left: 0; bottom: 0; width: calc(100% - 6px); text-align: center; background-color: #65a6c8; padding: 3px; font-size: 0.8em; height: 16px; }
.pos_pasek_dolny a { color: #fff; text-decoration: none; font-style: italic; transition: 0.3s; }
.pos_pasek_dolny a:hover { color: #ccc; transition: 0.3s; }
.pos_pasek_menu { width: 100%; border-bottom: 1px solid #999; overflow: hidden; box-shadow: 0px 2px 10px #06659a; background-color: #65a6c8; }
.pos_pasek_menu_poz { display: block; float: left; height: 50px; font-size: 1.1em; padding: 5px 10px 0px 10px; text-align: center; color: #fff; text-decoration: none; transition: 0.3s; background-color: #0f699c; border-left: 1px solid #83ceea; border-bottom: 2px solid #83ceea; }
.pos_pasek_menu_poz svg { height: 20px; fill: #fff; transition: 0.3s; }
.pos_pasek_menu_poz:hover { background-color: #222; transition: 0.3s; }
.pos_pasek_menu_poz:hover > svg { transform: rotate(10deg); transition: 0.3s; }
.pos_pasek_menu_poz:hover > table svg { transform: rotate(10deg); transition: 0.3s; }
.pos_wybrane { box-shadow: 0px 0px 10px #fff inset; }
.pos_ekran_caly { width: calc(100% - 2px); border: 1px solid rgba(0,0,0,0.3); overflow: hidden; }
.pos_skrot { max-width: 600px; width: 100%; float: left; border: 1px solid #fff; background-color: rgba(255,255,255,0.7); margin: 20px; color: #000; box-shadow: 0px 0px 5px #000; }
.pos_skrot table { width: 100%; }
.pos_skrot th { text-align: left; font-weight: bold; }
.pos_skrot caption { font-size: 1.5em; border-bottom: 1px solid #fff; background-color: rgba(255,255,255,0.8); padding: 2px; }
.pos_skrot caption svg { height: 16px; }
.pos_skrot caption a { fill: #666; transition: 0.3s; }
.pos_skrot caption a:hover { fill: #000; transition: 0.3s; }
.pos_skrot svg { height: 20px; }
.pos_skrot td { color: #000; }
.pos_skrot tr.dane { background-color: rgba(0,0,0,0); transition: 0.3s; }
.pos_skrot tr.dane:hover { background-color: rgba(0,0,0,0.1); transition: 0.3s; }
.pos_skrot a { fill: #666; transition: 0.3s; color: #000; }
.pos_skrot a:hover { fill: #000; transition: 0.3s; color: #a00; }
.pos_skrot_footer { width: calc(100% - 20px); border-top: 1px solid #fff; font-size: 0.8em;background-color: rgba(0,0,0,0.4); color: #fff; padding: 2px 10px; text-align: right; }
.pos_add_new { width: 100%; text-align: center; padding: 10px 0px; }
.pos_add_new input { font-size: 1.2em; padding: 5px; border: 1px solid #666; }
.pos_add_new input[type=submit] { margin-left: 10px; cursor: pointer; } 
.pos_add_new_komunikat { font-size: 1.2em; font-style: italic; margin-top: 10px; color: #a00; }

/* Obsługa wyglądu programów */
fieldset { width: calc(100% - 34px); border: 1px solid #fff; padding: 5px; margin: 10px 12px; background-color: rgba(255,255,255,0.75); }
legend { font-size: 1.2em; font-size: 1.2em; border: 1px solid #fff; padding: 5px; background-color: #0f699c; }
legend a { font-size: 0.7em; color: #fff; font-weight: bold; transition: 0.3s; }
legend a:hover { color: #99f; transition: 0.3s; }
.ekran { width: 100%; color: #000; margin-bottom: 200px; position: relative; }
.ekran table { width: 100%; border: 1px solid #666; color: #333; border-collapse: collapse; background-color: rgba(255,255,255,0.7); }
.ekran table select,input,button { box-sizing: border-box; padding: 3px; font-size: 0.9em; margin: 2px 2px; border: 1px solid #1f6f9d; display: inline; line-height: 14px; vertical-align: middle; cursor: pointer; }
.ekran caption { font-weight: bold; font-size: 1.2em; margin-bottom: 10px; }
.ekran th { text-align: left; padding: 4px; }
.ekran tr { transition: 0.3s; }
.ekran tbody tr:hover { background-color: #ccc; transition: 0.3s; }
.ekran td { padding: 4px; }
.ekran svg { height: 20px; fill: #333; transition: 0.3s; cursor: pointer; }
.ekran svg:hover { fill: #000; transition: 0.3s; }
.ekran form { display: block; overflow: hidden; }
.ekran a { font-weight: bold; color: #000; cursor: pointer; text-decoration: underline; transition: 0.3s; display: inline-block; padding: 4px 4px 2px 4px; background-color: rgba(0,0,0,0.1); border-radius: 4px; box-shadow: 0px 3px 5px #666; border: 1px solid #a8a8a8; min-width: 25px; text-align: center; }
.ekran a:hover { color: #a00; transition: 0.3s; background-color: rgba(0,0,0,0.1); border: 1px solid #000; }
.ekran_podtytul { width: 100%; text-align: center; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #090; background-color: rgba(255,255,255,0.5); padding: 10px 0px; }
.ekran_edit_save { width: 49%; padding: 5px; font-size: 1.2em; border: 1px solid #666; background-color: #eee; margin: 10px 1% 10px 0px; transition: 0.3s; cursor: pointer; }
.ekran_edit_save:hover { transition: 0.3s; background-color: #faa; }
.ekran_edit_cancel { width: 50%; padding: 5px; font-size: 1.2em; border: 1px solid #666; background-color: #eee; margin: 10px 0px 10px 0px; transition: 0.3s; cursor: pointer; }
.ekran_edit_cancel:hover { transition: 0.3s; background-color: #faa; }
.ekran_edit_dane { width: 100%; margin: auto; overflow: hidden; }
.ekran_edit_dane input { padding: 5px; font-size: 1.2em; width: calc(100% - 2px); height: auto; }
.ekran_edit_dane input[type=checkbox] { width: auto; }
.ekran_edit_dane select { padding: 5px; font-size: 1.2em; width: 100%; }
.ekran_edit_dane textarea { padding: 5px; font-size: 1.2em; width: calc(100% - 12px); }
.ekran_edit_dane input[type=button] { border: 1px solid #000; width: calc(100% - 2px); font-size: 0.8em; transition: 0.3s; cursor: pointer; }
.ekran_edit_dane input[type=button]:hover { background-color: #fff; transition: 0.3s; }
.ekran_edit_dane .info { font-size: 1.2em; display: block; padding: 3px; background-color: rgba(150,255,10,0.5); border: 1px solid #fff; }
.ekran_edit_dane .info_error { font-size: 1.2em; display: block; padding: 3px; background-color: rgba(255,100,100,0.2); border: 1px solid #f00; }
.ekran_edit_tytul { width: calc(100% - 10px); margin: 5px auto 3px auto; font-size: 1em; padding: 2px 0px 2px 10px; border-bottom: 2px solid #0b0; background-color: rgba(0,0,0,0.6); color: #fff; font-weight: bold; }
.ekran_edit_tytul_1 { max-width: 690px; }
.ekran_edit_dane_1 { max-width: 700px; }
.ekran_edit_przyciski_1 { max-width: 200px; width: 100%; margin: auto; position: fixed; bottom: 40px; right: 40px; background-color: rgba(0,0,0,0.5); text-align: center; border-radius: 0px; border: 5px solid #fff; padding: 10px; box-sizing: border-box; }
.ekran_edit_przyciski_1:hover { background-color: #000; transition: 0.3s; }
.ekran_edit_przyciski_1 input { width: 100%; text-align: center; padding: 5px; font-size: 1.2em; border: 1px solid #666; background-color: #eee; margin: 10px 0px 10px 0px; transition: 0.3s; cursor: pointer; }
.ekran_edit_przyciski_1 input:hover { transition: 0.3s; background-color: #faa; }
.ekran_edit_przyciski_1 .przyciski_1_edit_save {  }
.ekran_edit_przyciski_1 .przyciski_1_edit_return {  }
.ekran_edit_przyciski_1 .przyciski_1_edit_cancel {  }
.ekran_edit_przyciski_razem { width: 100%; }

.ekran_edit_2 { width: 100%; margin: auto; overflow: hidden; }
.ekran_edit_2_blok { float: left; width: calc(50% - 10px); overflow: hidden; }
.ekran_edit_2_blok:first-child { margin: 0px 10px 0px 0px; }
.ekran_edit_2_blok:last-child { margin: 0px 0px 0px 10px; }
.ekran_menu_gorne { overflow: hidden; width: calc(100% - 10px); background-color: #badcef; padding: 7px 5px; }
.ekran_menu_gorne_poz { float: left; }
.ekran_menu_gorne_poz select { padding: 3px; border: 1px solid #000; cursor: pointer; background-color: #fff; transition: 0.3s; max-width: 150px; margin: 2px; }
.ekran_menu_gorne_poz select:hover { background-color: #fff; transition: 0.3s; }
.ekran_menu_gorne_poz input[type=text] { padding: 3px; border: 1px solid #000; }
.ekran_menu_gorne_poz input[type=date] { padding: 3px; border: 1px solid #000; vertical-align: top; } 
.ekran_menu_gorne_poz input[type=submit] { padding: 3px; margin-left: 5px; cursor: pointer; transition: 0.3s; border: 1px solid #06659a; background-color: #50a6d6; color: #fff; line-height: 16px; }
.ekran_menu_gorne_poz input[type=submit]:hover { background-color: #0f699c; transition: 0.3s; }
.ekran_edit_full { width: 100%; }

.ekran_edit_dane_2 { float: left; width: 50%; }
.ekran_edit_dane_2 input { padding: 5px; font-size: 1.2em; width: calc(100% - 12px); }
.error_no_database { width: 100%; font-size: 2em; color: #e00; text-align: center; }

a.duzy_button { width: 100%; display: block; padding: 5px; text-align: center; text-decoration: none; border: 1px solid #000; margin-bottom: 5px; background-color: rgba(0,0,0,0.5); transition: 0.3s; color: #fff; }
a.duzy_button:hover { transition: 0.3s; background-color: rgba(255,255,255,0.7); }

.podmenu_gorne { width: 100%; padding: 0px; }
.podmenu_gorne input { margin: 2px 0px; padding: 3px; background-color: #999; border: 1px solid #000; color: #ccc; transition: 0.3s; cursor: pointer; }
.podmenu_gorne input:hover { color: #fff; background-color: #777; transition: 0.3s; }

.ekran_edit_dane_submenu { width:100%; margin: auto; }
.ekran_edit_dane_submenu table { table-layout: fixed; width: 100%; margin: 10px 0px; font-weight: bold; border-collapse: collapse; }
.ekran_edit_dane_submenu table td { text-align: center; padding: 0px; } 
.ekran_edit_dane_submenu table td button { border: 0px; width: calc(100% - 2px); cursor: pointer; font-weight: bold; padding: 5px; transition: 0.3s; }
.ekran_edit_dane_submenu table td button:hover { transition: 0.3s; background-color: #fff; }
.ekran_edit_dane_submenu_wybrane { background-color: #afa; }
.ekran_edit_dane button { width: calc(100% - 2px); text-align: center; padding: 5px; cursor: pointer; font-weight: bold; }

a.links { border: 1px solid transparent; box-shadow: 0px 0px 0px; background-color: transparent; text-align: left; }
.komunikat_ok { width: 100%; text-align: center; color: #0a0; padding: 5px; background-color: #fff; }
.komunikat_error { width: 100%; text-align: center; color: #a00; padding: 5px; background-color: #fff; }

.str_all { width: 100%; overflow: hidden; }
.str_one { float: left; padding: 5px; border: 1px solid #ddd; margin: 0px 3px; background-color: #ddd; transition: 0.3s; cursor: pointer; } 
.str_one:hover { transition: 0.3s; background-color: #fff; }
.str_one_sel { font-weight: bold; background-color: #eee; }

.cursor_link { cursor: pointer; }

@media all and (max-width: 1350px) {
	.pos_tablet_napis { top: 18px; }
	.pos_tablet_ekran { font-size: 6em; }
	.pos_tablet_ekran input[type=text] { font-size: 0.35em; }
}
@media all and (max-width: 1150px) {
	.pos_tablet_napis { top: 10px; }
}
@media all and (max-width: 980px) {
	.pos_tablet_napis { top: 2px; }
	.pos_tablet_przycisk { margin-top: 10px; height: 20px; }
	.pos_tablet_ekran { font-size: 5em; }
	.pos_tablet_ekran input[type=text] { font-size: 0.4em; }
}
@media all and (max-width: 800px) {
	.pos_tablet_napis { top: 2px; }
}
@media all and (max-width: 770px) {
	.pos_tablet_napis { display: none; }
	.pos_tablet_przycisk { display: none; }
	.pos_tablet_ekran { font-size: 3em; }
	.pos_tablet_ekran input[type=text] { font-size: 0.8em; }
}
@media all and (max-width: 500px) {
	.pos_tablet_login { width: 80%; }
	.pos_tablet_ekran input[type=text] { width: calc(100% - 12px); }
	.pos_tablet_ekran button { width: calc(100% - 2px); }
}
@media all and (max-width: 450px) {

}