body{
	font-family:Verdana;
	background:#fff;
	min-height: 100vh;
	margin: 0;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

input.BTN, 
.BTN, 
a.BTN, 
.F_BUTTON_TAB, 
input[type=button], 
input[type=submit], 
input[type=reset],
button, 
.BTN2, 
.BTN_SMALL, 
a.BTN_SMALL, 
/* Wyglad przyciskow zgodny ze standardem panelu (default.css) - ten arkusz obowiazuje
   na stronach komunikatow systemowych, wiec przycisk w tresci komunikatu wygladal inaczej
   niz ten sam przycisk w module: ciemny granat na bialym zamiast firmowego niebieskiego. */
.button,
a.button,
.button-small,
#f-tabs .i-file-upload-btn-handler
{
	font-family: "Roboto", sans-serif;
	position: relative;
	cursor:pointer;
	line-height: 18px;
	display:inline-block;
	box-sizing: border-box;
	color: #ffffff;
	background: #2f6dc9;
	border: 2px solid #2f6dc9;
	font-size: 13px;
	padding: 5px 18px;
	text-decoration:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-weight: normal;
	text-align: center;
}

/* rozmiar zmniejszony - te same wartosci co w default.css, zeby przycisk w komunikacie
   byl tej samej wielkosci co w module */
.button--size-small, a.button--size-small {
	padding: 1px 8px;
	font-size: 12px;
}

.button--size-small i
{
	margin-right: 10px;
	vertical-align: middle;
}

.button--size-small span
{
	display: inline-block;
	vertical-align: middle;
}

input.BTN:hover, 
.BTN:hover, 
a.BTN:hover, 
.F_BUTTON_TAB:hover, 
input[type=button]:hover, 
input[type=submit]:hover, 
input[type=reset]:hover, 
/*button:hover,*/
input.BTN_SMALL:hover, 
.BTN_SMALL:hover,
.BTN2:hover, 
/* najazd odwraca kolory - tak samo jak w standardzie panelu */
.button:hover,
a.button:hover,
a.button.hover,
a.BTN.hover,
a.BTN_SMALL.hover,
.button-small:hover,
#f-tabs .i-file-upload-btn-handler:hover

{
	color: #2f6dc9;
	background: #ffffff;
	border-color: #2f6dc9;
	text-decoration: none;
}

#master{
	width:528px;
	max-width: 100%;
	box-sizing: border-box;
	border:1px solid #bdbcac;
	margin: 20px;
	min-height:200px;
}

#logo{
	margin:22px auto 0 auto;
}

#logo img{
	max-width: 200px;
	width: 200px;
	margin: auto;
	display: block;
}

.clear{
	clear:both;
}

#errorTitle{
	margin: 15px 20px;
	text-align: center;
}

h1.title{
	margin:0px;
	padding:0px;
	display:inline;
	color:#0071B9;
	font-size:15px;
	font-weight:bold;
}

h2.title{
	margin:0px;
	padding:0px;
	display:inline;
	color:#302F20;
	font-size:15px;
	font-weight:bold;
}

#errorContent{
	font-size:11px;
	vertical-align:top;
}

.content{
	padding:10px;
	line-height: 18px;
}

p{
	margin:0px;
}

a img{
	border:0px;
}

a{
	text-decoration:underline;
	color:#000;
}

a:hover{
	text-decoration:none;
	color:#000;
}
/* =====================================================================
   PRZYCISK WEWNATRZ WIDGETU jQuery UI
   ui.css ustawia `.ui-widget-content a{color:#494949}` - ta sama
   specyficzność co `a.button`, a arkusz ładuje się później, więc wygrywa
   i przycisk w komunikacie dostawał ciemny tekst na firmowym tle.
   Reguła poniżej jest bardziej szczegółowa i przywraca standard.
   ===================================================================== */
.ui-widget-content a.button
{
	color: #ffffff;
}

.ui-widget-content a.button:hover
{
	color: #2f6dc9;
}