* {
	padding:0;
	margin:0;
	border:0;	
}

body {
	font:normal 8pt Arial;
	color:#333333;
	background:#fff;
	overflow-x: hidden;
}

a {
	color:#387eca;
	text-decoration:none;
}

a:hover {
	color:#ff7950;
}

table {
	border:0;
	border-spacing:0;
}

td {
	font-family:Arial;
	font-size:8pt;
}

h2 {
	font-size:12pt;
	margin:0;
	float:none;
	clear:both;
	margin-bottom:20px;
}

h3 {
	font-size:9pt;
	margin:0;
	font-weight:normal;
}

h4 {
	font-size:9pt;
	margin:50px;
	font-weight:normal;
	text-align:center;
	float:left;
}

h5 {
	font-size:8pt;
	margin:0;
	font-weight:normal;
	margin-bottom:20px;
	text-align:center;
}

h6 {
	font-size:12pt;
	margin:0;
	float:none;
	clear:both;
	margin-bottom:5px;
}

select,input,textarea {
	border:1px solid #aaa;
	font-family:Arial;
	font-size:8pt;
}

.off { display:none; }

.c {
    position:relative;
    left:50%;
    transform:translate(-50%,0);
}










/* --   LOADER   -- */

.new-loader-2 {
    width:24px;
    height:24px;
    pointer-events:none;
    z-index:100000;
    transition:all 0.15s ease-out;
}

.new-loader-2.medium { width:32px; height:32px; }
.new-loader-2.big { width:48px; height:48px; }

.new-loader-2 p {
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0 !important;
}

.new-loader-2 p span{
    border:2px solid rgba(0,0,0,0.05);
    border-top:2px solid #3fa7a5;
    border-radius:100%;
    width:100%;
    height:100%;
    animation:spin 1s ease-out infinite;
    position:absolute;
    left:-2px;
    top:-2px;
}

.new-loader-2.white p span{
    border:2px solid rgba(255,255,255,0.2);
    border-top:2px solid #fff;
}

.new-loader-2.label::after {
	content:attr(data-label);
	position:absolute;
	width:400px;
	text-align:center;
	left:50%;
	bottom:-40px;
	height:24px;
	line-height:24px;
	font-size:10pt;
	text-transform:uppercase;
	color:#3fa7a5;
	/* transform:translate(-50%,0); */
	margin:0 0 0 -200px;
	font-family:titillium_webregular;
	white-space:nowrap;
	transition:all 0.25s ease-out;
	pointer-events:none;
}

.new-loader-2.label.ll::after {
	text-align:right;
	left:auto;
	right:56px;
	bottom:auto;
	top:50%;
	height:24px;
	line-height:24px;
	text-transform:none;
	font-size:12pt;
	/* color:#888; */
	margin:-12px 0 0 0;
}

.new-loader-2.change-label::after {
	transform:translate(0,16px);
	opacity:0;
}

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}










/* --   PRZYCISKI   -- */

.bt {
	color:#fff;
	background:#387eca;
	border-radius:3px;
	padding:3px 7px;
	cursor:pointer;
}

.bt.n {
    float:left;
    height:32px;
    line-height:32px;
    padding:0 12px;
    text-transform:uppercase;
    margin:0 8px 0 0;
	border:0;
	font-size:9pt;
	font-weight:600;
}

.bt.small {
    height:28px;
    line-height:28px;
    padding:0 8px;
    font-size:8pt;
    font-weight:600;
}

.bt:hover {
	background:#1d538f;
	color:#fff;
}

.bt.hide {
    opacity:0;
    pointer-events:none;
    transition:all 0.15s ease-out;
}

/* --   ROZMIARY PRZYCISKÓW   -- */

.bt.big {
	padding:8px 12px;
	margin:0 5px 15px 0;
	font-size:8pt;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	background:#007f15;
}

.bt.big:hover {
	background:#00a01a;
}

/* --   KOLORY PRZYCISKÓW   -- */

.bt.lightgray              { background:#dfdfdf; color:#666; }
.bt.lightgray:hover        { background:#e5e5e5; color:#444; }

.bt.white                  { background:#fff; color:#888; }
.bt.white:hover            { background:#fefefe; color:#333; box-shadow:0 4px 8px rgba(0,0,0,0.05); }

.bt.white-stroke           { background:#fff; color:#888; border:1px solid rgba(0,0,0,0.25); }
.bt.white-stroke:hover     { background:#fefefe; color:#333; border:1px solid rgba(0,0,0,0.5); box-shadow:0 4px 8px rgba(0,0,0,0.05); }

.bt_gray {
	color:#333;
	background:#dfdfdf;
}

.bt_gray:hover {
	background:#aaa;
}

.bt_darkgray {
	color:#fff;
	background:#777;
}

.bt_darkgray:hover {
	background:#444;
}

.bt_red {
	color:#fff;
	background:#d60000;
}

.bt_red:hover {
	background:#a50000;
}










.bt_mini {
	font-size:7pt;
	font-weight:normal;
	background:#d22c00;
	margin:0;
	padding:2px 4px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:hand;
	cursor:pointer;
	color:#fff;
	margin-left:5px;
}

.bt_mini:hover {
	background:#ec3200;
}










.web_symbol {
	color:#fff;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	height:18px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	width:30px;
	line-height:18px;
	text-align:center;
	font-size:7pt;
}










.border_top {
	border-top:1px solid #eee;
}










#container {
	height:auto;
}









#top_admin_addons {
	height:30px;
	background:#0b2541;
	color:#fff;
	text-align:right;
	line-height:30px;
}

#top_admin_addons a {
	float:right;
	padding:0 20px;
	color:#fff;
}

#top_admin_addons a:hover {
	background:#4279b3;
}

#top_admin_addons p {
	float:right;
	padding:0 20px;	
	cursor:default;
	color:#fff;
	background:#1f4a79;
}

#top_admin_addons span {
	float:right;
	padding:0 5px;
	color:#fff;
	cursor:pointer;
}

#top_admin_addons span:hover {
	background:#4279b3;
}










#top_admin_languages {
	height:30px;
	background:#0b2541;
	color:#fff;
	text-align:left;
	line-height:30px;
	float:left;
}

#top_admin_languages a {
	float:left;
	padding:0 5px;
	color:#fff;
}

#top_admin_languages a:hover {
	background:#4279b3;
}

#top_admin_languages p {
	float:left;
	padding:0 5px;	
	cursor:default;
	color:#fff;
	background:#1f4a79;
}










#header {
	height:110px;
	background:#1f4a79;	
}










.title {
	padding:20px;
	color:#fff;
}

.title p {
	font-family:Arial;
	font-size:25pt;
    font-weight:600;
}

.title span {
	color:#93b8e0;	
}

.title div {
	font-family:Arial;
	font-size:10pt;
}










#modules_menu {	
	height:25px;
	background:#1f4a79;
	text-align:left;
	line-height:25px;
	border-bottom:5px solid #1e3c5d;
}

#modules_menu a {
	float:left;
	padding:0 20px;
	color:#c3d6ea;
	font-size:8pt;
	background:#10263f;
	cursor:hand;
	cursor:pointer;
}

#modules_menu a:hover {
	color:#fff;
	background:#4279b3;
}

#modules_menu p {
	color:#fff;
	background:#1e3c5d;
	cursor:default;
	padding:0 20px;
	float:left;
	font-size:8pt;
}










