/* reset */

/*tutaj jest gówny wzorzec jak robię style z podziałem na kategorie*/

#selektor_przykladowy{

/*wyświetlanie*/
	display:block;     /*najczęściej block może być inline block, inline,none  */
	overflow:hidden;   /*najczesciej hidden moze tez byc visible albo scroll*/

/*pozycjonowanie*/
	position: relative;  /*może być absolute lub relative */
	
/* pozycjonowanie :lewo, góra, szerokość, wysokość  */
	left:10px;	 /*może być też right*/
	top: 10px;   /*może być też bottom*/
	width:120px;
	height:40px;
	
	box-sizing: content-box;  /*czasami warto robić bo dla niekótrych elementów  user agent robi border-box i jest niekompatybilnie z pozostałymi*/
	
/*marginesy i odstępy i obramowania */

  margin: 25px 50px 75px 100px;  /* w kolejnoćci: góra, prawy, dolny, lewy	*/
	padding: 25px 50px 75px 100px;
	border:1px solid rgb(84,125,34);  /* w kolejności: width, style, color */
	border-radius: 25px; 

/*tło*/
	background-color:rgb(238,248,221);  /*kolor*/
	background-image: url(obrazki/scinek.jpg);  /*obrazek*/
	background-repeat:no-repeat;  /*może być: no-repeat, repeat-x, repeat-y, no-reapet */
	background-position:center center;  /*można dawać tutaj też wartości typu px: -50px 5px;  */
	background-size: 80px 60px;   /*rozmiar tła obrzkowego*/

/*tekst i czcionka*/
	font-family:Verdana;
	font-weight:bold;
	font-size:17px;
	font-style: normal;   /* może być italic; oblique; */
	text-align:center;
	text-indent: 80px;   /*wcięcie pierwszego wiersza */
	line-height: normal; /* może tu być podana wysokość w pixelach np 5px; */
	color:rgb(52,77,21); /*ogólny kolor */

/*gradient tła z strony : http://www.colorzilla.com/gradient-editor/ */
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */	
}

.komorka_float
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 33.333%;
	text-align:center;
	font-size:13px;
	overflow:hidden;
	white-space:normal !important;
	
	box-sizing: border-box;
}

.komorka_float_60
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 60%;
	text-align:center;
	font-size:13px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
}

.komorka_float_50
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 50%;
	text-align:center;
	font-size:13px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
}

.komorka_float_20
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 20%;
	text-align:center;
	font-size:13px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
}


.maly_margin_gora_dol
{
	margin-top:5px !important;
	margin-bottom:5px !important;
}

img.mala_fotografia
{	
	left: 6px !important;
	top: 12px !important;
}

.tekst_wysrodkowany
{
	text-align: justify;
}

.tekst_do_lewej
{
	text-align: left;
}

.tekst_do_prawej
{
	text-align: right;
}


.ui-icon-deliverytruck:after {
	background-image: url("delivery-truck.svg");
}

.ui-icon-trash:after {
	background-image: url("trash.svg");
}

.ui-icon-clean:after {
	background-image: url("clean.svg");
}

#kontener_mapy
{
	display:block; 
	width:100%;
	height: 400px; 
	
	/* border:0px solid rgb(0,0,0);  /* w kolejności: width, style, color */	
}

#kontener_mapy2
{
	
	display:block; 
	width:100%;
	/*height: 420px;*/
  height: calc(100% - 236px)
	
	/* border:0px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	
}

#kontener_dat
{
	display:block; 
	/*border:1px solid rgb(255,0,0);  /* w kolejności: width, style, color */
	margin:0px;
	padding:0px;
	
	width:100%;
	overflow:auto;

}

.boczny_prostokat_lewy
{
	display:block; 
	float:left;
	/*border:1px solid rgb(0,0,255);  /* w kolejności: width, style, color */
	margin:0px;
	padding:0px;
	padding-top: 0px;
	width:60px;
	height:23px;
	padding-left:0px;
	box-sizing: border-box !important;
}

.boczny_prostokat_prawy
{
	display:block; 
	float:left;
	/*border:1px solid rgb(0,0,255);  /* w kolejności: width, style, color */
	margin:0px;
	padding:0px;
	width:60px;
	height:23px;
	padding-top: 0px;
	padding-right:0px;
	box-sizing: border-box !important;
}

