/** { font-family: Tahoma, Verdana; font-size: 10pt; }*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@scroll-bgc: #f8f8f8;
@scroll-thumb-bgc: #e0e0e0;

* { scrollbar-color: @scroll-thumb-bgc @scroll-bgc; }
::-webkit-scrollbar { background-color: @scroll-bgc; }
::-webkit-scrollbar-thumb { background-color: @scroll-thumb-bgc; }
::-webkit-scrollbar-corner { background-color: @scroll-bgc; }

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.invisible { display: none; }

.noprint { visibility: hidden !important; display: none !important; }

.shadow-sb			{ box-shadow: 2px 2px 3px #AAAAAA !important; }
.shadow-sb-wnd		{ box-shadow: 2px 2px 8px 2px #AAAAAA !important; }
.shadow-sb-4		{ box-shadow: 4px 4px 6px #AAAAAA !important; }

input[type="text"], input[type="password"] { padding: 1px 3px; }
input[type="button"], input[type="submit"], input[type="reset"], button, .jqx-widget[role="button"] { cursor: pointer !important; }
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled	{ cursor: default !important; }

input[type="button"].button-sb,
input[type="submit"].button-sb,
input[type="reset"].button-sb,
button.button-sb									{ text-transform: uppercase; font-size: 8.5pt !important; font-family: helveticaneue, tahoma; border: 1px solid #c7c7c7; border-radius: 3px; background-color: #f0f0f0; background-image: linear-gradient(#fafafa,#e0e0e0) }
input[type="button"].button-sb:disabled,
input[type="submit"].button-sb:disabled,
input[type="reset"].button-sb:disabled,
button.button-sb:disabled							{ color: dimgrey !important; background-image: none; }
input[type="button"].button-sb:enabled:hover,
input[type="submit"].button-sb:enabled:hover,
input[type="reset"].button-sb:enabled:hover,
button.button-sb:enabled:hover						{ background-color: transparent; background-image: linear-gradient(#fafafa,#cacaca);  }
input[type="button"].button-sb:focus,
input[type="submit"].button-sb:focus,
input[type="reset"].button-sb:focus,
button.button-sb:focus						{ border: 1px solid crimson;  }

.sb-fa-icon-btn	{ box-shadow: 2px 2px 3px #AAAAAA !important; color: #333; border: 1px solid firebrick; border-radius: 4px; background-color: beige; font-size: 12pt; padding: 3px 10px;}
.sb-fa-icon-btn:hover	{ background-color: khaki; color: black; background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada)) }
.sb-fa-icon-btn:disabled, .sb-fa-icon-btn:disabled:hover	{ background-color: #F0F0F0; color: lightgrey;  background-image: none; border-color: grey; box-shadow: none !important; }

/*@supports (-webkit-overflow-scrolling: touch) { https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout */
@supports (-webkit-touch-callout: default) {
button, input[type="button"] {  -webkit-appearance: none; padding: 2px 5px; font-size: 10pt; color: #222; border: 1px solid lightgrey; border-radius: 3px; background-color: #eaeaea; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea)); }
input[type="text"], input[type="password"] {  -webkit-appearance: none; }
input[type="text"]:not(.ui-spinner-input), input[type="password"]:not(.ui-spinner-input), select, textarea	{ border: 1px solid #c7c7c7 !important; border-radius: 3px !important; }
body    { cursor: pointer !important; }
}

input[type="text"]:not(.ui-spinner-input), input[type="password"]:not(.ui-spinner-input), select, textarea	{ border: 1px solid #c7c7c7; border-radius: 3px; }

.border-sb	{ border-radius: 4px; }
.border-sb-8	{ border-radius: 8px; }
input[type="text"].sb-bordered, input[type="password"].sb-bordered, select.sb-bordered, textarea.sb-bordered	{ border-radius: 2px; }

.horizontal-center-sb		{ position: absolute; left: 50%; transform: translateX(-50%); }
.vertical-center-sb			{ position: absolute; top: 50%; transform: translateY(-50%); }
.box-center-sb	{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

#body { background-color: white; margin-top: 0; _scrollbar-base-color: ivory; }
body { background-color: white; margin-top: 0; overscroll-behavior: none; }

body, table { font-family: "HelveticaNeue", "Tahoma", "Calibri", "Arial", "Verdana"; font-size: 11px; cursor: default }
div.cn_Label ~ div:not(.cn_Label):not(.jqx-widget) { font-family: "HelveticaNeue", "Tahoma"; font-size: 11px; cursor: default }

select > option { background-color: white; }
select { font-size: 13px; border-radius: 3px; appearance: none; }
select { border: 1px solid #c7c7c7;
         background-color: #f0f0f0;
         background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
                            linear-gradient(#fafafa,#e0e0e0);
         background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%;
       }
select:hover { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
                                    linear-gradient(#fafafa,#cacaca);
             }
select:focus { border-color: crimson; }
*[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select { background-position: left .7em top 50%, 0 0; padding: .6em .8em .5em 1.4em; }
select:disabled,
select[aria-disabled=true] { color: dimgray !important;
                             background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
                                                linear-gradient(to bottom, #f0f0f0,#f0f0f0);
                           }
select:disabled:hover, .select[aria-disabled=true] { color: dimgrey; }
select::-ms-expand { display: none; }

table { border-collapse: separate; border-spacing: 0; }
table.mainmenu { cursor: pointer }
button { color: #333333; font-family: HelveticaNeue, Tahoma; font-size: 11px; }

textarea { resize: none; }

div.cmp_outer.cn_Panel  fieldset, fieldset.panel-sb  { border: 1px solid #C0C0C0; border-radius: 4px; }
div.cmp_outer.cn_Panel  legend, fieldset.panel-sb legend  { padding: 5px 20px; background-color: teal; color: ivory; font-weight: bold; border-radius: 2px; font-size: 7.5pt; text-transform: uppercase; }

tr.menu { color: ivory; background-color: #E00000; font-size: 9pt; font-weight: normal; text-transform: lowercase; background-image: url('decorations/button_red_2.jpg'); }
tr.menu td { line-height: 14pt }
tr.menubreak { border-width: 0; line-height: 8px }
tr.submenu { color: navy; background-color: orange; font-weight: bold }

tr.infohead { line-height: 8pt; color: navy; background-color: LemonChiffon; text-align: center; font-family: HelveticaNeue, Tahoma; font-weight: bold; font-size: 8pt; border-width: 0; background-image_: url('decorations/button_navy_hor.jpg'); }
tr_.infohead { line-height: 10pt; color: navy; background-color: "rgb(145,220,255)"; text-align: center; font-weight: bold; font-size: 8pt; border-width: 0 }
td.infohead { text-align: center; border-width: 0 }
tr.infotext { text-indent: 1em; font-size: 12px; line-height: 11.0pt }
td.caption { border: none; border-style: solid; border-color_: #E00000; color: khaki; background-color: #004080; font-size: 11; font-style: normal; font-weight: bold; padding-right: 2em; text-align: right; text-indent: 2em; border-width: 0px; line-height: 13px; text-transform: lowercase; background-image: url('decorations/button_navy_2.jpg'); background-repeat: repeat-x }

tr.infohead, td.infohead {  border-top: 1px solid khaki }

#span.mniej_wiecej { border: none; border-style: solid; border-color: #E00000; color: black; background-color: orange; font-size: 9; font-style: normal; font-weight: bold; padding-right: 2em; text-align: right; text-indent: 2em; border-width: 0px; line-height: 12px; text-transform: lowercase; background-image: url('decorations/button_green_2.jpg'); background-repeat: repeat-x }
span.mniej_wiecej { border: none; border-style: solid; color: LemonChiffon; background-color: crimson; font-size: 9; font-style: normal; font-weight: bold; padding-right: 2em; text-align: right; text-indent: 2em; border-width: 0px; line-height: 12px; text-transform: lowercase; }
span.draftLink { font-family: Arial; font-size: 8pt }

caption { color: khaki; background-color: #004080; font-size: 11; font-style: normal; font-weight: bold; padding-right: 2em; text-align: right; border-style: solid; border-color: #E00000; text-indent: 2em; border-width: 0px; line-height: 20px; text-transform: lowercase; background-image: url('decorations/button_navy_2.jpg'); background-repeat: repeat-x }
.caption-sb	{ height: 28px; min-height: 28px; background-color: darkcyan; color: ivory; text-align: left; padding: 0 20px; margin: auto; font-family: verdana; font-weight: normal; line-height: 28px; text-transform: uppercase; text-indent: initial;
					   border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid grey; border-width: 1px 1px 0 1px; }

#break { height: 3px }

.submenutable { cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

 :focus { outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

td		{ user-select: text; }

a img { border: none; }

a.idbf:link { text-decoration: none; color: firebrick; font-weight: bold; }     /* unvisited link */
a.idbf:visited { text-decoration: none; color: steelblue; font-weight: bold; }  /* visited link */
a.idbf:hover { text-decoration: none; color: black; background-color: #FFB76F }   /* mouse over link */
a.idbf:active { text-decoration: none }   /* selected link */

a:link {text-decoration: underline; color: black}     /* unvisited link */
a:visited {text-decoration: underline; color: black}  /* visited link */
a:hover {text-decoration: underline; color: black; background-color: #FFB76F}   /* mouse over link */
a:active {text-decoration: none}   /* selected link */

a.a-img-link:hover	{ text-decoration: none; background-color: transparent; }

a.a:link {text-decoration: underline; color: khaki}     /* unvisited link */
a.a:visited {text-decoration: underline; color: khaki}  /* visited link */
a.a:hover {text-decoration: underline; background-color: #004080}   /* mouse over link */
a.a:active {text-decoration: none}   /* selected link */
table.new td { padding-left: 5px; padding-right: 5px; border_: 1px solid firebrick }

#table.rules-visible td { border: 1px solid black }

.back-logo-idbf { background-repeat: no-repeat; background-position: right bottom; }
.back-logo-idbf-top { background-repeat: no-repeat; background-position: right top; }

.input-edit-border { border: 1px solid lightsteelblue }

.image-link	{ font-size: 0px; }

table#shorts { border-collapse: collapse; }

div span, div div 	{ line-height: 1.2; }

input.btn_arrow_left, input.btn_arrow_right,
input.btn_ins_global, button.btn_ins_global,
input.btn_upd_global, button.btn_upd_global, 
input.btn_del_global, button.btn_del_global,
input.btn_preview_global, button.btn_preview_global		{ width: 16px; height: 16px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center center; }

input.btn_tr_action,       button.btn_tr_action		    { width: 26px; height: 26px; padding: 3px 5px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
input.btn_tr_action:hover, button.btn_tr_action:hover	{ border: 1px solid grey; box-shadow: 2px 2px 2px grey; background-color: white; border-radius: 4px; }

button.btn_tr_action		{ font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 12pt; color: darkslategrey; }

.btn_tr_action.btn_action_open_close_row.opened:before		{ content: "\f077"; }
.btn_tr_action.btn_action_open_close_row.closed:before 		{ content: "\f078"; }

input.btn_xls_export { width: 32px; height: 32px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center center;}
input.btn_ins_new_data { width: 32px; height: 32px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: right center;}
input.btn_tooltips_on { background-size: 28px 28px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: right center;}
input.btn_tooltips_off { background-size: 28px 28px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: right center;}
input.btn_filter { background-size: 28px 28px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center center;}

input.btn_csv_export { width: 32px; height: 32px; cursor: pointer; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center center;}

.ajax-loader, .ajax-loader:hover { background-color: gold !important; color: dimgrey !important; font-weight: normal !important; background-image: url('./ajax-loader.gif') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: initial !important; }

.ui-datepicker table, .ui-widget { font-size: 9pt; }

input.hasDatepicker {
  text-align: center;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 18px;
  width: 78px;
}

.ui-widget.ui-tooltip { color: black; background: #FFE44D; z-index: 200000; font-family: "Trebuchet MS", Calibri, Tahoma; font-size: 10pt; font-weight: bold; }

.cmp_outer.cn_GroupBox > div > div > div > div,
.cmp_outer.cn_BitBtn > div > div > div					{ border-width: 1px !important; border-color: #a0a0a0 !important; border-radius: 3px; margin: 1px 1px; }
.cmp_outer.cn_BitBtn > div > div > div	> div		{ left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); }

/*====================*/

.checkbox-sb { display: inline-block; position: relative; cursor: initial; }
.checkbox-sb > .checkmark { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 4px;
                            background-color: #fafafa; border: 1px solid #dddddd;
                          }
.checkbox-sb[checked="checked"] > .checkmark { background-color: gold; border: 1px solid #d19405; }
.checkbox-sb > .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-sb[checked="checked"] > .checkmark:after { display: block; }
.checkbox-sb > .checkmark:after { border: solid #333; border-width: 0 2.5px 2.5px 0;
                                  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
                                }

.checkbox-sb-16 { width: 16px; height: 16px; }
.checkbox-sb-16 > .checkmark:after { left: 4.4px; top: 2px; width: 3px; height: 7px; }

.checkbox-sb-18 { width: 18px; height: 18px; }
.checkbox-sb-18 > .checkmark:after { left: 5.5px; top: 2.8px; width: 3px; height: 8px; }

.checkbox-sb-20 { width: 20px; height: 20px; }
.checkbox-sb-20 > .checkmark:after { left: 6px; top: 3px; width: 4px; height: 8px; }

/*====================*/

/*
.checkbox-fa-sb-cntnr                    { font-family: "Font Awesome 5 Pro"; font-size: 10pt; line-height: 1.0; box-sizing: border-box; }
.checkbox-fa-sb                             { display: inline-block; border-radius: 4px; border: 1px solid #dddddd; background-color: #fafafa; text-align: left; position: relative; }
.checkbox-fa-sb[checked="checked"]          { display: inline-block; border-radius: 4px; border: 1px solid #d19405; background-color: gold; }
.checkbox-fa-sb::before                     { color: white; font-family: "Font Awesome 5 Pro"; content: "\f0c8"; }
.checkbox-fa-sb[checked="checked"]::before  { position: relative;
                                              color: #333; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00c";
                                              font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
                                            }

.checkbox-fa-sb-16 { width: 16px; height: 16px; }
.checkbox-fa-sb-16[checked="checked"] { width: 16px; height: 16px; }
.checkbox-fa-sb-16::before { font-size: 7.5pt; }
.checkbox-fa-sb-16[checked="checked"]::before { left: 2px; top: -2px; font-size: 7.5pt; }

.checkbox-fa-sb-18 { width: 18px; height: 18px; }
.checkbox-fa-sb-18[checked="checked"] { width: 18px; height: 18px; }
.checkbox-fa-sb-18::before { font-size: 7.5pt; }
.checkbox-fa-sb-18[checked="checked"]::before { left: 3px; top: -1px; font-size: 7.5pt; }

.checkbox-fa-sb-20 { width: 20px; height: 20px; }
.checkbox-fa-sb-20[checked="checked"] { width: 20px; height: 20px; }
.checkbox-fa-sb-20::before { font-size: 8pt; }
.checkbox-fa-sb-20[checked="checked"]::before { left: 3px; top: 0.5px; font-size: 8pt; }
*/

/*====================*/

.checkbox-fa-sb                    				{ position: relative; display: inline-block; border-radius: 4px; vertical-align: middle; border: 1px solid #dddddd; background-color: #fafafa; }
.checkbox-fa-sb[checked="checked"]  { border: 1px solid #d19405; background-color: gold; }
.checkbox-fa-sb > div     					{ position: absolute; left: 0; top: 0; }
.checkbox-fa-sb > div> span.fa			{ position: relative; display: block; color: #333; font-weight: 900; visibility: hidden; }
.checkbox-fa-sb[checked="checked"] > div> span.fa		{ visibility: visible; }

.checkbox-fa-sb-16                    			{ width: 16px; height: 16px; }
.checkbox-fa-sb-16 > div > span.fa   	{ font-size: 7.5pt; left: 2px; top: 2px; }

.checkbox-fa-sb-18                    			{ width: 18px; height: 18px; }
.checkbox-fa-sb-18 > div > span.fa   	{ font-size: 7.5pt; left: 2.5px; top: 3px; }

.checkbox-fa-sb-20                    			{ width: 20px; height: 20px; }
.checkbox-fa-sb-20 > div > span.fa   	{ font-size: 8pt; left: 3px; top: 5px; }