@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Ubuntu:400,500,700&display=swap&subset=latin-ext');

html { scroll-behavior: smooth; }
body { width: 100%; min-height: 100vh; padding: 0px; margin: 0px; font-family: "Lato", sans-serif, Arial, Tahoma, Helvetica, "Lucida Sans Unicode"; font-weight: 400; font-size: 13px; line-height: 150%; background-image: url('../gfx/tlo.jpg'); background-size: cover; color: #040404; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
iframe { border: none; }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "Lato", sans-serif, Arial, Tahoma, Helvetica, "Lucida Sans Unicode"; font-weight: 400; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }

/* SCROLL */
	.scroll_custom::-webkit-scrollbar { width: 15px; height: 15px; }
	.scroll_custom::-webkit-scrollbar-thumb { border-radius: 3px; }

	.scroll_custom_small::-webkit-scrollbar { width: 5px; height: 5px; }
	.scroll_custom_small::-webkit-scrollbar-thumb { border-radius: 2px; }

	.scroll_custom_left2 { direction: rtl; overflow: auto; overflow-x: auto!important; }

/* RÓŻNE */
	.zdjecia_przesuniecie { cursor: move; }
	.tlo_pelne { background-position: center; background-size: cover; background-repeat: no-repeat; }
	.tlo_pelne2 { background-position: center; background-size: contain; background-repeat: no-repeat; }
	.f_left { float: left; }
	.f_right { float: right; }
	.hide { display: none; }
	.szerokosc, .szerokosc_tresc { width: 100%; float: left; }
	.wysrodkuj { vertical-align: middle; }
	
	.szerokoscauto { width: auto!important; }
	
	.gradient_animate { background-size: 200% 200%; animation: bganimation 10s infinite; }
	@-webkit-keyframes bganimation {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; } 
	}
	@-moz-keyframes bganimation {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; } 
	}
	@-o-keyframes bganimation {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; } 
	}
	@keyframes bganimation {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; } 
	}
	
	.maximg img { max-width: 100%; }
	
	.blur { filter: blur(5px); }
	
	.relative { position: relative!important; }
	.absolute { position: absolute!important; }
	.hidden { overflow: hidden; }
	
	.block { display: block; }
	.inlineblock { display: inline-block; }
	.inline { display: inline; }
	
	.nieprzenos { white-space: nowrap!important; }
	.przenos { word-break: break-word!important; }
	
	.kreska_dol { margin-bottom: 20px; padding-bottom: 20px; }
	.kreska_gora { margin-top: 20px; padding-top: 20px; }
	
	.sticky { position: sticky; position: -webkit-sticky; top: 0px; }
	
	.flex_center { display: flex; align-items: center!important; justify-content: center; }
	
	.rtl { direction: rtl; }
	.ltr { direction: ltr; }
	
	/* komunikaty */
	.komunikat { width: calc(100% - 40px); float: left; padding: 22px 20px; text-align: center; margin: 5px 0; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 500; float: left; display: block; position: relative; overflow: hidden; border-radius: 3px; }
	.komunikat_info::after, .komunikat_bad::after, .komunikat_bad_sad::after, .komunikat_ok::after { position: absolute; top: -25px; left: -15px; width: 90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; font-family: 'mediarent'; font-size: 60px; border: 10px solid #fff; animation-name: komunikat_ikona; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-delay: 0.5s; opacity: 0.2; }
	
	.komunikat_info { background: #019de9; color: #fff; }
	.komunikat_info::after { content: '\e837'; }
	
	.komunikat_ok { background: #73ae36; color: #fff; }
	.komunikat_ok::after { content: '\e817'; }
	
	.komunikat_bad { background: #cd1c29; color: #fff; }
	.komunikat_bad::after { content: '\e821'; }
	
	.komunikat_bad_sad { background: #cd1c29; color: #fff; }
	.komunikat_bad_sad::after { content: '\e82B'; }
	
	.komunikat a { color: #fff!important; text-shadow: 0 0 5px rgba(0,0,0,0.1); }
	.komunikat a:hover { color: #fff!important; text-shadow: 0 0 12px rgba(0,0,0,0.5); }
	
	@-webkit-keyframes komunikat_ikona {
		0% { opacity: 0.2; text-shadow: none; box-shadow: none; }
		25% { opacity: 0.4; text-shadow: 0 0 20px rgba(255,255,255,0.8); box-shadow: 0 0 20px rgba(255,255,255,0.8); }
		50% { opacity: 0.2; }
		100% { opacity: 0.2; text-shadow: none; box-shadow: none; } 
	}
	@-moz-keyframes komunikat_ikona {
		0% { opacity: 0.2; text-shadow: none; box-shadow: none; }
		25% { opacity: 0.4; text-shadow: 0 0 20px rgba(255,255,255,0.8); box-shadow: 0 0 20px rgba(255,255,255,0.8); }
		50% { opacity: 0.2; }
		100% { opacity: 0.2; text-shadow: none; box-shadow: none; } 
	}
	@-o-keyframes komunikat_ikona {
		0% { opacity: 0.2; text-shadow: none; box-shadow: none; }
		25% { opacity: 0.4; text-shadow: 0 0 20px rgba(255,255,255,0.8); box-shadow: 0 0 20px rgba(255,255,255,0.8); }
		50% { opacity: 0.2; }
		100% { opacity: 0.2; text-shadow: none; box-shadow: none; } 
	}
	@keyframes komunikat_ikona {
		0% { opacity: 0.2; text-shadow: none; box-shadow: none; }
		25% { opacity: 0.4; text-shadow: 0 0 20px rgba(255,255,255,0.8); box-shadow: 0 0 20px rgba(255,255,255,0.8); }
		50% { opacity: 0.2; }
		100% { opacity: 0.2; text-shadow: none; box-shadow: none; } 
	}
	
/* KURSORY */
	.c_pointer { cursor: pointer!important; }

/* CZCIONKI */
	.font_open { font-family: 'Lato', sans-serif; }
	.font_ubuntu { font-family: 'Ubuntu', sans-serif; }
	.font_mediarent { font-family: 'mediarent'; }
	
	.male_litery { text-transform: lowercase; }
	.wielkie_litery { text-transform: uppercase; }
	
	.font_w_300 { font-weight: 300; }
	.font_w_400 { font-weight: 400; }
	.font_w_500 { font-weight: 500; }
	.font_w_600 { font-weight: 700; }
	.font_w_700 { font-weight: 700; }
	.font_w_900 { font-weight: 900; }
	
	.font_s_10 { font-size: 10px; }
	.font_s_12 { font-size: 12px; }
	.font_s_14 { font-size: 14px; }
	.font_s_16 { font-size: 16px; }
	.font_s_18 { font-size: 18px; }
	.font_s_20 { font-size: 20px; }
	.font_s_22 { font-size: 22px; }
	.font_s_24 { font-size: 24px; }
	.font_s_26 { font-size: 26px; }
	.font_s_28 { font-size: 28px; }
	.font_s_30 { font-size: 30px; }
	
	.font_lh_80 { line-height: 80%; }
	.font_lh_100 { line-height: 100%; }
	.font_lh_120 { line-height: 120%; }
	.font_lh_150 { line-height: 150%; }
	
	.center { text-align: center!important; }
	.left { text-align: left!important; }
	.leftCenter { text-align: left; }
	.right { text-align: right!important; }
	.rightCenter { text-align: right; }
	
	.naglowek_dzialu, .naglowek_dzialu_pop { font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: 500; display: flex; align-content: space-around; justify-content: space-between; flex-wrap: wrap; }
	.naglowek_dzialu div, .naglowek_dzialu_pop div { align-self: center; margin: 5px 0; }
	.naglowek_dzialu { width: calc(100% - 15px); padding: 10px 5px 10px 10px; }
	.naglowek_dzialu_pop { width: 100%; padding-bottom: 15px; }


/* KOLORY */
	.kolor_bialy { color: #fff!important; }
	.kolor_czarny { color: #000!important; }
	.kolor_czerwony { color: #cd1c29!important; }
	.kolor_niebieski { color: #73b9ff!important; }
	.kolor_zielony { color: #2db300!important; }
	.kolor_zolty { color: #f5ae17!important; }
	.kolor_szary { color: #888!important; }
	.kolor_administrator_0 { color: #ffdfbf; }
	.kolor_administrator_2 { color: #73b9ff; }
	.kolor_administrator_7 { color: #ff4000; }
	.kolor_administrator_10 { color: #2db300; }
	

/* LINKI */
	a { text-decoration: none; transition-duration: 0.5s; color: #000; }
	
	.opcje { font-size: 14px; display: inline-block; text-align: center; height: 36px; line-height: 36px; width: 36px; margin: 3px 1px; border-radius: 50%; transition-duration: 0.2s; text-shadow: none!important; }
	.opcje_napis { font-size: 12px; display: inline-block; text-align: center; height: 30px; line-height: 30px; width: auto; margin: 3px 0; padding: 0 10px; border-radius: 14px; transition-duration: 0.2s; text-shadow: none!important; }
	.opcje_napis_100 { width: calc(100% - 22px); text-align: left; border-top: none!important; border-right: none!important; border-left: none!important; }
	.opcje_duze { font-size: 15px; height: 36px; line-height: 36px; width: 36px; margin: 7px 1px; }
	.opcje_male { font-size: 8px; height: 16px; line-height: 16px; width: 16px; margin: 2px 1px; }
	
	.opcje_cien { color: #fff!important; font-size: 10px; display: inline-block; text-align: center; height: 23px; line-height: 23px; width: 23px; margin: 10px 7px; border-radius: 50%; transition-duration: 0.2s; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
	.opcje_cien_odstep { margin-left: 10px; padding-left: 10px; display: inline-block; }
	.opcje_cien_odstep_prawy { margin-right: 10px; padding-right: 10px; display: inline-block; }
	.opcje_cien_2 { width: auto; border-radius: 10px; padding: 0 15px; }
	.opcje_cien_wylacz { background: #cd1c29!important; }
	
	.opcje_biale { color: #dadada!important; border: 1px solid #656565; }
	.opcje_biale:hover, .opcje_biale_zaznaczone { color: #000!important; background: #d2ac67; border: 1px solid #d2ac67; }
	
	.opcje_zielone, .opcje_zielone_pop { color: #fff!important; background: #73ae36; border: 1px solid #73ae36; }
	.opcje_zielone:hover, .opcje_zielone_pop:hover { color: #73ae36!important; background: none; }

	.opcje_czerwone, .opcje_czerwone_pop { color: #fff!important; background: #cd1c29; border: 1px solid #cd1c29; }
	.opcje_czerwone:hover, .opcje_czerwone_pop:hover { color: #cd1c29!important; background: none; }

	.opcje_ikony_pop { color: #444!important; border: 1px solid #444; }
	.opcje_ikony_pop:hover { color: #fff!important; background: #444; }
	
	.listawynikow1 .lista_naglowek a:hover, .sortowanie_zaz { color: #73ae36; }
	
	/* LISTA WYNIKÓW */
	.listawynikow1 { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none; }
	.listawynikow1 .lista { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none; border-bottom: 1px dotted rgba(0,0,0,0.2); border-top: 1px dotted rgba(0,0,0,0.2); margin-bottom: 2px; line-height: 60px; display: flex; flex-flow: row wrap; justify-content: flex-start; font-weight: 400; align-items: stretch; font-size: 12px; word-break: break-word; transition-duration: 0.5s; }
	.listawynikow1 li.lista:nth-child(even) { background-color: #f6f6f6; }
	.listawynikow1 li.lista:nth-child(odd) { background-color: #fff; }
	.szarabelka { opacity: 0.5; background: linear-gradient(170deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 100%); }
	.przesun_wpis_kontener, .opcje_cien_odstep { border-left: 1px dotted rgba(0,0,0,0.5); }
	.przesun_wpis_kontener_prawy, .opcje_cien_odstep_prawy { border-right: 1px dotted rgba(0,0,0,0.5); }
	.listawynikow1 .lista_naglowek { background-color: #f4f5fc!important; }

	.listawynikow1 .lista_naglowek { font-size: 12px; font-weight: 700; line-height: 180%; padding: 10px 0; }
	.listawynikow1 .lista_naglowek a { margin-right: 20px; }
	.listawynikow1 .lista div { flex-grow: 2; align-self: center; }
	.listawynikow1 .lista div:nth-child(1n+2) { padding-left: 10px; }
	.listawynikow1 .lista div:nth-last-child(1) { padding-right: 5px; }
	.listawynikow1 .lista div:nth-child(1) { padding-left: 5px; }
	
	.lista_30 { line-height: 25px; }
	.lista_20 { line-height: 18px; font-size: 10px; }
	.lista_15 { line-height: 13px; font-size: 10px; }
	.ghostClass { background: rgba(0,0,0,0.3)!important; color: #000!important; outline: 1px dotted rgba(0,0,0,0.6)!important; position: relative; z-index: 10!important; box-shadow: 0 0 25px rgba(0,0,0,0.2); }
	
	.przesun_wpis_kontener { padding-left: 10px; margin-left: 7px; }
	.przesun_wpis_kontener_prawy { padding-right: 10px; margin-right: 7px; }
	.przesun_wpis_kontener a, .przesun_wpis_kontener_prawy a { cursor: move; }
	.przesun_wpis_def a { cursor: pointer; }
	
	/* uzytkownicy */
	.lista_uzytkownicy div:nth-child(1) { width: 30%; max-width: 400px; }
	.lista_uzytkownicy div:nth-child(2) { width: 30%; max-width: 400px; }
	.lista_uzytkownicy div:nth-child(3) { width: auto; max-width: 300px; }
	.lista_uzytkownicy div:nth-child(4) { width: auto; min-width: 60px; text-align: right; padding-right: 5px; }
	
	/* nawigacja start */
	.nawigacja { width: 100%; min-height: 30px; line-height: 30px; margin-top: 20px; float: left; }
	.nawigacja a { padding: 4px 14px; margin: 1px; display: inline-block; background: #555; color: #fff; border-radius: 1px; white-space: nowrap; }
	.nawigacja a:hover, .nawigacja span { padding: 4px 14px; margin: 1px; background: #73ae36; color: #fff; display: inline-block; border-radius: 1px; }
	.nawigacja span.pasujacych { background: none; margin: 0 30px 0 0; padding: 0px; display: inline; font-weight: 700; }
	

/* INPUT */
	.input_1, .editable input, .editable textarea, .editable select { padding: 7px 15px; width: 100%; font-weight: 700; transition-duration: 0.5s; font-size: 12px; border: 1px solid #dfdfdf; }
	.input_1 { min-height: 50px; }
	.editable input, .editable textarea, .editable select { width: auto; }
	select.input_1 { padding: 6px 25px 6px 10px; background-repeat: no-repeat; background-position: right 13px center; -webkit-appearance: none; appearance: none; background-image: url('../gfx/select_dol.png'); }
	
	.input_file { height: 40px; line-height: 40px; padding: 0px 7px; }
	
	option.wlaczony { color: #fff; background: #7db439; }
	option.wylaczony { color: #fff; background: #cd1c29; }
	
	.button_1 { min-width: 100px; padding: 0px 20px; display: inline-block; height: 50px; line-height: 50px; background-color: #73ae36; border: none; color: #fff; cursor: pointer; font-weight: 700; transition-duration: 0.5s; font-size: 12px; border-bottom: 1px solid rgba(0,0,0,0.3); text-align: center; }
	.button_1_nie { background-color: #cd1c29; }
	.button_1:hover { background-color: #282e3e; color: #fff; }
	a.button_1 { height: 39px; line-height: 39px; }
	
	.button_2 { padding: 0px 20px; display: inline-block; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #ddd; color: #000; cursor: pointer; font-weight: 700; transition-duration: 0.5s; font-size: 12px; text-align: center; }
	.button_2:hover { border: 1px solid #565656; background-color: #efefef; }
	
	.input_100 { width: 100%; padding-left: 0px; padding-right: 0px; }
	
	.button_rodzaj { padding: 0px 20px; height: 40px; line-height: 45px; border: 1px solid rgba(0,0,0,0.2); background-color: #73ae36; border: none; color: #fff; cursor: pointer; font-weight: 700; transition-duration: 0.5s; margin: 3px 1px }
	.button_rodzaj:hover { background-color: #282e3e; color: #fff; }
	
	.button_payu { background-color: #282e3e; color: #fff; padding: 20px 25px; font-size: 18px; text-align: center; font-weight: 400; }
	.button_payu:hover { background-color: #73ae36; color: #fff; }
	
	.input_rv:required { border-left: 3px solid #cd1c29; }
	.input_rv:valid { border-left: 3px solid #73ae36; }
	
	input::placeholder, textarea::placeholder { color: rgba(0,0,0,0.6); transition-duration: 0.5s; font-weight: 400; }
	input:focus::placeholder, textarea:focus::placeholder { color: transparent; }
	
	.multiselect, .multiselect_simple { width: 100%; }


/* MARGINESY */
	.padding_10 { width: calc(100% - 20px); padding: 10px; }
	.padding_20 { width: calc(100% - 40px); padding: 20px; }
	.padding_0_20 { width: calc(100% - 40px); padding: 0 20px; }
	.padding_10_0 { padding: 10px 0; }
	.padding_20_0 { padding: 20px 0; }
	.padding_30_0 { padding: 30px 0; }
	.padding_40_0 { padding: 40px 0; }
	.padding_20_0_0 { padding: 20px 0 0 0; }

	.padding_20_10 { width: calc(100% - 20px); padding: 20px 10px; }
	.padding_30_10 { width: calc(100% - 20px); padding: 30px 10px; }
	.padding_40_10 { width: calc(100% - 20px); padding: 40px 10px; }
	
	.padding_10_20 { width: calc(100% - 40px); padding: 10px 20px; }
	.padding_20_20 { width: calc(100% - 40px); padding: 20px 20px; }
	.padding_30_20 { width: calc(100% - 40px); padding: 30px 20px; }
	.padding_40_20 { width: calc(100% - 40px); padding: 40px 20px; }
	
	.margin_1 { margin: 1px; }
	.margin_5 { margin: 5px; }
	.margin_10 { margin: 10px; }
	.margin_20 { margin: 20px; }
	.margin_30 { margin: 30px; }
	.margin_40 { margin: 40px; }
	
	.margin_0_10 { margin: 0px 10px; }
	.margin_0_20 { margin: 0px 20px; }
	.margin_0_30 { margin: 0px 30px; }
	.margin_0_40 { margin: 0px 40px; }
	.margin_0_0_10 { margin: 0px 0px 10px 0px; }
	.margin_0_0_20 { margin: 0px 0px 20px 0px; }
	.margin_0_0_30 { margin: 0px 0px 30px 0px; }
	.margin_0_0_40 { margin: 0px 0px 40px 0px; }
	.margin_5_0 { margin: 5px 0px; }
	.margin_10_0 { margin: 10px 0px; }
	.margin_20_0 { margin: 20px 0; }
	.margin_30_0 { margin: 30px 0; }
	.margin_40_0 { margin: 40px 0; }

	.margin_0_10_0 { margin: 0px 10px 0px 0px; }
	.margin_0_20_0 { margin: 0px 20px 0px 0px; }
	.margin_0_30_0 { margin: 0px 30px 0px 0px; }
	.margin_0_40_0 { margin: 0px 40px 0px 0px; }

	.margin_10_0_0 { margin: 10px 0px 0px 0px; }
	.margin_20_0_0 { margin: 20px 0px 0px 0px; }
	.margin_30_0_0 { margin: 30px 0px 0px 0px; }
	.margin_40_0_0 { margin: 40px 0px 0px 0px; }
	
	.margin_l_0 { margin-left: 0px; } .margin_l_10 { margin-left: 10px; } .margin_l_20 { margin-left: 20px; } .margin_l_30 { margin-left: 30px; } .margin_l_40 { margin-left: 40px; } .margin_l_50 { margin-left: 50px; }
	.margin_r_0 { margin-right: 0px; } .margin_r_10 { margin-right: 10px; } .margin_r_20 { margin-right: 20px; } .margin_r_30 { margin-right: 30px; } .margin_r_40 { margin-right: 40px; } .margin_r_50 { margin-right: 50px; }
	.margin_t_0 { margin-top: 0px; } .margin_t_10 { margin-top: 10px; } .margin_t_20 { margin-top: 20px; } .margin_t_30 { margin-top: 30px; } .margin_t_40 { margin-top: 40px; } .margin_t_50 { margin-top: 50px; }
	.margin_b_0 { margin-bottom: 0px; } .margin_b_10 { margin-bottom: 10px; } .margin_b_20 { margin-bottom: 20px; } .margin_b_30 { margin-bottom: 30px; } .margin_b_40 { margin-bottom: 40px; } .margin_b_50 { margin-bottom: 50px; }
	
	.padding_l_0 { padding-left: 0px; } .padding_l_10 { padding-left: 10px; } .padding_l_20 { padding-left: 20px; } .padding_l_30 { padding-left: 30px; } .padding_l_40 { padding-left: 40px; } .padding_l_50 { padding-left: 50px; }
	.padding_r_0 { padding-right: 0px; } .padding_r_10 { padding-right: 10px; } .padding_r_20 { padding-right: 20px; } .padding_r_30 { padding-right: 30px; } .padding_r_40 { padding-right: 40px; } .padding_r_50 { padding-right: 50px; }
	.padding_t_0 { padding-top: 0px; } .padding_t_10 { padding-top: 10px; } .padding_t_20 { padding-top: 20px; } .padding_t_30 { padding-top: 30px; } .padding_t_40 { padding-top: 40px; } .padding_t_50 { padding-top: 50px; }
	.padding_b_0 { padding-bottom: 0px; } .padding_b_10 { padding-bottom: 10px; } .padding_b_20 { padding-bottom: 20px; } .padding_b_30 { padding-bottom: 30px; } .padding_b_40 { padding-bottom: 40px; } .padding_b_50 { padding-bottom: 50px; }
	
	.margin_off { margin: 0px!important; }
	.margin_off_top { margin-top: 0px!important; }
	.margin_off_right { margin-right: 0px!important; }
	.margin_off_left { margin-left: 0px!important; }
	.margin_off_bottom { margin-bottom: 0px!important; }

	.padding_off { padding: 0px!important; }
	.padding_off_top { padding-top: 0px!important; }
	.padding_off_right { padding-right: 0px!important; }
	.padding_off_left { padding-left: 0px!important; }
	.padding_off_bottom { padding-bottom: 0px!important; }


/* RAMKA */
	.border_off { border: 0px!important; }
	.border_off_top { border-top: 0px!important; }
	.border_off_right { border-right: 0px!important; }
	.border_off_left { border-left: 0px!important; }
	.border_off_bottom { border-bottom: 0px!important; }


/* UKŁAD GŁÓWNY */
	#MASTER { display: flex; flex-direction: row; width: 100%; min-height: 100vh; }
	#MASTER2 { display: block; float: left; width: 100%; min-height: 100vh; }


/* UZYTKOWNICY */
	.uzytkownicy_kontener { width: calc(100% - 40px); min-height: calc(100vh - 110px); padding: 20px; float: left; background-color: rgba(200,200,200,0.8); }
	.uzytkownik_dodaj { width: calc(100% - 50px); float: left; background: #fff; padding: 25px; border-radius: 5px; margin-bottom: 40px; }

/* PANEL LOGOWANIA */
	.panel_logowania { width: calc(100% - 40px); max-width: 700px; margin: 20px; background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
	.panel_logowania_logo { width: 100%; height: 80px; background-color: #232323; background-image: url('../gfx/logo.png'); background-repeat: no-repeat; background-position: center; background-size: auto 60px; }
	.panel_logowania_dane { width: calc(100% - 60px); padding: 30px; }
	
	.panel_logowania .input_1 { height: 50px; line-height: 50px; padding: 10px; background: #fff; border: 1px solid rgba(0,0,0,0.1); box-shadow: 5px 5px 10px rgba(100,100,100,0.01), inset 5px 5px 10px rgba(100,100,100,0.1); transition-duration: 0.5s; }
	.panel_logowania .input_1:hover { box-shadow: 5px 5px 10px rgba(100,100,100,0.2), inset 5px 5px 10px rgba(100,100,100,0.01); }
	.panel_logowania .button_1 { height: 50px; line-height: 50px; padding: 0 20px; }

/* MENU */
	.menu { width: calc(100% - 20px); float: left; height: 50px; padding: 10px; background: #232323; color: #fff; text-align: right; line-height: 50px; }
	.menu img { max-height: 100%; float: left; vertical-align: middle; }
	.menu a { color: #fff; }


/* VAR */
	:root {
	  --main-grid-margin: 10px; 
	}


/* GRID */
	.grid_5, .grid_10, .grid_15, .grid_20, .grid_25, .grid_30, .grid_35, .grid_40, .grid_45, .grid_50, .grid_55, .grid_60, .grid_65, .grid_70, .grid_75, .grid_80, .grid_85, .grid_90, .grid_95, .grid_100, .grid_33, .grid_66, .grid_zdjecia { display: inline-block; vertical-align: top; }
	
	.grid_zdjecia { width: calc(15% - var(--main-grid-margin)); min-width: 190px; margin: calc(var(--main-grid-margin) / 2); }
	
	.grid_left { float: left; }
	.grid_right { float: right; }
	.grid_inline { display: inline-block; }

	.grid_kontener_left div { float: left; }
	.grid_kontener_right div { float: right; }
	.grid_kontener_inline div { display: inline-block; }
	.grid_kontener_inline_top div { display: inline-block; vertical-align: top; }
	.grid_kontener_inline_middle div { display: inline-block; vertical-align: middle; }
	.grid_kontener_none div { float: none; }
	
	.grid_50_static { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	

/* SKRYPTY */
	.night_owl_calc{zoom:.74;-moz-transform: scale(.74);}

@media screen and (max-width: 479px)
	{
	/* PANEL LOGOWANIA */
		.panel_logowania_dane { width: calc(100% - 30px); padding: 20px 15px; }
	
	/* POKAZ UKRYJ */
		.menu_pu { display: inline-block; }
		.telefon_ukryj { display: none; }
		.tablet_ukryj { display: none; }
		.bok_dp { display: none; }
	
	/* SCROLL */
		.scroll_custom_left { direction: rtl; overflow: auto; overflow-x: auto!important; }
	
	/* komunikaty */
		.komunikat { width: calc(100% - 80px); padding: 20px 20px 20px 60px; font-size: 12px; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 100%; float: left; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: scroll; display: none; }
	
	/* CZCIONKI */
		.naglowek_dzialu, .naglowek_dzialu_pop { text-align: center; }
	
		.leftCenter { text-align: center; }
		.rightCenter { text-align: center; }
	
	/* GRID */
		.grid_5 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	
	/* USTAWIENIA KOLORY */
		.kolorystyka_radio label { width: calc(100%/2 - 5px); }
		
		
	/* uzytkownicy */
		.lista_uzytkownicy div:nth-child(1) { width: 100%; max-width: auto; }
		.lista_uzytkownicy div:nth-child(2) { width: 100%; max-width: auto; }
		.lista_uzytkownicy div:nth-child(3) { width: 100%; max-width: auto; }
		.lista_uzytkownicy div:nth-child(4) { width: 100%; min-width: auto; text-align: center; padding-right: 5px; }
	}
	
@media screen and (min-width: 480px) and (max-width: 767px)
	{
	/* PANEL LOGOWANIA */
		.panel_logowania_dane { width: calc(100% - 40px); padding: 20px; }
		
	/* POKAZ UKRYJ */
		.menu_pu { display: inline-block; }
		.telefon_ukryj { display: none; }
		.tablet_ukryj { display: none; }
		.bok_dp { display: none; }
	
	/* SCROLL */
		.scroll_custom_left { direction: rtl; overflow: auto; overflow-x: auto!important; }
	
	/* komunikaty */
		.komunikat { width: calc(100% - 80px); padding: 20px 20px 20px 60px; font-size: 12px; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 100%; float: left; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: scroll; display: none; }
	
	/* CZCIONKI */
		.naglowek_dzialu, .naglowek_dzialu_pop { text-align: center; }
	
	
	/* GRID */
		.grid_5 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	
	/* USTAWIENIA KOLORY */
		.kolorystyka_radio label { width: calc(100%/2 - 5px); }
	}

@media screen and (min-width: 768px) and (max-width: 960px)
	{
	/* POKAZ UKRYJ */
		.menu_pu { display: inline-block; }
		.tablet_ukryj { display: none; }
	
	/* SCROLL */
		.scroll_custom_left { direction: rtl; overflow: auto; overflow-x: auto!important; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 350px; float: left; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: scroll; display: none; }
	
	/* GRID */
		.grid_5 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(80% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100%/3 * 2 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	
	/* USTAWIENIA KOLORY */
		.kolorystyka_radio label { width: calc(100%/3 - 5px); }
	}

@media screen and (min-width: 961px) and (max-width: 1279px)
	{
	/* POKAZ UKRYJ */
		.menu_pu { display: inline-block; }
	
	/* SCROLL */
		.scroll_custom_left { direction: rtl; overflow: auto; overflow-x: auto!important; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 350px; float: left; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: scroll; display: none; }
	
	/* GRID */
		.grid_5 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(80% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100%/3 * 2 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	
	/* USTAWIENIA KOLORY */
		.kolorystyka_radio label { width: calc(100%/4 - 5px); }
	}

@media screen and (min-width: 1280px) and (max-width: 1599px)
	{
	/* POKAZ UKRYJ */
		.menu_pu { display: none; }
		.menu_ikona_user { display: none; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 300px; display: block!important; }
		#panel_glowny { width: calc(100% - 300px); }
		.bok_pu { display: none; }
	
	/* GRID */
		.grid_5 { width: calc(5% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(15% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(25% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(30% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(35% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(40% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(45% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(55% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(65% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(75% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(80% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(85% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(95% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100%/3 * 2 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	
	/* USTAWIENIA KOLORY */
		.kolorystyka_radio label { width: calc(100%/4 - 5px); }
	}
	
	
@media screen and (min-width: 1600px)
	{
	/* POKAZ UKRYJ */
		.menu_pu { display: none; }
		.menu_ikona_user { display: none; }
	
	/* UKŁAD GŁÓWNY */
		#panel_boczny { width: 300px; display: block!important; }
		#panel_glowny { width: calc(100% - 300px); }
		.bok_pu { display: none; }
	
	/* GRID */
		.grid_5 { width: calc(5% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_10 { width: calc(10% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_15 { width: calc(15% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_20 { width: calc(20% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_25 { width: calc(25% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_30 { width: calc(30% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_35 { width: calc(35% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_40 { width: calc(40% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_45 { width: calc(45% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_50 { width: calc(50% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_55 { width: calc(55% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_60 { width: calc(60% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_65 { width: calc(65% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_70 { width: calc(70% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_75 { width: calc(75% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_80 { width: calc(80% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_85 { width: calc(85% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_90 { width: calc(90% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_95 { width: calc(95% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_100 { width: calc(100% - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_33 { width: calc(100%/3 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
		.grid_66 { width: calc(100%/3 * 2 - var(--main-grid-margin)); margin: calc(var(--main-grid-margin) / 2); }
	}