.srodkowy_prostokat
{
	display:block; 
	float:left;
	/*border:1px solid rgb(0,255,0);  /* w kolejności: width, style, color */
	margin:0px;
	padding:0px;
	width : calc(100% - 120px);
	min-height:20px;
	overflow:auto
}

.srodkowy_wysrodkowany
{
 display:block;
 margin: 0px auto;	
 width:208px;
	
}

.przyciski_kontenera_dat
{
	margin: 11px auto;
}

.etykieta_daty
{
	display:inline-block !important;
	width: 76px !important;
		text-align: right !important;
}

.okienko_daty
{
	display: block;
	width: 200px !important;
	margin: 0px auto;
}

.okienko_daty input
{
	text-align: center !important;
}

.pokaz_overflow
{
	overflow:auto !important;
}

.styl_przycisku
{
	background-color: #eeeeee;
  border-color: #cccccc;
  color: #2f3e46;
  text-shadow: 0 1px 0 #ffffff;
	
	font-size: 1em;
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	font-weight:bold;
	
	padding-top: 10px;
	padding-bottom:10px;
	
	border-right:1px solid rgb(204, 204, 204);	
	box-sizing: border-box;

}

.szara_ramka
{
	border:1px solid rgb(204, 204, 204);
}

.wysrodkowany
{
	text-align:center;

}

.z_indeks1
{
	z-index:1 !important;
}

.stala_wysokosc
{
	height:60px !important;
	overflow:hidden !important;
	font-size:13px;
}

.niewidoczny_nr_zlec
{

display:none;
width:100%;
border:1px solid rgb(0,0,0); 	
	
}

.canvas_klasa
{
	
border:1px solid rgb(0,0,0);	
width : calc(100% - 50px);
margin: 5px;
box-sizing: border-box;  /* bierze pod uwagę box wraz z marginem i paddingiem  */

}

.input-group
{
	overflow:hidden; 
	width:100%;
	display:block;
}

#txt_nazwa_pliku
{
	font-size:10px;
}

.width_40_proc
{
	width:45%;
}

.width_55_proc
{
	width:52%;
	margin-top:9px;
}

.margines_gorny
{
	margin-top:10px;
}

.padding_15px
{
	padding:17px !important;
	font-size:15px !important;
}

.biale_spacje
{
	white-space: normal !important;
}


.zerowy_gorny_dolny_padding
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.szare_tlo
{
	background-color:rgb(200,200,200);  /*kolor*/	
	overflow:hidden;
	text-shadow: 0 0px 0 #ffffff !important;  /*usuwa tekst shadow biały*/
}

.ciemno_szare_tlo
{
	background-color:rgb(120,120,120);  /*kolor*/	
	overflow:hidden;
	text-shadow: 0 0px 0 #ffffff !important;  /*usuwa tekst shadow biały*/
}

.maly_paragraf
{
	margin-top:0px !important;
	margin-bottom:0px !important;
	
}

.kontenery_canvasow
{
	min-height:40px;
	margin:0px !important;
	padding:0px !important;
	border-bottom-width:0px !important;
}

.przycisk_operacji_canvasu
{
	border-radius: 6px !important;
    margin-top: 50% !important;
}

.postep_wysylania
{
	text-align:center;
}

.bez_paddingu
{
	padding:0px !important;
	
}

.komorka_adresu
{
	box-sizing: border-box !important;
  min-height:20px !important; 
	overflow: hidden;
	width: 85%;
	white-space:normal !important;
	text-transform: uppercase !important;
	font-size: 12px; 
  padding: 7px 7px 0px 7px;
	float:left;
	
}

.komorka_dolna
{
	box-sizing: border-box !important;
  min-height:20px !important; 
	overflow: hidden;
	width: 100%;
	
}

.tekst_z_uwagami
{
	font-size: 12px; 
	color:rgb(255,0,0); /*ogólny kolor */
  padding: 5px 5px 0px 7px;
	text-transform: uppercase !important;
	white-space: normal !important;	
	
}