/* --   MENU GÓRNE   -- */

#menu {	
	height:40px;
	background:#0b2541;
	text-align:left;
	color:#fff;
	font-size:8pt;
	line-height:40px;
	z-index:1000;
}

#menu div {
    float:left;
}

#menu a {
	float:left;
	padding:0 20px;
	color:#fff;
}

#menu a:hover {
	background:#4279b3;
}

#menu p {
	float:left;
	padding:0 20px;	
	cursor:default;
	color:#000;
	background:#fbfbfb;
}

#menu .home {
	float:right;
	font-size:15pt;
}

#menu .home_cms {
	float:left;
	font-size:15pt;
}

#menu .logout {
	float:right;
	font-size:8pt;
}

#menu ul.level1 li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
    z-index:3000;
}

#menu ul.level1 li ul.level2 {
	position:absolute;
	left:0;
	top:40px;
	background:#356496;
	border-top:5px solid #4279b3;
	border-bottom:5px solid #0b2541;
    opacity:0;
	z-index:2000;
    transition:all 0.2s ease-out;
    pointer-events:none;
}

#menu ul.level1 li:hover ul.level2 {
    opacity:1;
    pointer-events:all;
}

#menu ul.level1 li ul.level2 li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:30px;
	width:100%;
	border-top:1px solid #2e5782;
}

#menu ul.level1 li ul.level2 li a {
	float:none;
	display:block;
}

#menu ul.level1 li ul.level2 li a:hover {
	background:#4279b3;
}

#menu ul.level1 li .arrow_down {
	background-image:url(../images/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:right;
}








#menu_add_modules {	
	height:40px;
	background:#1a476a;
	text-align:left;
	color:#fff;
	font-size:8pt;
	line-height:40px;
}

#menu_add_modules a {
	float:left;
	padding:0 20px;
	color:#fff;
}

#menu_add_modules a:hover {
	background:#4279b3;
}

#menu_add_modules p {
	float:left;
	padding:0 20px;	
	cursor:default;
	color:#000;
	background:#fff;
}










#logowanie {
	height:40px;
	text-align:left;
	padding-left:20px;
	background:#eee;
	line-height:40px;
}

#logowanie p {
	float:left;
}

#logowanie span {
	margin-left:10px;
}

#logowanie form {
	float:left;
}

#logowanie input {
	float:left;
	margin-left:5px;
	margin-top:11px;
	width:100px;
	height:18px;
	color:#aaa;
}

#logowanie .bad_login {
	
	color:#b52200;
	font-weight:bold;
	
}

#logowanie .submit {
	visibility:hidden;
	width:1px;
	margin:0;
	padding:0;
}

#logowanie .home {
	float:right;
	font-size:15pt;
	width:51px;
	text-align:center;
}

#logowanie a {
	color:#000;
}

#logowanie a:hover {
	background:#222;
	color:#fff;
}










#page_content {	
	height:auto;
	padding:20px;
}










#footer {	
	height:50px;
	margin:10px 0;
	text-align:right;
	clear:both;
	float:none;
	padding:10px 20px;
	border-top:1px solid #eee;
}










#submenu {
	line-height:40px;
	font-size:10pt;
	margin-top:20px;
	height:40px;
	font-weight:bold;
	padding-right:20px;
	border-bottom:3px solid #eee;
	margin-bottom:10px;
}

#submenu a {
	float:left;
	margin-right:30px;
	color:#333;
}

#submenu a:hover {
	color:#387eca;
}

#submenu p {
	float:left;
	margin-right:30px;	
	cursor:default;
	color:#bbb;
	border-bottom:3px solid #3fa7a5;
}

#submenu span {
	margin-left:-10px;
	padding:0 10px;
	float:left;
	cursor:default;
	color:#aaa;	
	background:#eee;
}











#filter {
	min-height:48px;
	line-height:48px;
    width:100%;
    float:left;
    background:#fafafa;
    padding:0 16px;
    box-sizing:border-box;
    border-radius:5px;
}

#filter div {
	float:left;	
	height:40px;
	margin-right:40px;
}

#filter select {
	font-size:8pt;
	margin-left:5px;
    padding:4px;
    border:1px solid #aaa;
    border-radius:3px;
}

#filter input {	
	font-size:8pt;	
	margin-left:5px;
    padding:4px;
}

#filter p {
	float:right;
	margin-left:30px;
}

.option-disabled {
    color:#aaa;
}











#web_switch {
	border-bottom:1px solid #ddd;
	height:5px;
	line-height:40px;
	text-align:right;
	margin-bottom:0;
	background:#fbfbfb;
	padding:0 20px;
}

#web_switch div {
	float:right;
	height:40px;
}

#web_switch select {
	font-size:8pt;
	margin-left:5px;
}

#web_switch input {	
	font-size:8pt;	
	margin-left:5px;
}

#web_switch p {
	float:left;
	color:#333;
}

#web_switch p b {
	color:#1f4a79;
}










.pager {	
	height:20px;
	line-height:20px;
	margin:16px 0;
    width:100%;
    float:left;
}

.pager p {
	float:left;
	margin-right:5px;
}

.pager div {
	float:right;
}

.pager span {
	background:#387eca;
	margin-right:2px;
	text-align:center;
	width:20px;
	height:20px;
	float:left;
	color:#fff;
	cursor:default;
}

.pager .noa {
	background:#cccccc;
}

.pager a {
	background:#333333;
	margin-right:2px;
	color:#fff;
	text-align:center;
	width:20px;
	height:20px;
	float:left;
}

.pager a:hover {
	background:#666666;
}










#table_container {
	padding:20px 0;
	position:relative;
	height:auto;
    float:left;
    width:100%;
}

#table_container table {
	border:0;
	border-spacing:0;
	width:100%;	
}

#table_container table.main_table {
	margin-bottom:30px;
}

#table_container table.main_table .bt_mini {
	float:right;
}

#table_container table td {
	padding:10px 0;
	text-align:center;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

#table_container table td p {
	text-align:left;
	margin:0 10px;
	float:left;
	display:block;
}

#table_container table td div.prices {
    text-align:left;
    margin:0 10px;
    float:left;
    display:block;
}




.order-bt.hide { display: none; }
.order-bt:hover {
	background: #d7d7d7;
	color: #333;
}

.order-bt {
	cursor: pointer;
	width: auto;
	height: 24px;
	float: left;
	position: relative;
	background: #ddd;
	padding: 0 12px;
	line-height: 24px;
	border-radius: 3px;
	color: #444;
	font-size: 7pt;
	font-family: Arial;
	margin: 24px 8px 0 0;
	text-transform: uppercase;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .5);
}

.order-bt p {
	margin: 0 !important;
	padding: 0 !important;
}

.order-bt.dark {
	background: #666;
	color: #ddd;
}

.order-bt.dark:hover {
	background: #555;
	color: #eee;
}

