@font-face
{
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('/styles/sourcesanspro.woff') format('woff');
}

html, body
{
	/*font-family: "Trebuchet MS", sans-serif;*/
	font-size: 14px;/*,935em 10.5pt 0.371cm*/
	margin: 0;
	padding: 0;
	direction: ltr;
	min-width: 800px;
	height: 100%;
}
html, body, input, textarea
{
	font-family: "Source Sans Pro";
}
html, body, #header
{
	background-color: #EDF2F6;
}
html
{
	position: relative;
	min-height: 100%;
}

a, [onclick]
{
	cursor: pointer;
	text-decoration: none;
}

#main a.dead
{
	background-color: #BA0000;
}
#main a.dead:hover
{
	background-color: black;
}
#main a.clean, #main a.clean:hover
{
	padding: 0;
	border: initial;
	background-color: initial;
}
#main a.external
{
	background: blue;
	border: 1px solid blue;
}
option:checked
{
	background: linear-gradient(#088acf, #088acf);
}

img
{
	border: 0px;
}
img.small
{
	display: block;
	float:left;
	max-width: 85px;
	max-height: 54px;
}
img.medium
{
	max-width: 215px;
}
img.big
{
	position: fixed;
	top: 0px;
	z-index: 2;
	max-width: 820px;
	max-height: 700px;
}

#left-menu
{
	width: 80px;
	height: 100%;
	background-color: #262D40;
	position: fixed;
	top: 0px;
	font-weight: bold;
	font-size: 15px;
	z-index: 1;
}
.left-menu-button1
{
	background-color: #3473A9;
	height: 20px;
}
.left-menu-button1 span
{
	margin-left: 28px;
}
.left-menu-button
{
	padding: 12px 0;
	color: #A8ABB6; /*#7B7E8F;*/
	text-align: center;
	display: block;
}
.left-menu-button span
{
	/*width: 29px;*/width: 32px;
	height: 32px;
	display: block;
	margin: 0px auto;
	opacity: 0.5;
}
.left-menu-button:hover
{
	color: white;
}
.left-menu-button:hover
{
	background-color: #354052;
}
.left-menu-button:hover span
{
	opacity: 1;
}
#organizator
{
	background: url('/img/organizator.png') no-repeat;
}
#rachunki
{
	background: url(/img/rachunki.png) no-repeat;
}
#towary
{
	background: url(/img/towary.png) no-repeat;
}
#klienci
{
	background: url(/img/klienci.png) no-repeat;
}
#rabaty
{
	background: url(/img/rabaty.png) no-repeat;
}
#raporty
{
	background: url(/img/raporty.png) no-repeat;
}
#obsluga
{
	background: url(/img/obsluga.png) no-repeat;
}
#pomoc
{
	background: url(/img/pomoc.png) no-repeat;
}
#wyloguj
{
	background: url(/img/wyloguj.png) no-repeat;
}

#top-menu
{
	position: fixed;
	top: 0px;
	margin-left: 80px;
	background-color: #4791D2;
	width: 100%;
	z-index: 2; /*circle chart */
}
#top-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#top-menu ul li
{
	float: left;
	position: relative;
	text-align: center;
	border-right: 1px solid #5899D5;
}

#top-menu ul li ul
{
	list-style: none;
	display:none;
}
#top-menu ul li a
{
	display:block;
	color: #CFDDE6;/*#B8CFDD;*/
	font-weight: bold;
	font-size: 15px;
	padding: 14px 9px 0px;
	text-decoration: none;
	height: 30px;
}
#top-menu ul li a:hover
{
	color: #FFF;
}



#main
{
	margin: 91px 0px 0px 83px;
	width: 914px;
	min-height: calc(100% - 143px);
}
#header .header
{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0;
}

/*#header,*/ .header
{
	background: #262D40;
	color: white;
	font-weight: bold;
}
.header, th
{
	overflow: hidden;
	padding: 10px 5px;
}
#header
{
	position: fixed;
	top: 44px;
	width: inherit;
	margin: 0;
	border-bottom: 1px solid #E3DFDA;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 2;	/* circle chart */
}
#header input[name], #header select /* wyślij nowe hasło */
{
	/*border: 1px solid black;*/
	padding: 0 2px; /* /admin/klienci/sklep */
	font-weight: normal;
}

h3
{
	padding: 8px;
	background: white;
	color: black;
}
h3.sticky
{
	position: sticky;
	top: 96px;
}
/*#main*/ h3
{
	margin: 0 1px 1px 0;
}
#header h3
{
	margin-right: 1px;
}
h3.small
{
	font-size: 14px;
}
h4
{
	border: 0;
	font-size: 13px;
	text-transform: uppercase;
	color: #7F7F7F;
	font-size: 0.89em;
	/*margin: 0px 0px 10px;*/
	margin-top: 0px;
}

#footer
{
	font-size: 12px;
	/*position: absolute;*/
	left: 0;
	bottom: 0;
	width: 100%;
	clear: both;
}

.header, .box
{
	border-radius: 3px;
}
.box, .row, tbody, tfoot
{
	background: white;
	border-left: 1px solid #EDEAE6;
	border-right: 1px solid #EDEAE6;
	border-bottom: 1px solid #E3DFDA;
	padding: 10px 4px;
	margin-bottom: 3px;
}
/*div + div .box
{
	margin-left: 3px;
}*/

.box-content
{
	text-align: center;
	font-weight: bold;
	/*font-size: 15px;*/
}
.box-content input, .box-content button
{
	width: 100%;
	margin-top: 10px;
}
.box .number
{
	color: #12A6FF;
}

label
{
	width: 135px;
	/*display: table-cell;
	vertical-align: middle;*/
	display: flex;
	align-self: stretch;
	align-items: center;
	color: white;
	background: black;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	font-size: 15px;
	font-weight: bold;
	/*padding: 10px;*/
	padding: 0px 10px;
}
#main a, .check, input[type=button], input[type=submit], button, input[type=checkbox]:checked + label, input[type=radio]:checked + label, input[type=radio], button.ui-multiselect.selected, button.ui-multiselect.selected:hover
{
	border: 1px solid #4791D2;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: white;
	background: #4791D2;
	cursor: pointer;
}
button.current
{
	color: #4791D2;
	background: white;
}
button.red, input[type=submit].red, #main a.red
{
	background: #D90000;
}
#main a
{
	padding: 1px 2px;
	text-align: left;
}
.check
{
	color: #4791D2;
	background: white;
	padding: 8px;
	font-size: 14px;
	/*display: table-cell;*/
}

.header label, .header.formfield input[type=text], .header input[type=date], .header input[type=submit], .header select
{
	padding: 1px 3px;
	justify-content: center;
	width: initial;
}
.header.formfield input[type=text]
{
	width: 70px;
}

form
{
	width: inherit;
}

.formfield input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=url],
input[type=number],
input[type=date],
input[type=time],
textarea,
output,
.formfield select,
.fitform .thin
{
	border: 1px solid black;
	padding: 10px;
	margin: 0;
	width:  115px; /*100px*/ /*chrome type=date*/
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
input[type=number]
{
	width: 50px;
    -moz-appearance: textfield;
	color: black; /* sztuki */
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}
input[type=button], input[type=submit], button
{
	font-weight: bold;
	padding: 8px 5px;
	/*border: 1px outset #4791D2;*/
	font-size: 1em;
	min-width: 60px;
}
#main a:hover, input[type=button]:hover, input[type=submit]:hover, button:hover
{
	background: #50A2EA;
	color: white; /*dla .current*/
}
input[type=button]:active, input[type=submit]:active, button:active
{
	position: relative;
	top: 1px;
	left: 1px;
}

input[type=checkbox], input[type=radio], input[type=file]
{
	margin: -6px;
	opacity: 0;
	/*display: none;*/  /*nie działa optgroup dla multiselect */
}
input[type=checkbox] + label, input[type=radio] + label
{
	width: auto;
	cursor: pointer;
	justify-content: center;
}
input[type=radio] + label.check
{
	border-radius: 25px;
	min-width: 52px;
}
input[type=radio] + label.check.square
{
	border-radius: 4px;
}
input[type=radio] + label.radio-text, input[type=checkbox] + label.checkbox-text
{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: none;
}
label.radio-text + input[type=text], label.checkbox-text + input[type=text]
{
	border: 1px solid #4791D2;
	width: 80px;
}
label.radio-text + input[type=text]
{
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
}
input[type=file]
{
	position: absolute;
/*	top: 0px;
	right: 0px;
	min-width: 100%;*/
	min-height: 100%;
	opacity: 0;
}
#dane
{
	margin-left: 9px;
}


.formfield
{
	/*border: 1px solid #E3E3E3;
	border-radius: 4px;
	float: left;
	width: 100%;
	margin-bottom: 4px;
	box-sizing: border-box;*/
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 4px;
	position: relative; /* type=file */
}
.formfield.sizes
{
	/*display: inline-block;*/
}
.formfield.sizes > div
{
	/*display: inline-block;*/
}
.formfield.sizes label
{
	/*display: inline;*/
	padding: 10px;
	float: left;
	width: auto;
}
.formfield.sizes input[type=number]
{
	margin-right: 6px;
	margin-bottom: 3px;
}
.formfield.align-right
{
	justify-content: flex-end;
}

.fitform .formfield, .fitformfield
{
	flex-wrap: initial;
}
.fitform input[type=text]:not(.thin), .fitform input[type=tel]:not(.thin), .fitform input[type=email]:not(.thin), input[type=url], .fitform textarea:not(.thin), .fitform select
{
	width: 68%;
}
.fitform input[type=submit]
{
	width: 100%;
}

#main .formfield > textarea, #main .formfield > input[type=submit], #main .formfield > .g-recaptcha
{
	margin-top: 0;
}
.formfield-search
{
	width: 55%;
}



hr
{
	border-style: none none solid;
	border-color: #AFBBC1;
	margin: 10px 0;
}

.tag-type
{
	flex: 1 100%;
	margin-left: 3px;
	font-weight: bold;
}
.tag
{
	border: 1px solid #068AD0; /*#ecf8ff*/
	padding: 3px;
	border-radius: 4px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.tag label
{
	display: initial;
}
.checked
{
	background: #068AD0;
	color: white;
}

.size-status /*galeria*/
{
	display: inline-block;
	line-height: 17px;
	width: 25px;
	margin: 0 1px 1px 0;
	text-align: center;
	padding-top: 1px;
	border-radius: 4px;
}
.unsold
{
	color: white;
	border: 1px solid #32cf08;
	background-color: #32cf08;
}
.sold
{
	border: 1px solid #D3D3D3;
	/*background-color: #cf0808;*/
}

table
{
/*
	table-layout: auto;
*/
	border-spacing: 0px 2px;
	width: 100%;
	max-width: 100%;
}
tfoot
{
	font-weight: bold;
}
th
{
	text-align: left;
}
th:first-child
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
th:last-child
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
td
{
	padding: 3px 5px 3px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	vertical-align: middle;
	max-width: 84px;
}
td:hover a
{
	white-space: nowrap;
}
td a
{
	display: inline-block;
}
.overflow, .row .overflow, tbody tr.overflow td
{
	/*white-space: normal;
	word-wrap: normal;*/
	width: 500px; /*kalendarz*/
}


.row
{
	/*float: left;
	width: 100%;*/
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;/*padding-left=4px z box*/
	display: flex;
	align-items: center;
}
.row div, .header div
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
.row div:not(a):not(.stripe)
{
	padding: 3px 0;
}
.row div:hover, .header div:hover, .row .wrap, td:hover, td.wrap
{
	white-space: normal;
}
.row:nth-child(even), tbody:nth-child(even)
{
	background: white; /*#ecf8ff; /*GhostWhite;*/
}
.row.checked, .box.checked
{
	background: rgb(232, 255, 241);
	color: initial;
}

.row:hover, tbody:hover
{
	background: #E5F6FF;/*lightgray;*/
}
.row div[contenteditable]::first-line
{
    background: lightyellow;
}
.bold
{
	font-weight: bold;
}

.clear
{
	clear: both;
}
.column3
{
	width: 3%;
	float: left;
}
.column5
{
	width: 5%;
	float: left;
}
.column7
{
	width: 7%;
	float: left;
}
.column9
{
	width: 9%;
	float: left;
}
.column10
{
	width: 10%;
	float: left;
}
.column15
{
	width: 15%;
	float: left;
}
.column20
{
	width: 20%;
	float: left;
}
.column25
{
	width: 25%;
	float: left;
}
.column30
{
	width: 30%;
	float: left;
}
.column33
{
	width: 33.33%;
	float: left;
}
.column35
{
	width: 35%;
	float: left;
}
.column40
{
	width: 40%;
	float: left;
}
.column45
{
	width: 45%;
	float: left;
}
.column50
{
	width: 50%;
	float: left;
}
.column55
{
	width: 55%;
	float: left;
}
.column60
{
	width: 60%;
	float: left;
}
.column65
{
	width: 65%;
	float: left;
}
.column70
{
	width: 70%;
	float: left;
}
.column75
{
	width: 75%;
	float: left;
}
.column80
{
	width: 80%;
	float: left;
}
.column85
{
	width: 85%;
	float: left;
}
.column90
{
	width: 90%;
	float: left;
}
.column95
{
	width: 95%;
	float: left;
}
.column100
{
	width: 100%;
	float: left;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.float-none
{
	float: none;
}
.flex-right
{
	margin-left: auto;
}
.align-left
{
	text-align: left;
}
.align-center
{
	text-align: center;
}
.align-right
{
	text-align: right;
	margin-left: -5px;
	margin-right: 5px;
}
.bottom
{
	vertical-align: bottom;
	align-self: flex-end;
	margin: 5px 0;
	width: 100%;
}
.inline-block
{
	display: inline-block;
}
.display-none
{
	display: none;
}

.mark:before
{
	content: "●";
}
.green:before
{
	color: green;
}
.option-green
{
	background: green;
}
.red:before
{
	color: #D90000;
}
.option-red
{
	background: #D90000;
}
.orange:before
{
	color: lightsalmon;
}
.option-orange
{
	background: lightsalmon;
}
.violet:before
{
	color: Purple;
}
.option-violet
{
	background: Purple;
}

.inventory
{
	margin-right: 0px;
	display: inline-block;
}
.inventory-header, .inventory-content
{
	/*width: 150px;*/
	width: 30px;
	border: 1px solid rgb(38, 45, 64);
	padding: 5px;
	text-align: center;
}
.inventory-title .inventory-header, .inventory-title .inventory-content
{
	width: 120px;
}
.inventory-header
{
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: rgb(38, 45, 64);
}
.inventory-content
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.inventory-content input
{
	margin: 0px auto;
	text-align: center;
	border: medium none;
	padding: 0px;
	width: 100%;
}
.result
{
	color: white;
	background-color: rgb(38, 45, 64);
	text-align: center;
}
.result.bad, .left-menu-button1.notification
{
	background-color: #d24747;
}
.result.good
{
	background-color: #269000;
}

[contenteditable=true]:empty:after
{
	content: attr(data-placeholder);
	color: lightgray;
	display: block; /* For Firefox */
}


.box-line
{
	display: flex;
	flex-wrap: wrap;
}
.box-line > *
{
	display: flex;
}
.box-line .box
{
	width: calc(100% - 13px);
	/*height: calc(100% - 24px);*/
}

.stripe
{
	background-color: #DAE3E8;
	border-radius: 4px;
	width: 100%;
	padding: 0px;
	margin: 2px 0;
}
.stripe-fill
{
	height: 30px;
	border-radius: 4px;
	background-color: #12A6FF;
	padding: 0;
}
.stripe-fill.small
{
	height: 15px;
}

.bar-chart
{
	width: 105px;
	display: inline-block;
}
.bar
{
	width: 40px;
	height: 110px;
	background-color: #DAE3E8;
	margin: 0px auto 5px;
	border-radius: 4px;
	position: relative;
}
.bar-fill
{
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-color: #12A6FF;
	border-radius: 4px;
}
.circle-chart
{
	width: 150px;
	margin: 0 auto;
}
.circle-chart-thin
{
	width: 135px;
}
.circle
{
	font-weight: normal;
	margin: 0 auto 8px;
}

.staff
{
	display: inline-block;
	width: 84px;
	height: 43px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 10px;
	border: 1px solid #12A6FF;
	border-radius: 3px;
	margin: 1px;
}

#main .box-content .row
{
	border-left: none;
	border-right: none;
	padding: 0;
}
#main .box-content .row a
{
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px white;
	/*width: 500px; /*355px;*/
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main .box-content a:not(:hover)
{
	background: white;
	color: initial;
	text-align: left;
}
.box-content a:hover .number
{
	color: white;
}




.data
{
	border: 0px none;
	padding: 0px;
}

.warning
{
	color: red;
}
.info, .error
{
	text-align: center;
	font-weight: bold;
	color: white;
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}
.info
{
	background-color: #0cbf29;
	box-shadow: #0cbf29 0 0 10px;
	-webkit-box-shadow: #0cbf29 0 0 10px;
	-moz-box-shadow: #0cbf29 0 0 10px;
}
.error
{
	background-color: #f1354b;
	box-shadow: #f1354b 0 0 10px;
	-webkit-box-shadow: #f1354b 0 0 10px;
	-moz-box-shadow: #f1354b 0 0 10px;
}

#chart
{
	height: 300px;
}


/* pomoc */
/* spis tresci */
ol
{
	counter-reset: item;
}
ol li
{
	display: block;
	margin: 7px 0;
}
ol li:before
{
	content: counters(item, ".") ". ";
	counter-increment: item;
}

/* naglowki */
#manual, #manual-header
{
	/*color: #252525;
	background: #f7f7f7;*/
	counter-reset: section;
}

#manual
{
	padding-left: 50px;
	padding-right: 20px;
	text-align: justify;
}
#manual h3:before
{
	counter-increment: section;
	content: counter(section) ". ";
}
#manual h3, #manual .h3content
{
	counter-reset: subsection;
	padding: 3px;
	margin-left: -20px;
}
#manual .h3content h3
{
	margin-left: 0px;
}
#manual h4:before
{
	counter-increment: subsection;
	content: counter(section) "." counter(subsection) ". ";
}
#manual h4
{
	padding: 2px;
	/*margin-left: 20px;*/
}
#manual .h3content h4
{
	margin-left: 20px;
}

#manual h3, #manual h4
{
	margin-right: -20px;
	text-transform: none;
}
#manual h3, #manual h4, #manual-header h3
{
	background: #219bd9;
}
#manual h3, #manual h4, #manual-header h3, ol li.desc:before
{
	color: #f7f7f7;
}

/* http://mpdf1.com/manual/index.php?tid=243 */
.mpdf_toc
{
	margin: 0 20px;
}
.mpdf_toc_t_level_0, .mpdf_toc_t_level_1
{
	/*text-transform: capitalize;*/
}
.mpdf_toc_t_level_0
{
	font-weight: bold;
}
.mpdf_toc_level_1
{
	margin-left: 20px;
}

.footer
{
	color: #f7f7f7;
	background: #219bd9;
	width: 50px;
	height: 20px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
}
.footer-odd
{
	padding-right: 5px;
	text-align: right;
	color: #f7f7f7;
}
.footer-even
{
	margin-right: 0;
	margin-left: auto;
	padding-left: 5px;
	text-align: left;
}


/* tresc */
#manual ol
{
	display: inline-block;
	counter-reset: item;
}
#manual ol li.desc:before
{
	content: counter(item) " ";
	font-weight: bold;
}
#manual ul
{
	margin: 0;
}

#manual img
{
	width: 100%;
	margin-left: -15px;
	display: block;
}
#manual .number
{
	color: white;
	background: #219bd9;
	font-weight: bold;
	border-radius: 15px;
	width: 25px;
	/*height: 25px;*/
	line-height: 25px;
	text-align: center;
	float: left;
}
#manual .number-color
{
	color: white;
}
#manual .number-text
{
	padding-left: 10px;
	padding-top: 3px;
}



aside
{
	border: 1px solid #909090;
	border-radius: 5px;
	background: #eeeff1;
	margin: 10px 0;
}
div.aside
{
	padding: 20px;
}
abbr
{
	font-weight: bold;
	cursor: help;
}
fieldset
{
	border: 1px solid #088acf;
	padding: 10px;
}
legend
{
	color: #088acf;
	font-weight: bold;
}
.anchor
{
	display: block;
	height: 90px;
	margin-top: -90px;
	visibility: hidden;
}


pre
{
	position: relative;
	z-index: 3;
	background: white;
	white-space: pre-line;
}





/* hacks recaptcha */
td.gc-reset
{
	max-width: initial;
	overflow: initial;
}
/* sweetcaptcha */
#main .sweetcaptcha a
{
	border: initial;
	background: initial;
	color: initial;
	padding: initial;
}



/* custom jqueryui */
select#rodzaj, select#tagi, select#producent
{
	max-width: 90px;
	height: 22px;
}
.ui-datepicker
{
	border-collapse: initial;
}

.ui-multiselect
{
	height: initial;
	padding: 0;
}
.ui-multiselect-menu
{
	max-height: 600px;
	overflow-y: auto;
	/*z-index: 1;*/
}
.ui-widget
{
	font-family: inherit;
	font-size: 1em;
	/*z-index: 2 !important;*/
}
.ui-widget input
{
	/*margin: 5px 0 5px 5px;*/
}
.ui-widget a, .ui-widget tbody, .ui-widget tbody:hover
{
	background-color: initial;
}
.ui-widget-content a
{
	color: white;
}

.ui-widget-header
{
	font-weight: initial;
	border: 1px solid #4791D2;
	color: white;
	background: #4791D2;
}
.ui-multiselect-checkboxes label
{
	width: initial;
	float: initial;
	color: initial;
	background: initial;
	font-size: inherit;
	padding: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default
{
	border: 1px solid #4791D2;
	color: #4791D2;
	background: white;
}
/*.ui-multiselect-checkboxes .ui-state-active, */
/*ui-widget-content .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{
	color: white;
	background: #4791D2;
}*/
.formfield .ui-multiselect
{
	text-align: center;
	padding: 8px 0;
}
.header .ui-multiselect
{
	padding: 0;
}
button:hover.ui-multiselect
{
	background: initial;
}
button.ui-multiselect span
{
	font-weight: bold;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label
{
	border: 2px solid #262D40;
	border-radius: 3px;
	background: #262D40;
}
.ui-widget span
{
	font-weight: initial;
}
[aria-selected=true] + span
{
	font-weight: bold;
}
.ui-widget .ui-icon
{
	width: 12px;
}












/* frontend-shop */
#page
{
	margin-top:52px;
	padding-bottom: 40px;
	background-color: white;
	-webkit-box-shadow: rgba(0, 36, 92, 1) 0 0 10px;
	-moz-box-shadow: rgba(0, 36, 92, 1) 0 0 10px;
	min-height: 400px;
}

.wrapper
{
	width: 725px;
	margin: 0 auto 40px;
	padding: 10px 0 0;
}
.wrapper:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#logo
{
	display: block;
	margin-bottom: 20px;
}


form#frontend
{
	width: 353px;
	float: left;
}

form#frontend fieldset
{
	width: 340px;
	padding-left: 0px;
	border: none;
}

#frontend label
{
	display: block;

	width: 198px;
	height: 19px;

	margin: 0 0 6px 1px;
}
#frontend label[for="login"]
{
	background: url('/img/nr.png') no-repeat;
}
#frontend label[for="pass"]
{
	background: url('/img/haslo.png') no-repeat;
}

#frontend input
{
	width: 206px;
	height: 31px;
	background: url('/img/formularz.png') no-repeat;

	padding: 4px 30px 5px 55px;
	margin-bottom: 8px;

	font-size: 1.4em;
	line-height: 34px;
	border: none;
}

#frontend button
{
	width: 112px;
	height: 45px;
	cursor: pointer;
	border: none;
}
button#zaloguj
{
	background: transparent url('/img/zaloguj1.png') no-repeat top left;
}
button#zaloguj:hover, button#zaloguj:focus
{
	background: url('/img/zaloguj2.png') no-repeat;
}


.content
{
	float: left;
	width: 286px;
	padding-left: 30px;
	border-left: 1px dashed black;
}

ul.points
{
	list-style: none;
}
ul.points li, ul.points li a
{
	display: block;
	margin-left: -1px;
	width: 278px;
	height: 60px;
}
ul.points li#login1
{
	background: url('/img/login1.png') no-repeat;
}

ul.points li#login2
{
	background: url('/img/login2.png') no-repeat;
}

ul.points li#login3
{
	background: url('/img/login3.png') no-repeat;
}
ul.points li#login4
{
	background: url('/img/login4.png') no-repeat;
}
ul.points li#login5 a
{
	background: url('/img/zarejestruj1.png') no-repeat;
}
ul.points li#login5 a:hover, ul.points li#login5 a:active
{
	background: url('/img/zarejestruj2.png') no-repeat;
}


#frontend label[for="imie"]
{
	background: url('/img/imie.png') no-repeat;
}
#frontend label[for="nazwisko"]
{
	background: url('/img/nazwisko.png') no-repeat;
}
#frontend label[for="numer_tel"]
{
	background: url('/img/numer_tel.png') no-repeat;
}
#frontend label[for="ulica"]
{
	background: url('/img/ulica.png') no-repeat;
}
#frontend label[for="numer_domu"]
{
	background: url('/img/numer_domu.png') no-repeat;
}
#frontend label[for="numer_mieszkania"]
{
	background: url('/img/numer_mieszkania.png') no-repeat;
}
#frontend label[for="kod_pocztowy"]
{
	background: url('/img/kod_pocztowy.png') no-repeat;
}
#frontend label[for="miasto"]
{
	background: url('/img/miasto.png') no-repeat;
}
#frontend label[for="email"]
{
	background: url('/img/email.png') no-repeat;
}
button#gotowe
{
	background: transparent url('/img/gotowe1.png') no-repeat top left;
}
button#gotowe:hover,	button#gotowe:focus, button#gotowe:active
{
	background: url('/img/gotowe2.png') no-repeat;
}
ul.points li.pola1
{
	background: url('/img/pola1.png') no-repeat;
}


#frontend label[for="sms"]
{
	background: url('/img/kod.png') no-repeat;
}
ul.points li.pola2
{
	background: url('/img/pola2.png') no-repeat;
}

ul.points li.sms
{
	background: url('/img/zarejestruj3.png') no-repeat;
}


#profile
{
	float:left;
	font-weight:bold;
	width: 299px;
}
.profile-header
{
	font-size:20px;
	border-bottom: 1px dashed black;
	color: black;
	font-weight: bold;
	margin: 10px 0px;
}
.profile-value
{
	margin-top:3px;
	color: green;
	font-size:30px;
	text-align:center;
}

.profile-line
{
	margin-top:5px;
	margin-left: 50px;
	float:left;
	background-color:#ababab;
	width: 299px;
	font-weight:bold;
	font-size:20px;
	-webkit-box-shadow: #ababab 0 0 10px;
	-moz-box-shadow: #ababab 0 0 10px;
	text-align:center;
}
.profile-line a
{
	color: white;
}

#frontend label[for="haslo1"]
{
	background: url('/img/haslo1.png') no-repeat;
}
#frontend label[for="haslo2"]
{
	background: url('/img/haslo2.png') no-repeat;
}
#frontend label[for="haslo3"]
{
	background: url('/img/haslo3.png') no-repeat;
}

.black
{
	color: black;
	margin: 0px 0px 0px 0px;
}






/* frontend-dealer */
#frontend-dealer
{
	background: transparent url("/img/tlo.png") repeat;
	text-align: center;
	/*height: calc(100% - 77px);*/
	height: 100%;
}
#frontend-dealer #top
{
	height: 77px;
	width: 100%;
	background: transparent url("/img/tlo-gora.png") repeat;
}
#frontend-dealer #logo
{
	top: 16px;
	position: relative;
	display: initial;
	margin: initial;
}
#frontend-dealer h1
{
	font-size: 45px;
	color: white;
}
#frontend-dealer h2
{
	font-size: 24px;
}
#frontend-dealer #logform
{
	width: 500px;
	margin: 0 auto;
}
#frontend-dealer #logform label
{
	text-transform: uppercase;
	padding: 0;
	background: initial;
	width: initial;
}
#frontend-dealer #logform input
{
	border: none;
	border-radius: 8px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
#frontend-dealer #logform input[type=submit]
{
	background-image: linear-gradient(to top, #F76F01, #FF9600);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), 0px 3px rgba(255, 255, 255, 0.48) inset;
	border: 1px solid #C96A00;
	color: white;
}
#frontend-footer
{
	height: 77px;
	width: 100%;
}