.czerwony_border
{
	/*border:1px solid rgb(255,0,0) !important;  /* w kolejności: width, style, color */	
}

.zielony_border
{
	/*border:1px solid rgb(0,255,0) !important;  /* w kolejności: width, style, color */	
}

.komorka_urzadzenia
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 50%;
	text-align:left;
	font-size:10px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
	min-height:20px;
	
	font-size: 12px; 
  padding: 5px 5px 0px 7px;
	
}

.komorka_2menmr
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 25%;
	text-align:left;
	font-size:10px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
	min-height:20px;
	
	font-size: 12px; 
  padding: 5px 5px 0px 5px;
}

.komorka_typ_kontraktu
{
	display:block;
	float:left;
	/*border:1px solid rgb(0,0,0);  /* w kolejności: width, style, color */
	width: 25%;
	text-align:right;
	font-size:10px;
	overflow:hidden;
	white-space:normal !important;
	box-sizing: border-box;
	min-height:20px;
	
	font-size: 12px; 
  padding: 5px 5px 0px 5px;
}

.komorka_godzin
{
	position: absolute;
	display: block;
	width: 99px;
	height: 18px;
	right: 15%;
	top: 0px;
	white-space:normal !important;
	
	font-size: 12px; 
  padding: 7px 5px 0px 5px;
	text-align:right; 

}

.padding_lewy_prawy_7px
{
	padding-left: 7px !important;
	padding-right: 7px !important;
	
}

div.ui-select a span    /*dotyczy spanu leżeącego wewnątrz a który jest wewnątrz diva o klasie ui-select */
{
	white-space: normal !important;
	
}

div.ui-select a 
{
	paddint-top:0px !important;
	paddint-bottom:0px !important;
}

/*
.przycisk_gorny_menu_stary
{
	background-color: #42A5F5 !important;
  border-style: none;
  box-shadow: #42A5F5 0px 0px 0px;
}
*/

.przycisk_gorny_menu {
    background-color: #42A5F5 !important;
    border-style: none;
    /* box-shadow: #42A5F5 0px 0px 0px; */
    /*background-color: rgb(255,0,0) !important;*/
    width: 58px;
    top: 0px !important;
    height: 41px !important;
    border-radius: 0px !important;
    /* left: 0px; */
    text-align: left !important;
}

.imie_technika
{
	font-weight:bold;
	margi	n-top:5px;
	margin-bottom:5px;
	
}
	
.ui-mini
{
	margin-left:0px !important;    /*bo standardowo ui-mini ma marginesik lewy i prawy a my nie chcemy */
	margin-right:0px !important;
	
}	

.ui-collapsible       /* dostosowujemy defaultowy wygląd colasibla */
{
  margin: 0px !important;
}

.ui-collapsible-content    /* dostosowujemy defaultowy wygląd colasibla */
{
	padding: 4px !important;
	padding-top: 0px !important;
}
	
.ui-collapsible-heading-toggle     /* dostosowujemy defaultowy wygląd colasibla zmniejszamy padding */
{
	/*padding-top:4px !important;
	padding-bottom:4px !important;
	font-size:17px; */
	
	 background-color: rgb(221,244,248) !important;
	
}	

.zielony_kwadrat
{
	
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	
	height: 72px !important;
	width: 72px !important;
	
	line-height: 72px !important;
	/* border: 1px solid rgb(84,125,34) !important; */
	
	color: rgb(255,255,255);
	background-color: rgb(146,211,110) !important;
	
	font-weight: bold;
	font-size: 17px;
	text-align: center !important;
	text-shadow: rgb(84,125,34) 0px 1px 0px !important;
	

}

.kwadrat_statusu
{
  display:flex;
	margin-top: 27px !important;
	margin-bottom: 0px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	
	height: 72px !important;
	width: 72px !important;

	line-height:55px !important;  /*to powoduje że tekst jest wyśrodkowany w poziomie */

}

img.obrazek_wrench 
{
    display: block;
		margin: auto;
    height: 40px;
    width: 40px;
}

.link_telef
{
	font-weight:bold !important;
	font-style: normal !important;   /* może być italic; oblique; */
	color:rgb(63,72,204) !important; /*ogólny kolor */
	text-decoration-line: none !important;
	display:block;
}

