//Informacyjne ikonki
@correct:"5cbc06";
@wrong:"ff0000";
@info:"0360bf";
@tooltipBorder:"000000";
@tooltipBg:"ffffff";

@paginationText:'ff5400';
@paginationInactive:'666666';

@colorAgree:"008000";
@colorNotAgree:"ff0000";

@gradientColorTop:"eeeeee";
@gradientColorBottom:"ffffff";

.GradientBg(@color1, @color2, @direction:bottom){ background: @color2; 
  background: -webkit-gradient( linear, center bottom, center top, from( @color1 ), to( @color2 ) ); /* For old Safari */
  background: -webkit-linear-gradient( @direction, @color1, @color2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( @direction, @color1, @color2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( @direction, @color1, @color2); /* For Firefox 3.6 to 15 */
  background: linear-gradient( to @direction, @color1, @color2); /* Standard syntax */
}

.block100 { widht: 98%; }
.block100, .block50, .block30 { margin: 0.9%; padding: 0; border: none; vertical-align: top; }
.temp {margin: 0 auto 10px; width: 1220px;}

p.help {font-size: 11px; font-style: italic;}

.temp.block50 { width: 48% !important; }

@media screen and (max-width: 1399px) {
/* WIDOK WĘŻSZY */
	.block50 { width: 98%; display: inline-block; }
	.block30 { width: 48%; display: inline-block; }


	ul#AttributesList li, ul#AttributesValuesList li, ul#AttributesProductList li { width: 23.5%; }
}
@media screen and (min-width: 1400px) {
/* WIDOK SZERSZY */
	.block50 { width: 48%; display: inline-block; }
	.block30 { width: 31%; display: inline-block; }
	
	
	ul#AttributesList li, ul#AttributesProductList li, ul#AttributesValuesList li { width: 15.5%; }
	#description-long, #description-short { iframe { height: 400px !important; } }
}

label.netto, label.gross { display: block; }
th, td, label {
	&.netto { background-color: #bae9ff; }
	&.gross { background-color: #d8f8d8; }
	&.advance { background-color: #ffff00; }
}

input.date, input.datetime { background: transparent url( 'images/ico_date.png' ) no-repeat 4px center; padding:  2px 0 2px 25px; width: 130px; border: none; }
input.lang {width: 100%;}


a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, pre, q, samp, section, small, span, strong, sub, summary, 
sup, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; outline: none; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a, ins, del { text-decoration: none; }
ul, ol { list-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }
q:after, q:before { content: ""; }
input, select, textarea { width: 250px; vertical-align: middle; border: 1px solid #d3d3d3; font-size: 12px; 
	&.short {width: 100px;}
}
#product-seo, #page-seo, #block-seo, #block-email{ textarea { width: 100%; } }
ul.tagit { width: calc( ~"100% - 6px" ); }
input[type="checkbox"], input[type="radio"] { width: 20px !important; }
input[name^="aPositions"], input[name^="aFilesPositions"], input.iPos { width: 50px; }
input[name^="postschema_fees_values_"] { width: 70px; }
input#date-from, input#date-to { width: 70px; }
select.thumbS { width: 60px; }
tr { border-bottom: 1px solid #bababa; 
	&:nth-child(odd) { background: #fff; }
	&:nth-child(even) { background: #fafafa; }
}
table { width: 100%; border-collapse: collapse; }


body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul { margin: 0; padding: 0; border: 0; }
* { font-family: "Trebuchet MS","Verdana",sans-serif !important; }
body { background-color: #eeeeee; }
body,table { font-size: 12px; }
.clear { clear: both; width: 100%; height: 0px; }
.center { text-align: center; }
.left { text-align: left; }
.dashed { border: 1px dashed #F16311; background: #FCFCFC; }
a { color: #ce3804; text-decoration: none;  
	&:hover { color: #ff6600; text-decoration: none; }
	&.dialog {display: inline-block; vertical-align: middle; height: 26px;}
}
#header { min-width: 1260px; max-width: 1880px; margin: 2px auto; height: 25px; text-align: right; line-height: 25px;
	#logo-sellsmart { float: left; width: 133px; height: 25px; 
		a { display: block; }
	}
	#version { font-size: 10px; margin: 0 10px; display: inline-block; }
	#lang { font-size: 13px; margin: 0; display: inline-block;
		a { background: url('images/logout-icon.jpg') center right no-repeat; padding: 0 14px 0 0; 
			&:hover { color: #F16311; }
		}
		a, select { color: #000; margin-left: 10px; }
		select { width: 50px; }
	}
}
#panel-login { width: 440px; height: 300px; margin: 7% auto 0 auto; position:relative;
	fieldset { padding: 0 120px; height: 217px; }
	table { border-collapse: separate; border-spacing: 3px 10px; margin-top: 90px; float: left; 
		tr { background: none; }
	}
	strong { font-weight: bold; }
}
#body-login { background: #eeeeee;
	#version {text-align: right;}
	input { border: 1px solid #eeeeee; width: 150px; }
	#submit {  height:27px; display:inline-block; padding:4px 10px 5px 10px; margin:0 10px; background-color:#ff6600; font-size:11px; color:#fff; text-decoration:none; border:none; text-align:center; outline:none; display:inline-block; bordeR:1px solid #fafafa; cursor:pointer; text-align:center; width:95px; min-width:95px; font-weight:bold; cursor: pointer; 
		&:hover {background-color:#ff5400; bordeR:1px solid #fafafa;}
	}
	#error { float: left; margin-top: 130px; width: 440px; height: 167px; text-align: center; font-size: 15px;}
}
.submit { height:27px; display:inline-block; padding:4px 10px 5px 10px; margin:0 10px; background-color:#ff6600; font-size:11px; color:#fff; text-decoration:none; border:none; text-align:center; outline:none; display:inline-block; bordeR:1px solid #fafafa; cursor:pointer; text-align:center;   width:95px; font-weight:bold; 
	&:hover {background-color:#ff5400; bordeR:1px solid #fafafa;}
}

#container { text-align: center; 
	#menu-wrapper { width: 100%; border-top: 1px solid #bababa; }
	#menu {
		#pages-and-products h1 { background: url('images/pages-and-products-icon.png') top left no-repeat; }
		#clients-and-orders h1 { background: url('images/clients-icon.png') top left no-repeat; }
		#payments-and-carriers h1 { background: url('images/payments-icon.png') top left no-repeat; }
		#ads-marketing-comparators h1 { background: url('images/marketing-icon.png') top left no-repeat; }
		#raports-and-stats h1 { background: url('images/raports-icon.png') top left no-repeat; }
		#import-export h1 { background: url('images/import-icon.png') top left no-repeat; }
		#config h1 { background: url('images/config-icon.png') top left no-repeat; }
		#allegro h1 { background: url('images/allegro-icon.png') top left no-repeat; }
		#menu-swap { height: 24px; width: 24px; display: block; }
	}
	&.normal { 
		#menu { min-width: 1250px; max-width: 1850px; margin: 0 auto; padding: 4px 5px 0; color: #000000; position: relative;
			.menubox { float: left; width:230px; height: 180px;
				ul { text-align: left; padding-left: 60px; 
					li { margin: 0; 
						a { font-size: 11px; 
							&:hover { text-decoration: underline; }
						}
					}
				}
			}
			a { color: #000000; }
			h1 { font-size: 14px; color: #000000; height: 30px; margin: 0 0 -4px 0; padding: 5px 0 0 45px; }
			#menu-swap { background: url( 'images/ico_less.png' ); position: absolute; right: 16px; bottom: 7px; }
		}
	}
	&.small {
		#menu { min-width: 1250px; max-width: 1850px; height: 43px; margin: 0 auto; padding: 8px 0 0 0; color: #000000;
			.menubox { float: left; width: 11.9%;
				ul { text-align: left; padding: 5px; position: absolute; background-color: #eeeeee; display: none; z-index: 100; width: 190px; border: 1px solid #bababa;
					li { margin: 3px 0 0 0; padding: 3px 7px; 
						a { font-size: 11px; 
							&:hover { text-decoration: underline; }
						}
					}
				}
			}
			.menubox:hover ul { display: block; }
			a { color: #000000; }
			h1 { font-size: 10px; color: #000000; height: 30px; margin: 3px 4px; padding: 5px 0 0 5px; font-weight: bold; padding: 5px 0 0 45px; cursor: pointer;}
			#menu-swap { background: url( 'images/ico_more.png' ); float: left; margin: 7px 16px;}
		}
	}
}
#body { min-width: 1220px; max-width: 1850px; margin: 10px auto 0; border: solid #bababa 1px; background-color: #FFFFFF; padding: 7px 15px; text-align: left;
	&.tabbed { padding-top: 17px; }
}
h1 { font-size: 18px; text-align: left; color: #f16311; margin-bottom: 5px; }
h2 { font-size: 14px; color: #f16311; font-weight: normal; margin: 0 0 5px 5px;}

#sellsmart-banners-container { /*width: 100%;*/ margin: 30px auto 40px; position: relative;
	ul {margin: 0; padding-top: 0; padding-left: 0; padding-right: 0; list-style-type: none; width: 100%;
		li { float: left; margin: 0 -100% 0 0; width: 100%; position: relative; padding: 0; transition: opacity 1s linear 0s; -webkit-transition: opacity 1s linear 0s; -o-transition: opacity 1s linear 0s; -moz-transition: opacity 1s linear 0s; opacity: 0; text-align: center; z-index: 1;
			&.activeSlide{ transition: opacity 1s linear 0s; -webkit-transition: opacity 1s linear 0s; -o-transition: opacity 1s linear 0s; -moz-transition: opacity 1s linear 0s; opacity: 1; z-index: 2;}
			.text {position: absolute; bottom: 15px; right: 0; left: 0; padding: 10px; background: rgba( 0, 0, 0, .3 ); text-align: left; width: calc(~"100% - 120px"); max-width: 1600px; margin: 0 auto; }
		}
	}
	.pages {bottom: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: right; width: 1220px; z-index: 100;
		a.page {background:url("../images/@{paginationInactive}_@{paginationText}/bannerpages.png") no-repeat scroll center top transparent; color:transparent; display:inline-block; height:11px; margin-top:8px; padding:0; text-align:center; text-decoration:none; width:16px; }
		.page.activeSlide, strong, a.page:hover {background-position: center bottom; }
	}
}
.home { 
	h2 {font-size: 13px; margin: 0 0 5px 0; border-bottom: 1px solid #eee;}
	p { font-size: 11px; margin: 0 0 5px 20px; }
	.blue { color: #387408; font-weight: bold; }
	table#orders.list tbody td.actions, table#orders.list thead th.actions { width: 100px; }
	tfoot td.actions { text-align: right; }
	tbody td { height: 30px;}
	.fb_iframe_widget {}
	iframe {left: 0; margin: 0 auto; position: absolute; right: 0;}
}
.home-wrapper h2 { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-left: 0;}
h2.home {color: black; margin-top: -15px;}
div.home-bg {.GradientBg( e("#@{gradientColorTop}"), e("#@{gradientColorBottom}") ); display: block; height: 25px; margin-top: -7px; width: calc( ~"100% + 30px" ); margin-left: -15px;}

.full-home {float: left; width: 100%;
	.full-h2 { background: #ff6600; }
}

.left-home { float: left; width: 660px; margin-right: 10px; 
	.left-h2 { background: #ff6600; }
	.inside-left-h2 { background: #ff6600; }
	.inside-top { float: left; width: 660px; margin-bottom: 10px; }
	.inside-left { float: left; width: 330px; }
	.inside-right { float: right; width: 330px; }
}
.right-home { float: right; width: 550px; text-align: center;
	p.last { margin-bottom: 15px; }
	.right-h2 {background: #ff6600; text-align: left;}
}
#news { width: 540px; margin: 0 0 0 0; 
	iframe { width: 520px; height: 300px; border: 1px solid #F16311; margin: 0 0 0 10px; }
}
#mostly-used { float: left; width: 670px; margin: 0 0; 
	li { width: 313px; height: 30px; border: 1px solid #F16311; margin: 10px 0 0 10px; float: left; 
		a { display: block; height: 21px; margin: 2px; padding-top: 5px; text-align: center; color: #000; 
			&:hover { background: #D1E2EF; }
		}
	}
}
.tab-headers { padding: 0; text-align: left; margin-top: -50px;
	li { display: inline-block; margin: 3px; text-align: center; }
	a { padding: 8px; display: block; border: 1px solid #bababa; background-color: #444444; outline: none; color: #fafafa; }
	.lib-tabs-selected a { background-color: #ffffff; color: #000000; border-bottom: 1px solid #ffffff; }
}
.tab {  border: 1px solid #e3e3e3; padding: 5px; 
	#payments-list & { min-height: 610px; }
}

#allegro_template, #ebay_template, #swistak_template { width: 80%; margin: 0 auto;
	table { font-size: 14px; width: 100%; margin: 10px 0px 15px 0px; border: 1px #fbdfda dashed; background-color: #fcfcfc; }
	td { padding: 5px 0 5px 35px; width: 50%; 
		&.c1 { width: 50%; }
		&.c2 { width: 18%; }
		&.c3 { width: 14%; }
		&.c4 { width: 44%; }
		&.c5 { width: 10%; }
	}
}
#allegro_template_text, #ebay_template_text, #swistak_template_text { width: 100%; height: 300px; border: 1px #fbdfda dashed; }


#categories select.form_cat { width: 222px; }
.filter { background: #ffffff; padding: 10px; margin: 0 0 10px 0; border: 3px solid #ff6600; text-align: left; 
	label { margin: 0 10px; font-size: 11px; font-weight: bold; }
	#stats-date-from, #stats-date-to { width: 70px; }
	.submit { float: right; }
}

#referers-config table tr { td, th { width: 25%; } }

table.details { font-weight: normal; border-collapse: separate; border-spacing: 1px;
	&>thead>tr>th, &>thead>tr>td, &>tbody>tr>th, &>tbody>tr>td { padding: 5px; vertical-align: middle; }
	&>thead>tr>th, &>tbody>tr>th { font-weight: bold; }
	h2 { margin: 0; padding: 0; font-weight: normal; }
	&>tbody>tr>{
		&.name { text-align: right; width: 150px; font-weight: bold;
			#block-notifications & { width: 400px; }
		}
		&.value { text-align: left; width: auto; }
		&.help { width: 30px; }
		&.help, &td p.help { font-style: italic; font-size: 11px;
			ul { list-style-type: disc; padding-left: 30px; }
			strong { font-weight: bold; }
		}
	}
	.actions { text-align: center; border-bottom: none; background: none; }
	.save { text-align: right; }
	.votes {width: 80px;}
	&#compare_settings .name { width: 350px; }
	.highlight { background-color: #e6ffda; }
}
fieldset .save.float { height: 60px; clear: both; 
	.floatcontainer { position: fixed; bottom: 0; left: 0; right: 0; min-height: 50px; background-color: #eee; padding-top: 10px; border-top: 2px solid #ff6600; text-align: right; 
		fieldset.multiple_additional_option {
			label {display: inline-block; float: left;}
		}
	}
	.time_price_set input { width: 120px; }
}
#user-form {
	table.list>tbody>tr>th, table.list>tbody>tr>td { padding: 6px 5px; }
	.smartoffer {
		.available { font-size: 9px; }
		.smartoffer { width: 130px; }
		.legend { text-align: left; }
		.legend div { margin: 2px 5px; height: 7px; width: 20px; display: inline-block; border: 1px solid #b7d94e; }
		.product.modified, .legend.modified div { background-color: #b9dc4b; }
		.product.new, .legend.new div { background-color: #ffcccc; }
		.product.visited, .legend.visited div { background-color: #b9dc4b; }
	}
}
span.smartoffer { font-size:11px; color: #ff6600; font-weight: normal; font-family: "Verdana", sans-serif; }

#form-form{
	li { margin: 5px 0; }
	label.checkbox { border: 1px solid #d3d3d3; padding: 1px 5px 2px 0; }
	div.values { padding: 10px; background-color: #eeeeee; margin: 5px; }
	a.add_field, a.add_value { display: inline-block; padding: 5px 10px; color: #ffffff; background-color: #ff6600; border: 1px solid #ffffff; min-width: 95px; text-align: center;
		&:hover { background-color: #ff5400; }
	}
}

#products.list {
	td {
		&.stock .input { width: 45px; }
		&.price .input { width: 45px; }
		&.stock, &.price {
			.input { cursor: text; moz-border-radius: 2px; border-radius: 2px; text-align: left; background-color: white; border-bottom: 1px solid #e3e9ef; border-right: 1px solid #dbdfe6; border-left: 1px solid #e2e3ea; border-top: 1px solid #abadb3; height: 14px; padding: 3px; 
				&:hover { border-bottom: 1px solid #b7d5ea; border-right: 1px solid #b7d5ea; border-left: 1px solid #c5daed; border-top: 1px solid #5794bf; }
			}
		}
	}
	.actions {width: 260px;}
}

table#pages.list tbody {
	.id a {display: none; background: transparent url(images/ico_plus_minus.png) no-repeat top center; width: 12px; height: 12px; margin: 0 0 0 4px; float: right;
		&.hide_level {background-position: bottom center;}
	}
	.actions {width: 150px;}
}
input.new_element { border: 1px solid #ffffff; background: #69c800 url( 'images/ico/element_add.png' ) no-repeat 4px center; height: 30px; padding: 3px 10px 3px 29px; color: #ffffff; display: inline-block; vertical-align: middle; font-weight: bold; line-height: 20px; width: auto;}

a.new_element { border: 1px solid #ffffff; background: #69c800 url( 'images/ico/element_add.png' ) no-repeat 4px center; height: 20px; padding: 3px 10px 3px 29px; color: #ffffff; display: inline-block; vertical-align: middle; font-weight: bold; line-height: 20px;
	img { vertical-align: middle; }
}
table.list { width: 100%; font-weight: normal; 
	tbody {
		tr {
			&:hover, &:focus {background: #eee;}
		}
	}
	th {text-align: center;}
	th.left {text-align: left;}
	.save { text-align: right; }
	.link {width: 400px; text-align: left;}
	.author {width: 250px;}
	.quantity {width: 80px;}
	.summary {width: 80px;}
	.clicks, .views { width: 40px; }
	.value { width: 40px; }
	.id { width: 40px; }
	.photo {width: 40px;}
	.enabled { width: 50px; }
	th.selected, th.del, td.selected, td.del { width: 40px; }
	.index { width: 100px; }
	.actions { width: 120px; }
	.position { width: 60px; }
	.stock { width: 60px; }
	.price { width: 60px; }
	.availability { width: 200px; }
	.name, .question { min-width: 150px; width: auto; text-align: left; }
	.pages { width: auto; }
	.margin { width: 60px; line-height: 20px;
		a {display: inline-block; height: 20px; 
			img {vertical-align: middle;}
		}
	}
	.thumb { width: 70px; }
	#page-files &#images-list .thumb { display: none; }
	.address { width: 150px; }
	.mail { width: 200px; text-align: left;}
	.phone { width: 100px; }
	.description { text-align: justify; }
	
	.login {text-align: left; width: 100px;}
	.date {width: 120px;}
	
	.banner-type {width: 60px;}
	
	.banner {
		img {max-width: 800px;}
	}
	
	.kind {width: 250px;}
	
	&#images-list, &#files-list{
		.photo-place { width: 260px; }
		td.description, th.description { width: 260px; }
		.full_description textarea { width: 98%; }
		tfoot td.actions { text-align: left;
			a.action-confirm { display: inline-block; padding: 5px 15px; color: white; font-weight: bold; background-color: #FF6600; }
			select.actions { width: 350px; text-align: left; }
		}
	}


	tfoot tr { border-bottom: none; background: none; }
	&>thead>tr>th, table.list>thead>tr>td, table.list>tfoot>tr>th, table.list>tfoot>tr>td { padding: 5px 0; vertical-align: middle; }
	&>tbody { text-align: center; }
	&>tbody>tr>th, table.list>tbody>tr>td { padding: 3px 5px; vertical-align: middle; }
	&#groups-multiselect tfoot { text-align: left; font-size: 12px; }
	thead, tfoot { text-align: center; font-size: 10px;
		td.pages { text-align: left; font-size: 10px; }
	}
	thead td.enabled {
		span {font-weight: bold; margin: 0 3px;}
		a {color: black; padding: 3px; background-color: gray; border-radius: 3px; moz-border-radius: 3px; webkit-border-radius: 3px;
			&:hover {color: #ACD796;}
			&.selected {color: white; background-color: #6D871B;}
		}
	}
	tbody td.actions {
		input { display: inline-block; border: 1px solid #E1E1E1; vertical-align: middle; width: 25px; }
		img { display: inline-block; vertical-align: middle; }
		select { display: inline-block; vertical-align: middle; }
		a { display: inline-block; vertical-align: middle; }
	}
	.type { font-size: 16px; color: #f16311; text-align: left;
		th { padding: 5px; text-align: left; }
	}
	&#pages {
		.name { text-align: left; }
		.l1 .name { padding-left: 30px; }
		.l2 .name { padding-left: 60px; }
		.l3 .name { padding-left: 90px; }
		.l4 .name { padding-left: 120px; }
		.l5 .name { padding-left: 150px; }
		.l6 .name { padding-left: 180px; }
	}
	&#comments .content { text-align: left; }
	&#products {
		tbody .pages { text-align: left; font-size: 11px; }
		th .sort {  background: url("images/up_down.png") no-repeat scroll -5px 0 transparent;  cursor: pointer;  display: inline-block;  height: 9px;  margin: 0 2px;  vertical-align: middle;  width: 10px; 	
			&.ASC{background-position: -25px 0;}
			&.DESC{background-position: -45px 0;}
		}
		th {padding: 5px 0;}
		div.floatcontainer {min-height: 50px; height: auto;
			fieldset {display: inline-block; width: 570px; vertical-align: top;
				&.discounts {display: block; margin: 5px auto; clear: both; text-align: center; vertical-align: initial; width: 800px;
					td, th {padding: 3px; min-width: 72px; text-align: center; font-size: 10px;}
				}
				& > label {float: right; display: block; clear: right; margin-bottom:3px;}
			}
			label.description {display: block; margin: 5px auto; clear: both; text-align: center;
				& > div {display: inline-block; vertical-align: top;}
			}
		}
	}
	&#orders {
		.id {width: 50px;}
		.actions { width: 300px;
			select { width: 40px; text-align: center; }
		}
		.phone { width: 120px; }
		.date { width: 120px; }
		.status { width: 200px; }
		td.status { font-size: 10px; text-align: left; }
		tr {
			&.order {border-left:1px solid #98d07c; border-right:1px solid #98d07c; border-top:1px solid #98d07c; background-color:#e0f7d5; line-height: 18px;}
			&.header {font-size:10px; text-align:right; background-color:#fafafa;border-left:1px solid #98d07c; border-right:1px solid #98d07c; border-bottom:1px solid #98d07c;}
			&.product {font-size:10px; font-weight:bold; text-align:right; background-color:#fafafa;border-left:1px solid #98d07c; border-right:1px solid #98d07c;
				strong {font-weight:bold; }
			}
			&.summary {border-bottom:1px solid #98d07c; border-left:1px solid #98d07c; border-right:1px solid #98d07c;background-color:#e7e8e6; font-size:12px;}
			&.space {border-bottom:1px solid #98d07c; height:20px;}
			&.order:nth-child(odd), &.order:nth-child(even) { background: #e0f7d5; }
		}
		
		td {/*standardowa procedura*/
			&.new {background:#acd796;} 			/* nowe zamowienie */
			&.adminerror {background:#acd796; text-decoration:blink;}			/* nowe niezaczete w 48h */
			&.inprogress {background:#78f68c;}		/* w realizacji */
			&.inprogresslongtime {background:#ff6600;}		/* w realizacji */
			&.send {background:#2462ff;}			/* wysłane do klienta / oczekuje na odbiór */
			&.done {background:#dbdcdc;}			/* zakonczone */
			&.readytosend {background:#ff00ff;}
		}
		
		td {/*wyjatki */
			&.cancel {background:#dddddd;} 			/* anulowane */
			&.change {background:#fff3a3;}			/* reklamacja / wymiana towaru */
			&.back {background:#ffb777;}			/* zwrot towaru */
			&.law, &.usererror {background:#ff6969; text-decoration:blink;}				/* kroki prawne / nieodebrane przez klienta */
			&.status a {font-weight:bold; color:black;}	
			
			&.waitforpay {background: #ffd400; color: #000000;}
			&.donedifferent {background: #999999; color: #000000;}
			&.waitforuser {background: #e466ff; color: #000000;}
		}
	}
	&#banners {
		.banner { width: auto; overflow: hidden; }
		.banner-archive { width: auto; overflow: hidden; }	
	}
}

select.dpd-src { width: 65px !important; }
select.dhl-src { width: 65px !important; }
.protocols_list li { display: inline-block; width: 20%; }

.dpd_protocol, .dhl_protocol, .pp_protocol, .paczkomaty_protocol { background: none no-repeat scroll 0 0 transparent; display: block; float: right; height: 23px; margin-left: 5px; padding: 0px 3px 2px 30px; text-align: center; width: 75px; border: 1px solid #d3d3d3; line-height: 27px; }
.dpd_protocol        { background-image: url("images/ico/dpd_api.png");       }
.dhl_protocol        { background-image: url("images/ico/dhl_api.png");       }
.pp_protocol         { background-image: url("images/ico/pp_list.png");       }
.paczkomaty_protocol { background-image: url("images/ico/paczkomat_api.png"); }

#dhl_form {
	label { display: block; clear: both; line-height: 29px; 
		select { float: right; margin-top: 3px; width: 251px; }
		input  { float: right; margin-top: 3px; width: 245px; }
	}
	input[type="submit"] { margin: 5px auto; width: 445px; display: block; }
}
#enadawca_form {
	select { float: right; margin-top: 3px; width: 251px; }
	input  { float: right; margin-top: 3px; width: 245px; }
	label { display: block; clear: both; }
}
#paczkomaty_form {
	label { display: block; clear: both; line-height: 29px; 
		select { float: right; margin-top: 3px; width: 251px; }
		input  { float: right; margin-top: 3px; width: 245px; }
	}
	input[type="submit"] { margin: 5px auto; width: 445px; display: block; }
}

.zbozicz_category label { display: block; }
#page-layout {
	.block { padding: ~"calc( 0.6% - 1px )"; border: 1px solid #ff5400; margin: 0.3%; background-color: #ffffff; min-height: 150px;
		&.block100 { margin: 0.3% ~"calc( 0.3% + 3px )" 0.3% 0.3%; }
		&.HL { background-color: #ffead2; }
		&.TEXT { background-color: #d2e8ff; }
		&.FORM, &.FORUM, &.COMMENTS, &.POLL { background-color: #f0f0f0; }
		&.FILTER, &.ADVSEARCHER, &.PRODUCTS { background-color: #d2ffd4; }
		
		a.delete-block { float: right; display: inline-block; color: transparent; background: url( 'images/ico/delete.png' ); width: 26px; height: 26px; margin: 2px; }
		label { display: inline-block; width: 260px; text-align: left; margin: 5px; }
	}
}

#banners-chart { text-align: center; margin-top: 10px; }
#link-visual-stock table.details .name img { float: left; }
ul#AttributesList li, ul#AttributesProductList li, ul#AttributesValuesList li { display: block; border: 1px solid #F16311; overflow: hidden; text-align: left; float: left; padding: 2px; margin: 2px; height: 19px; }
table.details > tbody td.value input#sMargin { width: 100px; }
table.details > tbody > tr.price td.value input { width: 100px; }


#attributes-show { width: 32px; height: 32px; display: block; background: transparent url("images/ico_more.png") no-repeat center center; float: right; margin: 5px 10px 0 0; vertical-align: middle;
	span { display: none; }
}

#product-variant-container {
	thead {
		.product-variant-item, .product-variant-item-head { float: left; }
	}
	#variant-additional { width: 32px; height: 32px; display: block; background: transparent url("images/ico_more.png") no-repeat center center; float: right; margin: 5px 10px 0 0; 
		span { display: none; }
	}
}

table.product-variant-item { border: 1px solid #E3E3E3; width: 96%; border-color: #F16311;
	input{ margin-bottom: 3px; margin-top: 3px; }
	thead tr, tbody tr { border-bottom: 1px solid #F16311; }

	.active, .del { width: 5%; }
	.buy-price, .margin, .price, .price-old, .price-time, .stock { width: 15%;
		input { width: 70px; }
	}

	.variant-stores .stock { width: 180px; }
	.product-variant-attributes { text-align: left; 
		.product-variant-attribute { display: inline-block; margin: 3px 10px 3px 0; width: 325px; text-align: left; }
		span { margin: 0 2px; display: block; }
	}
	.file { text-align: left; 
		label { display: inline-block; margin: 3px 10px 3px 0; width: 433px; text-align: right; }
	}
	strong { font-weight: bold; display: block; }
	.variant-additional td { text-align: right; padding-right: 5px;
		textarea { width: 350px; height: 70px; vertical-align: middle; }
		input { width: 100px; }
	}
	.store-active { text-align: left; }
	.store-stock label { display: inline-block; }
}
table.product-variant-item-head thead tr, table.product-variant-item tbody tr { border-bottom: 1px solid #F16311; }
table.product-variant-item-head thead tr td, table.product-variant-item tbody tr td { height: 26px; }
table.product-variant-item-head { width: 96%; border: 1px solid #F16311; 
	.active, .del { width: 5%; }
	.buy-price, .margin, .price, .price-old, .price-time, .stock { width: 15%; }

	.product-variant-attributes { text-align: left; 
		.product-variant-attribute { display: inline-block; margin: 3px 10px 3px 0; width: 433px; text-align: right; }
		span { margin: 0 2px; display: block; }
	}
	.file { text-align: left; }
	strong { font-weight: bold; display: block; }
	.file label { display: inline-block; margin: 3px 10px 3px 0; width: 433px; text-align: right; }
	.variant-additional { text-align: left; }
}
.file-new { border-bottom: 1px solid #f16311; }
#file-new-link { margin: 10px; }

#ordered-products {
	table { width: 100%; 
		input { width: auto; padding: 3px; }
	}
	thead { text-align: center; font-size: 10px; 
		tr { border-bottom: #9f9f9f 1px solid; }
		th, td { padding: 5px; vertical-align: middle; }
	}
	tbody { text-align: center; 
		.name { font-size: 13px; text-align: left; 
			.input { width: 80%; }
		}
		.id .input { text-align: center; width: 30px; }
		.quantity .input { text-align: center; width: 70px; }
		.price .input { text-align: center; width: 70px; }
		.del a { display: inline-block; background: transparent url('images/ico_del.png') no-repeat scroll left top; width: 18px; height: 18px; 
			span { display: none; }
		}
		tr { border-bottom: #9f9f9f 1px solid; }
		th, td { padding: 10px 5px; vertical-align: middle; }
		tr.store td { font-size: 9px; 
			&.store_head { text-align: right; }
		}
	}
	.id { width: 40px; }
	.image { width: 100px; }
	.price { width: 80px; }
	.quantity { width: 80px; }
	.summary { width: 80px; }
	.del { width: 40px; }
	tfoot { text-align: center; 
		tr { }
		th { text-align: right; }
		th, td { padding: 5px; vertical-align: middle; }
		.summary {
			th { font-weight: bold; }
			#summary-cost { font-weight: bold; font-size: 15px; color: #387408; }
		}
		.summary-order {
			th { font-weight: bold; }
			#summary-order-cost { font-weight: bold; font-size: 15px; color: #387408; }
		}
	}
	#new-order-item-button { float: left; }
}
#email_history tbody { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; 
	tr {
		th, td { border: none; background: transparent; vertical-align: top; }
		th { width: 200px; }
		td { padding-bottom: 20px; 
			&.text { min-height: 100px; }
		}
	}
}
#product-related {
	.multiselect { width: 400px; height: 275px; }
	table.related { margin: 20px 10px; width: auto; 
		tr { min-height: 25px; }
		td { padding: 2px; }
		.id { width: 50px; text-align: center; }
		.del { width: 70px; text-align: center; }
		.name { width: 400px; text-align: left; }
	}
}
#carriers-form {
	table.list input{ width: 200px; }
	
	#carrier_price_table{ width: auto;
		tr{ background-color: transparent; border: 0;
			td, th { width: 30px; text-align: center;
				&[colspan="2"] { width: 60px; }
			}
			input { width: 50px; }
		}
	}
	
	#carrier-countries {
		label { display: inline-block; width: 190px; padding: 1px; border: 1px; font-size: 9px; }
		.continent, .continent0 { display: inline-block; border: 1px; width: 100%; background-color: #FBDFDA; padding: 5px; margin-top: 10px; font-size: 11px; }
		.continent .button { float: right; }
	}
}
#admin-privilages { margin: 5px 0 0 0; padding: 15px 15px 20px 15px; float: left; border: 1px dashed #F16311; 
	li { float: left; width: 294px; margin: 5px 0; }
}
#products-search-form, #users-search-form { float: left; 
	label { margin-right: 8px; }
}

#attributes-search-form {
	.field {display: inline-block; vertical-align: bottom;}
	input.submit { height: 26px; width: 26px; color: transparent; background-image: url( 'images/ico/ico_search.png' ); border: none;
		.products-filter & { margin-top:14px; }
	}
}

#products-search-form { vertical-align: middle;
	.field, #products-goto-form .field { display: inline-block; vertical-align: top; }
	#product-search { height: 22px; }
	input.submit { height: 26px; width: 26px; color: transparent; background-image: url( 'images/ico/ico_search.png' ); border: none; }
	input.submit, button.submit {
		.products-filter & { margin-top:14px; }
	}
	input { width: 156px; margin:0 5px 0 5px; }
	.attributes .attribute { display: inline-block; margin: 3px 10px 3px 0; text-align: left; width: 210px;
		label { display: block; }
	}
	#search_options_container { position: relative; display: inline-block;
		.ui-icon { margin-right: -8px; }
		label { font-weight: normal;
			&.ui-state-hover { font-weight: bold; }
		}
		a { display: inline-block; width: 210px; padding: 3px 10px;
			&:hover { color: #212121; }
		}
	}
	#search_options { position: absolute; width: 510px; left: 0; top: 25px;
		ul li { width: 48%; display: inline-block;
			label {  margin: 0;
				input { width: 20px; margin: 3px 3px 3px 4px; }
				&:hover { font-weight: normal; }
			}
		}
	}
}
#products-goto-form { float: right;
	#products-goto-value { width: 70px; margin-top: 0; }
	label { margin: 0; }
	input.input { height: 22px; }
	.submit { height: 26px; width: 26px; color: transparent; background-image: url( 'images/ico/edit.png' ); margin-top:0; float: none; border: none; }
}
#orders-search-form {
	input.submit { height: 26px; width: 26px; color: transparent; background-image: url( 'images/ico/ico_search.png' ); margin-top:0; border: none; float: none; }
}
#users-search-form {
	input.submit { height: 26px; width: 26px; color: transparent; background-image: url( 'images/ico/ico_search.png' ); border: none; }
	input, button { width: 105px; margin:-5px 5px;}
}
#products-search-form select , #users-search-form select { width: 200px; }
#stats-table {
	tr.save-top { text-align: left; }
	tr.save { font-weight: bold; font-size: 12px; }
	label { margin: 0 10px; font-size: 11px; }
	.submit { float: right; }
	#stats-date-from, #stats-date-to { width: 70px; }
}
#product-options, .smartoffer-mail { h2 {font-weight: bold; letter-spacing: 1px; margin: 30px 0 5px; padding-left: 10px;} }

#producer-form {
	tr.producer-logo td.value input[type="checkbox"] { width: 13px !important; }
	img.producer-logo { margin: auto; vertical-align: middle; }
	table.details .name {width: 150px;}
}
.msg { transition: 1s linear; background-color: #e6ffda; border: 1px solid #68AB2F; cursor: pointer; font-size: 14px; margin: 0 auto; left: 50%; transform: translate( -50%, -100% ); padding: 2px 20px; position: absolute; text-align: center; top: 0; }
.msg.active { transition: 1s linear; transform: translate( -50%, 0 ); }

#cboxLoadedContent > .msg { width: 95%; }
#error.msg { background-color: #fbdede; border: 1px solid #ff0000; }
.validation-error { border: 1px red solid !important; color: red !important; }
.imgv { vertical-align: middle; }
code { font-family: "Courier new", monotype !important; white-space: pre; display: block; margin: 0.5em; border: 1px dashed black; padding: 10px; }
div#colorbox div#cboxWrapper div div#cboxContent div#cboxLoadedContent div#file-list-server {
	li { clear: both; margin-top: 2px; border-top: 1px solid #a0a0a0; vertical-align: middle; height: 44px; position: relative; }
	a {
		&.file, &.image { display: block; float: left; width: 40px; height: 40px; margin: 2px 10px 2px 0; text-align: center; vertical-align: middle; }
		&.file img, &.image img { margin: auto; }
		&.choose { position: absolute; top: 15px; left: 50px; }
	}
}
#file-list-server { height: 500px; width: 900px; overflow-y: auto; overflow-x: hidden; }

div#colorbox ul.zbozicz-categories{
	margin: 5px;
	li{
		margin: 5px;
		ul{
			margin: 2px 5px 5px;
		}
	}
}

form#variants-ajax-form { margin: 30px; }
table.variants-ajax { min-width: 300px; 
	th { padding: 3px 10px; }
	td { padding: 0 10px; 
		&.price { width: 60px; }
		&.stock { text-align: center; padding: 0 0 0 10px; }
	}
	input { width: 5em; margin: auto; }
}
ul#action-grupy-list { width: 345px; float: left;
	a.hider span { display: inline-block; width: 0.8em; text-align: center; }
	li {
		ul { list-style-type: circle; padding-left: 3em; }
		&.selected > a { color: #bb0000; }
	}
}
#action-grupy-list span.marza { text-align: right; 
	input { width: 22px; font-size: 10px; padding-bottom: 1px; }
}
#action-produkty-list { width: 845px; float: right; margin: 0; padding: 0; border: none; 
	table { width: 845px; margin: 0; padding: 0; border: none; 
		th, td { padding: 3px 0; margin: 0; border: 0; }
		th {
			&.id { width: 25px; }
			&.nazwa { width: 425px; }
			&.netto { width: 100px; }
			&.vat { width: 50px; }
			&.producent { width: 100px; }
			&.stan { width: 30px; }
			&.akc { width: 25px; }
		}
		td {
			&.akc input { width: 15px; }
			&.marza input { width: 22px; }
		}
	}
}
div.dialog { display: none; }
.ui-dialog div.dialog{ display: block; }

#highlited-list { width: 764px; margin: auto; 
	& > div { display: block; border: 1px solid #BABABA; margin: 5px; padding: 5px; float: left; background-color: #cff1cf; border-radius: 10px; }
	& > div.clear { display: block; border: none; margin: 0; padding: 0; background-color: none; border-radius: 0; }
	div {
		&.actions { width: 25px; margin: 2px; float: right; 
			a { display: block; float: right; 
				&.del { margin-bottom: 58px; }
			}
		}
		&.hl-1 { width: 360px; }
		&.hl-2 { width: 742px; }
		label { display: block; text-align: right; width: 320px; margin: 2px; }
		input { width: 254px; padding: 2px; }
		select { width: 260px; padding: 2px; }
	}
}

.advsearcher_column_container { display: inline-block; width: 220px; text-align: left;
	select { width: 195px; }
}
a.sellsmart_ad {float:left; font-size:10px; margin-left:10px; margin-top: 10px;}

/* css for timepicker */
.ui-timepicker-div {
	.ui-widget-header { margin-bottom: 8px; }
	dl { text-align: left; 
		dt { height: 25px; margin-bottom: -25px; }
		dd { margin: 0 10px 10px 65px; }
	}
	td { font-size: 90%; }
}	
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; 
	.ui-timepicker-rtl dl { text-align: right; 
		dd { margin: 0 65px 10px 10px; }
	}
}

/* css for JQ UI Multiselect */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left; 
	span.ui-icon { float:right }
}
.ui-multiselect-single .ui-multiselect-checkboxes {
	input { position:absolute !important; top: auto !important; left:-9999px; }
	label { padding:5px !important }
}

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; 
	ul { font-size:0.9em; 
		li { float:left; padding:0 10px 0 0 }
	}
	a { text-decoration:none; 
		&:hover { text-decoration:underline }
	}
	span.ui-icon { float:left }
	li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
}
.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; 
	label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px; 
		input { position:relative; top:1px }
	}
	li { clear:both; font-size:0.9em; padding-right:3px; 
		&.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid; 
			a { display:block; padding:3px; margin:1px 0; text-decoration:none }
		}
	}
}


body {
	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr, .ui-corner-bottom, .ui-corner-bl, .ui-corner-br {
			border-radius: 0;
	}
}

#admin_actions {
	input, select { width: 200px; }
	.submit { width: 95px; }
}	

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }


.tTip.discount_false{
	background: url("../images/@{info}/discount.png") no-repeat;
}
.tTip.discount_true{
	background: url("../images/@{correct}/discount.png") no-repeat;
}
.tTip.discount_false, .tTip.discount_true{
	width: 16px; height: 16px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 16px;
}
.info.tTip {margin-top:1px; display:inline-block; float:right; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/@{info}_ffffff_@{info}/info.png") no-repeat; width: 20px; height: 20px; padding-left: 20px; }
.ui-tooltip {width:212px; }
.ui-tooltip-content {padding:0 20px; color:e("#@{info}"); font-size:11px; width:172px; background:transparent url('../images/@{tooltipBorder}_@{tooltipBg}/tipMid.png') repeat-y center; }

html .ui-tooltip {padding:0; position:absolute; z-index:9999; max-width:212; -webkit-box-shadow:none; box-shadow:none; }
html body .ui-tooltip {border-width:0; }
.top {background:transparent url('../images/@{tooltipBorder}_@{tooltipBg}/tipTop.png') no-repeat center; width:212px; height:20px; position:absolute; top:-20px; }
.bottom {background:transparent url('../images/@{tooltipBorder}_@{tooltipBg}/tipBtm.png') no-repeat center; width:212px; height:32px; position:absolute; bottom:-32px; }

#image-edit {
	.image_container { float: left; width: 1042px; height: 786px; overflow: scroll; margin-right: 15px; position: relative; 
		.jrac_viewport { position: relative; }
	}
	input { width: 155px; margin-top: 3px; 
		&.submit { width: 120px; }
	}
	#scale_container { width: 155px; display: inline-block; margin: 10px 0; }
	label { display: block; margin-top: 10px; font-size: 10px; color: gray; }
}

#vc_widget_small { top: 100px !important; }

#polls-form {
	thead {
		th {text-align: right;}
	}
}
#vc_widget_small { top: 100px !important; }

img#ifirmalogo { margin: 20px auto; display: block; }
table#ifirma {
	tr { background: transparent; border: none; }
	td { text-align: center; padding: 10px 0; width: 25%; }
}

table {
	td {
		&#guarantee-fields {
			a#add-guarantee {margin: 0;}
			div.clear {width: 100%; display: block;}
			div.block50 {float: left; margin: 0 0.9% 0 0;
				a {vertical-align: middle; display: inline-block;}
				label {vertical-align: middle; display: inline-block; width: 100%;}
				select {vertical-align: middle;}
				input {vertical-align: middle; margin-top: 5px;}
			}
		}
		&#guarantee-file {
			input {display: inline-block; vertical-align: middle;}
			div.block30 {vertical-align: middle;}
		}
	}
}

#confirm-box {text-align: center; border: 0; margin: 0 auto; background: transparent url("images/info_ico.png") no-repeat scroll 30px 30px; min-height: 87px; padding: 30px 20px 20px 130px;
	h1 {color: #0360bf; font-size: 18px; font-weight: bold;}
	p {text-align: left; color: #ff0000; margin: 11px 0; width: 300px; font-size: 11px; font-family: Verdana;
		span {font-weight: bold;}
	}
	a {display: inline-block; margin: 5px 10px; padding: 5px 20px; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 14px; width: 50px;
		&#confirm-action {background-color: e("#@{colorAgree}");}
		&#nonconfirm-action{background-color: e("#@{colorNotAgree}");}
	}
}

ul#productAttributesChoosen {
	li {width: 16%; display: inline-block; margin: 5px 0;
		label {display: block; width: 100%;}
	}
}