.order-bt.dark a { color: #ddd; }
.order-bt.dark:hover a { color: #eee; }





.paid_info {
    margin:24px 8px 0 0;
    background: #43a859;
    color:#fff;
    width:auto;
    float:left;
    position:relative;
    padding:0 12px;
    font-size:7pt;
    border-radius:3px;
    line-height:24px;
	text-transform: uppercase;
}

.paid_info.hide {
    display:none;
}






.icon_comments {
    margin: 24px 8px 0 0;
    background: #ddd;
    color: #666;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: visible;
    height: 24px;
    width: 24px;
    border-radius: 3px;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .5);
	font-size: 9pt;
}

.icon_comments:hover { background: #d7d7d7; }
.icon_comments.exists {
	background: #666;
	color: #ddd;
}

.icon_comments.exists:hover {
	background: #555;
	color: #eee;
}

.icon_comments svg {
	width: 16px;
	height: 16px;
	stroke-width: 1px;
}

.icon_comments p {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0 !important;
	display: flex !important;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.icon_comments .add_comments_field {
    opacity:0;
    width:410px;
    height:120px;
    background:#fafafa;
    border:1px solid #ccc;
    position:absolute;
    left:-10px;
    top:30px;
    pointer-events:none;
    transition:all 0.1s ease-in;
    box-shadow: 0 0 13px rgba(0,0,0,0.075);
    border-radius:5px;
    z-index:999999;
}

.icon_comments .add_comments_field::before {
    background:#fafafa;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    position:absolute;
    left:16px;
    top:-5px;
    width:7px;
    height:7px;
    content:'';
    transform:rotate(45deg);
}

.icon_comments .add_comments_field textarea {
    position:relative;
    margin:10px 0 10px 10px;
    width:390px;
    height:60px;
    border:1px solid #aaa;
    background:#fff;
    font-size:8pt;
    color:#666;
    font-family:Arial;
    padding:5px;
    box-sizing:border-box;
}

.icon_comments .add_comments_field.show {
    opacity:1;
    pointer-events:all;
}

.icon_comments .add_comments_field .close_add_comments {
    position:relative;
    height:30px;
    line-height:30px;
    padding:0 10px;
    margin:0 5px 0 0 !important;
    color:#fff;
    cursor:pointer;
    background:#999;
    left:auto;
    float:right !important;
    top:auto;
    width:auto;
    border-radius:3px;
}

.icon_comments .add_comments_field .close_add_comments:hover {
    background:#aaa;
}

.icon_comments .add_comments_field .close_add_comments.hide {
    opacity:0;
    pointer-events:none;
}

.icon_comments .add_comments_field .add_comments {
    position:relative;
    height:30px;
    line-height:30px;
    padding:0 10px;
    margin:0 10px 0 0 !important;
    color:#fff;
    cursor:pointer;
    background:#b40000;
    left:auto;
    float:right !important;
    top:auto;
    width:auto;
    border-radius:3px;
}

.icon_comments .add_comments_field .add_comments:hover {
    background:#d70000;
}

/* .icon_comments .add_comments_field .add_comments .comments_loader {
    position:absolute;
    left:-40px;
    top:3px;
    height:24px;
    width:24px;
    background:none !important;
    opacity:0;
    transition:all 0.1s ease-in;
}

.icon_comments .add_comments_field .add_comments .comments_loader svg {
    height:24px;
    width:24px;
}

.icon_comments .add_comments_field .add_comments .comments_loader.show {
    opacity:1;
} */







.send_files .start_info,
.send_files .dz-default {
    pointer-events:none;
    padding:5px 8px;
    float:left;
}

.send_files .dz-preview {
    width:100%;
    height:2px;
    pointer-events:none;
    z-index:10;
    transition:all 0.1s linear;
    overflow:visible;
    background:rgba(255,255,255,0.3);
    position:absolute;
    bottom:-2px;
    left:0;
}

.send_files .dz-preview .dz-image {
    display:none;
}

.send_files .dz-preview .dz-image img {
    display:none;
}

.send_files .dz-preview .dz-details {
    display:none;
}

.send_files .dz-preview .dz-error-message {
    display:none;
}

.send_files .dz-preview .dz-details .dz-filename {
    display:none;
}

.send_files .dz-preview .dz-details .dz-size {
    display:none;
}

.send_files .dz-preview:hover .dz-details .dz-size,
.send_files .dz-preview.hover .dz-details .dz-size {
    color:#333 !important;
    display:none;
}

.send_files .dz-preview .dz-details .dz-size span strong {
    font-weight:100;
    display:none;
}

.send_files .dz-preview .dz-success-mark {
    position:absolute;
    right:0;
    top:0;
    width:66px;
    height:96px;
    /* background-image:url(../.images/icon_check.svg); */
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:0;
    display:none;
}

.send_files .dz-preview.dz-success .dz-success-mark {
    animation:passing-through 1.5s cubic-bezier(0.77,0,0.175,1);
    display:none;
}

.send_files .dz-preview .dz-error-mark {
    position:absolute;
    right:0;
    top:0;
    width:66px;
    height:96px;
    /* background-image:url(../.images/icon_x.svg); */
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:0;
    display:none;
}

.send_files .dz-preview.dz-error .dz-error-mark {
    animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);
    display:none;
}

.send_files .dz-preview .dz-progress {
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:2px;
    background:#eee;
}

.send_files .dz-preview.dz-processing .dz-progress {
    opacity:1;
    transition:all 0.2s linear;
}

.send_files .dz-preview.dz-complete .dz-progress {
    opacity:0;
    transition:opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation:pulse 6s ease infinite;
}

.send_files .dz-preview .dz-progress .dz-upload {
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:2px;
    opacity:1;
    background:#0db900;
    transition:all 0.1s ease-in;
}

.send_files .dz-preview .dz-success-mark svg,
.send_files .dz-preview .dz-error-mark svg {
    display:none;
}

.delete_file {
    position:absolute;
    left:0;
    top:0;
    width:25px;
    height:25px;
    line-height:25px;
    font-size:25pt;
    font-family:Arial;
    text-align:center;
    cursor:pointer;
    color:#aaa;
    opacity:0;
    z-index:11;
    border-radius:3px;
}

.delete_file:hover {
    opacity:1;
    color:#d60000;
    transform:scale(1.4);
}

.delete_file.show {
    opacity:1;
}












#table_container table td.newsletter_content p {
	text-align:left;
	margin:0;
	float:none;
	display:block;
}

#table_container table td.newsletter_content div {
	text-align:left;
	margin:0;
	float:none;
	display:block;
}

#table_container table td img.thumb {	
	width:40px;
	height:40px;	
	margin-bottom:3px;
	border:1px solid #bbbbbb;
	padding:2px;
	margin-left:10px;
	float:left;
}

#table_container table td.td_thumb.big img.thumb {
    width:96px;
    height:96px;
    border:0;
    margin:0 0 0 8px;
    padding:0;
}

.eye,.eye_cms,.eye_cms_multiwebs {
	float:none;
	width:25px;
	height:17px;
	cursor:pointer;
}

.eye_tetenal {
    float:none;
    width:45px;
    height:17px;
    cursor:pointer;
}

.eye_tetenal.no_display {
    opacity:0.3;
}

#table_container .legend {
	background:#387eca;
	color:#fff;
	text-align:center;
	font-weight:bold;
    height:20px;
    line-height:20px;
}

#table_container .legend .td_source {
	color:#fff;
}

#table_container .legend td {
	border-right:1px solid #387eca;
	border-top:1px solid #387eca;
}

#table_container .values {
	background:#f1f1f1;
	text-align:center;
	color:#333;
	cursor:default;
    position:relative;
}

#table_container .values.canceled {
	transition: all .1s ease-out;
	opacity: .3;
}

#table_container .values.mr-top td {
    border-top:8px solid #fff;
}