/*to przechowywania signature */

.moj_ramka
{
	width: 500px !important;
	height: 130px !important; 
	border: 0px !important;
}

/*do wyświetalania signature w pomniejszeniu*/
.moj_ramka_mala
{
	width: 100% !important;
	height: 100px !important; 
	border: 0px !important;
}



#pathdata
{
  display:none;
}

.ikonka-sms
{
  font-size: 16px !important;
	color:rgb(63,72,204) !important; /*ogólny kolor */
	text-align: right !important;
}

#tabela_czesci
{
	font-size: 14px !important;
}

#GetSignature .ui-content
{
	
	padding: 2px !important;
	
}


.link_edycja
{
	font-weight:bold !important;
	font-style: normal !important;   /* może być italic; oblique; */
	color:rgb(0,0,0) !important; /*ogólny kolor */
	text-decoration-line: none !important;
	display:block;
}

.link_statusu
{
	text-decoration-line: none !important;
	
}

.ui-panel-inner    /*dostosowujemy wygląd panelu wyjeżdżającego z boku */
{
	padding: 12px !important;
	
}

.ui-panel-inner .ui-input-text	   /*dostowowywanie inputa textowego leżącego w prawym panelu  */
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	
}



.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;  
    -webkit-overflow-scrolling: touch;
}

#right_panel1, #right_panel2, #right_panel3 , #right_panel4, #right_panel5, #right_panel6{ 	position: fixed !important;}



.komorka_statusu
{
	width:38px !important;
	height:38px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 5px !important;

}

/*WRENCH*/
.background_wrench
{
	background-color: rgb(254,248,160) !important;
}

.wrench_popupmenu
{
	background-color: rgb(254,248,160) !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
	padding:3px !important;
	color: rgb(255,0,0) !important;
	font-size:20px;
}

.status_wrench
{
	color: rgb(255,0,0) !important;
	font-size: 28px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 5px !important;
	margin-left: 5px !important;
}

.status_wrench_lg
{
	color: rgb(255,0,0) !important;
	font-size: 44px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 12px !important;
	margin-left: 12px !important;

}

/*CAR*/
.background_car
{
	background-color: rgb(255,201,14) !important;
}

.car_popupmenu
{
	background-color: rgb(255,201,14) !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
	padding:3px !important;
	color: rgb(255,0,0) !important;
	font-size:20px;
}


.status_car
{
	color: rgb(193,48,48) !important;
	font-size: 28px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 5px !important;
	margin-left: 5px !important;
	
}

.status_car_lg
{
	color: rgb(193,48,48) !important;
	font-size: 44px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 12px !important;
	margin-left: 12px !important;
}


/*CLOCK  <i class="far fa-clock"></i>*/
.background_clock
{
	background-color: rgb(97,197,222) !important;
}

.clock_popupmenu
{
	background-color: rgb(97,197,222) !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
	padding:3px !important;
	color: rgb(255,255,255) !important;
	font-size:20px;
}

.status_clock
{
	color: rgb(255,255,255) !important;
	font-size: 28px !important;
	font-weight: normal !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 5px !important;
	margin-left: 5px !important;
}

.status_clock_lg
{
	color: rgb(255,255,255) !important;
	font-size: 44px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 12px !important;
	margin-left: 12px !important;
}


/*COMPLETE  <i class="far fa-check-circle"></i>*/
.background_complete
{
	background-color: rgb(181,230,29) !important;
}

.complete_popupmenu
{
	background-color: rgb(181,230,29) !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
	padding:3px !important;
	color: rgb(255,255,255) !important;
	font-size:20px;
}

.status_complete
{
	color: rgb(255,255,255) !important;
	font-size: 28px !important;
	font-weight: normal !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 5px !important;
	margin-left: 5px !important;
	
}

.status_complete_lg
{
	color: rgb(255,255,255) !important;
	font-size: 44px !important;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px !important;
  margin-top: 12px !important;
	margin-left: 12px !important;
}

/*--koniec ikonek statusuów--*/

.pozycja_menu_popup{
	
	padding-top:13px !important; 
	padding-bottom:13px !important;
	
}

