/* OSKAR application skin
   AIDA Framework, AIP Solutions Ltd' 2011
 */
/* inherits the default app formatting */
@import url('../../dom/app.css');
/*9.3.2015 г. mss!no need: @import url('../../dom/app.response.css');*/
@font-face	{
	font-family: 'icons-nav';
	src:url('../../dom/font/icons-nav.eot?-5xlfqq');
	src:url('../../dom/font/icons-nav.eot?#iefix-5xlfqq') format('embedded-opentype'),
	    url('../../dom/font/icons-nav.woff?-5xlfqq') format('woff'),
	    url('../../dom/font/icons-nav.ttf?-5xlfqq') format('truetype'),
	    url('../../dom/font/icons-nav.svg?-5xlfqq#icons-nav') format('svg');
	font-weight: normal;
	font-style: normal;
}

header::after, section::after,.product dd::after,.popup dd::after,footer::after,p::after	{content:"";display:block;clear:both;}
input, select, textarea {border-radius:0px;}

body>header	{background:#5D6885;}
body>footer	{background:transparent url('../../img/alert/footer.png') left top repeat-x;}
header>h1	{background:transparent url('../../img/alert/header.png') left top repeat-x;}
body.alert	{background:#5D6885;}
header>nav .active a	{text-shadow:1px 1px 1px #424242;border:solid 1px #e0e0e0;border-bottom:none;background:#414859;}

/** From app.responce.css: **/
section > header	{position:relative; margin:-16px -9px 14px -20px; border:solid 1px #ddd; padding:4px 0 0 20px; height:auto; min-height:32px; line-height:30px; background:#e0e0e0;z-index:20;}
/*.wide section > header	{margin:0;}*/
section > header > div	{float:none; left:0; right:0; margin:0; padding:0; width:auto; height:auto; background:none}
section > header  b	{display:none;margin:0;padding:0px;float:left; position:relative; left:0;width:auto; color:#515151;}
section > header > div > b	{}
/* section > header > div > b:nth-of-type(2)	{margin-left:30px;} */
section > header  b::after	{content:":";}
section > header > button	{margin-left:5px;}
section > header input	{margin:0 15px 10px 3px;}
section > header select	{margin-left:3px;}
section > header > input[type=checkbox]	{top:0}
section > header label	{display:inline-flex;/*float:none*/;top:0;width:max-content !important;height:auto;margin:0 5px 0px 0;padding:0px;font-weight:normal;text-align:right;white-space:nowrap;}
section > header > h3	{margin:0; padding:7px 0;}
section > header .floatLabel	{margin-top:-2px; padding:0 5px; width:auto;}
section > header span {display: inline-block;/*margin-bottom: 10px;*/}

form section > table {width:calc(100% + 29px); width:-webkit-calc(100% + 29px);}
form section > table.inline	{margin-left:0px;}

/** From app.responce.css end **/
@media screen and (min-width:1280px){
	section > header  b {display:block;}
}
/** Page layout **/
/* grid */
/** Colors: **/
a	{color:#777;}
/** Fonts: **/
/** Custom classes **/
/* header & footer
header > a	{left:auto;right:0;}
header > b	{left:auto;right:30px;}
section > h2	{margin-bottom:0;}
section > header	{margin-bottom:20px;}
h4	{display:none;}*/
/* body	{background: url("../img/body.gif") repeat-y scroll -208px center #FFFFFF;} */
body	{background: none repeat scroll 0 0 #fff;}
section > aside	{left:635px!important;}
@media only screen and (max-width:1200px) {
	#loadMessage	{display:none;}
 	body	{background:#fff;}
 	header > h1 > a	{display:none;}
 	nav	{margin-left:20px;}
}
form > aside	{display:table-cell;}
span.hint {color: #8895d5 !important; font-size: 11px;font-weight: normal;/* text-transform: lowercase; */max-width: 400px;overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}

/*body > header	{background:#0067bc url('../../img/banner.png');}
header > nav .active a	{background-color:#204269;}
header>h1 a 	{background:transparent url('../img/logo.png') 18px 11px no-repeat !important;background-size:160px auto !important;}*/
/* menu */
header > nav ul li > a.active	{background:#414859;}
/* sidebar */
img.right.qr	{margin:0px;}
div.summary	{z-index:4;margin-top:-16px;margin-left:620px;width:358px;}
div.summary table	{clear:right;}
div.summary caption	{min-height:26px;line-height:26px;border-bottom:0px;}
div.summary td	{font-weight:normal;}
div.summary th	{font-weight:bold;padding:6px;line-height:16px;}
div.summary tr.add th	{padding:6px;}
div.summary tr.important td	{font-weight:bold;}
/* filter */
/* page content */
/* titles & heads */
/* buttons */
button.big	{height:auto;padding:10px 20px;}
/* elements */
/* messages */
/* paging */
/** Item **/
/* item extended */
/** Fields **/
form label.cont 					{/*float:none;display:inline-block;*/top:0;height:auto;margin:0 !important;padding-right:2px;vertical-align:middle;cursor:pointer;}
form label.cont input 				{float:none;width:auto;max-width:100%;}
/*see header>label: label.check	{margin:0px;padding:0px;display:inline;float:none;top:0px;margin-right:5px;font-weight:normal;}*/
/* fields error */
form input, form select, form textarea	{border-color:#a9bbd0;}
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;}
form input::-webkit-validation-bubble	{min-width:430px;}
optgroup	{font-style:normal;}
form .floatNone	{float:none;display:inline-block;}
/* fields extended */
/** Table **/
th.message	{padding:20px;text-align:center;}
th.message:hover	{text-decoration:underline;}
td	{}

/*table.list	{}
table.list thead th	{background:#eee;}
table.list tbody tr	{border:1px solid #fff;/*background:#fafafa;*//*min-height:30px;}
/*table.list td	{padding:7px 6px;}
table.list tbody tr:nth-child(2n)	{background:#fafafa;}*/
table.list article	{margin-bottom:11px;padding:2px 5px;background:#fff;}
table.list article header	{}
table.list article header time	{}
table.list article header b	{}
table.list article pre	{width:auto !important;margin:0;padding:2px 5px;overflow:hidden;background:transparent;;transition:height 0.5s;}*/

/** Lists **/
/** List view **/
/** Grid view **/
/** Alert view **/
/*body.alert	{background:#2567b0 url('../../img/banner.png') repeat-x;}
/*.alert header h1	{background-image:url('../../img/alert/header.png');}
.alert>footer	{background-image:url('../../img/alert/footer.png');} */
/** JS formatting **/

/** New: **/
aside>footer , section>footer {height:30px;}

.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;}
.status30, .status30 > td	{color:blue;}
.status40, .status40 > td	{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;}
/* new css: */
body > header > a 	{right:20px;}
header > a 	{right:auto;}
/*a.link	{margin-left:0;}*/
label a.link	{margin-left:17px;}
.ticketNotPaid a.link.ok::before		{filter: sepia(100%);}
table.panel a.link.fix		{opacity: 0.3;}
table.panel tr:hover a.link.fix		{opacity: 0.99;}

.link.attach::before	{/*content: url("../../img/icons/download.png");*/}


a.file	{display:inline-block;text-decoration:underline;color:#4194d9;float:none !important;/*color:#89D17F;*/}
a.file:hover	{text-decoration:none;}
a.file:before	{content:"";display:inline-block;margin-right:6px;font-size:16px;font-family:'icons-nav';color:#4194d9;/* Better Font Rendering: */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a.audio:before	{content:"\e928";}
a.pdf:before	{content:"\e683";}
a.xla:before,a.odt:before,a.xls:before,a.xlsx:before	{content:"\e6bc";}
a.doc:before,a.txt:before	{content:"\e6bb";}
a.ppt:before	{content:"\e684";}
a.htm:before	{content:"\e685";}
a.zip:before,a.rar:before	{content:"\e6bd";}
a.def:before	{content:"\e926";}
a.img:before,a.gif:before,a.jpg:before,a.png:before	{content:"\e927";}
.st10/*Draft*/	{color:#f88;/*font-weight:bold;*/}
.st20/*Pending*/	{color:#f88;/*font-weight:bold;*/}
.st50/*Active*/	{/*background-color:#A9DB9D !important;*/}
.st75/*Ready*/	{color:#5D9E4D;/*color:#5D9E4D !important;*/}
.st90/*Paid*/	{color:#5D9E4D;/*color:#5D9E4D !important;*/}
.st100/*Closed*/	{color:#999;/*background-color:#eee !important;color:#888 !important;*/}
.st-1/*Canceled*/	{color:lightgrey;/*?: background:#f88;*//*background-color:#eee !important;color:#888 !important;*/}
.st-10/*Closed*/	{color:lightgrey;/*background-color:#eee !important;color:#888 !important;*/}
.approaching	{background-color:#fef7e6;}
tr.approaching, tr.approaching:nth-child(2n)	{background-color:#fef7e6 !important;}
.overdue	{color:#d71921;}
tr.overdue, tr.overdue:nth-child(2n)	{/*background-color:#ffeeee !important;*/}
div.overdue	{line-height:13px;padding-right:2px;text-align:right;font-weight:bold;font-size:11px;color:#ff0000;}
div.approaching	{line-height:13px;padding-right:2px;text-align:right;font-weight:bold;font-size:11px;color:#ffa500;}
div.inTime	{line-height:13px;padding-right:2px;text-align:right;font-weight:bold;font-size:11px;color:green;}

.status-20	{color:#f88;color:#64b1ff;color: #006fe0;color: #379aff;}	/* new */
.status-30	{color:#88f;}	/* quote */
.status-40	{color:#f88;color: #ff5400;color:#ff64c0;color: #00f;}	/* to do */
.status-50	{color:#333;color:#f00;}	/* active */
.status-75	{color:#5d9e4d;} /* ready */
.status-78	{color:#ff6b00;} /* music station */
.status-80	{color:#88f;}	/* confirm */
.status-100	{color:#666;}	/* closed */
.status--1	{color:#aaa;}	/* deleted */
.status--10	{color:#999;}	/* rejected */

.priority-high, .priority-high > td	, .priority-high > table.panel td{font-weight:bold !important;font-size:13px !important;}
.priority-low, .priority-low > td , .priority-low > table.panel td	{font-size:11px !important;}

section > aside	{left:auto;right:20px;min-width:560px;width:560px;/*min-width:320px;max-width:320px;*/}
.progress	{position:relative;margin:0 0 5px;padding:4px 0px;color:#000;
	/* For Safari 5.1 to 6.0 */
	background: -webkit-linear-gradient(left,red/*,orange*/,yellow,green/*,blue,indigo,violet*/);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(left,red/*,orange*/,yellow,green/*,blue,indigo,violet*/);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(left,red/*,orange*/,yellow,green/*,blue,indigo,violet*/);
	/* Standard syntax */
	background: linear-gradient(to right, red/*,orange*/,yellow,green/*,blue,indigo,violet*/);
	}
.progress span.after	{display:block;position:absolute;top:0;right:0;width:40%;height:100%;background:#fff;}

label.xxx	/*{width:598px;margin-right:-598px;}*/
input.file	{margin-bottom:5px;}
input.tag	{background:transparent;
	background-color:#fefefe;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fefefe');
	background-image:-ms-linear-gradient(top,#f6f6f6,#fefefe);
	background-image:-moz-linear-gradient(top,#f6f6f6,#fefefe);
	background-image:-o-linear-gradient(top,#f6f6f6,#fefefe);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#fefefe));
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #fefefe));
	background-image:-webkit-linear-gradient(#f6f6f6,#fefefe);
	}

pre	{margin-top:6px;margin-bottom:6px;}
pre.left	{clear:none;}
/*?not used: header.pannel	{min-height:26px;line-height:26px;margin:20px 0 0;padding:3px 3px 3px 12px;font-weight:bold;font-size:13px;border:1px solid #dddddd;background:#e0e0e0;}*/
header.panel	{background:none;margin-top:0;padding-top:0;padding-bottom:4px;border-bottom:1px solid #aaa;}
.panel h3	{margin:0px;font-size:18px;font-weight:normal;color:#666;}
.panel a.link	{float:right;margin-left:9px;padding:4px 6px;color:#4185ca;/*?: font-size:14px;margin:20px 0 0 0;*/}
.panel a.link.active	{text-decoration:none;color:#fff;border-radius:3px;background:#4185ca;}
header.main	{margin:0;}
header.sub	{margin:0 0 0 20px;}
.expandable	{position:relative;padding-right:9px;}
.expandable:after	{content:"+";position:absolute;right:0;width:12px;height:12px;line-height:10px;text-align:center;font-size:11px;font-family:"Tahoma";color:#000;border:1px solid #eee;
	background-color:#e0e0e0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0');
	background-image:-ms-linear-gradient(top,#ffffff,#e0e0e0);
	background-image:-moz-linear-gradient(top,#ffffff,#e0e0e0);
	background-image:-o-linear-gradient(top,#ffffff,#e0e0e0);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0));
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
	background-image:-webkit-linear-gradient(#ffffff,#e0e0e0);
}

.expandable.active:after	{content:"-";
	background-color:#e0e0e0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff');
	background-image:-ms-linear-gradient(top,#e0e0e0,#ffffff);
	background-image:-moz-linear-gradient(top,#e0e0e0,#ffffff);
	background-image:-o-linear-gradient(top,#e0e0e0,#ffffff);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#ffffff));
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #ffffff));
	background-image:-webkit-linear-gradient(#e0e0e0,#ffffff);
}

select option	{padding:2px;}
.iv select option:first-child{display: none;}
.optionParent	{}
.optionChild	{margin-left:20px;}

.btn.remove	{background:#FFF url('../../img/icons/remove.gif') 50% 50% no-repeat;}

article.info	{margin-top:0;}

article.taskItem	{margin:0;}
article.taskItem header	{padding-left:4px;}
article.taskItem .expandable.active	{margin-top:-1px;border-top:1px solid #aaa;border-right:1px solid #aaa;border-left:1px solid #aaa;}
article.taskItem div	{/*visibility:hidden;opacity:0;*/max-height:0;overflow:hidden;transition:max-height 0.25s ease-out 0s;/*transition:visibility 0.5s linear 0s,opacity 0.5s linear 0s;*/}
article.taskItem div.active	{/*visibility:visible;opacity:.9;*/max-height:300px;overflow:auto;border:1px solid #aaa;border-width:0 1px 1px;transition:max-height 0.25s ease-in 0s;}
article.taskItem .sub,article.taskItem .main	{padding-left:4px;background:#f8f8f8;}
article.taskItem .sub+div	{margin-left:20px;}
article.taskItem pre	{margin:0;}
article.taskItem a.link	{margin:2px 0;}

article.task, article.file, article.activity	{margin:0;padding:0;border-bottom:1px solid #ebebeb;}
article.task header, article.file header, article.activity header	{margin:0;padding:8px 0;border:none !important;}
article.task header b, article.file header b	{/*width:120px;*/margin-right:0;font-size:12px;}
article.task header span	{margin-right:11px;}
article.task span.files	{display:block;text-align:right;/*position:absolute;right:0;top:5px;width:1px;*/}
article.task p.detail, article.file p.detail	{padding:9px;background:#eee;/*background:#F6F6F6;*/}
article.task p.maindetail 	{padding:9px;background:#F6F6F6;}
article.task p.subdetail	{margin-bottom:0!important;padding:9px 9px 9px 20px;background:#eee;}
article.task p.maininfo	 {margin-bottom:0!important;padding:3px;min-height:20px!important;}
article.task p.info	 {margin-bottom:0!important;padding:3px;min-height:20px!important;background:#eee;}
/*article.file	{margin:0;border-bottom:1px solid #ebebeb;padding: 8px 0;}*/
article.file .link.remove	{top: 4px !important;}


article.activity	{}
article.activity a.link.attach	{float:right;margin-left:20px;}
article.activity header b{margin-right:0;width:120px;font-size:12px;}
/*not used icon for upload:
p.file	{margin-top:-26px;padding-top:26px;background:#FFF url('../../img/icons/up.png') 0 0 no-repeat;}
p.file label	{left:30px;}
p.activityAdd	{margin-top:22px;}
*/

p.issue	{padding:22px 0 3px 3px;border-radius:3px;}
p.issue:hover	{background:#eee;}
p.issue span a.link	{display:block;margin:2px 0;}
p.issue span label	{width:100%;margin-right:-100%;}
p.newIssue	{margin-top:22px;}

div.multi {margin-left: -20px;padding: 4px 10px 4px 20px;color:#444; }
div.multi  > span {margin-left:3px;margin-right:3px; color:#515151;}
div.multi  > b { margin-top: 0;}

footer.xli {
    margin-bottom: 30px;
}
.xli {
    width: 818px;
}

/*
header.activity	{background: none repeat scroll 0 0 #e0e0e0;border: 1px solid #ddd;height: auto;line-height: 30px;margin-bottom:20px;min-height: 32px;padding: 4px 0 0 10px;position: relative;z-index: 20;}
header.activity h3	{display:inline-block;padding-top:6px;}
header.activity select	{float:right;}
.feedback	{padding:26px 10px 20px 10px;border:1px solid #a9bbd0;}
.feedback legend	{padding:0 5px;font-weight:normal;}
*/

body.task\.php nav.toolbar 						{z-index:90;}
body.task\.php section > header 				{}
body.task\.php section > header label			{float:left;width:auto;white-space:nowrap;font-weight:bold;color:#515151;}
body.task\.php section > header input			{display:inline;float:none;width:auto;}
body.task\.php section > header select			{display:inline;float:none;width:auto;}
body.task\.php table.list th.group				{padding-top:18px;text-align:left;font-size:14px;border-width:0;border-bottom:1px solid #dedede;}
body.task\.php table.list tr.st20				{color:#444;}
body.task\.php table.list td:nth-of-type(5)		{color:#444;}

/* from technorubber - the latest */
	label.suggest {z-index: 100;margin-bottom: 10px;}
	label select.suggest {position: absolute;display: none; /*width: 0;height: 0;*/top: 100%;border-top: 0;height: auto;overflow-y: visible;}
	label select.suggest.active {width: 100%;height: 100px;}
	input.suggest, select.suggest {box-sizing: border-box; top:0;width: 100%;margin-bottom: 0;padding: 2px 4px;font-size: 14px;}
	label a.suggest {position: absolute;top: -3px;top:auto;right:4px;bottom: 0px;padding:0 4px;font-size: 12px;text-decoration: none !important;color: black !important;}
	section.panel a.suggest {bottom: 8px;}
	section.panel select.suggest {display: none; /*width: 0;height: 0;*/border-color: #f00 !important;}
	section.panel select.suggest.active {width: 100%;height: 100px;}
	section.panel select.suggest option {display: block !important;}
	section.panel select.suggest optgroup {visibility: visible;}