/* Default application skin
   AIDA Framework, AIP Solutions Ltd' 2011
 */

/** Page layout **/
html, body	{background:#fff;}
body	{background:#fff url('../img/body.gif') -208px center repeat-y;}


body>header	{background:#aaa;}
body>form	{background:none;}
body>footer	{background:transparent url('../img/footer.png') left top repeat-x;}

/* grid */
form>menu	{background:transparent url('../img/opacity/40.png') center center repeat;}
form>aside	{/*no need??? bcs of 1px difference in Chrome: background:#fff url('../img/body.gif') -208px center repeat-y;*/}
form>section	{background:#fff;}
/** Colors: **/
body	{color:#444;}
/* a		{color:#4194D9;} */
a	{color:#777;}
.gray	{color:lightgray;}
.gray:hover	{color:#555;}
.grey	{color:darkgray;}
.grey:hover	{color:#555;}
a.link	{color:#4194D9;}
aside h2>a	{color:#ccc;}
.link.add	{color:#4AAF19;}
header>a	{color:#ddd;}
header b	{color:#fff;}
header>h1,header>h1 a	{color:#eee;}
header>nav a	{color:#eee;}
header>nav a.active	{color:#fff;}
body>footer	{color:#fff;}
form>menu a	{color:#fff;}
form>menu a:hover,form>menu a.active	{color:#3e3e3e;}
h2	{color:#eee;}
a.btn	{color:#515151;/*see a.btn.text: color:#fff;*/}
a.btn:hover, a.btn:active	{color:#3e3e3e;}
h2 .more a,h2 .more a:hover	{color:#fff;}

button.red,button.green,button.blue	{color:#fff;}
.title	{color:#515151;}
.accent	{color:#FF8A00;}

dl	{}
dt	{color:#FFA740;}
dd	{}
form>aside dd	{color:#aaa;}
form>aside dt	{color:#eee;}
form>aside dl:hover dt,form>aside dl.active dt	{/*color:#537BCC;!: color:#FFA740;*/}
form>aside dt+dd	{color:#454545;}
form>aside ol li[onclick]:hover,form>aside ol li.active, form>aside a:hover, form>aside a.active	{color:#000;}
aside>ol li:hover, aside>ul li:hover, aside>ol li.active, aside>ul li.active, aside>dl a:hover, aside>dl a.active	{color:#000;}
aside h2>a:hover	{color:#fff;}

.paging ul li:hover	{color:#fff;}

ins h4	{color:#3c6acb;}
ins h5	{color:#093;}
ins h6	{color:#DD4B39;}
.ok	{color:#398c4f;}
.err	{color:#ce0505;}
.warn	{color:#f88437;}

form label	{color:#666;}
form input,form select, form textarea	{color:#333;}
form input[readonly],
form input[readonly=""],
form input[readonly="readonly"]	{color:#7f7f7f;}

tr:hover	{}
caption b	{color:#515151;}
thead th,tfoot td	{color:#444;}
.btn.text ,a.help	{color:#fff;}
a.btn.text.active	{color:#000;background:#fff;}
ins h4:after,ins h5:after,ins h6:after	{color:#444;}
aside>dl a 	{color:#ccc;}
aside>ol li, aside>ul li	{color:#eee;}
.alert form footer a	{color:#000;}

/** Fonts: **/
h1	{font-size:15px;}
header>h1 a 	{font-size:0;}
h2	{font-size:14px;}
h3,h5,h6,dt	{font-size:14px;}
h4	{font-size:2px;}
h4,h5,h6	{font-size:14px;}
ins h4,ins h5,ins h6	{font-size:14px;}
caption.caption > span.strong	{font-size:13px;}
caption > span.strong {font-weight:bold;}
caption option	{font-size:12px;}
.paging	{font-size:12px;}
.paging ul li	{font-size:14px;}

a.btn	{font-size:14px;}
h2 .more	{font-size:12px;}
button	{font-size:12px;}
.link	{font-size:12px;}

.btn.text,a.help	{font-size:12px;line-height:22px;}
label	{font-size:12px;}
ins h4:after,ins h5:after,ins h6:after	{font-size:11px;}
.alert form footer a	{font-size:11px;}
/*form.loading.active::after	{content: data-loading;height:100px;background:url('../img/loading.gif') center center no-repeat;border:0px;opacity:0.4;}*/
.loading.active 				{position:relative;/*min-height: 80px;*/}
.loading.active::after		{content:attr(data-loading);display:block;position:absolute;top:0;right:0;bottom:0;left:0;min-height:20px;padding-left:30px;color:#f00;background:transparent url('../img/loading.gif') center center no-repeat;background-size:auto 20px;}
form.loading.active::after	{content:attr(data-loading);position:absolute;display:block;box-sizing:border-box;left:0;top:0;width:100%;height:100%;padding-top:10%;font-size:6em;text-align:center;background:rgba(255,255,255,0.9) url('../img/loading.gif') center 40% no-repeat;z-index:120;/*animation: blinker 2s linear infinite;*/}
@keyframes blinker {
  50% {
    opacity: 0.95;
  }
}
/** Custom classes **/
.trans {opacity:0.5}
/* header & footer */
body {background:white url("../img/aside.png") repeat-y scroll -208px center;}
body > header	{background:#417940 url('../img/banner2.png') no-repeat;}
header > nav .active a {}
header>h1 a 	{background:transparent url('../img/logo.png') 18px 11px no-repeat!important;background-size:140px auto !important;}
header > nav.main ul li	{background-image:none;}
/* menu SE */

nav {width:auto;position:initial;margin: 6px 0 0 194px;left:initial;float:left;} /*6px*/
nav menu { position: absolute; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("../img/opacity/40.png") repeat scroll center center rgba(0, 0, 0, 0); border-color: #E0E0E0; border-image: none; border-radius:0; border-style: solid; border-width: 0 1px 1px; display: block; padding: 0 8px 0 1px; position: absolute; top: 44px; z-index: 97; }
nav menu a { display: block; float: left; background: none; border: 0px!important; display: inline-block; margin: 6px 0 8px 7px; padding: 5px 8px; text-decoration: none; height: auto!important; line-height: 10px; }
nav menu a b {padding:0;text-shadow:none;}
nav menu a.active { background: none repeat scroll 0 0 #FFFFFF!important;color:#3E3E3E;}
nav menu a.active b {color: #3E3E3E;}
nav li.active menu a:hover { background: none repeat scroll 0 0 #FFFFFF;color:#3E3E3E;}
nav li.active menu a:hover b { color:#3E3E3E;}

/* menu SE end*/

header>h1	{background:transparent url('../img/nav/nav.png') left top repeat-x;}


header>nav ul li	{background:transparent url('../img/nav/nav.png') left -6px repeat-x;}
header>nav a	{border:solid 1px #575757;background:#dedede url('../img/nav/link.gif') left top repeat-x;}
header>nav .active	{background:none;}
header>nav .active a	{text-shadow:1px 1px 1px #424242;border:solid 1px #e0e0e0;border-bottom:none;background:#335532;}
/* menu */
form>menu a:hover,form>menu a.active	{background:#fff;}
/* sidebar */
form>aside.note	{background:white;}
img.right.qr	{margin:0px;}
/* filter */
.filter	{border:solid 1px #BBBBBB;background:#EFEFEF;}
/* page content */
aside h6 {padding:10px 0;margin:0;}
/* titles & heads */
h2	{background:transparent url('../img/head.png') left top repeat-x;}
menu>h2	{background-image:url('../img/headMenu.gif');}
menu>h2:before	{content:"";}

/*print.css - h3 is head in print documents!!!
h3	{width:100%;line-height:22px;margin:0 0 0 -30px;padding:2px 36px 2px 22px;border:1px solid #010101;background:#262626 url("../favicon.ico") 2px 5px no-repeat;color:white;}
h3 .close	{margin-right:-34px;}
*/
section>h3	{margin:5px 0px 10px -3px;}
section h3+p	{margin-top:25px;}
/* buttons */
img[onclick]	{}
img[onclick]:hover	{outline:solid 2px #cfc;}
.btn	{border:solid 1px #c9cacb;background:rgba(0, 0, 0, 0.2);}
caption .btn {background:rgba(0, 0, 0, 0.4);}
.tab	{display:inline-block;border:solid 1px #c9cacb;border-top-left-radius:0;border-top-right-radius:0;border-bottom:0px;padding:6px 10px 10px 10px;color:white;font-size:12px;font-weight:normal;text-decoration:none;vertical-align:bottom;line-height:36px;background:rgba(0, 0, 0, 0.2);}
.tab:hover	{background:white;color:black;}
.tab.active	{background:#E0E0E0;color:black;line-height:34px;padding-top:8px;padding-bottom:11px;}
/*2018-01-31mss fix oskar:*/
h2 nav.middle				{margin-top:1px;}
h2 .tab 					{line-height:14px !important;}
h2 .tab.active 				{line-height:16px !important;}
/*2018-01-31mss end!*/
.btn:hover,.btn:active	{background:#fff;}
.btn.search	{background-image:url('../img/icons/search.gif');}
.btn.print	{background:url('../img/icons/print.png') no-repeat 3px 2px;}
.btn.pdf	{background-image:url('../img/icons/pdf.png');}
.btn.close	{background-image:url('../img/icons/exit.png');}
.btn.xls	{background-image:url('../img/icons/xls.png');}
.btn.txt	{background-image:url('../img/icons/txt.png');}
.btn.chart	{background-image:url('../img/icons/chart.png');}
.btn.more	{background-image:url('../img/icons/more.png');}

.link.add	{background:transparent;}
.link.add:before	{content:url('../img/icons/add.png');}
.link.new:before	{content:url('../img/icons/add.gif');}
.link.top:before	{content:url('../img/icons/top.png');}
.link.up:before		{content:url('../img/icons/up.png');}
.link.down:before	{content:url('../img/icons/down.png');}
.link.back:before	{content:url('../img/icons/back.gif');}
.link.back:before	{content:url('../img/icons/back.png');}
.link.remove,.link.edit,.link.fix,.link.view,.link.print,.link.addReminder	{content:"";}
.link.remove:before	{content:url('../img/icons/remove.gif');}
.link.edit:before	{content:url('../img/icons/edit.gif');}
.link.addReminder:before	{content:url('../img/icons/addReminder.png');}
.link.viewReminder:before	{content:url('../img/icons/viewReminder.png');}
.link.fix:before	{content:url('../img/icons/fix.gif');}
.link.view:before	{content:url('../img/icons/view.gif');}
.link.anchor:before	{content:url('../img/icons/anchor.png');}
.link.pdf:before	{content:url('../img/icons/pdf.png');}
.link.ok:before		{content:url('../img/icons/ok.png');}
.link.nook:before		{content:url('../img/icons/nook.png');}
.link.orderExport:before	{content:url('../img/icons/orderExport.png');}
.link.print:before	{content:url('../img/icons/print.png');}
.link.import:before	{content:url('../img/icons/import.png');}
.link.download:before	{content:url('../img/icons/download.png');}
.link.change:before	{content:url('../img/icons/change.png');}
.link.archive:before	{content:url('../img/icons/archive.png');}
.link.send:before		{content:url('../img/icons/send.png');left: -22px;top: -6px;}
.link.email:before		{content:url('../img/icons/email.png');}
.link.more:before		{content:url('../img/icons/more.png');}
.link.start:before		{content:url('../img/icons/start.gif');}
.link.attach:before		{content:url('../img/icons/attach.png');}
.link.del:before		{content:url('../img/icons/del.png');/*left: -10px;*/top: 3px;}
.link.document:before	{content:url('../img/icons/document.png');}
.link.hide:before		{content:url('../img/icons/hide1.png');}
.link.show:before		{content:url('../img/icons/show.png');}
.link.clr:before		{content:url('../img/icons/clear.png');}
.link.drag:before		{content:url('../img/icons/drag.png');}
.link.daup:before		{content:url('../img/icons/doubleArrowUp.png');}
.link.dadown:before		{content:url('../img/icons/doubleArrowDown.png');}
.link.updown:before		{content:url('../img/icons/up_down.png');top: -5px;}
button			{border-width:0;color:#fff;background:#bdbdbd;box-shadow:0 3px #757575;}
button:hover	{border-width:0;color:#fff;background:#aeaeae;box-shadow:0 3px #aeaeae;}
button.red			{background:#e53935;box-shadow:0 3px #c62828;}
button.red:hover	{background:#d32f2f;box-shadow:0 3px #d32f2f;}
button.green, button.save		{background:#8bc34a;box-shadow:0 3px #558b2f;}
button.green:hover, button.save:hover	{background:#7cb342;box-shadow:0 3px #7cb342;}
button.blue			{background:#42a5f5;box-shadow:0 3px #1976d2;}
button.blue:hover	{background:#1e88e5;box-shadow:0 3px #1e88e5;}
button.close	{border:solid 1px #c9cacb;background:transparent url('../img/icons/exit.png') left top no-repeat;}
button.print	{border:solid 1px #c9cacb;background:transparent url('../img/icons/print.png') left top no-repeat;}
button.list:after	{border:solid 0px red;content:"";}
button.list.green:after	{/*TODO: content:url('../img/buttons/green.png');*/}
button.list.blue:after	{}
button.list.red:after	{}
caption > button	{margin-left:10px;}
/*!!!:
form h2 button	{float:right;top:8px;}
form h2 button:after	{content:"";}
*/
div.multi {display:block;float:none;border:1px solid #CECECE;padding:2px 10px;font-weight:normal;background:none repeat scroll 0 0 #FEFEFE;}
div.multi > input	{margin-right:12px;}
div.multi label	{width:auto;margin-right:12px;}
div.multi label input	{margin-right:0px;}
/* elements */
div.txt	{box-shadow: 0 0 20px #888888;-moz-box-shadow: 0 0 20px #888888;-webkit-box-shadow: 0 0 20px #888888;border:ridge 1px #FFC06F;background:white;}

/* messages */
ins h4,ins h5,ins h6	{border-bottom-style:groove;border-right-style:groove;background:white;opacity:.99;/*opacity:.8;*/}
ins h4	{border:ridge 2px #3c6acb;background:rgba(240,240,255,0.8)/*#f0f0ff*/ url('../img/icons/h4.png') 4px 4px no-repeat;}
ins h5	{border:ridge 2px #398c4f;background:rgba(243,249,243,0.8)/*#f3f9f3*/ url('../img/icons/h5.png') 4px 4px no-repeat;}
ins h6	{border:ridge 2px #eb3c48;background:rgba(255,243,243,0.8)/*#fff3f3*/ url('../img/icons/h6.png') 4px 4px no-repeat;}
ins h4:after,ins h5:after,ins h6:after	{content:"dismiss [x]";}

/* paging */
.paging ul	{border:solid 1px #BBBBBB;background:#EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DADADA');
	background-image:-ms-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-moz-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-o-linear-gradient(center top ,#FAFAFA,#DADADA);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#DADADA));
	background-image:-webkit-linear-gradient(center top ,#FAFAFA,#DADADA);
	}
.paging ul li	{text-shadow:0px 1px 1px #8C8C8C;border:solid 1px #BBBBBB;border-color:transparent #BBBBBB transparent #FFFFFF;}
.paging ul li:first-child	{border-left:0;}
.paging ul li:last-child	{border-right:0;}

/** Item **/
/* item extended */
dl.blank	{background:none;}
/** Fields **/
input,select,textarea	{border:solid 1px #cecece;border-style:solid!important;border-collapse:separate!important;background-color:#fbfbfb;}
input,select	{height:25px;line-height:25px;}
form input:focus,
form select:focus,
form textarea:focus	{border-color:#adadad;background-color:white;background-image:none;}
form input, form select, form textarea {border-color:#c3ddc3;}
form input:focus, form select:focus {border-color:#999;}
form input:-moz-ui-invalid:not(output)	{border-radius:3px;background-color:#FFEEEE;color:#913740;}
form input:invalid	{border-radius:3px;background-color:#FFEEEE!important;color:#ee9999!important;}
form input::-webkit-validation-bubble	{min-width:430px;}
optgroup	{font-style:normal;}
label.chk 	{width: auto;height: auto;top: 0;margin: 0;}
/* fields extended */
form td input:focus,
form td select:focus,
form td textarea:focus	{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82d6f2', endColorstr='#00ffffff');
	background:-ms-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-moz-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-o-linear-gradient(top,#82d6f2,rgba(255,255,255,0));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82d6f2), to(rgba(255,255,255,0)));
	background:-webkit-linear-gradient(#82d6f2,rgba(255,255,255,0));
	background:white;
	}
input[readonly],
form input[readonly]:focus,
input[disabled],
form input[disabled]:focus,
select[disabled],
select[disabled]:focus { background-color:#f3f3f3;}
input[type="file"]	{border:solid 1px #d1d1d1;}
input[type="image"]	{width:auto;border:none;background:transparent;}
form option	{background:white;}
/* fields error */
form input:-moz-ui-invalid:not(output)	{box-shadow: 0 0 0 1px #c28585;}
form input:invalid	{}
/** Table **/
table	{border:solid 1px #DEDEDE;border-width:0 1px;background:#fff;}
caption, section > h3	{border:solid 1px #ddd;background:#e0e0e0;}
caption div	{text-shadow:1px 1px 2px #eee;border-right:1px solid #bbb;}
caption b	{border-left:solid 1px #bbb;}
caption b:first-child,caption h2+b	{border:none;}
caption b:after	{content:":";}
caption b.empty:after	{content:"";}
/*see .filter!:section caption:first-of-type b:after	{ content:":";}*/
tr	{background:#fff;}
th	{border:solid 1px #dEDEDE;border-width:0 1px;background:#f8f8f8;}
td	{border:solid 1px #dEDEDE;border-width:0 1px;/*background:blue;*/}
thead th	{font-weight:bold;border-bottom:solid 1px #dedede;vertical-align:top;font-size:12px;}
th.order:hover 	{border-bottom-color:#093;}
th.order:hover:after {content:"\2192";position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#093;}
th.order.asc 	{border-bottom-color:#093;color:#000;}
th.order.asc:after {content:"\2192";position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#093;}
th.order.desc 	{border-bottom-color:#093;color:#000;}
th.order.desc:after	{content:"\2192";position:absolute;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);color:#093;}
thead td	{background:#f8f8f8;border-bottom:solid 1px #DEDEDE;vertical-align:top;}
tbody tr:nth-child(even)	{background-color:#fafafa;}
tbody tr:hover, tbody tr:hover td	{background-color:#efe;} /* tbody tr:hover td * */
tbody tr:hover td img,tbody tr:hover td b	{background:transparent;}
tbody th	{font-weight:bold;background:transparent;}
tfoot	 	{border:1px solid #dedede;border-width:1px 0;background:#eee;}
tfoot th	{font-weight:bold;background:#f8f8f8;font-size:12px;}
tfoot td	{background:#eee;font-size:12px;}
td.num.ttl	{padding-right:6px;}
td.nopadding {padding:0;}
tr.head th, tr.foot th	{border:1px solid #dedede; font-weight:bold; background:#f8f8f8;}
/*print-fix: td>img, td>b	{margin-left:5px;margin-top:-3px;}*/
tr.active td {background:#cfc;}
/* summary component */
/* 24.10.2012 г.:
div.summary	{position:absolute;}
div.summary table	{float:right;margin:14px 0 0;border:1px solid #DEDEDE;}
div.summary th	{border:0px;padding:2px;font-weight:normal;}
div.summary td	{border:1px solid #DEDEDE;padding:5px;font-weight:bold;background:#fff;}
*/
div.summary	{position:absolute;}
div.summary table {float:right;margin:0;margin-bottom:14px;border:1px solid #DEDEDE;}
div.summary th	{padding:5px 5px 6px;font-weight:normal;border:0px;}
div.summary td	{padding:5px;font-weight:bold;border:1px solid #DEDEDE;background:#fff;}

/* new functionality with l grid with xxx form and xx aside */
div caption .btn	{margin-top:4px;}
aside caption .btn	{margin-top:0px;}
.rejected,.rejected *  {background-color:#ffeeee}
.warn,.warn *	{color:orange;}
.warning,.warning *	{background:#fef7e6;}
.err,.err *	{color:red;}
.error,.error *	{background:#fee;}
.ok,.ok *	{color:green;}
.okay,.okay *	{background:#efe;}
td.loading	{height:100px;background:url('../img/loading.gif') center center no-repeat;border:0px;opacity:0.4;}
.weekend {background-color: #f8f8f8;color: #aaaaaa !important;}
section > aside	{position:absolute;left:635px;margin:0px;padding:0px;width:auto;min-width:380px;max-width:598px;z-index:10;}
@-moz-document url-prefix() {
section > aside {left:835px!important;}
}
aside > table	{margin:0;margin-bottom:14px;border:1px solid #DEDEDE;}
aside caption	{min-height:26px;line-height:26px;border-bottom:0px;}
aside th		{padding:5px 5px 6px;border:0px;}
aside td		{padding:5px;border:1px solid #DEDEDE;background:#fff;}
aside tr.add th	{padding:6px;}
aside tr.important td	{font-weight:bold;}
/** Lists **/
/* unordered and ordered list */
aside>dl a 	{border:solid 1px transparent;color:#ccc;}
aside>ol li, aside>ul li	{border:solid 1px transparent;color:#eee;}
aside>ol li:hover, aside>ul li:hover, aside>ol li.active, aside>ul li.active, aside>dl a:hover, aside>dl a.active	{/*see colors!*/border:solid 1px white;background:white;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F4', endColorstr='#ffffff');
	background:-ms-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-moz-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-o-linear-gradient(left center,#F1F2F4,#ffffff);
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#F1F2F4), to(#ffffff));
}
aside>ol li:hover b, aside>ul li:hover b,aside>ol li.active b, aside>ul li.active b	{text-shadow:0px 1px 1px #D2DEF7;}
/** List view **/
/*see `app.oskar/mod.data/typeDeal.php`: body.list,*/ body.main, body.alert, body.wide	{background:white/* url('../img/menu/menu.gif') -20px center repeat-y*/;}
.wide table	{border-spacing:1px;}

/** Grid view **/
/** Alert view **/
body.alert	{background:#417940 url('../img/banner.png') no-repeat;}
.alert header	{background:none;}
.alert header h1	{background-image:url('../img/alert/header.png');/*background-image:url('../img/oskarHeader.jpg');*/}
.alert form	{border:solid 10px #fff;background:transparent url('../img/opacity/80.png') center center repeat;}
.alert form section	{background:transparent;}
.alert form em,
.alert form p input	{background-clip:padding-box;}
.alert form footer button	{margin-left:6px;padding:0;width:100px;}
/* login options extension */
.alert.options form	{width:800px;}
.alert.options form section {display:inline-block;background:none;text-align:left;width:300px;min-height:220px;}
.alert.options form section.new	{border-right:10px solid white;margin-right:45px;padding-right:50px;}
.alert.options section h2	{display:block;margin:0px;padding-left:0px;color:#333;font-size:16px;background:none;}
.alert.options p.hint		{margin-top:0px;margin-bottom:10px;}
.new button	{text-transform:none;}
.alert p.register	{position:absolute;margin-top:26px;}
h3.options	{position:relative;padding:40px 0px;font-size:14px;text-align:center;}
.alert>footer	{background-image:url('../img/alert/footer.png');/*background-image:url('../img/oskarHeader.jpg');*/}

/** JS formatting **/
div.fader	{background:#000;}
iframe	{border:solid 1px #010101;background:transparent;}
.enlarge	{border:solid 1px #010101;background:white;}
.enlarge h2 a:hover	{background-color:transparent;}

/** system email formatting **/
table.email {margin-top:-16px;}
.email td[onclick]	{text-decoration:underline;}
.notsent, .notsent td  	{background:#fee;}
.deleted, .deleted td 	{color:gray;}
.notread, .notread td	{font-weight:bold;}
.important, .important td	{color:red;}
/** Responsive design **/
@media only screen and (max-width:1279px) {
	nav {margin-left:2px;}
	#screenName,
	form > aside,
	#loadMessage	{display:none;}
	body	{background:#fff;}
	header > h1 > a {display:none;}
	/*section > aside {left:635px!important;}*/
}
.data nav.sub   {right:0 !important;}
@media only screen and (max-width:1600px) {
.data nav.sub   {right:0 !important;}
.data nav menu  {right:0 !important;}

}
@media only screen and (max-width:1024px) {
.data nav.sub   {width:700px !important;}
.data nav menu  {width:700px !important;}

}

/*
@media only screen and (max-device-width:801px) {html {transform: scale(0.816);transform-origin: 0 0 0;}}
/** Print styles **/

@media print {
*	{/*visibility:hidden;*/background:#fff!important;color:#000;}

html	{font-size:12pt;}
body	{/*check it?: width:184mm;*//*print-fix: min-width:6.50in;*/}
body p	{/*max-width:184mm;*/height:auto;}
section,section *	{/*visibility:visible;*//*width:6.25in;*/color:#000;}

div.cont, .cont tbody, .cont tr {page-break-after: unset!important;} /*Iva added 23-12-19 */
body>form,form>section	{display:block;}
h2,table,caption	{position:relative;page-break-before:avoid;page-break-after:avoid;/*test brd: */}

section>h2,caption>h2	{width:auto;background:none;}
section > header 		{border:0 !important;}

input, select, textarea 	{border:1px solid #DEDEDE;border-image:none;-moz-border-image:none;-webkit-border-image:none;background:white;}
caption input,caption select, header input, header select	{border-width:0px;width:auto!important;background:transparent !important;}

caption .s			, header .s			{max-width:8px !important;}
caption .i			, header .i			{max-width:18px !important;}
caption .is			, header .is			{max-width:28px !important;}
caption .ii			, header .ii			{max-width:38px !important;}
caption .iis		, header .iis		{max-width:48px !important;}
caption .iii		, header .iii		{max-width:58px !important;}
caption .iiis		, header .iiis		{max-width:68px !important;}
caption .iv			, header .iv			{max-width:78px !important;}
caption .ivs		, header .ivs		{max-width:88px !important;}
caption .v			, header .v			{max-width:98px !important;}
caption .vs			, header .vs			{max-width:108px !important;}
caption .vi			, header .vi			{max-width:118px !important;}
caption .vis		, header .vis		{max-width:128px !important;}
caption .vii		, header .vii		{max-width:138px !important;}
caption .viis		, header .viis		{max-width:148px !important;}
caption .viii		, header .viii		{max-width:158px !important;}
caption .viiis		, header .viiis		{max-width:168px !important;}
caption .ix			, header .ix			{max-width:178px !important;}
caption .ixs		, header .ixs		{max-width:188px !important;}
caption .x			, header .x			{max-width:198px !important;}
caption .xs			, header .xs			{max-width:208px !important;}
caption h5.x, h6.x	, header h5.x, h6.x	{max-width:216px !important;}
caption .xi			, header .xi			{max-width:218px !important;}
caption .xis		, header .xis		{max-width:228px !important;}
caption .xii		, header .xii		{max-width:238px !important;}
caption .xiis		, header .xiis		{max-width:248px !important;}
caption .xiii		, header .xiii		{max-width:258px !important;}
caption .xiiis		, header .xiiis		{max-width:268px !important;}
caption .xiv		, header .xiv		{max-width:278px !important;}
caption .xivs		, header .xivs		{max-width:288px !important;}
caption .xv			, header .xv			{max-width:298px !important;}
caption .xvs		, header .xvs		{max-width:308px !important;}
caption .xvi		, header .xvi		{max-width:318px !important;}
caption .xvis		, header .xvis		{max-width:328px !important;}
caption .xvii		, header .xvii		{max-width:338px !important;}
caption .xviis		, header .xviis		{max-width:348px !important;}
caption .xviii		, header .xviii		{max-width:358px !important;}
caption .xviiis		, header .xviiis		{max-width:368px !important;}
caption .xix		, header .xix		{max-width:378px !important;}
caption .xixs		, header .xixs		{max-width:388px !important;}
caption .xx			, header .xx			{max-width:398px !important;}
caption .xxs		, header .xxs		{max-width:408px !important;}
caption .xxi		, header .xxi		{max-width:418px !important;}
caption .xxis		, header .xxis		{max-width:428px !important;}
caption .xxii		, header .xxii		{max-width:438px !important;}
caption .xxiis		, header .xxiis		{max-width:448px !important;}
caption .xxiii		, header .xxiii		{max-width:458px !important;}
caption .xxiiis		, header .xxiiis		{max-width:468px !important;}
caption .xxiv		, header .xxiv		{max-width:478px !important;}
caption .xxivs		, header .xxivs		{max-width:488px !important;}
caption .xxv		, header .xxv		{max-width:498px !important;}
caption .xxvs		, header .xxvs		{max-width:508px !important;}
caption .xxvi		, header .xxvi		{max-width:518px !important;}
caption .xxvis		, header .xxvis		{max-width:528px !important;}
caption .xxvii		, header .xxvii		{max-width:538px !important;}
caption .xxviis		, header .xxviis		{max-width:548px !important;}
caption .xxviii		, header .xxviii		{max-width:558px !important;}
caption .xxviiis	, header .xxviiis	{max-width:568px !important;}
caption .xxix		, header .xxix		{max-width:578px !important;}
caption .xxixs		, header .xxixs		{max-width:588px !important;}
caption .xxx		, header .xxx		{max-width:598px !important;}
caption .xxxs		, header .xxxs		{max-width:608px !important;}
caption .xxxi		, header .xxxi		{max-width:618px !important;}
caption .xxxis		, header .xxxis		{max-width:628px !important;}
caption .xxxii		, header .xxxii		{max-width:638px !important;}
caption .xxxiis		, header .xxxiis		{max-width:648px !important;}
caption .xxxiii		, header .xxxiii		{max-width:658px !important;}
caption .xxxiiis	, header .xxxiiis	{max-width:668px !important;}
caption .xxxiv		, header .xxxiv		{max-width:678px !important;}
caption .xxxivs		, header .xxxivs		{max-width:688px !important;}
caption .xxxv		, header .xxxv		{max-width:698px !important;}
caption .xxxvs		, header .xxxvs		{max-width:708px !important;}
caption .xxxvi		, header .xxxvi		{max-width:718px !important;}
caption .xxxvis		, header .xxxvis		{max-width:728px !important;}
caption .xxxvii		, header .xxxvii		{max-width:738px !important;}
caption .xxxviis	, header .xxxviis	{max-width:748px !important;}
caption .xxxviii	, header .xxxviii	{max-width:758px !important;}
caption .xxxviiis	, header .xxxviiis	{max-width:768px !important;}
caption .xxxix		, header .xxxix		{max-width:778px !important;}
caption .xxxixs		, header .xxxixs		{max-width:788px !important;}
caption .xl			, header .xl			{max-width:798px !important;}
caption .xliii		, header .xliii		{max-width:858px !important;}
caption .xlv		, header .xlv		{max-width:898px !important;}
caption .xlvi		, header .xlvi		{max-width:918px !important;}
caption .xlvis		, header .xlvis		{max-width:928px !important;}
caption .xlvii		, header .xlvii		{max-width:938px !important;}
caption .xlviii		, header .xlviii		{max-width:958px !important;}
caption .l			, header .l			{max-width:998px !important;}
caption .lv			, header .lv			{max-width:1098px !important;}
caption .lvi		, header .lvi		{max-width:1118px !important;}
caption .lx			, header .lx			{max-width:1198px !important;}
                      
form caption input,
form caption input.chk,
form caption div,
caption span,
caption b{display:inline-block;float:none;height:15px;}

form header input,
form header input.chk,
form header div,
header span,
header b	{display:inline-block;float:left;height:18px;}

table,thead,tbody,tfoot,tr,th,td	{background:transparent!important;}
table	{width:100%; /*in order to show brd: */margin:2px;padding:0;/*border-collapse:separate;*/border:solid 1pt #DEDEDE;border-width:0 1pt;border-spacing:1px;}

caption, header	{min-height:22px;line-height:22px;border-width:0;/*test brd: border-width:0 0 1px;background:none;*/}
caption b, header b	{border:none;}
tr,tr td	{page-break-inside: avoid;}
thead th,thead td	{margin:0;padding:5px 6px;border:solid 1pt #DEDEDE;border-width:1pt 0pt 1pt 0!important;/*border-top:solid 1px red!important;border-bottom:solid 1px red!important;border-right:solid 0px red!important;border-left:solid 0px red!important;*/}
tbody th,tbody td	{padding:5px 6px;word-wrap:break-word;border:solid 1pt #DEDEDE; border-width:0pt 1pt!important;}
tfoot th,tfoot td	{padding:5px 6px;border:solid 1pt #DEDEDE; border-width:0pt 0pt!important;/*border-top:solid 1px red!important;border-bottom:solid 1px red!important;border-right:solid 0px red!important;border-left:solid 0px red!important;*/}
thead	{display: table-header-group; margin:0 2pt;}
thead:after	{/*in order to show brdB: */display:block;content:"";}
tbody	{}
tfoot	{border:solid 1pt #DEDEDE; border-width:1pt 0 1pt 0!important;}

.wide table	{/*width:257mm;min-width:257mm;*/min-width:0;max-width:256.00mm;/*???: border-spacing:0;*/}
.wide caption	{}
.wide h2,caption h2, section h2	{display:inline-block!important;position:relative;left:0;top:0;width:100%;margin-top:0!important;/*list's title*/}
.wide thead th.button	{display:none;}
.wide tbody td.button	{display:none;}
.wide tfoot	{}

.cont table	{left:0px;border-width:0pt!important;/*test brd?!: left:-1px;*/}
.cont caption	{}
.cont h2	{}
.cont thead th,.cont thead td	{border-color:grey;}
.cont thead th.button	{}
.cont tbody td.button	{}
.cont tfoot	{display:table-row-group;border-color:grey;}

.noPrint,.noPrint *,
body>header,body>footer,form>footer,body>form>menu,
form>aside,
h2 span,
h2 a,h2 button,
table a.link,table a.btn,
th.void,td.void,
caption a,caption a.link,caption a.btn,
button,caption button,th.button,td.button,
#debug	{display:none !important;float:none !important;height:0px !important;}

html,body,.toPrint,th.toPrint,td.toPrint
/*
,
body>header,
body>form,
body>footer,
form>menu,
form>section,form>aside,
form>aside,
form>section,
form>section.main*/	{display:block;}
.toPrint thead,thead.toPrint	{display:table-header-group;}
.toPrint tfoot,tfoot.toPrint	{display:table-row-group;}
.toPrint tbody,tbody.toPrint	{display:table-row-group;}
.toPrint tr,tr.toPrint	{display:table-row;}
.toPrint td,.toPrint th	{display:table-cell;}
}
html body form section h3 {margin:0px 0 10px -3px;}


/** New formatting: **/
.C, .C * 	{color:#51cc51;}
b.C	{color:#444;}
.D, .D * 	{color:#ff5151;}
.T, .T * 	{color:#5151cc;}
.ttl, .ttl *	{font-weight:bold;}
dt.active, p.active	{background:#fff;}

/** 12.2.2015 г. mss - New formatting: **/
div.btnBox	{display:inline-block;position:relative;}
.btnBox .selectBox	{}
.btnBox .selectBox a{display:block;}
.btnBox .selectBox a:hover{color:#000;}
.btnBox .selectBox a+br{display:none;}


div.tagBox input[type=checkbox] + label:after 			{content:"";display: inline-block;width:11px;height:11px;vertical-align:-1px;margin:0 0 0 3px;padding:1px;border-radius:11px;background:#3cb878 url("../img/icons/chcheck.png") center center / 9px 9px no-repeat;}
div.tagBox input[type=checkbox]:checked + label			{background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);background-color:#e0e0e0;}
div.tagBox input[type=checkbox]:checked + label:after 	{background-color:#e15556;background-image: url("../img/icons/chclose.png");}

/* modal dialog formatting*/
div.modal {position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(255,255,255,0.8);z-index:70;}
/*iframe.modal	{position:relative;margin:auto;left:0;top:10%;width:610px;height:255px;}*/
.nobr	{white-space:nowrap;}

iframe.modal									{z-index:300;position:absolute;top:0;width:90%;min-width:300px;overflow:hidden;margin:0px auto;padding:0;border:1px solid #fff;background:white;/*box-shadow:0 0 50px #000;*/transition: all 0.4s;}
body.modal										{margin:0;padding:0;}
body.modal > footer								{display:none;}
.modal > header									{height:24px;padding:50px 50px 46px;color:#000;background:#fff;}
.modal > header	h1,h1.title						{margin:0 30px 0 0;padding:0;text-transform:uppercase;text-align:left;font-weight:400;font-size:18px;line-height:24px;}
.modal h1.title 								{position:absolute;top:-70px;margin:0 30px 0 0;color:#000;background:#fff;}
/*2017-08-02mss?: a.close,button.close							{z-index:2;display:inline-block;position:absolute;top:5px;right:5px;font-size:0;text-decoration:none;width:11px;height:10px;background:transparent url('../img/close.png') center center no-repeat;background-size:contain;}*/
.modal > header	a 								{z-index:2;display:inline-block;position:absolute;top:50px;right:50px;font-size:0;text-decoration:none;width:21px;height:21px;background:#fff url('../img/close.png') center center no-repeat;}
.modal > main 									{display:block;height:auto;margin:0;padding:0;text-align:left;}
.modal section									{position:relative;margin:0;padding:0 60px 40px 50px;/*bcs nav.header:*/white-space:normal;/*!*/}
.modal section.login							{padding-bottom:20px;}
.modal section.credit							{display:none;}
.modal h5 										{padding-top:0;padding-bottom:50px;text-align:left;}								
.modal footer									{position:relative;padding:22px 30px;text-align:center;color:#1c1f29;font-size:14px;background:#e5e5e5;}
.modal label 									{}
.modal input 									{}
.modal button,.modal a.btn						{box-sizing:border-box;clear:both;display:block;position:relative;width:80%;max-width:260px;margin:20px auto 0;text-align:center;font-size:12px;}
.modal a.right 									{margin-bottom:16px;font-style:italic;}


/*div.bar {display:none;}*/

/* 2018-02-06mss: */
div.bar 							{z-index:99;position:relative;top:0;left:0;right:0;max-height:0;padding:0;overflow:hidden;line-height:16px;text-align:center;/*font-style:italic;*/font-size:14px;color:#444;background:#fcda29;transition:all 1s;}
div.bar::before 				{content:'';z-index:-1;display:block;position:absolute;top:0;left:0;right:0;height:30px;}
div.bar.active  					{display:block;min-height:66px;max-height:300px;padding:20px 40px 10px;overflow:visible;box-shadow:0 0 20px #000;transition:all 1s;}
div.bar.active::before 				{background:#fcda29;}
body.alert div.bar.active 			{display:none;}
div.bar button						{display:block;/*display:none;*/margin:18px auto 10px;padding-left:20px;padding-right:20px;font-size:13px;color:#fff;background:#222;box-shadow:none;}
div.bar a 							{color:#195899;cursor:pointer;}
div.bar small						{display:block;margin-top:20px;font-size:0.90em;color:#444;}
div.bar small::before				{content:'*';}
body.alert div.bar.active  			{min-height:16px;display: none;}
body.alert div.bar .close  			{display:none;}
div.bar.last 						{background:#c9282b;color:#fff;}
div.bar.last::before 				{background:#c9282b;}
div.bar.last small 					{color:#fff;}
div.bar.last a 						{color:#ccc;}
div.bar.last button					{display:none;}

/* 2023-5-16mss: */
td.image img 	{max-width: 50px;}
/** New: **/
.schedulePrint {width:1024px !important;height:600px !important;}
div#monitor	{display:none;}
iframe	{margin:0px;}
.code.right	{margin-top:-10px;/*from print.css - right Code39+QRcode*/}
iframe#autosave	{display:none;position:absolute;left:0px;top:16px;width:400px;height:50px;border:1px solid #5a5;background:#efe;color:#5a5;font-size:12px;}
/** Status formatting **/
tr.perr *	{color:red;}
tr.qerr *	{color:orange;}
tr.important *	{font-weight:bold;}
.status10, .status10 > td		{font-weight:bold;}
.status15, .status15 > td		{color:brown}
.status20, .status20 > td		{font-weight:normal;color:blue;}
.status50, .status50 > td		{font-weight:normal;color:orange;}
.status70, .status70 > td		{font-weight:normal;color:blue;}
.status80, .status80 > td		{font-weight:normal;color:purple;}
.status90, .status90 > td		{font-weight:normal;color:green;}
.status100, .status100 > td		{font-weight:normal;color:grey;}
.eml .status100, .eml .status100 > td		{font-weight:normal;color:green;}
.status-1, .status-1 > td		{color:grey;}
/* print box */
dl.slide		{position:relative;display:inline-block;margin:0px;padding:0px;}
dl.slide dt		{z-index:11;text-transform:capitalize;cursor:pointer;}
dl.slide dd		{z-index:10;position:absolute;display:none;left:0;top:36px;width:120px;border:1px solid #c9cacb;border-radius:5px;border-top-left-radius:0;padding:10px;text-align:left;line-height:20px;font-size:12px;background:white;box-shadow:2px 2px 3px 1px #ccc;}
dl.slide a		{text-decoration:none;}
dl.slide a:hover	{text-decoration:underline;}
dl.slide:hover  dt	{border-bottom:0px;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;top:5px;padding-bottom:12px;color:black;background:white;}
dl.slide:hover > dd {display:block;}
.link.reject:before	{content:url('../img/icon/reject.png');}
.link.accept:before	{content:url('../img/icon/accept.png');}
.inbound:before	{position:relative;top:2px;content: url('../img/icon/inbound.png');}
.outbound:before	{position:relative;top:2px;content:url('../img/icon/outbound.png');}
.prepare:before	{position:relative;top:2px;content:url('../img/icon/prepare.png');}
section > aside	{position:absolute;left:750px;left: 900px;margin:0px;padding:0px;width:auto;min-width:380px;max-width:598px;z-index:10;}
@-moz-document url-prefix() { 
section > aside {left:735px!important;}
}

/* filters */
section > header {position:relative; margin:-16px 0 14px -34px; border:solid 1px #ddd; padding:3px 0 0 20px; height:auto; min-height:33px; line-height:30px; font-size:12px; background:#e0e0e0;}
section > header > button {border-radius:4px; border-width:0px; padding:2px 0 2px; width:75px; height:24px; text-transform:capitalize; background-color:#c2c2c2; background-image:linear-gradient(#c2c2c2,#c2c2c2); box-shadow:0 3px #9c9b9b; color:#fff; cursor:pointer;}
section > header > button:hover {background-image:linear-gradient(#c2c2c2,#b3b3b3);}
section > header input,
section > header select,
section > header textarea {display:inline-block; float:none; margin:0; border:solid 1px #cecece; border-radius:3px; padding:3px 2px; font-size:12px; line-height:17px;vertical-align: middle; background:#fefefe; background-image:linear-gradient(#f6f6f6,#fefefe); color:#333;}
section > header input:focus,
section > header select:focus,
section > header textarea:focus {border-color: #adadad; outline:none; background-color:white; background-image:none;}
section > header label {top:0; margin:-2px 0 0 0; height:auto; text-align:right; color:#666;}
section > header input[type=checkbox] {position:relative; top:3px;}
section > header  b        {position:relative; left:0; margin:-2px 4px 0 0; width:auto; color:#515151;}
section > header  b::after {content:":";}

header ~ table	{margin: -14px 0px 9px -20px; border:solid 1px #DEDEDE; border-width:0 1px; border-collapse:collapse; width:calc(100% + 20px); width:-webkit-calc(100% + 20px); font-size:12px; background:#fff;}

/** Responsive design **/
nav.middle {margin-left:0;left:210px;}

@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1200px) {
	#screenName,
	form > aside,
	#loadMessage	{display:none;}
	body	{background:#fff;}
    /*????!?!?!? 2015-05-28 mss:
    header > h1 > a {display:none;}
    nav {margin-left:20px;}
    */
    header > h1 > a {display:block !important;}
	section > aside {left:735px!important;}
}
@media only screen and (min-width:1200px) {
	header > dl	{float:none;position:absolute;width:200px;left:auto;top:0px;}
	menu.right	{float:none;position:absolute;width:400px;left:800px;top:0px;text-align:right;}
	header > nav.main	{min-width:830px;}
}
menu.right {left:900px;width:300px;}
section > h2 {background-color: #262626;}