#table_container table .td_id { width:40px; }
#table_container table .td_order_id { width:80px; }
#table_container table .td_order_id span {
	position: absolute;
	width: calc(100% - 16px);
	left: 8px;
	top: 8px;
	font-size: 12pt;
	font-weight: 600;
	color: #eee;
	background: #444;
	border-radius: 2px;
	padding: 4px 0;
}

#table_container table .td_display { width:70px; }
#table_container table .td_price { width:90px; }
#table_container table .td_status { width:150px; }
#table_container table .td_edit { width:60px; }
#table_container table .td_delete { width:60px; }
#table_container table .td_galleries { width:60px; }
#table_container table .td_group { width:80px; }
#table_container table .td_add_date { width:80px; }
#table_container table .td_level { width:50px; }
#table_container table .td_position { width:70px; }
#table_container table .td_source { width:80px; color:#387eca; }
#table_container table .td_parent { width:50px; }
#table_container table .td_param { width:240px; }
#table_container table .td_param_level2 { width:199px; }
#table_container table .td_param_level3 { width:158px; }
#table_container table .td_tree { width:40px; background:#fff; }
#table_container table .td_thumb { width:65px; }
#table_container table .td_thumb.big { width:112px; border-right:0; }
#table_container table .td_symbol { position:relative; }
#table_container table .td_symbol b { font-size:12pt; }
#table_container table .td_serwis { width:100px; }
#table_container table .td_serwis.wide { width:200px; }
#table_container table .td_serwis .web_cont { margin:0 13px; text-align:center; position: relative; }

#table_container table .td_serwis_small {
	width: 52px;
	text-align: center;
	position: relative;
}

#table_container table .td_serwis_small .web_cont {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#table_container table .td_serwis_small .web_symbol {
	float: none;
	margin: 0 0 0 -16px;
	position: absolute;
	left: 50%;
	top: 10px;
	width: 32px;
	height: 16px;
	padding: 2px;
	text-transform: uppercase;
}

#table_container table .td_title p { float:left; }
#table_container table .td_collection { width:120px; }
#table_container table .td_user { width:200px; text-align:left; padding-left:10px; }
#table_container table .hide { display:none; }





/* --   SYMBOL I OPIS OKŁADKI   -- */

#table_container table .td_symbol div.symbol {
    float:left;
    padding:0 12px;
    text-align:left;
    width:100%;
}

#table_container table .td_symbol div.symbol b {
    font-size:12pt;
    float:left;
    width:100%;
}

#table_container table .td_symbol div.symbol p {
    font-size:8pt;
    margin:4px 0 0 0;
    float:left;
    width:calc(100% - 140px);
    line-height:150%;
    color:#888;
}

.hidden-id {
    position:absolute;
    right:16px;
    top:8px;
    color:#aaa;
    height:24px;
    line-height:24px;
    font-size:8pt;
}




/* --   DODATKI DO OKŁADKI   -- */

#table_container table .addons {
    width:160px;
    padding:8px;
    border-left:8px solid #fff;
    border-right:8px solid #fff;
}

#table_container table .config {
    width:120px;
    padding:8px;
    border-right:8px solid #fff;
}





#table_container table .level2 {
	padding:0;
	background:#fff;
	border:0;
}

#table_container table .level3 {
	padding:0;
	background:#fff;
	border:0;
}

#table_container .values_level2 {
	background:#e1e1e1;
	color:#fff;
	text-align:center;
	color:#333333;
	cursor:default;
}

#table_container .values_level3 {
	background:#d1d1d1;
	color:#fff;
	text-align:center;
	color:#333333;
	cursor:default;
}

#table_container table .products_table tr td:last-child {
	border-right:0;
}

#table_container table .products_table tr:hover {
	/* background:#d1d1d1; */
}

#table_container table.translations tr td p {
	float:none;
	margin-left:0;
}

#table_container table.translations tr td .edit_translation {
	display:none;
	height:100%;
	width:100%;
	border:0;
}

#table_container table.translations tr td .preview_translation {
	display:block;
	margin:0;
	padding:0;
}

#table_container table.translations tr td div {
	text-align:left;
	display:block;
	margin:0;
	padding:0;
}

#table_container table.translations tr td.td_translation {
	cursor:hand;
	cursor:pointer;
	padding:10px;
}

#table_container table.translations tr td ul,#table_container table.translations tr td ol {
	padding-left:15px;
}

#table_container table.translations tr td .save_translation {
	display:none;
	text-align:right;
	margin-top:10px;
	margin-left:3px;
}

#table_container table.translations tr td .close_translation {
	display:none;
	text-align:right;
	margin-top:10px;
	margin-left:3px;
	margin-right:20px;
}

#table_container table.translations tr td .bt_save {
	display:block;
	float:right;
	padding:5px 10px 5px 10px;
	background:#fff;
	margin-right:-10px;
	margin-bottom:-10px;
	font-weight:bold;
	color:#387eca;
	cursor:hand;
	cursor:pointer;	
}

#table_container table.translations tr td .bt_save:hover {
	background:#000;
	color:#fff;
}

.down {
	background-image:url(../images/arrow_down.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding:3px 8px;
}

.up {
	background-image:url(../images/arrow_up.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding:3px 8px;
}

.up_na {
	padding:3px 8px;
}

.source {
	float:right;
	text-align:right;	
	color:#999;
	padding-right:10px;
}

.new {
    position:absolute;
    right:16px;
    top:50%;
    color:#fff;
    background:#00a60e;
    padding:0 8px;
    height:24px;
    line-height:24px;
    border-radius:3px;
    text-transform:uppercase;
    font-size:7pt;
    margin:-12px 0 0 0;
}

.imgchecked {
	width:20px;
	height:20px;
}

.bt_lang {
	color:#fff;
	background:#004b9c;
	border-radius:3px;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	padding:7px 11px;
}

.bt_lang:hover {
	background:#003d54;
	color:#fff;
}

.bt_lang_na {
	color:#387eca;
	cursor:default;
	background:#fff;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	padding:7px 11px;
}





#delete_container,#recycle_container,#browser_alert {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	background:#720c09;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	padding:30px 30px;
	display:none;
	box-shadow:3px 3px 7px #000;
	-moz-box-shadow: 3px 3px 7px #000;
	-webkit-box-shadow: 3px 3px 7px #000;
}

#delete_container p,#recycle_container p {
	margin-bottom:20px;
}

#delete_container h2,#recycle_container h2 {
	margin-bottom:5px;
}

#delete_container span,#recycle_container span {
	padding:5px 10px;	
	margin:5px;
	background:#951310;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	font-size:8pt;
	cursor:hand;
	cursor:pointer;
	color:#fff;
}

#delete_container span:hover,#recycle_container span:hover {
	background:#ce1b17;
}





#delete_theoretical_container {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	background:#720c09;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	padding:30px 30px;
	display:none;
	box-shadow:3px 3px 7px #000;
	-moz-box-shadow: 3px 3px 7px #000;
	-webkit-box-shadow: 3px 3px 7px #000;
}

#delete_theoretical_container p {
	margin-bottom:20px;
}

#delete_theoretical_container h2 {
	margin-bottom:5px;
}

#delete_theoretical_container span {
	padding:5px 10px;	
	margin:5px;
	background:#951310;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	font-size:8pt;
	cursor:hand;
	cursor:pointer;
	color:#fff;
}

