html,body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
img,body,html{border:0;}
h1,h2,h3,h4,h5,h6,ul,li,ol{font-size:100%;}

html,body { -webkit-text-size-adjust:none; }
*
{
 -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

 input[type="text"],
 input[type="email"],
 input[type="password"],
 input[type="button"],
 input[type="submit"],
 textarea
 {
  -webkit-appearance: none;
  border-radius: 0;
 }

/*DEFAULT*/

html.show-mobile, html.show-mobile body, html.show-mobile-menu, html.show-mobile-menu body{
    position: fixed;
    overflow: hidden;
    top: auto;
    width: 100%;
    box-sizing: border-box;
}

body{
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	color: #505050;
	background-color: #ffffff;
	margin: 0;
	float: left;
	min-width: 100%;
}

body#tinymce{
	padding:0;
	margin:0;
	min-width: min-content;
	float: none;
}

h1{
	line-height: 28px;
	font-size: 24px;
	font-weight: 500;
}

h2{
	line-height: 28px;
	font-size: 22px;
	font-weight: 500;
}

h3{
	line-height: 28px;
	font-size: 20px;
}

h4{
	line-height: 28px;
	font-size: 18px;
}

a{
	color: inherit;
	text-decoration:underline;
}

pre{
	font-size: 12px;
	line-height: 18px;
	max-width:1000px;
}

blockquote{
	border-left:2px solid #3c6ab7;
	padding:6px 0 6px 10px;
	margin-left:5px;
}

a:hover{
	text-decoration: none;
}

/*a:hover > i{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}*/

select, input, textarea{
	font-family: "Roboto", sans-serif;
	font-size:14px;
}

select{
	border:1px solid #c1c1c1;
	padding:8px;
	color:#505050;
}

.ui-datepicker select{
	padding: 0;
}

p, textarea{
	line-height: 21px;
}

hr{
	border:0;
	border-top:1px solid #D2D2D2;
}

form > fieldset{
	border:0;
}

textarea, 
input[type=text], 
input[type=number], 
input[type=email], 
input[type=password]
{
	border:1px solid #c1c1c1;
	padding: 8px 15px;
	line-height: 19px;
	background: #ffffff;
	font-family: "Roboto", sans-serif;
	font-size:14px;
	color: #9a9a9a;
	box-sizing: border-box;
}

select option[disabled], select[disabled],
textarea[disabled], 
input[type=text][disabled],
input[type=password][disabled]
{
	color: #9a9a9a !important;
	background: #ddd !important;
}

textarea[readonly], 
input[type=text][readonly],
input[type=email][readonly],
input[type=number][readonly],
input[type=password][readonly]
{
	color: #9a9a9a !important;
	background: #f1f0f1 !important;
}

select:hover, 
select:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus,
input[type=number]:focus,
textarea:focus
{
	border: 1px solid #2f6dc9;
	outline: none;
}

table.formated{
	border:2px solid #d2d2d2;
	border-collapse: collapse;
	background: #fff;
}

table.formated th, table.formated td{
	padding: 15px;
	border:1px solid #d2d2d2;
}

table.formated th{
	background:#ebebeb;
	color:#4a92ff;
	font-size:14px;
}

table.formated td.center{
	text-align: center;
}

table.formated.blue{
	border:2px solid #d2d2d2;
	border-collapse: collapse;
}

table.formated.blue th{
	background: #4B83D8;
	color:#fff;
	font-size:14px;
}