/*-style dla radio buttonów w bocznym pasku-*/
.ui-checkbox label
{
	font-weight:normal !important; 
	font-size:14px !important; 
}

.ui-radio label
{
	font-weight:normal !important; 
	font-size:14px !important; 
}

.ui-controlgroup-label legend
{
	font-weight:normal !important; 
	font-size:14px !important; 
}

.ui-panel-inner label
{
	font-weight:normal !important; 
	font-size:14px !important; 
}

/*-style dla rozwijanych list w bocznym panelu--*/

.ui-select.ui-mini span
{
	text-align: left !important;
}


.ikonka_invoice
{
	padding-top: 6px !important;
  left: .5625em !important;
  top: 2px !important;
	width: 36px !important;
	height: 30px !important;
	
	position: absolute !important;
  display: block !important;
	font-size: 24px !important; 

	text-shadow: 0 0px 0 #ffffff !important;  /*usuwa tekst shadow biały bez cienia*/
  
	background-color: #42A5F5  !important;
	background-color: rgba(66,165,245,0.9) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	-webkit-border-radius: 1em !important;
	border-radius: 1em !important;
	color: rgb(255,255,255) !important;
	
}

.ikonka_mapy
{
	padding-top: 6px !important;
  left: .5625em !important;
  top: 2px !important;
	width: 36px !important;
	height: 30px !important;
	
	position: absolute !important;
  display: block !important;
	font-size: 22px !important; 

	text-shadow: 0 0px 0 #ffffff !important;  /*usuwa tekst shadow biały bez cienia*/
  
	background-color: #42A5F5  !important;
	background-color: rgba(66,165,245,0.9) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	-webkit-border-radius: 1em !important;
	border-radius: 1em !important;
	color: rgb(255,255,255) !important;
	
}

#map_page
{
	height:100% !important;
}

.dymek_mapy
{
	display:block;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
}	


#ui-datepicker-div
{
  position: relative !important;
  top: 105px !important;
	left: 0px !important;
  z-index: 1 !important;
  margin: 0px auto !important;
  width: 294px !important;
}

.disp-inl
{
	display:inline !important;
}

.jasno_szare_tlo    /* styl używany jako szare tło dla inputboxa Total w wysuwanym side panelu invoice */
{
	background-color: rgb(245,245,245) !important;
}


#diagnostyczny_div_mapy
{


	border:1px solid rgb(255,0,0) !important;  /* w kolejności: width, style, color */	
	min-height: 40px;
	font-size:9px;
	
}


.ikonka_klodki
{

	margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px !important;
	width: 19px !important;
  height: 29px !important;
	
	
}

.txt_rozm_25
{
	font-size: 22px !important;
	color: rgb(150,150,150) !important;
}	

.niewidoczny
{
	 visibility:hidden !important;
}	

.naglowek_sekcji
{
	
	background-color: rgb(221,244,248) !important;
	text-shadow: 0 0px 0 #ffffff !important;  /*usuwa tekst shadow biały*/
	
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	padding: 12px;
	margin: 0px;
	
	border-top:1px solid rgb(184,184,184);
	border-bottom:1px solid rgb(184,184,184);
}	

/* html {
  
  overflow: hidden !important;
  width: 100% !important;
} */

.sekcja
{
	padding-left: 4px;
	padding-right:4px;
	padding-bottom: 4px;
}

#signature
{
	min-height: 160px !important;
	height:160px !important; 
	padding-bottom: 0px !important;
}

.kontener_zdjecia{

  display: flex;
  align-items: stretch;

  padding: 10px !important;
  margin-bottom: 10px !important;

	background-color:rgb(255, 255, 255);
	border-color:rgb(184, 184, 184);
	border-style:solid;
	border-width:1px;

	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
}

.kontener_fotografii{
	overflow:hidden !important;
}

.fotografia_pokaz{
  width: 160px;
}

.kontener_opisow_fotografii{
	padding-left: 17px;
}

.link_opisu_fotografii{
	text-decoration: none !important;
}

.ukryty_json_z_zawartoscia_zmian{
	display:none;
}	

.app_version_label{
	text-align: right;
  font-size: 16px;
}

.app_version_label_small{
	text-align: right;
	font-size: 12px;
	margin-bottom: 5px;
}