#delete_theoretical_container span:hover {
	background:#ce1b17;
}











.alert {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	background:#720c09;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	padding:30px 30px;
	display:none;
	box-shadow:3px 3px 7px #000;
	-moz-box-shadow: 3px 3px 7px #000;
	-webkit-box-shadow: 3px 3px 7px #000;
}

.alert span {
	padding:5px 10px;	
	margin:5px;
	background:#951310;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	font-size:8pt;
	cursor:hand;
	cursor:pointer;
	color:#fff;	
}










#mask {
	background-image:url(../images/bg_mask.png);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	display:none;
}





.add_ps {
	margin:0;
	padding:0;
	line-height:8px;
	font-weight:normal;
}




.dnone {
	display:none;
}










#thumb_preview {
	width:100px;
	height:100px;
	border:1px solid #ddd;
	background:#efefef;
	margin-top:19px;
	margin-bottom:20px;
}

#thumb_preview img {
	width:100px;
	height:100px;
}

#submit {
	font-size:12pt;
	font-weight:bold;
	float:none;
	clear:both;
}





p.disp {
	margin-bottom:10px;
	margin-top:10px;
	clear:both;
	float:none;
}

p.disp input {
	padding:0;
	margin:0;
	float:left;
	margin-right:5px;
}

p.disp span {
	margin-left:5px;
}










/* ========================
LISTA GALERII W OKNIE POPUP
======================== */

#galleries_list {
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-image:url(../images/bg.gif);	
	box-shadow:3px 3px 7px #333;
	-moz-box-shadow: 3px 3px 7px #333;
	-webkit-box-shadow: 3px 3px 7px #333;
	display:none;
	padding:20px;
	margin-top:50px;
	width:800px;
	height:480px;
}

#galleries_list h2 {
	color:#fff;
}

#galleries_list .single {
	width:80px;
	height:120px;
	font-size:7pt;
	text-align:center;
	float:left;
	margin:3px;
	color:#000;
}

#galleries_list img {
	width:70px;
	height:70px;	
	border:1px solid #aaa;
	padding:2px;
	cursor:hand;
	cursor:pointer;
	margin-bottom:3px;
}

#galleries_list .close {
	float:right;
	height:15px;
}










/* =======================
LISTA PLIK�W W OKNIE POPUP
======================= */

#file_list {
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-image:url(../images/bg.png);	
	box-shadow:3px 3px 7px #333;
	-moz-box-shadow: 3px 3px 7px #333;
	-webkit-box-shadow: 3px 3px 7px #333;
	display:none;
	padding:20px;
	width:800px;
	height:480px;
	text-align:left;
	margin-top:50px;
}

#file_list h2 {
	color:#fff;
}

#file_list .add_photos {
	float:left;
	height:15px;
}

#file_list #dir_patch {	
	float:left;
	margin-top:3px;
}

#file_list .close {
	float:right;
	height:15px;
}

#file_list .folder {
	width:95px;
	height:100px;
	float:left;
	margin:1px;
	text-align:center;
	font-size:7pt;
	color:#333;
}

#file_list .folder img {
	width:37px;
	height:50px;
	padding-top:10px;
	margin-bottom:10px;
	cursor:hand;
	cursor:pointer;	
}

#file_list .folder_back {
	width:95px;
	height:100px;
	float:left;
	margin:1px;
	text-align:center;
	font-size:7pt;
	color:#333;
}

#file_list .folder_back img {
	width:37px;
	height:50px;
	padding-top:10px;
	margin-bottom:10px;
	cursor:hand;
	cursor:pointer;
}

#file_list .file {
	width:95px;
	height:100px;
	float:left;
	margin:1px;
	text-align:center;
	font-size:7pt;
	color:#333;	
}

#file_list .file img {
	width:50px;
	height:50px;
	cursor:hand;
	cursor:pointer;
}

#file_list .file .file_container {
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #aaa;
	padding:1px;
	position:relative;
	width:50px;
	height:50px;
}

#file_list .file .add_info {
	position:absolute;
	left:-10px;
	top:-10px;
	width:72px;
	height:72px;
	background:#000;
	color:#fff;
	line-height:72px;
	display:none;
	cursor:default;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}










#zoom_photo_container {		
	display:none;
	box-shadow:3px 3px 7px #333;
	-moz-box-shadow: 3px 3px 7px #333;
	-webkit-box-shadow: 3px 3px 7px #333;
	margin-top:50px;
}

#zoom_photo_container img {
	cursor:hand;
	cursor:pointer;
	padding:20px;
	background:#fff;
}










/* ============================
DO PRZEJRZENIA I ZWERYFIKOWANIA
============================ */

#add_form {
	margin-top:30px;
}

#add_form .line {
	margin-top:5px;
	color:#888888;
}

#add_form .line p {
	width:80px;
	text-align:right;
	float:left;
	margin-right:7px;
	padding-top:1px;
	color:#333333;
}

#add_form .line p.auto {
	width:auto;
}

#add_form textarea {
	width:652px;
	font-size:8pt;
	margin:0;
	font-family:Arial;
	color:#333333;
	padding:0;
	clear:right;
}

#add_form input {
	font-size:8pt;
	margin:0;
	font-family:Arial;
	color:#333333;
	padding:0;
	clear:right;
}

#add_form #title {
	height:30px;
	width:400px;
}

#add_form #see_also {
	margin-right:5px;	
}

#add_form #shortcut {
	height:50px;
}

#add_form #f_thumb {
	float:left;
	margin-right:25px;
	border-right:1px solid #dddddd;
	padding-right:25px;
	padding-bottom:25px;
	text-align:center;
}

#add_form #f_text {
	float:left;
	margin-right:30px;
	margin-bootom:20px;
	border-bottom:1px solid #dddddd;
	padding-bottom:20px;
}


#f_photos {	
	float:left;
	clear:right;	
}

#f_gallery {	
	padding-top:20px;
	float:none;
	clear:both;
	border-bottom:1px solid #dddddd;
	padding-bottom:10px;
}

#add_form #f_gallery h2 {
	margin-bottom:5px;
}

#add_form #f_gallery p {
	margin-bottom:15px;
}

#add_form #f_gallery p.disp {
	margin-bottom:10px;
}











/* ================================
NOWE STYLE DO WSZYSTKICH FORMULARZY
================================ */

.form_block {
	padding:0;
	height:auto;
	color:#006bc6;
	float: left;
	width: 100%;
	margin: 32px 0;
}

.form_block h6 {

}

.form_block .line {
	margin-top:5px;
	color:#bbb;
	width:100%;
	float:left;
	line-height:32px;
	/* height:32px; */
}

.form_block .line p {
	width:170px;
	text-align:right;
	float:left;
	margin-right:8px;
	padding:0;
	color:#333;
	font-size:9pt;
	line-height:32px;
	height:32px;
}

.form_block .line select {
	font-size: 9pt;
	padding:4px;
	height: 26px;
	border-radius: 3px;
}

.form_block textarea {
	width:400px;
	height:30px;	
}

.form_block .elements_list {
	line-height:20px;
	color:#333;
	font-weight:bold;
}

.form_block .checkbox_list {
	float: left;
	margin: 8px 0 16px 0;
}

.form_block .checkbox_list p {
	height: 32px;
	line-height: 32px;
	color:#333;
	font-size:9pt;
	float: left;
	width: 100%;
}