table.formated a.nc-icon-glyph{
	text-decoration: none;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

table.formated a.nc-icon-glyph:hover{
	color:#2f6dc9;
}

fieldset.formated{
	padding:15px;
	border:2px solid #2B74E2;
}

fieldset.formated > legend{
	padding:0 15px;
	font-size:14px;
	font-weight: 600;
}

input::-moz-focus-inner,
button::-moz-focus-inner
{ 
	border: 0;
	padding: 0;
}

/*BUTTONS*/
button, 
input[type=button],
input[type=submit],
input[type=reset],
.button
{
	font-family: "Roboto", sans-serif;
	display: inline-block;
	padding:5px 18px;
	box-sizing: border-box;
	border:2px solid #2f6dc9;
	color:#ffffff;
	font-weight:normal;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	position:relative;
	cursor:pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #2f6dc9;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

button.only-icon span.nc-icon-glyph, 
input.only-icon[type=button] span.nc-icon-glyph,
input.only-icon[type=submit] span.nc-icon-glyph,
input.only-icon[type=reset] span.nc-icon-glyph,
.button.only-icon span.nc-icon-glyph
{
	margin-right: 100px;
}

button .arrow-left, 
input[type=button] .arrow-left,
input[type=submit] .arrow-left,
input[type=reset] .arrow-left,
.button .arrow-left
{
	background: #939393;
	margin-top: -2px;
	margin-right: 21px;
	height: 4px;
	width: 7px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

button .arrow-left:before, 
input[type=button] .arrow-left:before,
input[type=submit] .arrow-left:before,
input[type=reset] .arrow-left:before,
.button .arrow-left:before
{
	content: "";
	position: absolute;
	left: -8px;
	top: -3px;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8px 5px 0;
	border-color: transparent #939393 transparent transparent;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

button.button-reverse, 
input.button-reverse[type=button],
input.button-reverse[type=submit],
input.button-reverse[type=reset],
.button.button-reverse
{
	background: #ffffff;
	color:#2f6dc9;
}

button.button-reverse .arrow-left, 
input.button-reverse[type=button] .arrow-left,
input.button-reverse[type=submit] .arrow-left,
input.button-reverse[type=reset] .arrow-left,
.button.button-reverse .arrow-left
{
	background: #2f6dc9;
}

button.button-reverse .arrow-left:before, 
input.button-reverse[type=button] .arrow-left:before,
input.button-reverse[type=submit] .arrow-left:before,
input.button-reverse[type=reset] .arrow-left:before,
.button.button-reverse .arrow-left:before
{
	border-color: transparent #2f6dc9 transparent transparent;
}


/*HOVER*/
button:hover, 
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.button:hover,
button.active, 
input.active[type=button],
input.active[type=submit],
input.active[type=reset],
.button.active
{
	background: #ffffff;
	color:#2f6dc9;
}

button.button-reverse:hover, 
input.button-reverse[type=button]:hover,
input.button-reverse[type=submit]:hover,
input.button-reverse[type=reset]:hover,
.button.button-reverse:hover,
button.button-reverse.active, 
input.button-reverse.active[type=button],
input.button-reverse.active[type=submit],
input.button-reverse.active[type=reset],
.button.button-reverse.active
{
	background: #2f6dc9;
	color:#ffffff;
}

button.button-reverse:hover .arrow-left, 
input.button-reverse[type=button]:hover .arrow-left,
input.button-reverse[type=submit]:hover .arrow-left,
input.button-reverse[type=reset]:hover .arrow-left,
.button.button-reverse:hover .arrow-left
{
	background: #ffffff;
}

button.button-reverse:hover .arrow-left:before, 
input.button-reverse[type=button]:hover .arrow-left:before,
input.button-reverse[type=submit]:hover .arrow-left:before,
input.button-reverse[type=reset]:hover .arrow-left:before,
.button.button-reverse:hover .arrow-left:before
{
	border-color: transparent #ffffff transparent transparent;
}

button.green, 
input.green[type=button],
input.green[type=submit],
input.green[type=reset],
.button.green
{
	border:2px solid #82b822;
	background: #82b822;
	color:#fff;
}

button.green:hover, 
input.green[type=button]:hover,
input.green[type=submit]:hover,
input.green[type=reset]:hover,
.button.green:hover,
.button.green.active
{
	background: #ffffff;
	color: #82b822;
}

button.red, 
input.red[type=button],
input.red[type=submit],
input.red[type=reset],
.button.red
{
	border:2px solid #cb1111;
	background: #cb1111;
	color:#fff;
}

button.red:hover, 
input.red[type=button]:hover,
input.red[type=submit]:hover,
input.red[type=reset]:hover,
.button.red:hover
{
	background: #ffffff;
	color: #cb1111;
}

/*SMALL*/
.button--size-small
{
	padding:1px 8px;
	font-size:12px;
}

/*DISABLED*/
.button--size-small.disabled,
.button.disabled
{
	background:#EFEFEF;
	border: 1px solid #E9E9E9;
	color: #aaa;
}

/*READONLY*/
.button--size-small.readonly,
.button.readonly
{
	background: #eee;
	color: #aaa;
}

.button-left-icon
{
	font-size: 16px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.button-right-icon
{
	font-size: 16px;
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.button-with-rollup-arrow:after
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #2f6dc9;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.button-with-rollup-arrow:hover:after
{
	border-color: transparent transparent transparent #ffffff;
	-webkit-transform: rotate(450deg);	
	-moz-transform: rotate(450deg);
	-ms-transform: rotate(450deg);
	-o-transform: rotate(450deg);
	transform: rotate(450deg);
}

.button--size-small:not(.button-ico) .nc-icon-glyph{
	margin-right:5px;
}

/*PLACEHOLDER*/
::-webkit-input-placeholder{color: #cecece;}
::-moz-placeholder {color: #cecece;}
:-ms-input-placeholder {color: #cecece;}
:-moz-placeholder {color: #cecece;}
::placeholer{color: #cecece;}

/*ERROR*/
.error{
	border:1px solid #ac0909 !important;
}

label.error{
	color:#cb1111;
	border:0;
}

/*PAGER*/
.PAGER a,.PAGER b{
	background: #f1f6fb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f6fb 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f6fb), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f6fb 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f6fb 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f6fb 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f6fb 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6fb', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border:1px solid #0172B8;
	color:#3C6AB7;
	font-weight:bold;
	line-height: normal;
	padding:4px 6px;
	text-decoration: none;
}

.PAGER a:hover, .PAGER b{
	background: #f3f8fc; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f8fc 0%, #bbd5ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f8fc), color-stop(100%,#bbd5ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f8fc 0%,#bbd5ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f8fc 0%,#bbd5ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f8fc 0%,#bbd5ee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f8fc 0%,#bbd5ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fc', endColorstr='#bbd5ee',GradientType=0 ); /* IE6-9 */
}

.PAGER a img{
	position: relative;
	bottom: 1px;
}

/*NOTE*/
.note{
	position: relative;
	/*text-align: center;*/
	border: 1px solid #ac0909;
    margin: 10px 0;
	font-size: 14px;
	font-weight: 500;
    padding: 9px 34px;
	background: #cb1111;
	color: #ffffff;
	line-height: 21px;
/*	-moz-border-radius:0;
	-webkit-border-radius: 0;
	border-radius: 0;*/
}

.note:before
{
	content: "";
	position: absolute;
	left: 0;
	top:0;
	bottom:0;
	width: 10px;
	background: #ac0909;
}

.note:after
{
	content: "";
	position: absolute;
	left: 10px;
	top: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 6px;
	border-color: transparent transparent transparent #ac0909;
}

.note a
{
	color: #ffffff;
	text-decoration: underline;
}

.note a.button{
	text-decoration: none;
}

.note a:hover
{
	text-decoration: none;
}

.note-info{
	background-color: #4a92ff;
	border-color: #2b74e2;
}

.note-info:before
{
	background: #2b74e2;
}

.note-info:after
{
	border-color: transparent transparent transparent #2b74e2;
}

.note-warning{
	background-color: #ffa00e;
	border-color: #e08a05;
}

.note-warning:before
{
	background: #e08a05;
}

.note-warning:after
{
	border-color: transparent transparent transparent #e08a05;
}

.note-ok{
	background-color: #82b822;
	border-color: #6e9e18;
}

.note-ok:before
{
	background: #6e9e18;
}

.note-ok:after
{
	border-color: transparent transparent transparent #6e9e18;
}

tr.no-main-catalog td, tr.row-warning td{
	background: #FFA00E !important;
	color:#fff;
}

/*INFO MESSAGE*/
.NODE_OPTIONS_DEL_ICO{
	background: url('../gfx/icons/cross-small.gif') no-repeat center;
	width:10px;
	height:10px;
	display: block;
	float: right;
	position: relative;
	bottom: 20px;
}

.message-info{
	position: fixed;
	left: 10px;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #ff7b1d;
	width: 320px;
	z-index: 3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.message-info .mi-del-ico{
	font-size: 10px;
	width:10px;
	height:10px;
	display: block;
	float: right;
	color: #cb1111;
	background: #ffffff;
	margin-left: -25px;
	margin-right: 5px;
	padding: 5px;
	margin-top: 7px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.message-info .mi-del-ico:hover
{
	background: #cb1111;
	color: #ffffff;
}

.message-info .title{
	background: #ff7b1d;
	color: #ffffff;
	padding: 8px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.message-info .cont{
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 20px;
}

.message-info .cont .nc-icon-glyph{
	color: #ff7b1d;
	font-size: 20px;
	margin: 0 6px 0 0;
	vertical-align: top;
}

.message-info .cont > p
{
	display: inline-block;
}

.message-info.message-type-info
{
	border: 1px solid #4B83D8;
}

.message-info.message-type-info .title
{
	background: #4B83D8;
}

.message-info.message-type-info .cont .nc-icon-glyph{
	color: #4B83D8;
}

.message-info.message-type-ok
{
	border: 1px solid #82b822;
}

.message-info.message-type-ok .title
{
	background: #82b822;
}

.message-info.message-type-ok .cont .nc-icon-glyph{
	color: #82b822;
}

.message-info.message-type-error
{
	border: 1px solid #cb1111;
}

.message-info.message-type-error .title
{
	background: #cb1111;
}

.message-info.message-type-error .cont .nc-icon-glyph{
	color: #cb1111;
}

/*MESSAGE*/
.message-main{
	margin: 30px 0;
	
}

.message-main{
	padding:20px;
}

.message-main.info{
	background: #82b822;
	color:#fff;
}

.message-main > h2{
	border-bottom: 1px solid #f1d85f;
	padding:1px 0 12px;
	font-size: 16px;
	font-weight: 700;
	margin:0 0 10px 0;
}

.message-main > .message-text{
	font-size:16px;
	font-weight: 500;
	line-height: 28px;
}

.message-main.warning{background: #ffa00e;color:#fff;}
.message-main.error{background: #cb1111;color:#fff;}

/*dla buttonu z coloboxem stanów magazynowym, może on być prze prosta metode statyczną użyty w każdym miejscu na backend M_WAREHOUSE_DOCUMENTS_MCONTROLLER::getStokInfoButton($row['id']);*/
.stock-tooltip-outer {
	display: inline-flex;
}

.stock-tooltip-outer a {
	display: flex !important;
	align-items: center;
	padding: 3px 4px !important;
	justify-content: center;
	color: white !important;
	text-decoration: none;
}

.stock-tooltip-outer a div{
	padding: 3px 4px;
	display: flex;
	flex-direction: column;
    gap: 1px;
    justify-content: center;
    align-items: center;
	font-size: 11px;
}

.stock-tooltip-outer a div i {
	font-size: 12px;
}

.stock-tooltip-outer a .stock-tooltip-stock {
	background-color: #2F6DC9;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding-left: 12px;
	border: 1px solid #2F6DC9;
}

.stock-tooltip-outer a .stock-tooltip-stock:hover {
	background-color: #fff;
	color: #2F6DC9;
}

.stock-tooltip-outer a .stock-tooltip-stock-to-be-used {
	background-color: #4b83d8;
	border: 1px solid #4b83d8;
}

.stock-tooltip-outer a .stock-tooltip-stock-to-be-used:hover {
	background-color: #fff;
	color: #4b83d8;
}

.stock-tooltip-outer a .stock-tooltip-final {
	background-color: #4a92ff;
	border: 1px solid #4a92ff;
}

.stock-tooltip-outer a .stock-tooltip-final:hover {
	background-color: #fff;
	color: #4a92ff;
}

.stock-tooltip-outer a .stock-tooltip-added {
	background-color: #82B822;
	border: 1px solid #82B822;
}

.stock-tooltip-outer a .stock-tooltip-added:hover {
	background-color: #fff;
	color: #82B822;
}

.stock-tooltip-outer a .stock-tooltip-released {
	background-color: #FFA00E;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-right: 12px;
	border: 1px solid #FFA00E;
}

.stock-tooltip-outer a .stock-tooltip-released:hover {
	background-color: #fff;
	color: #FFA00E;
}
.ui-datepicker {
	z-index: 900 !important;
}
.max-width-500
{
	max-width: 500px;
}
.flex
{
	display: flex;
}