.form_block .checkbox_list p input[type="checkbox"] {
	width:16px;
	height:16px;
	/* margin: 8px 8px 0 178px; */
	margin: 8px 8px 0 0;
	float: left;
}

.form_block .checkbox_list span {
	float:left;
}

.form_block .inside_block {
	float:left;
	text-align:center;
	margin-bottom:30px;
}

.form_block .inside_brother {
	padding-left:25px;
	border-left:1px solid #eee;
	float: left;
	width:1200px;
	margin: 0 0 0 32px;
}

.form_block #shortcut,.form_block #description1,.form_block #description2,.form_block #description3,.form_block #description4 {
	height:80px;
}

.form_block #price,.form_block #ratio,.form_block #ratio_covers {
	width:50px;
}










#orders_comments_options_container {
	margin: 0 0 8px 0;
}









#photos_container div {
	width:120px;
	height:200px;
	float:left;
	margin:3px;
	text-align:center;
	font-size:7pt;
	background:#f1f1f1;
	border-radius:3px;
	position:relative;
}

#photos_container div img {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #aaa;
	padding:1px;
	width:90px;
	height:90px;
	cursor:hand;
	cursor:pointer;
	border-radius:6px;
}

#photos_container div p {
	position:absolute;
	cursor:hand;
	cursor:pointer;
	border-radius:3px;
	background:#cd0000;
	color:#ffffff;
	top:0px;
	right:0px;
	font-size:10pt;
	line-height:14pt;
	text-align:center;
	width:21px;
	height:21px;
}

#photos_container div p:hover {
	background:#ff3535;
}

#photos_container div span {
	position:absolute;
	background:#8e8f8f;
	border-radius:3px;	
	top:0px;
	left:0px;
	width:21px;
	height:21px;
}

#photos_container div input[type="checkbox"] {
	position:absolute;
	cursor:hand;
	cursor:pointer;
	top:4px;
	left:4px;
	border:3px solid #ffffff;
}

#photos_container div textarea {
	width:100px;
	height:40px;
	margin-top:5px;
}

#photos_container div .pos_left {
	position:absolute;
	cursor:pointer;
	border-radius:3px;
	background:#aaa;
	color:#ffffff;
	bottom:1px;
	left:25px;
	font-size:15pt;
	line-height:14pt;
	text-align:center;
	width:30px;
	height:20px;
}

#photos_container div .pos_left:hover {
	background:#888;
}

#photos_container div .pos_right {
	position:absolute;
	cursor:pointer;
	border-radius:3px;
	background:#aaa;
	color:#ffffff;
	bottom:1px;
	right:25px;
	font-size:15pt;
	line-height:14pt;
	text-align:center;
	width:30px;
	height:20px;
}

#photos_container div .pos_right:hover {
	background:#888;
}







/*
	------------------------------
	ZDJ�CIA W WERSJI Z SORTOWANIEM
	------------------------------
*/

ul#photos_container {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

#photos_container li {
	width:120px;
	height:185px;
	float:left;
	margin:3px;
	text-align:center;
	font-size:7pt;
	background:#f1f1f1;
	border-radius:3px;
	position:relative;
	padding:0;
}

#photos_container li img {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #aaa;
	padding:1px;
	width:90px;
	height:90px;
	cursor:hand;
	cursor:pointer;
	border-radius:6px;
}

#photos_container li p {
	position:absolute;
	cursor:hand;
	cursor:pointer;
	border-radius:3px;
	background:#cd0000;
	color:#ffffff;
	top:0px;
	right:0px;
	font-size:10pt;
	line-height:14pt;
	text-align:center;
	width:21px;
	height:21px;
}

#photos_container li p:hover {
	background:#ff3535;
}

#photos_container li span {
	position:absolute;
	background:#8e8f8f;
	border-radius:3px;	
	top:0px;
	left:0px;
	width:21px;
	height:21px;
}

#photos_container li input[type="checkbox"] {
	position:absolute;
	cursor:hand;
	cursor:pointer;
	top:4px;
	left:4px;
	border:3px solid #ffffff;
}

#photos_container li textarea {
	width:100px;
	height:40px;
	margin-top:5px;
}

#photos_container li .pos_left {
	position:absolute;
	cursor:pointer;
	border-radius:3px;
	background:#aaa;
	color:#ffffff;
	bottom:1px;
	left:25px;
	font-size:15pt;
	line-height:14pt;
	text-align:center;
	width:30px;
	height:20px;
}

#photos_container li .pos_left:hover {
	background:#888;
}

#photos_container li .pos_right {
	position:absolute;
	cursor:pointer;
	border-radius:3px;
	background:#aaa;
	color:#ffffff;
	bottom:1px;
	right:25px;
	font-size:15pt;
	line-height:14pt;
	text-align:center;
	width:30px;
	height:20px;
}

#photos_container li .pos_right:hover {
	background:#888;
}

#photos_container .ui-state-highlight {
	
	border:0;
	background:#fff5b3;
}









#emails_container {
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:15px 0 15px 0;
	width:400px;
	height:300px;
	overflow:hidden;
	position:relative;
	line-height:7pt;
}

#emails_mask {
	position:absolute;
	width:100%;
	height:150px;
	bottom:0;
	left:0;
}






/*
  --------------
  PALETA KOLOR�W
  --------------
*/

.color_picker {
	background:#333;
	border-radius:3px;
	width:768px;
	position:absolute;
	left:100px;
	top:1100px;
	border:1px solid #ddd;
	display:none;
}

.color_picker div {
	float:left;
	width:20px;
	height:20px;
	border-radius:3px;
	cursor:pointer;
	margin:2px;
}



/*
  ------------
  POLE TOOLTIP
  ------------
*/

#s-m-t-tooltip {
	position:absolute;
	max-width:300px;
	padding:15px;
	background-image:url(../images/bg_form_field.gif);
	z-index:10;
	display:inline-block;
	font-family:Arial;
	font-size:8pt;
	line-height:16px;
	color:#333;
	border-radius:6px;
	border:1px solid #ddd;
	box-shadow: 5px 5px 10px #ccc;
}





/*
  --------------------------------------------------------------
  MA�E PRZYCISKI NAD TABELAMI W MODU�ACH W ZAK�ADCE "PRZEGL�DAJ"
  --------------------------------------------------------------
*/

.top_bt {
	margin:16px 0 0 0;
	padding:0 0 24px 0;
	border-bottom:1px solid #eee;
    width:100%;
    float:left;
}

.top_bt b {
	background:#41c7ff;
	border-radius:3px;
	padding:3px 7px;
	color:#fff;
	cursor:default;	
}



/*
  ---------------
  OBRAZEK LOADERA
  ---------------
*/

.loader {
	width:16px;
	height:16px;
	margin-top:2px;
	margin-left:10px;
	/* display:none; */
	float:left;
}



/*
  --------------------------------
  KOMUNIKAT AJAXOWY W FORMULARZACH
  --------------------------------
*/

#ajax_message {
	padding:3px 0;
	margin-left:10px;
	float:left;
	display:none;
	color:#387eca;
}










/*
	-------------------------------
	KOMPONENT - ZARZ�DZANIE PLIKAMI
	-------------------------------
*/

#container_manage_files {
	width:746px;
	height:auto;
	background:#fff;
	border:1px solid #eee;
	position:absolute;
	/*right:182px;*/
	top:30px;
	display:none;
	border-top:1px solid #fff;
	padding:20px;
}

#container_manage_files .bt {
	padding:0 6px;
	height:22px;
	line-height:22px;
	float:right;
	margin-left:5px;
}

#container_manage_files .bt img {
	margin-top:4px;
}

#container_manage_files .red {
	background:#d60000;
}

#container_manage_files .red:hover {
	background:#ff0000;
}

#container_manage_files .white {
	background:#eee;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-radius:3px;
	color:#555;
}

#container_manage_files .white:hover {
	background:#f7f7f7;
	color:#000;
}

#container_manage_files.dock {
	position:fixed;
	left:auto;
	right:0;
	top:0;
	height:100%;
}

/*
#container_manage_files.dock #file_explorer {
	height:100%;
}

#container_manage_files.dock #users_folders {
	height:100%;
}
*/



#bt_manage_files.white_bg {
	background:#fff;
}

#bt_manage_files.white_bg:hover {
	background:#fff;
}





#file_explorer {
	margin-top:20px;
	width:100%;
	height:400px;
	border:1px solid #eee;
	/* background:#eee; */
}





#tree_view {
	width:230px;
	height:400px;
	background:#fff;
	border-right:1px solid #eee;
	float:left;
	position:relative;
}

#user_folders {
	height:369px;
	overflow:auto;
}

#tree_view .folder {
	padding-left:30px;
	height:30px;
	line-height:30px;
	background-image:url(../include/components/manage_files/images/icon_folder.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#tree_view .folder:hover {
	background:#fafafa;
}





#files_container {
	width:515px;
	height:400px;
	background:#fff;
	float:left;
	overflow:auto;
}

#files_container .folder {
	width:99px;
	height:99px;
	line-height:140px;
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	font-size:7pt;
	text-align:center;
	background-image:url(../include/components/manage_files/images/icon_folder2.png);
	background-repeat:no-repeat;
}

#files_container .folder:hover {
	background:#fafafa;
}

#files_container .file {
	width:99px;
	height:99px;
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	font-size:7pt;
	text-align:center;
	background-repeat:no-repeat;
	position:relative;	
}

#files_container .sended {
	line-height:140px;
	background-image:url(../include/components/manage_files/images/icon_file_jpg.png);
}

#files_container .zoomed {
	border:1px dashed #aaa;
	width:97px;
	height:97px;
}

#files_container .zoomed img {
	margin-top:9px;
}

#files_container .file:hover {
	background:#fafafa;
}

#files_container .file span {
	position:absolute;
	right:5px;
	top:-5px;
	font-size:25pt;
	font-weight:bold;
	color:#e30000;
	margin:0;
	padding:0;
	line-height:100%;
	display:none;
	text-shadow:-3px 3px 30px #fff;
}

#files_container .file img {
	opacity:1;
	max-width:68px;
	max-height:45px;
	border:3px solid #fff;
	box-shadow:3px 3px 5px #ccc;
	-moz-box-shadow:3px 3px 5px #ccc;
	-webkit-box-shadow:3px 3px 5px #ccc;
	margin:10px 0;	
}

#folder_upload {
	border-bottom:1px solid #eee;
	background-image:url(../include/components/manage_files/images/icon_upload.png);
}

#files_container .selected {
	background:#e2e2e2;
}

#files_container .selected:hover {
	background:#d8d8d8;
}






#upload_files_container {
	width:100%;
	height:99px;
	padding-top:15px;
	overflow:hidden;
	display:none;
}

#upload_files_container .uploading_file {
	width:99px;
	height:99px;
	padding:0;
	padding-top:62px;
	cursor:default;
	float:left;
	margin:0;
	font-size:7pt;
	text-align:center;
	background-image:url(../include/components/manage_files/images/icon_file_jpg.png);
	background-repeat:no-repeat;
	position:relative;	
}

#upload_files_container .uploading_file span {
	position:absolute;
	right:5px;
	top:-5px;
	font-size:25pt;
	font-weight:bold;
	color:#128000;
	margin:0;
	padding:0;
	line-height:100%;
	display:none;	
}


/*
	---------------------------------
	MODU� DO UPLOADU PLIK�W NA SERWER
	---------------------------------
*/

.file_upload {
	position:relative;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	background:#0069ba;
	color:#ffffff;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
	font-size:8pt;
	padding:4px 6px;
	box-shadow:2px 2px 3px #ddd;
	-moz-box-shadow:2px 2px 3px #ddd;
	-webkit-box-shadow:2px 2px 3px #ddd;
	border:1px solid #00589b;	
}

.file_upload:hover {
	background:#0083e7;
	border:1px solid #0069ba;
}

.file_upload_highlight {
	/* background:ce1d00; */
}

.file_upload input {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	border:300px solid transparent;
	opacity:0;
	-ms-filter:'alpha(opacity=0)';
	filter:alpha(opacity=0);
	-o-transform:translate(-300px, -300px) scale(10);
	-moz-transform:translate(-800px, 0) scale(10);
	cursor:pointer;
}

.file_upload iframe, .file_upload button {
	display:none;
}

.file_upload_preview img {
	width:80px;
}

.file_upload_progress {
	height:5px;
	width:79px;
	margin:5px 10px 0 10px;
}

.file_upload_progress .ui-progressbar-value {
	background:#a70000;
	height:5px;
}

.file_upload_progress div {
	width:79px;
	height:5px;
	background:#fafafa;
}

.file_upload_cancel button {
	cursor:pointer;
	font-size:8pt;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}




/*
	------------------------------------------------------------
	POLE Z PODGL�DEM ZDJ�CIA PO NAJECHANIU W EXPLORATORZE PLIK�W
	------------------------------------------------------------
*/

#photogallery_photo_preview {
	width:448px;
	height:487px;
	display:none;
	position:absolute;
	z-index:1999;
	overflow:hidden;
	padding-top:15px;
}

#photogallery_photo_preview div {
	width:448px;
	height:502px;
	background-image:url(../include/components/manage_files/images/bg_preview.jpg);
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	padding:0;
	position:absolute;
	left:446px;
	top:0;
}

#photogallery_photo_preview div table {
	border:0;
	margin-top:15px;
	box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;	
}

#photogallery_photo_preview div table tr td {
	width:410px;
	height:350px;
	text-align:center;
	vertical-align:middle;
	background:#000;
}



#photogallery_photo_preview .bt {
	font-size:8pt;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#a70000;
	padding:4px 6px;
	color:#fff;
	cursor:pointer;
	box-shadow:1px 1px 3px #444;
	-moz-box-shadow:1px 1px 3px #444;
	-webkit-box-shadow:1px 1px 3px #444;
	border:1px solid #870000;
	position:absolute;
	bottom:15px;
	right:15px;
}

#photogallery_photo_preview .bt:hover {
	background:#d80000;
	border:1px solid #b80000;
}












/*
	----------------------
	OPCJE WYSY�ANIA PLIK�W
	----------------------
*/

#options_list {
	position:absolute;
	width:400px;
	height:auto;
	background:#f8f8f8;
	top:31px;
	left:-1px;
	z-index:5000;
	display:none;
	box-shadow:3px 3px 10px #ddd;
	-moz-box-shadow:3px 3px 10px #ddd;
	-webkit-box-shadow:3px 3px 10px #ddd;
	padding:20px;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:left;
}

#options_list h3 {
	font-size:12pt;
	font-weight:bold;
	color:#444;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	margin-top:0;
}

#options_list .bt {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	font-size:8pt;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#a70000;
	padding:4px 6px;
	color:#fff;
	cursor:pointer;
	box-shadow:2px 2px 3px #ddd;
	-moz-box-shadow:2px 2px 3px #ddd;
	-webkit-box-shadow:2px 2px 3px #ddd;
	border:1px solid #870000;
}

#options_list .bt:hover {
	background:#d80000;
	border:1px solid #b80000;
}

#options_list .lightgray {
	background:#fff;
	border:1px solid #bbb;
	color:#444;
}

#options_list .lightgray:hover {
	background:#f5f5f5;
	border:1px solid #ccc;
	color:#000;	
}

#options_list .bt_blue {
	background:#008ce4;
	border:1px solid #0077c3;
	color:#fff;
}

#options_list .bt_blue:hover {
	background:#0078c4;
	border:1px solid #0067a8;
	color:#fff;
}

#set_options.active {
	background:#fff;
	color:#555;
}

#set_options.active:hover {
	background:#fff;
	color:#555;
}








#sql_queries {
    position:fixed;
    left:-600px;
    top:0;
    width:600px;
    height:100%;
    background:#444;
}

#sql_queries div {
    float:left;
    position:relative;
    width:100%;
    height:100%;
    overflow:scroll;
}

#sql_queries div p {
    font-size:8pt;
    font-family:Arial;
    color:#fff;
    line-height:150%;
}





#top_admin_addons span#bt_manage_files_loader {
    background:#fff;
    width:40px;
    height:30px;
    padding:0;
    background-image:url(../images/loader.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
    display:none;
}

#top_admin_addons span#bt_manage_files_loader:hover {
    background:#fff;
}






img.status_icon {
    width:45px;
    height:45px;
    position:absolute;
    left:21px;
    top:21px;
}


img.express {
    width:45px;
    height:45px;
    position:absolute;
    left:21px;
    bottom:21px;
    cursor:pointer;
    opacity:0.1;
}

img.express:hover {
    opacity:0.6;
}

img.express.exp_ord {
    opacity:1;
}







.level {
    width:30px;
    height:30px;
    float:left !important;
    text-align:center;
    color:#fff;
    line-height:30px;
    cursor:pointer;
    padding:0 !important;
}

.level:hover {
    background:#1c4878;
}

.level.active {
    background:#fff;
    color:#1c4878 !important;
    font-weight:600;
    -webkit-border-radius:0 !important;
    -khtml-border-radius:0 !important;
    -moz-border-radius:0 !important;
    border-radius:0 !important;
}



















#product_prices {
    width:100%;
    display:block;
    height:750px;
    padding:50px 0 50px 0;
}

#product_prices .product_line {
    width:100%;
    float:left;
    height:40px;
    line-height:40px;
}

#product_prices .product_line .product_title {
    width:200px;
    text-align:right;
    float:left;
    height:40px;
    line-height:40px;
}

#product_prices .product_line input.product_price {
    width:50px;
    padding:5px;
    font-family:Arial;
    color:#666;
    font-size:10pt;
    text-align:right;
    float:left;
    box-sizing:border-box;
    border:1px solid #aaa;
    height:30px;
    margin:5px 0 0 10px;
}








#sections {
    float:left;
    background:none;
    cursor:pointer;
    line-height:30px;
    height:30px;
    position:relative;
    z-index:4900;
}

#sections p {
    float:left;
    line-height:30px;
    height:30px;
    cursor:pointer;
}

#sections p:hover {
    background:rgba(0,0,0,0.2);
}

#sections ul {
    list-style:none;
    float:left;
    line-height:30px;
    height:auto;
    position:absolute;
    left:0;
    top:100%;
    background:#222;
    opacity:0;
    pointer-events:none;
    transition:all 0.15s ease-in;
}

#sections ul.show {
    opacity:1;
    pointer-events:all;
}

#sections ul li {
    width:100%;
    color:#fff;
    float:left;
    line-height:30px;
    height:30px;
}

#sections ul li:hover {
    background:#111;
}

#sections ul li a {
    width:100%;
    white-space:nowrap;
    color:#fff;
    float:left;
    padding:0 16px;
    text-align:left;
    line-height:30px;
    height:30px;
    box-sizing:border-box;
}




#sections.disabled {
    pointer-events:none;
}



















/* --   POLE PODPOWIEDZI TOOLTIP   -- */

.new-tooltip {
    position:relative;
}

.new-tooltip:before {
    position:absolute;
    transform:translate(-50%,12px);
    opacity:0;
    z-index:1000000;
    pointer-events:none;
    transition:all 0.15s ease-out;
    content:attr(data-tooltip);
    background:#222;
    color:#ddd;
    padding:8px 12px;
    left:50%;
    top:100%;
    border-radius:3px;
    box-sizing:border-box;
    font-family:Arial;
    font-size:8pt;
    white-space:nowrap;
    line-height:20px;
    /* text-transform:uppercase; */
    font-weight:100;
}

.new-tooltip:hover:before {
    opacity:1;
    transform:translate(-50%,15px);
	transition:all 0.15s ease-out 0.6s;
}

.new-tooltip:after {
    left:50%;
    top:100%;
    content:'';
    position:absolute;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #222;
    transition:all 0.15s ease-out;
    z-index:1000001;
    transform:translate(-50%,7px);
    opacity:0;
}

.new-tooltip:hover:after {
    opacity:1;
    transform:translate(-50%,10px);
	transition:all 0.15s ease-out 0.6s;
}

.new-tooltip.white:before {
    background:#fff;
    color:#444;
}

.new-tooltip.white:after {
    border-left:5px solid #fff;
}

.new-tooltip.lowcase:before { text-transform:lowercase; }










/* --   LOADER   -- */

.new-loader {
    width:100%;
    height:100%;
    pointer-events:none;
    position:absolute;
    left:0;
    top:0;
    z-index:100000;
    transition:all 0.2s ease-out;
}

.new-loader.hide {
    opacity:0;
}

.new-loader div {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    /* transform:translate(-50%,-50%); */
}

.new-loader div span {
    border:2px solid rgba(0,0,0,0);
    border-top:2px solid rgba(0,0,0,0.2);
    border-radius:100%;
    width:100%;
    height:100%;
    animation:spin 1s ease-out infinite;
    position:absolute;
    box-sizing:border-box;
    left:0;
    top:0;
}

/*
.new-loader.white div span {
    border:3px solid rgba(0,0,0,0.2);
    border-top:3px solid #fff;
    left:-3px;
    top:-3px;
}
*/

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}










/* --   OKRĄGŁE PRZYCIKSI   -- */

.round-bt {
    width:36px;
    height:36px;
    border-radius:100%;
    background:rgba(255,255,255,0.5);
    cursor:pointer;
    float:left;
    font-size:10pt;
    line-height:38px;
    text-align:center;
    font-weight:100;
    color:rgba(0,0,0,0.3);
    margin:2px;
    position:relative;
    transition:all 0.2s ease-out;
    z-index:100;
}

.round-bt:hover {
    background:rgba(255,255,255,1);
    z-index:101;
}

.round-bt.selected {
    background:#ddd;
    color:rgba(0,0,0,0.8);
}

.round-bt.lock {
    pointer-events:none;
}