@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;
}
/**/
body.loading::after {z-index: 200;content: attr(data-loading);display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;color: #f00;font-weight: bold;font-size: 26px;line-height: 12;background: rgba(255,255,255,0.75);}

a, p, img, div, span, b, strong, em, i, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, q, fieldset, legend, form, label, input, output, select, textarea, button, table, th, td, caption, address, code, del, dfn {margin:0;padding:0;border: none;border-width:0;outline:none;font-family:inherit;text-decoration:none;background-color:transparent;}
caption 				  {background: #cfd7f8;border:none;position: relative;height:auto;min-height:32px;margin:0;padding: 3px 3px 3px 12px;font-weight: bold;text-align:left;}
dl                        {margin:0 0 18px;padding-left:0;}
dd 						  {margin: 6px 0 0;}
h6#error{font-size: 1.5em;color: #d32f2f;}

ins 					  {display: block;position: relative;left: -13px !important;top: 0px;width: 100%;height: 0px;padding: 0;text-decoration: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;}
ins h4 					  {border: ridge 2px #3c6acb;background: rgba(240,240,255,0.8)/*#f0f0ff*/ url(../img/icons/h4.png) 4px 4px no-repeat;}
ins h4 					  {display: none;}
ins h4, ins h5, ins h6    {z-index:100;position: absolute;left: 0;top: 0;width: 100%;min-height: 50px;margin: 0;font-weight: bold;cursor: pointer;font-size:14px;border:1px solid #5c6bc0;color:#5c6bc0;background:#fff;opacity:0.9;}
ins h4 						{border:1px solid #3c6acb;color:#3c6acb;}
ins h5 						{border:1px solid #398c4f;color:#398c4f;}
/*
ins h4													{display:none;font-weight:normal;border:ridge 2px #3c6acb;background:rgba(240,240,255,0.8);}
ins h5													{border:ridge 2px #398c4f;background:rgba(243,249,243,0.8);}
ins h6													{border:ridge 2px #eb3c48;background:rgba(255,243,243,0.8);}
ins h4:after,ins h5:after,ins h6:after					{content:"dismiss [x]";}
*/
ins h4::after, ins h5::after, ins h6::after {content: "затвори [x]"; position: absolute;top: 0px;right: 7px;text-decoration: underline;font-weight: normal;background:#fff;}
h1						  {margin-bottom:6px;font-size:20px;}
h2						  {margin-bottom:9px;font-size:20px;}
h3						  {margin-bottom:12px;font-weight: normal;font-size:20px;}
h4	                      {margin-bottom:15px;font-size:14px;}
h5	 					  {margin-bottom:18px;font-size:12px;font-weight:bold;}
h6						  {font-size:12px;font-weight:bold;}
h4, h5, h6 				  {margin: 0;padding: 20px 0;margin-bottom: 20px;font-weight: bold;text-align: center;}
h5						  {margin: 0;}
h4 						  {display:none;}
nav							{margin:3px 0 0 0;}
datalist option.parent 		{font-weight:bold;font-size:1.5em;}
time 					  {color: #444;}
	tfoot td.desktop 						{display: none;}

input[type=checkbox], input[type=radio], input.chk, input.radio {position: relative;display: inline-block;float: none;width: 14px;margin: 0 3px 0 !important;vertical-align: middle;text-indent: 0;border: 0;background: none;}
table input[type=checkbox]{height: 14px;}
input.invalid,input:invalid 				{border:1px solid #cccccc !important;}
input, select             {height:30px;}
optgroup				  {font-style:normal;}
form em, form label, form strong, form input, form output, form select, form textarea {position:relative;display: block;box-sizing:border-box;float: left;margin:0;padding:1px;}
form strong					{line-height: 26px;}
form p {clear: both;position: relative;/* top: 19px; */height: auto !important;min-height: 25px;margin: 0;padding: 0 0 23px;}
form.extra-p-padding p {padding-bottom: 33px;}
form input, form select, form textarea {margin:2px 3px 0 0;padding: 5px;/*font-size:1.16667em;*/font-size:14px;border:1px solid #a9bbd0 !important;background-color: #fbfbfb;}
form select				  {padding:1px;}
strong.status 			  {height:26px;margin-top:-4px;padding:0 9px;text-align:center;font-weight:normal;font-size:15px;color:#fff;border:0px;background:#444;}
h3 span.status 			  {float:right;font-size:20px;}
span.status select 		  {border:0px;color:#fff;background:#444;text-align:center;margin-top:-4px;font-size:15px;padding:0 3px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

span.status-reason 			{/*font-size: 11px;*/font-weight: normal;/* text-transform: lowercase; */max-width: 400px;/*2021-05-11mss: need for text-overflow! */width: 190px;/*!*/overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
form label 				  {top:-15px;height:16px;margin: 0px -198px 0 0;padding: 0;font-size:14px !important;}
form label::after 		  {content:attr(data-invalid);}
form label.datepicker 		{overflow: visible;}
.whsnw 						{white-space: nowrap;}
/* table look*/
table 					  {width:100%;background:none;border-collapse: collapse;border-spacing: 0;}
table th,table td  	      {background: #5c6bc0;border:none;text-align:left;padding:6px;font-size:14px;}
table th  				  {color: #fff;}
tbody th				  {background-color: transparent; color:#444;font-weight: bold;}
tfoot th				  {background-color: transparent;}
/* 05.11.2020dka: added .icon.eye and tr.task*/
table tr th span.icon.eye::before {content:'\e6c6';font-family:'icons-nav';color:#4185ca;}
table tr th span.icon.eye.hide::before {content:'\e6c7';}
table tr.task 				{opacity:1;transform:scale(1);transition:0.3s 0.3s, opacity 0.3s;}
table tr.task > td 				{opacity:1;transition:0.6s, opacity 0.3s 0.3s;}
table tr.task.hide 			{opacity:0;transform:scale(0);font-size:0;height:0;line-height:0;margin:0;padding:0;}
table tr.task.hide > td 			{padding:0;border:0;opacity:0;}
table td input, table td select  			  {border:none!important;margin-top:0;}
table tbody tr:hover td   {}
table tr.grid>td		  {padding:0!important;}
table tfoot tr            {background: #e4e4e4;}
table tbody tr:nth-of-type(2n)  {background: #eef0f8;}
table thead td			  {background-color:#5c6bc0;border:1px solid #fff;color: #fff;}
table td a.link.text	  {width: 145px;}
table span				  {min-height: 15px;}


/* hotfix i please review // 2020-01-10 Krum Cvetkov */
table.toolCardAdd 		  {border-collapse: separate;}

/* table new look -alt // Krum added 2020-01-08*/
table.panel-alt										{border:0; width:100%;background:none;border-collapse: collapse;border-spacing: 0;}
table.panel-alt th,table td							{background:none;border:none;text-align:left;padding:7px;font-size:14px;}
table.panel-alt tr:hover td							{color:#000;background-color:#efe;}
table.panel-alt tr:nth-child(2n) 					{background-color:#f1f1f1;}
table.panel-alt tr:nth-child(2n+1) 					{background-color:#fff;}
table.panel tbody tr:nth-child(2n+1) 				{background-color: #eef0f8;}
table.panel tbody tr:first-child, table.panel tbody tr:last-child {background-color: #fff;}
table.panel-alt tr:first-child, table.panel-alt tr:last-child {background-color:#fff;}
table.panel-alt tr:last-child th, table.panel-alt tr:last-child {border-top:1px solid #dedede;border-bottom:0;}
table.panel-alt th, table.panel-alt td					{border:0;padding:6px 6px;text-align:left;vertical-align:top;word-wrap:break-word;font-weight:normal;background:none;}
table.panel-alt th									{border-bottom:1px solid #dedede;padding-bottom:1px;font-size:12px;font-weight: bold; color: #444;}
table.panel-alt a									{color:#4185ca;}
table.panel-alt td a.link							{padding:0;}
table.panel-alt td.num 								{text-align:right !important;}
table.panel-alt th.num 								{text-align:right !important;}
table.panel-alt th.cen 								{text-align:center !important;}
table.panel-alt th.ttl								{white-space:nowrap;}
table.panel-alt tbody td 							{border: 1px solid #fff; border-width: 0 1px;}
table.list tr th									{border-bottom:1px solid #fff;padding:7px 10px 7px !important;background-color: #5c6bc0;color: #fff;}
button                    {position:relative;margin:0 0 5px;min-width:80px;width:auto;cursor:pointer;text-transform:capitalize;font-weight:normal;font-size:14px;color:#fff;border:none;background:#5c6bc0;box-shadow:none;height: 30px !important;width: 100px;}
button:hover,.btn:hover   {background:#616ec5;opacity: 0.6;transition:0.4s ease-out;box-shadow: none;}
.button.new               {display: inline-block;vertical-align: middle;text-decoration: none;min-width: 22px;height: 22px;margin: 0px px 0 0px 0px;padding: 1px 16px;text-align: center;color: #fff;font-size: 14px;background: #86c34a;outline: 1px solid #86c34a;}
button.green, button.save {background: #8bc34a !important;box-shadow:none !important;}
a.green, a.save {background: #8bc34a !important;box-shadow:none !important;}
button.red 				  {background: #d32f2f;box-shadow:none;}
button.red:hover          {background: #d32f2f;box-shadow:none;}
button.dark               {background:#757575;box-shadow:none;}
button.accent             {background:#ecb20d;color: #fff;box-shadow:none;}
button.accent:hover       {background:#ecb20d;opacity: 0.5;box-shadow:none;}
button.blue               {background:#42a5f5;box-shadow:none;}
button.blue:hover,button.blue.active		  {opacity: 0.5;box-shadow: none;}
.btn 					  {display: inline-block;min-width: 22px;height: 22px;margin: 0;padding: 0;vertical-align: middle;text-decoration: none;}
button.top-fix			  {margin-top: 6px;}
a.btn:hover, a.btn:active {color:#e3e7fa}
#submitButton			  {margin-bottom: 10px;}
div button				  {margin:0;}
caption > button		  {font-size: 14px !important;background: #5c6bc0 !important;min-width: 98px !important;}


.btn.txt,.btn.xls,.btn.print,.btn.chart,.btn.pdf,.btn.pdff,.btn.printer{top:0 !important;background: none !important;border: none !important;color: #515151 !important;font-size: 0px!important;width: unset;padding: 0 !important;margin: 0 !important;}
dt.btn.txt:hover,dt.btn.xls:hover,dt.btn.print:hover,
dt.btn.chart:hover,dt.btn.pdf:hover, dt.btn.pdff:hover,dt.btn.printer:hover{background:none!important;color:#515151!important;}
nav.toolbar .btn			{color:#515151;}
span a.btn:hover,span a.btn:active, menu.right > .btn:active, menu.right > .btn:hover{color:#616161; background: none;}
.btn::before              {content: '';min-width: 24px;vertical-align: middle;font-size: 18px;text-align: center;color: inherit;font-family: 'icons-nav';background: none !important;}
.btn.print:before,.btn.printer::before         {content:"\e69a" !important;vertical-align:bottom;}
.btn.pdf:before, .btn.pdff::before{content:"\e683" !important;vertical-align:bottom;}
.btn.send:before		  {content:"\e648" !important;vertical-align:bottom}
.btn.text                 {display: inline-block;min-width: 22px;height: 22px;margin: 0px 6px 0 0;padding: 0px 16px;text-align: center;color: #fff;font-size: 14px;background: #86c34a;text-decoration: none;border:none;}
.btnBox:hover .btn.text   {top: auto !important;padding-bottom:0px !important;background: #86c34a !important; color: #fff !important;}
h2 > a.btn.text			  {margin-left:20px;padding:4px 16px;line-height:20px;}
.btn.text:hover 		  {background: #86c34a !important;color: #fff !important;}
/*caption .btn			  {top:50%; transform: translateY(-50%);} /*2020-01-07 Krum added*/
caption a.btn.close		  {right: 4px !important; margin-top: 3px !important;margin-left: 3px !important;background: transparent!important;border: 1px solid #fff;}
.link  					  {font-family:'icons-nav';font-size:18px;}
.link.text{font-family: inherit;font-size: 14px;}
section h2 a.link	  	  {font-family: inherit;padding:0 10px;height: 30px;color: #fff;font-size: 14px;background: #86c34a;border: none;text-align: center;line-height: 31px;text-decoration: none;}
section h2 a.link:hover   {opacity: 0.6;transition: 0.4s ease-out;}
a.link					{font-family: inherit;font-size: 14px;color: #5c6bc0;text-decoration: underline;}
a.link:hover			{text-decoration: none;}
a.link.edit, a.link.remove, a.link.view{font-family: 'icons-nav';}
.ticketNotPaid a.link.ok::before		{filter: sepia(100%);}
.ticketNotPaid a.link.ok.topay::before		{filter: sepia(0%);}
.ticketNotPaid a.link.ok.topay::after		{content: "*";color: red !important;position: absolute;top:-10px;/*line-height: 12px;margin-right: -20px;*/font-size: 32px;}
img[onclick]:hover		{outline: none;}
section div p > label a.link.batch{margin:0px;font-size:12px;color:#4185ca;}
a.onlyMeActive			{height: 15px;}
.link.remove::before 			{content: '\e6a4';color: #e15556;}
.link.edit::before 				{content: '\e699';color:#5c6bc0;}
/* 2020-03-02 deni: */
.link.copy::before				{content:'\e630';color:#333;}
/*2019-05-29mss: no need!
.link.remove::after 			{content: attr(title);display:inline-block;margin-right:5px;padding:3px 0 0 3px;vertical-align:top;color: #e15556;font-weight:normal;font-size:12px;}
.link.remove:hover::after 		{color: #dc1315;}
.link.edit::after 				{content: attr(title);display:inline-block;margin-right:5px;padding:3px 0 0 3px;vertical-align:top;color: #4194D9;font-weight:normal;font-size:12px;}
.link.edit:hover::after 		{color: #067ada;}
*/
.link.add				  {font-size:12px;color:#5c6bc0;}
.link.add:before          {content: '\e6cf';color: #5c6bc0;font-family:'icons-nav'}
.link.veiw                {font-family:'icons-nav';margin: 0px -12px 0 26px;font-size:14px !important;}
.link.view:before         {content: '\e6c8';margin: 0 0 0 8px;}
.link.view.status-100::before 		{outline:solid 5px #cfc;background: #cfc;}
.link.view.status-85::before 		{outline:solid 5px #fcc;background: #fcc;}
a.xla:before, a.odt:before, a.xls:before, a.xlsx:before {content: "\e6bc";}
a.doc:before, a.txt:before {content: "\e6bb";}
a.txt:before, a.tsv:before {content: "\e626";}
a.chart::before			{content: "\e644";}

form::after{content: '';clear: both;display: block;}

.statusFilter             {min-width: 22px;height: 22px;margin-bottom: 5px;padding: 1px 16px;text-align: center;text-decoration: none;color: #444;font-size: 14px;border: none;}
.status:not(table.toolCard thead th.num.status)  {float:right;}
/*print-only*/
.print-only 			  {display:none;}
/**/
a.file 					  {display: inline-block;text-decoration: underline;color: #4194d9;float: none !important}
/*.visible, .disp           {display: none !important;}*/
article.file header>b     {float:none;min-width:100px;}
article h3 a.link         {font-size: 12px;color: #42a5f5;font-family: 'Roboto',sans-serif;text-decoration:underline;}
article h3 a.link:hover   {text-decoration:none;}
.onlyMe 				  {font-family: 'Roboto',sans-serif;}
.onlyMeActive             {padding: 2px 4px;text-decoration: none !important;/* background: #d3fba6 !important; */color: #fff !important;background: #ffc107 !important;font-family: 'Roboto',sans-serif;}
a.download,a.delete,a.back {color: #444;margin-right:5px;text-decoration:underline;}

.priority-high td	{font-weight:bold;}
.priority-low td	{color:#999;}
.status-50.overdue	{color:#5c6bc0;}
.day-50 			{}
.day-100 td			{color:#9c27b0;}
/* IM: added Status Formatting */
tr.perr *	{color:red !important}
tr.qerr *	{color:orange;}
/* alert */
body.alert	        {display:block;padding:0;background:#5c6bc0 100% !important;min-width:320px;background-size: 400% 400%; -webkit-animation: Gradient 10s ease infinite; -moz-animation: Gradient 10s ease infinite; animation: Gradient 10s ease infinite;}
.alert header	    {display:none;position:fixed;top:0;left:0;width:100%;height:44px;min-height:44px;}
.alert header h1	{}
.alert header h1 a	{display:block;background: url('../img/logo.png') no-repeat 24px center/ 60% auto;font-size:0;}
.alert form			{display:block;position: absolute;top:0;float:none;width:100%;max-width:unset;min-height:unset;height:100%;margin:auto;text-align:center;border:none;background:none;}
.alert form section	{position:absolute;top:-15%;left:0;right:0;bottom:0;margin:auto;max-width:300px;max-height:365px;min-height:320px!important;padding:25px 45px 10px;border:none;background: url('../img/print/logoPrint.png') #fff no-repeat;background-position:center 40px;background-size:45%;overflow-x:visible;}
.alert form section h6,
.alert form section h5 {width:100%;position:relative;;margin:0;padding:0;color: #8bc34a ;left: 0;top:70px;background: #fff;font-weight:normal;font-size: 14px;}
.alert form section h6{color: #d32f2f;}
.alert form section h6 b,
.alert form section h5 b {font-weight:normal;}
.alert h2	{display:none;}
.alert form  section p:nth-of-type(1)   {margin-top:50px !important;}
.alert form  p	{padding-bottom:0;}
.alert form footer	{width:100%;margin-top:25px;margin-bottom: 0;}
.alert form em,
.alert form p input	{float:none;width:100%;overflow:hidden;padding:10px 3px;border-radius: none;background-color: #ffffff !important;}
.alert form p input {min-height:35px;}
.alert form em      {display:block;font-weight:normal;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.alert form em	{margin:10px 0 0 0;padding:0;text-align:left;color:#5c6bc0;font-size: 13px;height: 17px;}
.alert form footer button	{width:100% !important;margin:0;padding:16px 0;background:#5c6bc0;outline:none;height:auto !important;box-shadow:none;}
.alert form footer button:hover {box-shadow:none;opacity: 0.8;}
.alert form footer input	{margin:0 1px;}
.alert form footer a	{margin:6px 0 0;}
.alert>footer	{display:none;height:44px;padding:0;}
.alert #debug	{bottom:15px;}
/* misc */
.left					{clear:none;position:relative;float:left;}
.left-s					{display: block;position: relative;float: left;width: 740px;margin: 0;padding: 0;} /*2020-01-10 Krum added*/
div.left				{float: left;}
div.cl.left				{float: none;}
.right					{clear:none;position:relative;float:right; right:4px;}
.full					{width:100%;}
footer.full				{padding-left: 0; padding-right: 0;}
.half					{width:49%;}
.tl						{position:absolute;top:0;left:0;}
.tr						{position:absolute;top:0;right:0;}
.bl						{position:absolute;bottom:0;left:0;}
.br						{position:absolute;bottom:0;right:0;}
.last					{margin-right:0!important;}
.column-s				{left: auto !important; width: 345px !important; position: relative; float: left; margin: 0 20px 0 30px;} /*2020-01-10 Krum added*/
.column-s div			{margin-bottom: 20px} /*2020-01-10 Krum added*/
*[onclick]				{cursor:pointer;}
h2[onclick] 			{text-decoration:underline;}
.more			{text-decoration:underline !important;}
.more:hover		{text-decoration:none !important;}
/*
td[onclick], td[onclick] span			{text-decoration:underline !important;}
td[onclick]:hover, td[onclick]:hover span			{text-decoration:none !important;}
td[onclick]:hover		{text-shadow:  1px 1px 1px #ccc;}
*/
.center,.cen,.mid		{text-align:center;}
.nobr					{white-space:nowrap;}
.num,.num *				{text-align:right;white-space:nowrap;}
thead th.num, thead th.num *	{text-align:center;white-space: normal;}
div.fader				{z-index:98;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.69;filter:alpha(opacity=70)}
iframe					{z-index:100;position:absolute;left:50%;top:30px;width:800px;height:370px;margin:0;overflow:auto;}
div.left span.amount-detail label{font-size: 10px !important;}
div.left span.amount-detail input.iis{width: 48px;}
div.left span.amount-detail input.ii{width: 38px;}
div.right span.amount-detail label{font-size: 10px !important;}
div.right span.amount-detail input.iis{width: 48px;}
div.right span.amount-detail input.ii{width: 38px;}
/* header */
html	    			{display:block !important;position:relative;width:100%;height:100%;}
body	    			{display:block;min-width:320px;position:relative;margin:0 auto ;/*202010-03mss: bcs footer! padding:0;*/padding:0 0 11px;overflow-x:hidden;font-family: 'Roboto',sans-serif;font-size:14px;color: #3d3d3d;}
body.main h2            {margin:0 !important;padding-bottom: 0;font-size: 20px;color: #3d3d3d;font-weight: normal;}
body menu>h2 			{display: none;position: relative;margin: 0;padding-right: 18px;text-align: right;}
body >header 			{position:relative;width:100%;min-height:92px;margin: 0 auto;padding:0;background:#5c6bc0;}
body > header::before 	{content: "";display: block;position: absolute;left: -100%;right:-100%;height:58px;background: #5c6bc0;}
body > header::after 	{content: "";display: block;position: absolute;left: -100%;right:-100%;top:56px;height:40px;background: #525fa9;z-index:0;}
header>h1		        {display:block;margin:0;font-size:0;padding:0;background:none;border:none !important;}
header>h1 a		        {position:absolute;top:6px;width:180px;margin:0;padding:0;background: url('../img/logo-aip.png') no-repeat 0px center/ 60% auto;font-size:0;}
header>img 				{/*not used: display:none;position:absolute;left:0;top:0;width:100px;height:40px;padding:0 20px 0 0; client's logo */}
header>b				{z-index:0;float:left;display: inline-block;margin-right:5px;font-weight:normal;}
header>a				{/*z-index:0;position:absolute;right:20px;/*bcs of nav format width: position:relative;*//*display:inline-block;margin:14px 0 0 6px;text-decoration:none;/* logout */}
header>nav ul			{margin:0;padding-top:56px;list-style-type:none;}
header>nav ul li		{}
header>nav a			{position:relative;display:block;height:29px;}
header>nav b			{padding:0 0 0 6px;}
header>nav li.active 	{}
header>nav .active a	{}
header>nav a:first-child{}
header>nav a:last-child	{}
header>div				{position:relative;top:0;right:7px;width:100%;padding:5px;text-align:left;color:#000;}
header>div>label        {}
header>div div			{position:relative;height:43px;overflow:hidden;font-weight:bold;}
header>div p			{position:relative;margin-top:4px;font-size:10px;}
header>div a			{color:white;}
header>div label        {top:0;}
header>div b  			{float:left;font-weight:normal;margin-right:10px;}
header>div .bottom		{position:absolute;bottom:0;color:white;font-size:12px;width:275px;}
div.multi				{padding: 10px 10px 0px 20px;color: #444;width: 47.5%;margin: 0 !important;display: inline-block;border: 1px solid #a9bbd0;background-color:#fcfcfe;}
body > h4, body > h5,body > h6 {display:none; padding:14px 0 1px 18px; min-width:900px; min-height:26px; background:#ba0000; color:#fff;}
header > h1 > a 		{display:none; width:335px; height:50px;}
/* main navigation */
header > nav.main 			{width:100%;background:none;margin:0;padding-right:0;}
header > nav.main 			{position:relative; float:left;}
header > nav.main div.mobileMenu		{position: absolute;left:0;display: inline-block !important; z-index: 150; background-color: transparent; width: 130px; height: 56px; cursor: pointer;}
header >  nav.main::before  {content:'';display:inline-block;position:absolute;top:7px;left:0;width:48px;height:48px;background:url('data:image/svg+xml;utf8,<svg width="24" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5,6 L12.5,12 M11.5,12 L19,6" stroke="white" stroke-width="2" /></svg>') no-repeat center center;}
header >  nav.main::after   {content: attr(title);position:absolute;top:18px;left:45px;width:auto;font-size:18px;color:#fff;}
header > nav.main ul li     {float:none;display:block;margin-right:2px;min-height:0;padding:0;background:none;}
header > nav.main.active::before {background:url('data:image/svg+xml;utf8,<svg width="24" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5,12 L12.5,6 M11.5,6 L19,12" stroke="white" stroke-width="2" /></svg>') no-repeat center center;}
header  > nav.main.active {z-index:99;}
header  > nav.main.active ul {}
header  > nav.main.active li {max-height: 100px;overflow: visible;}
header  > nav.main.active li >a {display: block;width:100%;background: #5c6bc0;color:#fff;z-index:100;text-align:left;}
header > nav.main ul li:last-of-type {margin-right:0;}
header > nav.main ul li > a  {display:none;height:60px;line-height:60px;padding:0 10px;text-decoration:none;color:#fff;background:none;border:none;font-weight:normal;}
header > nav.main ul li > a:hover {background:#525fa9;border:none;}
header > nav.main ul li > a.active {border:none;height:60px;background:#5c6bc0;text-shadow:none;}
header > nav.main ul li > a.active:hover {}
header > nav.main .home 				{display:none !important;}
/* sub navigation */
header li > nav > a 			{padding:5px 7px;}
header li > nav.sub 			{position:absolute; top:56px;left:10px !important;width:100% !important;margin:0;border-top:none;background:#525fa9; white-space:nowrap;z-index:10;overflow-x:auto;overflow-y:hidden;border:none;text-align:left;}
header li > nav.sub > a 		{display:inline-block;height:32px;line-height:40px;padding:0;margin:0 15px 0 0;color:#fff;text-decoration:none;border:none;color:#fff;background:none;font-weight:normal;text-align:center;}
header li > nav.sub > .active, header li > nav > a:hover, header li > nav > a:hover {background:none;}
header li > nav.sub > .active 	{border-bottom:2px solid #fff;border-width:0 0 2px 0;color:#fff;}
/* options menu */
header > dl 					{position:absolute;top:15px;right:0px;color:#fff; margin:0px; width:200px; height:30px;z-index:99;}
header dt 						{display:none;position:relative;text-align:right; color:#fff;font-weight:normal !important;padding: 5px 40px 8px 0;}
#screenName {float:right;}
header dl.active dt::before 	{/*content:"";background: url('../img/logo.png') #5c6bc0 no-repeat 24px center/ 60% auto;display:block;position:absolute;right:0px;left:0;top:30px;height:50px;z-index:5;*/}
/*header dd::after 				{content:url('/img/nav/accMenu3.png'); display:block; position:absolute; right:5px; top:-10px;padding:0; z-index:5;border:none;}*/
header dd:hover::after  		{border:none;background-color:none;}
header dd	 					{position: absolute;right: 0;top: -7px;margin:0;height:40px;width:180px;transition: all 0.3s ease;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80' width='300'%3E%3Cg fill='none' stroke='%23f1f1f1' stroke-width='2'%3E%3Cpath stroke-linecap='square' d='M150 20 l21 0' /%3E%3C/g%3E%3C/svg%3E");cursor:pointer;}
header dd::before, header dd::after{content:"";display:block;position:absolute;top:6px;right:0;margin:6px 8px;padding:0;border:0;width: 23px;height: 2px;background-color: #f1f1f1;transition: all 0.3s ease;}
header dd::after				{top: unset;bottom:6px;}
header dl.active dd::before 		{transform: rotate(-45deg) translate(-4px, 6px);}
header dl.active dd				{background-image: unset;}
header dl.active dd::after			{transform: rotate(45deg) translate(-4px, -6px);}
header menu 					{ display:none;position:relative;top: 35px;right: 8px;z-index: 10;border: 1px solid #c9cacb;border-radius: 5px;border-top-right-radius: 0;padding: 10px;text-align: left;font-size: 14px;background: white;box-shadow: 2px 2px 3px 1px #6d6d6d55;}

header menu> h2 				{}
header menu > a   				{display:block;padding: 10px 0 10px 16px;text-decoration:none;color:#000;font-weight:normal;}
header menu > a:hover, header menu > a.active {background:#fff; color:#3e3e3e;}
header dl.active 				{height:100%;}
header dl.active dd menu    	{}
header dl.active dd:after 		{border-bottom:none; border-color:#e0e0e0;/*background-color:#2e2e2e;*/}
header dl.active menu			{display:block;top:34px;right: 9px;}
header dl.active menu a         {text-align:left;}
body.main section header		{display: none;}
.newStyle section label.file	{margin-top:8px !important;}

/* content */
form > section 						{display:block;width:100%;box-sizing:border-box;margin-top:20px;padding:0;/*max-width:1634px;*/background:#fff;overflow-x: auto;overflow-y: hidden}
body > form                     	{display:block;position:relative;max-width:1634px;margin:25px auto;font-size: 14px;background-color: #fff;clear: both;}
body  form nav.toolbar 			    {position: absolute;top: -20px;right: 0;max-width: 1634px;margin: auto;text-align: right;z-index: 20;}
body > form h2 						{top: auto !important;min-height:30px;margin:0 0 15px !important;padding-left:0px;background:none;}
body > form nav.tab.filter 			{float:right; margin: 0 10px;border: none; padding:0;line-height:normal;background: none;}
body > form nav.tab.filter a 		{float: left;height: auto;margin:0px 2px;padding: 3px 5px;cursor: pointer;color: #4185ca;font-size:13px;text-transform:lowercase;}
body > form nav.tab.filter a.active {color:#fff;}

input[title="Search in tasks"] 		{display:none;}
input:disabled 						{background:#f4f5f8;}#eef0f6
input:read-only						{background:#f4f5f8;}
a.onlyMe 							{display:none;}
/*26.03.2020deni: to show the datepicker over the add grid and the datepicker in table breaks*/
td.cell-datepicker          		{z-index:60 !important;white-space:break-spaces !important;word-break:break-all !important;}
tr.head th							{/*2019-06-27mss: see next! padding:14px 6px 6px 6px;font-weight:bold;font-size:16px;background:#FFF59D;border:1px solid #F1F1F1;border-width: 1px 0px;*/}
tr.head th, tr.main th, table.list tbody tr th{padding:15px 10px 6px !important;font-size:14px;font-weight:bold;border-bottom:1px solid #525fa9 !important;border-top:1px solid #525fa9 !important;background: #fff !important;color:#444}
tr.head ~ tr td:first-of-type 		{padding-left:20px;}
tr.head ~ tr td.x 		{padding-left:4px;white-space:nowrap;}
table tbody:first-child th.author  	{padding-top:8px;}
table th.author 					{padding:15px 0 5px 0;}
table th.group						{/*2019-06-27mss?!?: padding-top:18px;text-align:left;font-size:15px;color:#3d3d3d;border-width:0;border-bottom:1px solid #dedede;*/}
table td.empty 						{background:#f1f1f1;padding:15px;}
table td small 						{display:block;}
h4.empty 							{display:block;padding:15px;text-align:left;font-weight:normal;background:#f1f1f1;}

.newStyle form p 				    {margin:0 !important;padding-bottom:8px;}
form p 								{/*overflow:auto;*/}
section > h2 						{position:relative;height:auto;margin:0;padding:0;font-size:20px;color:#3d3d3d;font-weight:normal;background:none;}
section > h2 > nav.tab	            {position: relative;float: none;font-size:14px;border: none;padding: 0;line-height: 20px !important;background: none;}
section > h2 > nav.tab label 		{position:initial;margin: 6px 0 0 5px !important;padding: 0 6px;cursor: pointer;width: max-content;height: 20px;}
section > h2 > nav.tab span 		{color:#444;}
section > h2 > nav.tab span.lbl     {display:none;float: left;margin-bottom: 5px;margin-right: 5px;font-weight:bold;font-size:20px;}
section > h2 > nav.tab label.active {background:#525fa9;color:#fff;}
section > h2 > nav.tab label:hover  {background:#616ec5;color:#fff;opacity: 0.8;}
section > h2 > nav.tab input 		{display: none;}
section.detail 						{}
section.detail > h2       			{max-width:805px;min-height:50px;}
form section div.cl      			{clear:right;margin-bottom: 2px;}
form section div.cl				 	{margin-bottom:20px;}
form section div.cl h1  			{margin-top:20px;clear:both;}
form section div.cl h1 > a.link	    {display: block;margin-left: 0;padding: 10px 0 10px;color: #444;}
form section article.cont           {max-width:810px;margin: 0 0 40px;}
form section article.clm            {max-width:600px;}
form section.cll,
form section article.cll            {display:inline-block;width:100%;max-width:850px;vertical-align:top;}
form section.clls,
form section article.clls            {display:inline-block;width:100%;max-width:640px;vertical-align:top;}
form section::after {content: '';clear: both;display: block;}
form section article.clr h3 input.w5{width:25%;right:0;margin-right:0;font-size:14px;}
form section article.cll footer     {margin-bottom:60px;margin-top:20px;padding-top:20px;}
form section article.clls footer    {margin-bottom:30px;margin-top:10px;}
form section.clr,
form section article.clr            {float:left;width:100%;max-width:470px;}
form section article.clr article 	{margin-bottom:40px;}
form section article.clr table      {display:table;white-space:normal;}
form section article.activity:first-child header {margin-top:25px;}
form section article.activity header{margin-top:14px;border-bottom:1px solid #a9bbd0;}
form section article.activity header b{font-weight:bold;}
form section article.activity header time{float:left;margin-right:9px;}
form section article.activity p {margin:6px 0 0 6px;}
form section header b				{float: left;}
form section aside article 			{margin-bottom:40px;}
form section aside > div            {margin:0 !important;}
form aside.financial 		        {float:left;min-width: 180px;width: 180px;margin-left:10px;margin-right:20px;margin-bottom:20px;padding-left: 8px;padding-right: 6px;padding: 0 0 48px;}
form aside.financial article        {}
form aside.financial dl             {padding: 0 0 0 10px;}
form aside.financial dl a.active    {background:#fff;color: #000;}
form aside.financial dt             {color: #eee;font-weight: bold;}
form aside.financial dl a           {display:block;margin: 0 0 7px;padding: 6px;color: #ccc;}
form aside.financial h2 			{font-size: 20px;color: #eee;margin: 5px 0 5px 10px;}
section.detail footer		      	{margin:25px 0;text-align: right;clear:both;}
section.detail footer button      	{margin-bottom:5px;}
footer button					 	{margin-left:3px;}
section > h2 span.right,section > h2 menu.right, section> h2> span  {right:0;display:inline-block;float:none;margin-left:0;padding: 0;}
section.detail > h2 span.right a 	{color:#515151;}
section.detail > h2 span.button 	{position:static;width: auto;display: inline-block;min-height: 24px;float:none;}
section > header 					{max-width:100%;margin:0;padding:10px 0 0 10px;background:#eef0f8;border:none;height:auto;min-height:50px;box-sizing:border-box;}
section > header::after 	    	{content:'';display:block;width:100%;clear:both;}
section > header::before     		{content:'';}
section > header.header label       	{float:left;display:inline-block;height: auto;top:0;margin:0 0px 10px 0;-moz-margin-end: 8px;;padding:0;font-size:0px;}
section > header.header label.nomobile,
section > header.header input.nomobile 	{display:none;}
section > header.header label.text		{padding-top:9px;}
section > header.header label input,
section > header.header label select,
section > header.header label textarea  {float:none;display:inline-block;width:100%;}
section > header.header div		     	{clear:both;}
body.journal .x							{width: 160px;}
body.journal .ix						{width: 120px;}
body.journal .vii						{width: 95px;}
body.journal .viii						{width: 130px;}

section.panel							{padding: 0 15px;}
section.panel article					{width:100%;margin:5px 0 25px;}
section.panel label 					{box-sizing: border-box;display: inline-block;top:auto;width: 100%;height: auto;overflow: visible;margin: 0 0 5px;padding: 1px;vertical-align: top;text-indent: 5px;font-size: 12px;}
section.panel label.empty 				{min-height: 49px;}
section.panel input, section.panel select, section.panel textarea{box-sizing: border-box;display: block;width: 100%;margin: 1px 0 0;padding: 2px 2px 3px 5px;font-size: 14px;color: #263238;outline: none;}
section.panel aside						{position:unset;right:auto;width: 92%;min-width: unset;max-width:none;margin: 20px 0 0 0;}
section.panel footer					{width: auto;}
section.panel span.left 				{width: 20px; margin-left:13px}
section.panel span.left label			{margin: -3px 0px 10px -13px;}
section.panel a							{font-size:13px;text-decoration: underline;color:#4194D9;margin-left: 6px;}
section.panel a:hover					{text-decoration: none;}
a.more, section.panel a.more 					{margin: 0;color: #4185ca;font-weight: bold;font-size: 14px;text-decoration: none !important;}
a.more:hover, section.panel a.more:hover				{text-decoration: underline !important;}
section.panel p							{margin: 0 !important;}
section.panel p.xxx						{width: 100%;}
header.panel							{margin: 0;padding: 0;border-bottom: none !important;color: #666;}
header.panel span.status				{color: #666;}
span.button.xxx							{position: absolute;left: 0;;text-align: right;width: auto;}
article.task b							{font-weight: bold;}
header.panel h3 a.link 					{color: #4185ca;font-size:13px;text-decoration:underline;margin: 0;}
header.panel h3 a.link:hover			{text-decoration: none;}
header.panel h3 a.link.active			{text-decoration: none;color: #fff;border-radius: 3px;background: #4185ca;height: 14px;padding: 3px 5px;}
.panel h3		 						{border-bottom: 1px solid #aaa;margin:0 0 15px 2px;padding: 0 0 4px;font-size: 18px;font-weight: normal;color: #666;}
section.panel article h3 input			{width: 18%;margin:2px -4px 0 0;border-width: 0 0 1px 0 !important;border-color:#4185ca!important;padding:0 5px;background: none;height: 16px;color: #4185ca;}
section.panel article a.addnew			{float:none;margin: 0;}
article.task header a.link				{margin: 0;padding: 0;font-size: 18px;text-decoration: none;}
article.task header span				{margin: 4px 20px 0 0;}
body > nav.toolbar						{position:absolute;right:0;left:0;top:66px;margin:auto;max-width: 1620px;text-align: right;color: #fff;}
body > nav.toolbar a					{color: #fff;}
section.left:first-of-type				{width: 100% !important;}
form section.left:first-of-type >section.left{width: 100% !important;max-width: 800px;min-width: 300px}
section.left:first-of-type >section article{width: 100% !important;}
section.left article					{width: 100% !important;max-width: 800px;min-width:auto;}
article.info header						{width: 100%;}
.percent input, .percent select, .percent strong,
.order input, .order select, .order strong,
.accounting input, .accounting strong,
.dataledger input,.dataledger select,.dataledger strong,
.ddetail input, .ddetail select, .ddetail strong, body#activityPopup input{margin-right:1% !important;}
form section aside						{position:unset;width: 100%;min-width: unset;max-width: 800px;margin: 10px 0 0 0;padding:0!important;}
section aside article.third				{min-width: unset;max-width: none;width: 100% !important;}
body#filePopup footer.xxx{width: 98% !important;}
.percent .iv			{width: 12%;}
.percent .v				{width: 16%;}
.percent .vi			{width: 18%;}
.percent .xv			{width: 49%;}
.percent .x				{width: 32%;}
.percent .ii			{width: 5%;}
.percent .iii			{width: 9.3%;}
.percent .xii			{width: 38%;}
.percent .vii			{width: 21.8%;}
.percent .viis			{width: 23.5%;}
.percent .xxvii			{width: 88%;}
.percent .iis			{width: 7%;}
.percent .ix			{width: 28.7%;}
.percent .viiis			{width: 23%;}
.percent .i				{width: 6%;}
.percent .xxx, .asset .xl{width: 98% !important;}
.percent .xi			{width: 35%;}
.percent .xv			{width: 50%;}
.percent .xxvi			{width: 85%;}
.percent .xxiv			{width: 84%;}
.percent .xviii			{width: 61%;}
.percent .xiv			{width: 48%}
.percent .xx			{/*2021-04-27mss: width: 63%;*/width: 65%;}
.percent label			{top:-15px}
.order .iii				{width: 15.3%;}
.order .iv				{width: 16%;}
.order .xv				{width: 65%;}
.order .ii				{width: 0%;}
.order .vi				{width: 26.6%;}
.order .iiis			{width: 20%;}
label.lnk a 			{margin-left: 9px; font-size: 12px;}
.pay .iii				{width: 11.2%;}
.pay .xix				{width: 60.8%;}
.pay .i					{width: 5%;}
.pay footer.xxx,.full .xxx, .partner .xxx{width: 99% !important;}
.item .iii				{width: 9%;}
.item .i				{width: 2%;}
.partner section h2, .partner section p,
.partner section footer, .full section p {max-width:800px;}
.partner label.v		{width: 98px;}
.partner .xv			{width: 48%;}
.partner .xii			{width: 37.7%;}
.full .xiv				{width: 46%;}
.full .x				{width: 32.33%;}
.full .xiii				{width: 44%;}
.full .vii				{width: 25%;}
.full label, .full strong{font-size: 12px;}
.full footer button		{width: auto;}
.full aside				{display: none;}
.order .xxxv, .full section footer, .partner section footer{width: 99%;max-width: 793px;}
.accounting .iv			{width: 10%;}
.accounting .iii		{width: 8%;}
.accounting .xviii		{width: 42%;}
.accounting .v			{width: 11%;}
.accounting .vi			{width: 15%;}
.accounting label		{width: auto;}
.accounting .xv			{width: 34.5%;}
.accounting .xx			{width: 52.5%;}
.accounting .xxxiv		{width: 81%;}
.accounting a.link.edit	{margin-bottom: 3px;}
body#templatePopup .ii	{width: 8%;}
body#templatePopup .ix	{width: 30%;}
.batchpopup				{min-width: 610px;}
.dataledger .iv			{width: 20%;}
.dataledger .xix		{width: 63%;}
.dataledger .vii		{width: 24%;}
.dataledger .i			{width: 5%;padding: 1px ;}
.dataledger .x			{width: 32.33%;}
.dataledger form section h3+p{margin-top: 30px !important;}
.dataledger form p 		{padding-bottom: 20px;}
.dataledger section label{top:-15px !important;margin: 0px -198px 0 0!important;padding: 0!important}
.dataledger label.rate	{padding-top: 14px!important;}
body.newStyle.popup.dataledger .v{margin:0 1% 0 0 !important;width: 15% !important;}
.dataledger h3			{font-weight: bold;font-size: 15px;background-color: #e3e7f6;}
.dataledger strong		{padding:2px 0 0 0!important;}
.ddetail div.left, .ddetail section footer{margin: 0 10px 0 0;width: auto;max-width: 400px;}
.ddetail section footer	{margin-bottom: 15px;}
.ddetail section table a.link{margin:10px 0 0 25px}
.ddetail section table th input.iii{width: 50%;}
.ddetail .vi			{width: 24%;}
.ddetail .v				{width: 23%;}
.ddetail .iv			{width: 22%;}
.ddetail .i				{width: 1.3%;}
.ddetail .iii			{width: 14.3%;}
.ddetail .xi			{width: 52%;}
.ddetail .ix			{width: 50%;}
.ddetail .xv			{width: 75%;}
.ddetail .xx			{width: 99%;}
.ddetail .x				{width: 48%;}
.ddetail a.right		{right: 65px;}
.ddetail button.v		{width: 98px;}
.ddetail div.box		{border: none!important;padding:25px 0 0 10px!important;width: auto;max-width: 820px;height:auto!important;}
.ddetail div.box input,.ddetail div.box select,.ddetail div.box strong{margin-right:0.5% !important;}
.ddetail div.box .vi	{width:11.7%;}
.ddetail div.box .x		{width: 23.4%;}
.ddetail div.box .iv	{width: 10.7%;}
.ddetail div.box .i		{width: 2%;}
.ddetail div.box .ix	{width: 26%;}
.ddetail div.box .iii	{width: 7.4%;}
.ddetail div.box .viii	{width: 14%;}
.ddetail div.box .xxi	{width: 49.3%;}
.ddetail div.box .xiv	{width: 36%;}


/*2021-04-27mss: see next! Inbound invoices wider!
.inbdetail form			{width: 1634px;}
.inbdetail .vi			{width: 118px;}
.inbdetail .v			{width: 98px;}
.inbdetail .iv			{width: 78px;}
.inbdetail .i			{width: 18px;}
.inbdetail .iii			{width: 58px;}
.inbdetail .x			{width: 198px;}
.inbdetail .viii		{width: 154px;}
*/
.inbdetail span.button	{max-width:980px;}
.inbdetail p			{max-width:1024px;}
.inbdetail .vi			{width: 12.25%;}
.inbdetail .v			{width: 11.5%;}
.inbdetail .iv			{width: 11%;}
.inbdetail .i			{width: 0.65%;}
.inbdetail .iii			{width: 7.5%;}
.inbdetail .xi			{width: 26.25%;}
.inbdetail .ix			{width: 25%;}
.inbdetail .xv			{width: 37.5%;}
.inbdetail .xx			{width: 49.5%;}
.inbdetail .x			{width: 24%;}
.inbdetail .xli			{width: 100%;max-width:996px;}


/*2021-04-27mss: end!*/
.inbdetail dl.slide dt	{width: auto;}
.inbdetail dl.slide dd	{border-top-right-radius: 0;}
body#activityPopup .iv	{width: 14%;}
body#activityPopup .vi	{width: 20%;}
body#activityPopup .xiv	{width: 40%;}
body#activityPopup .iii	{width: 11%;}
body#activityPopup .xxx	{width: 100%;}
body#activityPopup p.xxx{width: 100%;}
body#reportPopup .xxiv	{width: 79%;}
.newField .xxiii		{width: auto;max-width: 453px;}
body#userPopup .v		{width: 17%!important;}
body#userPopup .ii		{width: 38px;}
body#userPopup .vi		{width: 118px;}
body#userPopup .viii	{width: 158px;}
body#userPopup .x		{width: 198px;}
body#userPopup strong	{padding: 2px 2px 0;}
span.rest				{position:absolute;bottom:40px;left:32px;margin: 0;}
input[readonly], form input[readonly]:focus,
input[disabled], form input[disabled]:focus,
textarea[readonly], textarea[readonly]:focus,
textarea[disabled], textarea[disabled]:focus,
select[readonly], select[readonly]:focus,
select[disabled], select[disabled]:focus 		{color: #7f7f7fe6 !important;background-color:#f4f5f8 !important;}
table.panel th							{border-bottom: 1px solid #a9bbd0 !important;}
table.panel tr:last-child th			{border-bottom: 0 !important;}
table tr.grid>td input:invalid						{border: none !important;width: 100%;}
table tr.grid>td input[readonly]		{background-color: transparent !important;}
header.header input, header.header select{margin:0px 4px 0 0}
.new button								{text-transform: none;margin-bottom:0px !important;}
.new section > header label						{display: inline-block;}
section > header span.right label				{width: 230px !important;}
section > header span.right label select		{width:100%;}
section > header input, section > header select	   			 	{margin:0 15px 10px 3px;}
div.multy input, div.multi input		{margin-bottom: 10px;}
.wide section h2, .list section h2		{margin-top: 0 !important;}
.newStyle section label                	{box-sizing:border-box;float:left;top:0;padding:0px 3px 0px 0;margin:0;height:auto;white-space: nowrap;}
.newStyle section label input,
.newStyle section label select ,
.newStyle section label textarea		{width:100%;display:inline-block;}
section label >a.right 					{font-size:12px;margin-right:0px;color:#4185ca;text-decoration: underline;}
section label >a.right:hover			{text-decoration: none;}
.newStyle section label strong a 		{line-height: 30px;}
.newStyle section label.chk input		{width: 12px;}
.newStyle-header						{padding: 12px 20px; margin: -10px -10px 0 -10px}
.newStyle-header input:read-only,
.newStyle-header input:-moz-read-only 	{background: #f1f1f1 !important;}
.newStyle-header.extra-padding			{padding: 35px 20px 12px 20px}
.newStyle-header label input, .newStyle-header label select 	{margin-top: 5px;}
.newStyle section.detail .sq			{width: 25%!important;}
h2 nav.middle							{margin-left:10px;}
.section-filter caption select			{margin-top: 46px;}
.section-filter caption button			{margin-top: 46px; background: #757575;}
.section-filter caption .link.add.right	{margin-top: 39px; padding: 5px 12px 3px 12px;}
section > .newStyle-aside 				{position: absolute; left: 635px; margin: 0px; padding: 0px; width: auto; min-width: 380px; max-width: 598px; z-index: 10;}
caption, section > h3 {position: relative;height: auto;min-height: 32px;line-height: 32px;margin: 0;padding: 3px 3px 3px 12px;font-weight: bold;}
section table       		            {/*display:block;overflow-x:auto;*/width:100% !important;border:none;/*2019-05-29mss???: margin-top:0;margin-bottom:50px;*/padding-bottom:30px;margin-left:0;/*2019-06-06mss: can't be valid for all tables! See responce - some info is hidden! white-space:nowrap;*/}
section table.mobi 						{display:table;}
section table.inline 			    	{display:block;max-width:807px;clear:both;} /* 2020-01-07 Krum removed margin-top:40px;margin-bottom:60px*/
.newStyle.popup section table.inline 	{margin: 0;}
.newStyle.popup label					{white-space: normal;}
.hint			 			 			{font-size: 12px !important;}
.partner aside							{position: relative;bottom: -385px;left:0 !important;margin: 0;max-width: 793px;float: none;}
/*section table.inline thead th     		{border-bottom: 1px solid #2c377a;color: #fff;font-weight:bold;}*/
section table.inline tbody td   		{border: 1px solid #fff;}
/*section table.inline tbody tr:nth-of-type(2n) {background: #f1f1f1 !important;}*/
section >table.inline a.link      		{/*font-size:14px;margin-left:0;*/}
section > table thead th				{border:1px solid #fff;border-width: 0 0 1px 1px;z-index:10;top:0;padding:7px;background-color: #5c6bc0;color: #fff;;font-size:14px;font-weight:bold;}/*06.04.2020dka: added z-index*/
section  table tbody td           		{border: 1px solid #fff;border-width:0 1px;}
section  table tbody td.button 			{width:80px;white-space:nowrap;}
section  table tbody tr:hover td 		{background:#efe;}
section  table tbody a 					{text-decoration:underline;color:#444;}
section  table tbody a:hover			{text-decoration:none;}
section  table tbody a.link				{text-decoration:none;}
section > table tbody             		{word-break: break-word;vertical-align:middle;}
section > table tbody tr:nth-of-type(2n){background: #eef0f8 !important;}
section > table tfoot tr 		    	{background:#dee1f0 !important;}
tr.foot th								{border: 1px solid #868eb8;font-weight: bold;background: #e7ebf7;}
table.grid 			 					{display:table;}
table.grid tbody 						{display:table-row-group;}
table.grid tbody td						{display:table-cell;width:auto;}
table.grid tbody td.third				{width:28%;}
table.grid tbody td.nophone				{}
table.grid tbody td.chb	span			{display:none;}

#table thead td, #table thead th		{border: 1px solid #fff;/*border-width: 1px 0;*/background-color: #5c6bc0;color: #fff;font-weight: bold;}

tr.add 			 		    			{}
tr.add td			 		    		{padding: 4px !important;background-color: #cbd0ec !important;}
tr.add strong							{font-size:0;}
tr.add label							{font-size:0;}
tr.add input,tr.edit input				{width:100%;max-width:450px;}
tr.add select,tr.edit select			{width:100%;max-width:450px;}
tr.add .full,tr.edit .full				{width:100%;max-width:initial;}/* 09.03.2020 deni*/
tr.add a.btnAdd							{font-size:0;}
td input#closeTaskAdd					{width: 15px;height: 15px;margin: 7px 9px;}

tr.diff 								{}
tr.diff td[name=author] 				{color:#f00;}
tr.diff td.small 						{color:#f00;}
td.small 								{font-style:italic;font-size:0.8em;/*color:#009688;*/}

table.info thead tr th, thead td.void	{border: 1px solid #fff;background-color: #5c6bc0 !important;}
table.info input						{background-color: transparent !important;}

section table.inline tfoot tr     		{background: #e4e4e4;}
section table.inline tfoot        		{border: 1px solid #5c6bc0;border-width: 1px 0 !important;font-weight: bold;}
section > table tfoot             		{bottom:0;font-weight:bold;}
/* 04.03.2020 deni: new sticky
section table tr.sticky td,
section table tr.sticky th				{position:sticky;color:#009688;}
section table tr.sticky.top th,
section table tr.sticky.top td			{top:29px;}
/* 04.03.2020 deni: old sticky*/
section table tfoot th,
section table tfoot td 		        		{position:sticky;color:#444 !important;font-weight:bold;}

section table tfoot tr:last-of-type th,
section table tfoot tr:last-of-type td 		{box-shadow:0 -1px 0px #5c6bc0;background: #dee1f0 !important;}
section table tfoot tr:nth-of-type(2) th,
section table tfoot tr:nth-of-type(2) td 	{box-shadow:0 -1px 0px #5c6bc0;background: #dee1f0;z-index: 40;border: none;}
tfoot tr.label td							{padding: 1px 0 6px !important;}

table.list > tbody td    								{min-height:auto;/*padding-left:5px;padding-right:2px;*/vertical-align:top;white-space:normal;-ms-text-overflow:ellipsis;text-overflow:ellipsis;/*2019-06-27doesn't work!!! */}
table.list > tbody td:last-child 						{font-size:0.8em;}
table.list > tbody td span.date							{display:inline-block;white-space: nowrap;}
table.list > tbody td span.project						{display:inline-block;min-width: 125px;/*2021-04-29mss: doesn't work for Ani: max-width:200px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;*/}
table.list > tbody td span.partner						{display:inline-block;min-width: 125px;/*2021-04-29mss: doesn't work for Ani: max-width:100px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;*/}
table.list > tbody td span.author						{display:inline-block;/*max-width:100px;*/overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
table.list > tbody td span.manager						{display:inline-block;/*max-width:100px;*/overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
table.list > tbody td span.note							{display:inline-block;max-width:200px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
table.list > tbody td span.name							{display:inline-block;/*max-width:300px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;*/}
table.list > tbody td span.status						{display:inline-block;white-space: nowrap;}

table.panel 											{}
table.panel tbody tr:nth-child(2n+1) 					{background-color: #fff;}
/*table.panel tr:first-of-type th						{font-size:12px;border-bottom:1px solid #444;}*/
table.panel td											{}
/*table.panel tr:nth-last-of-type(1)						{background:none;}*/
table.panel tr:nth-last-of-type(1) th					{border-top:1px solid #444;background:none;}
table.panel tr td										{border: 1px solid #a9bbd0;border-width: 1px 0;}
table.panel td.empty									{border: none;background-color: #e3e7f9;}
/*-table.panel tr:nth-last-of-type(1) td.empty				{border-bottom:1px solid #444;border-top:1px solid #444;}

/* alt version Krum added on 2020-01-08 */
table.panel-alt 										{}
table.panel-alt tr:first-of-type th						{font-size:12px;border-bottom:1px solid #444;}
table.panel-alt td										{}
table.panel-alt tr:nth-last-of-type(1)					{background:none;}
table.panel-alt tr:nth-last-of-type(1) th				{border-top:1px solid #444; background:none; font-size: 14px;}
table.panel-alt tr:nth-last-of-type(1) td				{border-bottom:1px solid #444;}
table.panel-alt tr:nth-last-of-type(1) td.empty			{border-bottom:1px solid #444;border-top:1px solid #444;}

tr.edit td 												{background:rgba(255, 165, 0, 0.2)!important;border-color:rgba(255, 165, 0, 0.2)!important;}
section > h4 											{display:none;}
table.hide-mobile 										{}
.hide-mobile thead th 									{z-index:59;top:0;min-width:40px;}
th.order:hover											{border-bottom-color:#fff}
th.order.asc, th.order.desc 							{border-bottom-color:#fff;color: #dde2fc;}
th.order::after 						{content: attr(data-mobile) !important;display:none;position:relative;margin-top:2px;color:#9ea7d3 !important;font-weight:normal;font-size:11px;transform:rotate(0deg) !important;-webkit-transform:rotate(0deg) !important;}
th.order:hover::after				{position:relative !important;}
th.order.asc::after 					{content:attr(data-mobile);}
th.order.desc::after					{content:attr(data-mobile);}
th.order::before 					{content: "";display: inline-block;width: 0;margin: -2px 0 0px -7px;color: white;position: absolute;}
th.order:hover::before 				{content:"\2191";}
th.order.asc::before 				{content:"\2193";}
th.order.desc::before 				{content:"\2191";}
table.panel th.order  				{color: #000;}
table.panel th.order::before		{color: #f00;}
.hide-mobile tbody td									{padding:6px 6px 3px;font-size:14px !important;}
.hide-mobile tbody td.empty								{padding:15px;}
.hide-mobile tbody td::after 							{content:attr(data-mobile);display:block;position:relative;margin-top:2px;color:#999;/*color:#37474F;*/font-weight:normal;font-size:11px;}
.hide-mobile tfoot td 									{border-width:0;}
.hide-mobile-1 thead th:nth-child(1),.hide-mobile-1 tbody td:nth-child(1),
.hide-mobile-2 thead th:nth-child(2),.hide-mobile-2 tbody td:nth-child(2),
.hide-mobile-3 thead th:nth-child(3),.hide-mobile-3 tbody td:nth-child(3),
.hide-mobile-4 thead th:nth-child(4),.hide-mobile-4 tbody td:nth-child(4),
.hide-mobile-5 thead th:nth-child(5),.hide-mobile-5 tbody td:nth-child(5),
.hide-mobile-6 thead th:nth-child(6),.hide-mobile-6 tbody td:nth-child(6),
.hide-mobile-7 thead th:nth-child(7),.hide-mobile-7 tbody td:nth-child(7),
.hide-mobile-8 thead th:nth-child(8),.hide-mobile-8 tbody td:nth-child(8),
.hide-mobile-9 thead th:nth-child(9),.hide-mobile-9 tbody td:nth-child(9),
.hide-mobile-10 thead th:nth-child(10),.hide-mobile-10 tbody td:nth-child(10),
.hide-mobile-11 thead th:nth-child(11),.hide-mobile-11 tbody td:nth-child(11) 	{display:none;}
.hide-mobile-2 thead th:nth-child(1)::after,
.hide-mobile-3 thead th:nth-child(2)::after,
.hide-mobile-4 thead th:nth-child(3)::after,
.hide-mobile-5 thead th:nth-child(4)::after,
.hide-mobile-6 thead th:nth-child(5)::after,
.hide-mobile-7 thead th:nth-child(6)::after,
.hide-mobile-8 thead th:nth-child(7)::after,
.hide-mobile-9 thead th:nth-child(8)::after,
.hide-mobile-10 thead th:nth-child(9)::after,
.hide-mobile-11 thead th:nth-child(10)::after 				{display:block;}
.hide-mobile-2 tbody td:nth-child(1)::after,
.hide-mobile-3 tbody td:nth-child(2)::after,
.hide-mobile-4 tbody td:nth-child(3)::after,
.hide-mobile-5 tbody td:nth-child(4)::after,
.hide-mobile-6 tbody td:nth-child(5)::after,
.hide-mobile-7 tbody td:nth-child(6)::after,
.hide-mobile-8 tbody td:nth-child(7)::after,
.hide-mobile-9 tbody td:nth-child(8)::after,
.hide-mobile-10 tbody td:nth-child(9)::after,
.hide-mobile-11 tbody td:nth-child(10)::after 				{display:block;}
table.parent tbody 						{border-bottom:0px solid #000;}
table.parent tbody tr.parent td 		{padding-top:30px;font-size:1.1em;font-weight:bold;border-bottom:2px solid #000;background: #fff !important;}
table.parent tbody tr.parent ~ tr td:first-of-type 		{padding-left:20px;}
body header > span.private, body header > span.internal {display:none;}

table.time 							{/*z-index:90;position:relative;float:right;margin-top:-130px;*/}
table.time tr						{}
table.time th						{/*font-size:12px;font-weight:normal;*/}
table.time td						{text-align:right;}
table.time td:first-of-type			{text-align:right;}
table.time input					{width:100%;margin-right:0;border:1px solid #ccc;background:inherit;}
table.time input:hover				{background:#cfc;}
table.time input:focus				{background:#cfc;}
table.time tr:last-of-type th		{text-align:right;}

/* 26.03.2020 deni: classes for the type of hours - office or real*/
table th.hours						{position:relative;min-width:80px;padding:0 0 20px;}
table th.hours::after,
table th.hours::before				{content:'';position:absolute;bottom:0;font-style:italic;font-weight:normal;}
table th.hours::before				{content:'офис';left:30px;}
table th.hours::after				{content:'сайт';right:30px;}
table th.hours.smaller::before		{left:5%;}
table th.hours.smaller::after		{right:5%;}
/*hotfix - toolCard! // 2020-01-10 Krum Cvetkov */
table.toolCard 			 			{width: calc(100% + 29px) !important; max-width: 1280px !important;border: solid 1px #DEDEDE !important;border-width: 0 1px!important;background: #fff!important;
									margin-bottom: 9px !important;border-collapse: collapse !important;border-spacing: 0 !important; margin: 0 !important; padding: 0!important; outline: none !important; line-height: 1 !important; color: #444 !important;}
table.toolCard thead 	  			{border-collapse: collapse!important;border-spacing: 0!important;line-height: 1!important;color: #444!important; box-sizing: content-box !important;}
table.toolCard thead th				{font-weight: bold !important;border: solid 1px#dedede !important;;vertical-align: top!important;color: #444 !important;border-width: 0 1px !important; background: #f8f8f8 !important; padding: 6px 6px !important;}
table.toolCard thead th.num			{text-align: center; white-space: nowrap;}
table.toolCard .signature th		{position: unset !important;}
form.tabs							{margin-top: 25px;}
form.tabs section					{margin-top: 0px;}
.middle 							{display:inline-block;position:unset;float:none;margin-top:10px;;font-size: 0;vertical-align: middle;line-height: 10px;}
.middle.active 						{display:block;}
.middle > a.tab  				    {display:block;margin:10px 0 !important;min-width: 22px;padding: 14px 17px;text-align: center;text-decoration:none;color: black;font-size: 14px;background: transparent; border: 1px solid #5c6bc0;color:#525fa9;line-height: 0 !important;}
.middle > a.tab:hover				{background:#5c6bc0; color: white;transition: 0.4s ease-out;}
.middle > a.tab.active      		{background:#5c6bc0;font-weight: bold; color: white;}
/*.middle > a.tab.active:hover		/*{padding: 5px 17px; margin: 0;}
.middle > a.tab:last-of-type		{border-right:none;}*/
div.bar 							{z-index:99;position:absolute;top:0;left:0;right:0;max-height:0;padding:0;overflow:hidden;text-align:center;/*font-style:italic;*/font-size:14px;color:#fff;background:#c9282b;transition:all 0.5s;}
div.bar.active  					{display:none;min-height:66px;max-height:300px;padding:20px 40px;overflow:visible;box-shadow:0 0 20px #000;transition:all 0.5s;}
div.bar button						{/*position:absolute;top:10px;right:10px;padding:0;*/display:block;margin:18px auto 10px;padding-left:20px;padding-right:20px;font-size:13px;color:#fff;background:#222;box-shadow:none;}
div.bar a 							{color:#ccc;cursor:pointer;}
div.bar small						{display:block;margin-top:20px;font-size:0.90em;color:#fff;}
div.bar small::before				{content:'*';}
div.box 							{background:none;padding:0 !important;}
div.fader 						    {background:rgb(0,0,0,0,0.9)}
body.alert div.bar.active  			{min-height:16px;display: none;}
body.alert div.bar .close  			{display:none;}
body.main  dl dt 					{font-size:14px;font-weight:bold;}
body.main section a					{text-decoration: underline;}
span.group							{margin-left:20px;}
span.group > select					{margin-top:0;}
/* print box */
dl.slide							{position:relative;display:inline-block;min-height: 32px;margin:0 0 10px 0px;padding:0px;color: #515151;}
dl.slide dt							{font-size:0;z-index:11;text-transform:capitalize;cursor:pointer;border:none;font-weight:normal !important;}
dl.slide:hover dt 					{/*2024-09-03mss: breaks inbound send email! font-size:0 !important;top:0 !important;padding:0 !important;*/}
dl.slide:hover > dd 	            {z-index: 99;display:block !important;}
dl.slide dd, .selectBox				{z-index:10;position:absolute;display:none;top:21px !important;left:auto !important;right:3px !important;width:123px;border:1px solid #c9cacb;border-radius:5px;border-top-right-radius:0;padding:10px;text-align:left;font-size:12px;background:white;box-shadow:2px 2px 3px 1px #ccc;}
.ddetail dl.slide dd				{top:13px !important;}
.selectBox							{top: 30px !important;}
dl.slide.active dd 					{display:block !important;}
dl.slide a							{display: block;text-decoration:none;}
dl.slide a:hover					{text-decoration:underline;}
/*popup*/
iframe.popup, iframe.userAdd, iframe.layer  {max-width:95% !important;border: 0px solid #000;outline: solid 10000px rgba(0,0,0,0.69);box-shadow: 0 0 10px #000;display: block;left: 0px !important;right: 0;margin: auto}
iframe.popup.small	       					{width:680px;}
body.popup, .journalpopup					{padding:0;}
body.newStyle.popup 			        	{min-width:300px !important;}
body.newStyle.popup,body.newStyle.newTab	{z-index:100;background:#fff;}
body.newStyle.popup form>h2,body.newStyle.newTab form>h2 				{min-height:auto;height: auto;margin:0 0 15px!important;padding: 9px 5px 6px 10px;font-size: 18px;font-weight: normal;color: #fff;background: #5c6bc0;}
body.newStyle.popup section        			{padding:10px;/*margin:auto;*/height:auto;margin-top:5px;overflow-x:auto;border: 0;}
body.newStyle.popup section h3 			    {/*2019-05-17mss?: background:#f1f1f1;*/}
body.newStyle.popup section strong 			{padding: 20px 2px 3px;font-size: 14px;}
body.newStyle.popup section table           {width:100%;display:table;white-space: normal;}
body.newStyle.popup section div table       {width:unset; float: left;}
body.newStyle.popup section fieldset,
body#filePopup label				   		{width:100% !important;margin-bottom:0;clear:right;}
body.newStyle.popup section footer  		{margin-bottom:0;padding-top:20px;min-height:50px;}
body.newStyle.popup .v						{width: auto !important;}
.newStyle form section div.box{border: none !important;height: auto;margin-top:0;float: left;clear: both;padding: 10px 0 0 10px!important;}
.newStyle form section div.box div.cl		{margin-bottom: 0;}
.newStyle span#partnerInfo					{padding-bottom: 54px;}
a.close::before 							{content: "\e6bf";color: #fff;}
.newStyle.popup form>h2 a 						{display: inline-block;margin:6px 7px 0 0;vertical-align: middle;color: #fff;text-align:center;}
.newStyle.popup form>h2 a.close, .newStyle.newTab form>h2 a.close, body.new section h2 a.close			{background:#5c6bc0!important;}
body#taskPopup form, body#activityPopup form, body#filePopup form, body.popup form, body.newTab form{margin: 0;}
body#taskPopup section,
body#activityPopup section,
section#sec,
body#assetPopup section,
body#commentPopup section,
body#resourcePaymentPopup section,
body#filePopup section,
body#contractPaymentPopup section,
body#partnerPopup section,
body#filePopup section,
body#setupResourceTypePopup section,
body#productPopup section,
body#templatePopup section,
body#batchPopup	section,
body#folderPopup section,
body#setupReportPopup section,
body.popup section,
body.newTab section,
body#setupServiceTypePopup section,
body#setupPeriodPopup section,
body#userPopup section,
body#dataLedgerBatch section,
/*2020-09-30mss: */body#partner\.form\.statusPopup section,
body#reportPopup section					{border: 0 !important;margin: 0;padding: 0 20px 20px!important;}
body#taskPopup section h2,
body#activityPopup section h2,
section#sec h2,
body#assetPopup section h2,
body#commentPopup section h2,
body#resourcePaymentPopup h2,
body#filePopup section h2,
body#contractPaymentPopup section h2,
body#partnerPopup section h2,
body#filePopup section h2,
body#setupResourceTypePopup section h2,
body#productPopup section h2,
body#templatePopup section h2,
body#batchPopup	section	h2,
body#folderPopup section h2,
body#setupReportPopup section h2,
body#ledgerPopup section h2,
body#setupServiceTypePopup section h2,
body#setupPeriodPopup section h2,
body#userPopup section h2,
body#dataLedgerBatch section h2,
/*2020-09-30mss: */body#partner\.form\.statusPopup section h2,
body#reportPopup section h2				{line-height: 38px;height: auto;padding: 9px 5px 6px 10px;font-size: 18px;font-weight: normal;color: #fff;background: #5c6bc0 !important;border: 0;margin: 0 -20px 15px!important;}
body#taskPopup section h2 a,
body#activityPopup section h2 a,
section#sec h2 a,
body#assetPopup section h2 a,
body#commentPopup section h2 a,
body#resourcePaymentPopup h2 a,
body#filePopup section h2 a,
body#contractPaymentPopup section h2 a,
body#partnerPopup section h2 a,
body#filePopup section h2 a,
body#setupResourceTypePopup section h2 a,
body#productPopup section h2 a,
body#templatePopup section h2 a,
body#batchPopup	section	h2 a,
body#folderPopup section h2 a,
body#setupReportPopup section h2 a,
body#ledgerPopup section h2 a,
body#setupServiceTypePopup section h2 a,
body#setupPeriodPopup section h2 a,
body#userPopup section h2 a,
body#dataLedgerBatch section h2	a,
/*2020-09-30mss: */body#partner\.form\.statusPopup section h2 a,
body#reportPopup section h2	a			{display: inline-block;right:auto;margin:6px 7px 0 0 !important;vertical-align: middle;color: #fff !important;text-align: center;background: none !important;background-image: none;}
body#taskPopup footer,
section#sec footer,
body#assetPopup footer,
body#commentPopup footer,
body#resourcePaymentPopup footer,
body#contractPaymentPopup footer,
body#partnerPopup footer,
body#setupResourceTypePopup footer,
body#productPopup footer,
body#templatePopup footer,
body#batchPopup	footer,
body#folderPopup footer,
body#setupReportPopup footer,
body.popup footer,
body#setupServiceTypePopup footer,
body#setupPeriodPopup footer,
/*2020-09-30mss: */body#partner\.form\.statusPopup footer,
body#userPopup footer						{margin:0;padding:10px 0 10px !important;width: auto;height: 100%;}
body#taskPopup section label,
article.panel label							{top:auto;height: auto;margin: 0 1px;overflow: visible;}
body#taskPopup section input,
body#taskPopup section select,
article.panel input,
article.panel select,
body#filePopup strong,
body#activityPopup p:last-of-type input				{margin:3px 0 0;line-height:unset;/*2020-10-05mss: see next! padding:3px 5px;*/padding:5px 3px 5px 5px;width: 100% !important;}
body#taskPopup section textarea,
body#filePopup textarea,
label.x2,
body#taskPopup label,
body#commentPopup textarea,
.popup textarea,
.popup.history p:last-of-type label,
.popup label.xxx							{width: 100%;}
body#taskPopup section article h3			{border-bottom: 1px solid #aaa;padding-bottom:10px;}
body#assetPopup	h3							{border: solid 1px #eef0f8 !important;background: #eef0f8 !important;}
#sectionpopup button						{top: auto;}
div.center									{margin-right: 0 !important;}
div.center
div.right.text								{right: 0;margin: 0;}
div.box										{border: 13px solid #eef0f8 !important;border-top-width:26px !important;background: #eef0f8 !important;}
div.box.xli									{margin-bottom: 20px;}
span.data-list								{height:30px;}
p.active, p.active input					{border-color: #eef0f8 !important;background: #eef0f8 !important;}
p.active input:focus 						{border-color: #a9bbd0 !important;}
span.data-list input:focus 					{border-width: 0 !important;background: #fff !important;}
section div.text 							{margin:0!important;background: #eef0f8 !important;border-top: 10px solid #eef0f8 !important;}
.journalpopup .iii							{width: 58px;}
.journalpopup .xiv							{width: 278px;}
.journalpopup .iv							{width: 78px;}
#sectionpopup td.btn						{display: table-cell;}
body#userPopup section p:last-of-type		{padding:0;min-height:0;}
body#filePopup input[readonly]				{line-height: unset;padding: 3px 5px;}
body#filePopup p 							{padding: 0 0 10px;}
body#filePopup label						{top:0px;margin: 0;}
body#partnerPopup caption input, body#partnerPopup caption select{display: inline-block;float:none;}
body#partnerPopup caption button			{margin: 0 0 0 7px;vertical-align: middle;}
body#partnerPopup .v						{width: 10%;}
body#partnerPopup .vi						{width: 11%;}
body#partnerPopup .viii						{width: 12%;}
.partnerpopup .viii							{width: 152px !important;}
.cashflow tbody:first-of-type th			{border:1px solid #fff;background-color: #5c6bc0 !important;color: #fff;}
.cashflow input[readonly]					{background-color: unset !important;}
#taskPopup span a.link.edit::before			{left: -35px;}
#taskPopup p.detail							{padding-left: 10px;}
body#commentPopup label						{top:-14px !important;}
article.panel p.file label					{width: 100%;}
form article p								{margin: 0 0 4px!important;width: 100% !important;}
p.file										{width: 100%;}
form article								{margin: 0}
input.original								{height: 13px;}

#arrowUp 					{z-index:99;position: fixed;height: auto;width: auto;right: 10px;bottom: 10px;background:rgba(233, 30, 99, 0.7);}
#arrowUp:hover				{background:rgba(233, 30, 99, 0.99);}
#arrowUp a 					{display:block;width:40px;height:40px;text-decoration:none;color:#fff;}
#arrowUp a:after 			{content:'\e611';display:block;font-family:'icons-nav';font-size: 33px;line-height: 40px;text-align: center;}
#arrowUp.hide				{display:none;}
#arrowUp.hide.sticky 		{display:block;}

/*style exeption for usePopup page*/
#userPopup section p  label.cw              {display:block;margin-bottom:5px;width:100% !important;}
/*popup modal*/
iframe.modal 								{position: relative;margin: auto;left: 0;top: 10%;right: 0;}
iframe.modal 								{z-index: 100;position: absolute;width: 90%;min-width: 200px;max-width: 600px;/*2019-05-20mss?!?!?: min-height: 360px;*/overflow: hidden;outline: 10000px solid rgba(0,0,0,0.5);border: 0;background: white;box-shadow: 0 0 10px #000;}
/* debug */
  #debug									{display:none;z-index:99;position:fixed;bottom:2px;right:2px;margin:0;padding:3px 5px 0 5px;border:none;border-width:1px 0 0 1px;cursor:pointer;background:none;}
 b.debug									{font-weight:normal;color:blue;}
em.debug									{font-style:normal;color:red;font-weight:bold;}
/* sticky table header */
table,thead,tbody,tfoot,th,td 				{box-sizing:border-box;}
table td.grid								{padding:0;}
table thead.clone 							{z-index:99;position:fixed;top:-100px;transition: 0.2s top cubic-bezier(.3,.73,.3,.74);}
table tfoot.clone1 							{z-index:99;position:fixed;bottom:-300px;transition: 0.2s top cubic-bezier(.3,.73,.3,.74);}
table.sticky thead.clone 					{top:0;width: max-content;}
table.sticky tfoot.clone1 					{bottom:0;width: max-content;}
/* pages */
/*2020-09-03mss: added next to style tasks list!*/
body.ticket\.detail\.php table.panel td 					{color:#444;font-size:13px;}
body.ticket\.detail\.php table.panel .priority-high td 		{color:#f88;font-weight:normal !important;}
body.ticket\.detail\.php table.panel .priority-low td 		{color:#999;}
body.ticket\.detail\.php table.panel .priority-30 td 		{/*color:#f88;font-weight:normal !important;*/}
body.ticket\.detail\.php table.panel .priority-10 td 		{/*color:#999;*/}
body.ticket\.detail\.php table.panel .todo td 				{background:#eef0f8;}
body.ticket\.detail\.php table.panel .active td 			{background:#fef6e9;}
body.ticket\.detail\.php table.panel .ready td 				{background:#eff8ee;background:#efe;}
body.ticket\.detail\.php table.panel .closed td 			{color:#b8b9bb;background:#f8f8f8;}
body.ticket\.detail\.php table.panel .all-red td:last-of-type 		{color:#d32f2f;}
body.ticket\.detail\.php.user-5 table.panel .todo td 		{background:#fde6e6;}
body.ticket\.detail\.php.user-5 table.panel .active td 		{background:#fef6e9;}
body.ticket\.detail\.php.user-5 table.panel .priority-30 td {}
body.ticket\.detail\.php.user-5 table.panel .priority-20 td {}
body.ticket\.detail\.php.user-5 table.panel .priority-10 td {}
/*2021-05-05rab*/
section.large > h2,.ddetail section.large footer, section.large table.inline,section.large div.box.wide{max-width:1024px !important;}
section.large div.left			{width: 100%;max-width: 510px;}
.ddetail .large dl.slide dd 	{top: 15px !important;}
.ddetail .large dl.slide:hover dt.text{color: #fff;padding: 0 16px!important;background: #86c34a;font-size:14px !important} 
.inbdetail dl.slide:hover dt.text{top: 0;padding: 0 16px!important;background: #86c34a;font-size:14px !important;color: #fff;} 

/* sort //2021-06-18mss:  added! */
.sortableItem, .sort																	{}
.sort > li,[draggable="true"] 															{transition: all 0.4s;}
.sort tr td:first-child																	{position:relative;padding-left:40px;transition: all 0.4s;}
.sortableItem b, .sort b,[draggable="true"] b											{cursor: move;}
.sortableItem b:before, .sort b:before,[draggable="true"] b:before						{content:"\e70d";z-index:1;display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;line-height:30px;cursor: move !important;opacity:0.99;text-align:center;font-weight:normal;font-size:16px;font-family:'icons-nav';color:#fff;background:#65BBD1;background:rgba(236, 178, 13, 0.6);transition: all 0.4s;}
.file[draggable="true"],.sort em			 											{margin-right:2%;border:1px solid #eee;}
.file[draggable="true"] b:before, .sort em b:before										{width:20px;line-height:26px;}
.sortableItem:hover, .sort > li:hover,[draggable="true"]:hover,.sort tr:hover			{border-color:#65BBD1;}
.sortableItem b:hover:before, .sort b:hover:before,[draggable="true"] b:hover:before	{background:rgba(236, 178, 13, 0.99);}
.ui-sortable												{clear:both;position:relative;}
.ui-sortable-placeholder									{/*width:9px !important;*/visibility:visible !important;border:solid 1px #65BBD1;background:#E2F9FF;}

.extra-padding-top      {padding-top: 13px;}
.float-right            {float: right;}

.ui-sortable							{clear:both;position:relative;}
.ui-sortable-placeholder				{/*width:9px !important;*/visibility:visible !important;border:solid 1px #65BBD1;background:#E2F9FF;}
em.file.ui-sortable-placeholder			{width:300px;visibility:visible !important;border:solid 0px #65BBD1;background:#E2F9FF;}
em.file.ui-sortable-placeholder:before	{content:" "}
/*footer*/
body > footer   			        		{background:#444;color:#fff;}
section  footer 							{text-align:right;clear:both;}
footer > pre 								{position:fixed; bottom:0; right:2px; padding:2px; color:#444;}
body>footer									{z-index:90;position:fixed;left:0;right:0;bottom:0;width:100%;max-width:1634px;margin:0 auto;height:17px;padding:12px 0 0 0;text-indent:5px;/**/text-align:left;line-height: 5px;font-size:12px;}
body>footer::before 						{content: '';z-index: -1;display: block;position: absolute;top:0;left: -100%;right: -100%;height: 17px;padding-top:12px;background-color: #525fa9;}
body>footer a	  							{position:absolute;right:9px;}
body>footer div								{text-align:right;}
body>footer *								{text-indent:0;}
form>footer									{z-index:99;position:fixed;left:200px;bottom:2px;width:500px;height:23px;/* buttons container */}
aside>footer,section>footer					{height:auto;clear:both;margin:0 0 62px;padding:0 !important;text-align:right;/* buttons container */}

th.v										{width: 160px;}
th.vii										{width: 220px;}
/* widths - default=x */
.s	{width:8px;}
.i	{width:32px;}
.is	{width:28px;}
.ii	{width:58px;}
.iis	{width:70px;}
.iii	{width:110px;}.batchpopup .iii{width: 61px;}
.iiis	{width:68px;}
.iv	{width:120px;} .batchpopup .iv{width: 78px;}
.iv-i	{width:78px!important;}
.ivs	{width:88px;}
.iv-date{width:auto; max-width: 98px;}
.v	{width:96px;} label.v{margin-right: -100px!important}
/*label.v{margin-right:-98px!important;}*/
.v-i	{width:98px!important;}
.vs	{width:120px;}
.vi	{width:120px;}.batchpopup .vi{width: 133px;}
button.vi	{/*2020-10-05mss: added bcs `Save & Add new` in bg lang!*/min-width:120px;width:auto !important;padding-left:11px;padding-right:11px;white-space:nowrap;/*!*/}
.vis	{width:128px;}
.vii	{width:142px;}
button.vii	{/*2020-10-05mss: added bcs `Save & Add new` in bg lang!*/min-width:142px;width:auto !important;padding-left:11px;padding-right:11px;white-space:nowrap;/*!*/}

.viis	{width:148px;}
.viii	{width:158px;}
.viiis	{width:168px;}
.ix	{width:178px;}
.ixs	{width:188px;}
.x	{width:310px;} input.x{width: 204px;} div.multi .x{width: 198px;} .batchpopup .x{width: 205px;}
.header .x	{max-width:184px;} th.x{width: 328px;} section header .x{width: 160px;}
.xs	{width:208px;}
h5.x, h6.x	{width:216px;}
.xi	{width:218px;}
.xis	{width:228px;}
.xii	{width:238px;}
.xiis	{width:248px;}
.xiii	{width:258px;}
.xiiis	{width:268px;}
.xiv	{width:278px;}
.xivs	{width:288px;}
.xv		{width:298px;}
.xvs	{width:308px;}
.xvi	{width:318px;}
.xvis	{width:328px;}
.xvii	{width:338px;}
.xviis	{width:348px;}
.xviii	{width:358px;}
.xviiis	{width:368px;}
.xix	{width:378px;}
.xixs	{width:388px;}
.xx		{width:398px;}
.xxs	{width:408px;}
.xxi	{width:418px;}
.xxis	{width:428px;}
.xxii	{width:436px;}
.xxiis	{width:448px;}
.xxiii	{width:458px;}
.xxiiis	{width:468px;}
.xxiv	{width:478px;}
.xxivs	{width:488px;}
.xxv	{width:498px;}
.xxvs	{width:508px;}
.xxvi	{width:518px;}
.xxvis	{width:528px;}
.xxvii	{width:538px;}
.xxviis	{width:548px;}
.xxviii	{width:558px;}
.xxviiis{width:568px;}
.xxix	{width:578px;}
.xxixs	{width:588px;}
.xxx	{width:598px;}
.xxxs	{width:608px;}
.xxxi	{width:618px;}
.xxxis	{width:628px;}
.xxxii	{width:638px;}
.xxxiis	{width:648px;}
.xxxiii	{width:658px;}
.xxxiiis{width:668px;}
.xxxiv	{width:678px;}
.xxxivs	{width:688px;}
.xxxv	{width:698px;}
.xxxvs	{width:708px;}
.xxxvi	{width:718px;}
.xxxvis	{width:728px;}
.xxxvii	{width:738px;}
.xxxviis{width:748px;}
.xxxviii{width:758px;}
.xxxviiis{width:768px;}
.xxxix	{width:778px;}
.xxxixs	{width:788px;}
.xl		{width:805px;}
.xliii	{width:858px;}
.xlv	{width:898px;}
.xlvi	{width:918px;}
.xlvis	{width:928px;}
.xlvii	{width:938px;}
.xlviii	{width:958px;}
.xlix	{width:978px;}
.l		{width:998px;}
.lv		{width:1098px;}
.lvi	{width:1118px;}
.lx		{width:1198px;}


/* base 12 ui grid in percents */
.su, .w1	{width:10%;}  	/* 1/12 	 Uncia */
.sx, .w2	{width:16.66%;}	/* 2/12 1/6  Sextans */
.sxh, .w25	{width:18.7%;}	/* 2/12 1/6  Sextans */
.sq, .w3	{width:25% !important;} 	/* 3/12 1/4  Quadrans */
.st, .w4	{width:33.33%;} /* 4/12 1/3  Triens */
.sth, .w45	{width:37.5%;} /* 4/12 1/3  Triens */
.sf, .w5	{width:36%;} 	/* 5/12 	 Quincun */
.s,  .w6	{width:50% !important;} 	/* 6/12 1/2  Semis */
.df, .w7	{width:58%;} 	/* 7/12 	 Septunx */
.dt, .w8	{width:66.6%;} 	/* 8/12 2/3  Bes */
.dq, .w9	{width:75%;} 	/* 9/12 3/4  Dodrans */
.dx, .w10	{width:83%;} 	/* 10/12 5/6 Dextans */
.du, .w11	{width:92%;} 	/* 11/12 	 Deunx */
.w12 		{width:100%;}
.sd         {width:12.5%;}

/* base 10 grid in percentage */
.percentage section label 		{margin: 0 !important;}
.percentage .i 		{width: 3.3%;}
.percentage .ii 	{width: 20%;}
.percentage .iii 	{width: 30%;}

.percentage .v		{width: 16.665%;}
body.newStyle.popup.percentage .v		{width: 16.5% !important;}
.percentage .x		{width: 33.33%;}
.percentage .xv		{width: 49.99%;}
.percentage .xx		{width: 66.66%;}
.percentage .xxv	{width: 83.325%;}
.percentage .xxx 	{width: 100%;}




/*.i,  .w12	{width:100%;}	/* 12/12 1 	 As */
/* heights */
.x1, .x1 textarea	{height:45px;}
.x2, .x2 textarea	{height:90px;}
.x3, .x3 textarea	{height:135px;}
.x4, .x4 textarea	{height:180px }
.x5, .x5 textarea,.x5 table	{height:225px;}
.x6, .x6 textarea	{height:270px;}
.x8, .x8 textarea	{height:360px;}
.x10, .x10 textarea	{height:450px;}
.x15, .x15 textarea	{height:675px;}

/* response: */
@media screen and (max-width:479px){
	.nophone   	{display:none!important;}
	table.grid 				{display:block;margin-bottom:250px;}
	table.grid thead 		{display:none;}
	table.grid tbody 		{display:block;}
	table.grid tbody td				{display:block;width:100% !important;padding-left:20px;}
	table.grid tbody td.third		{display:block;width:100% !important;}
	table.grid tbody td.nophone		{/*todo: display:block !important;*/}
	table.grid tbody td.chb 		{display:none;}
	table.grid tbody td.chb	span	{display:inline-block;font-size:12px;color:#777;}
	table.grid tbody td:nth-of-type(1)			{padding-top:12px;font-weight:bold;}
	table.grid tbody td:nth-of-type(1)::after	{display:none;}
	table.grid tbody td:nth-of-type(2)			{font-style:italic;font-size:14px;}
	table.grid tbody td:nth-of-type(3)			{}
	table.grid tbody td:nth-of-type(4)			{padding-bottom:12px;font-size:12px;color:#777;}
	table.grid tbody td.num						{float:right;width:50px !important;font-weight:bold;text-align:left;}
	table.grid tbody td.num::after				{content:' ч.';display:inline-block;margin-left:6px;color:#444;}
	/*form>section > h2 span.right       			{display:block;float:right;margin-top:0;}
	tr.add 				{display:block;position:fixed;width:100%;bottom:30px;}
	tr.add td			{display:block;position:relative;width:100%;height:36px;padding:2px 20px !important;text-align:center;}*/
	tr.add strong		{float:none;margin:9px 0;font-size:16px;}
	tr.add label		{float:none;font-size:12px;}
	tr.add input		{float:none;}
	tr.add a.btnAdd		{display:inline-block;padding:4px 0;margin:0 0 10px;text-decoration:underline;font-size:12px;}
}
@media screen and (max-width:639px){
	.nomobile   	    {display:none;}
}
@media screen and (max-width:987px){
	section.panel.aside{border-top:none;}
}
@media screen and (min-width:320px){
	.newStyle form section div.cl   	    {/*margin-top:20px;*/}
}
@media screen and (min-width:640px){
	header dt 							{display:inline-block;}
	/*2020-03-25mss: copy from 1640px:*/
	.alert form section					{padding: 25px 45px 10px !important;}
	form>section  						{/*border-bottom:3px solid #f1f4f5;*/margin:0;padding:25px 20px 10px !important;border-top: 3px solid #7986cb;}
	section > header.header label 		{display:block;font-size:12px;width:auto;}
	section > header.header label.nomobile,
	section > header.header label input.nomobile 	{display:inline-block;}
	section > header.header label input,
	section > header.header label select,
	section > header.header label textarea  {width:auto;max-width:100%;}
	/*section > header.header label input:first-child, section > header.header label select:first-child {margin-left: 8px;}*/
	header dl.active menu 				/*{top:4px;}*/
	.middle  							{display:inline-block;margin-bottom:0px;}
	.middle > a.tab 					{display:inline-block;}
	/*.newStyle form section div.cl       {width:50%;float: left;}*/
	.newStyle form section div.box 		{width:100%;}
	.newStyle.popup  section fieldset   {width:50% !important;float:left;}
	/*style exeption for usePopup page*/
	#userPopup section p  label.cw      {margin-bottom:0;width:200px !important;}
	section table.inline 		        {display:table;}
	form section article.cll label.sq   {width:12.5%;}
	form section article.cll label.s   	{width:25%;}
	form section article.cll label.full {width:50%;}
	.newStyle.popup  section article .s   {width:25%;}
	.newStyle.popup  section article .sx 	{width:8.33%;}
	.newStyle.popup  section article .su 	{width:4%;}
	.newStyle.popup  section article .sf 	{width:21%;}
	.newStyle.popup  section article .st 	{width:16.67%;}
	.newStyle.popup  section article .sq 	{width:12.5%;}
	.newStyle.popup  section article .w12   {width:50%;}
	section > header.header label input.v-date {width:98px;}
	section > header.header label select.vii-select {width:138px;}
	.newStyle.popup section label button {margin-top: 20px;}
	.order section.left .iii		{width: 10%;}
	.order section.left .iv			{width: 11%;}
	.order section.left .xv			{width: 39%;}
	.order section.left .ii			{width: 4%;}
	.order section.left .vi			{width: 16%;}
	.order section.left .iiis, .order section.left .v{width: 9%;}
	label.lnk a 					{margin-left: 20px;}
	.full label, .full strong		{font-size: 14px;}
}
@media screen and (min-width:845px){
	header li > nav.sub > a 			{padding:0px 35px 0px 35px;margin:0;}
	section > h2 > nav.tab				{float: right;}
	.ddetail a.right					{right: 0px;}
	.ddetail section footer				{max-width: 807px;}
}
@media screen and (min-width:1050px){
	tfoot td.desktop 						{display: table-cell;}
	 /*form>section 					{margin-top:60px;overflow:visible;}*/
	 form>section.detail 				{overflow:auto;}
	 section.detail > h2 span.button    {float:right;}
	 section table 						{display:table;white-space:normal;overflow:visible;}
	 /*sticky: */
	 section > table tfoot				{}
	 /*section > table tfoot tr:nth-last-of-type(1) th,section > table tfoot tr:nth-last-of-type(1) td 		    {bottom:29px;outline:none;border-width:0;}*/
	 section > table tfoot tr:nth-last-of-type(2) th,section > table tfoot tr:nth-last-of-type(2) td 		    {/*bottom:58px*/outline:none;border-width:0;box-shadow:0 -0.1px 0px #5c6bc0;background-color:#dee1f0; z-index:10; /*box-shadow:0 -2px 20px #000, 0 0px 0px #000, 0 0px 0px #000, 0 0px 0px #000;*/}
	 section table.inline 		        {display:table;}
	.alert form section 				{width:400px;max-width:400px;min-height:460px !important;background-position:center 60px;background-size:65%}
	.alert form section h6, .alert form section h5{top:120px}
	.alert form section p:nth-of-type(1){margin-top: 115px !important;}
	.alert form footer					{margin-top: 50px;}
	.newStyle form section div.cl       {width:25%;min-width:400px;margin-right:10px;float: left;}
	.newStyle form section div.cl h1 > a.link {display:inline-block;margin-left:10px;}
	.newStyle form section div.box 		{width:100%;max-width:820px;}
	form section.clr,
	form section article.clr            {margin-left:20px;}
	.newStyle form section footer       {/*width:50%;*/max-width:807px}
	.newStyle form section footer.cont  {width:100%;min-width:auto;}
	form>section > h2.top-0				{top: 0;}
	form>section > h2 span 				{float:right;margin-top:0;padding-bottom:0;}
	form>section > h2 menu.right        {display:block;float:right;margin-top:0;}
	section > h2 > nav.tab span.lbl     {float:right;}
	body > header 						{clear:both;}
	header dl.active dt::after          {content:'';height:0;padding:0;display:none;}
	header dl.active menu 				{}
	header > nav.main div.mobileMenu	{display: none !important;}
	header > nav.main::before   		{background:none;}
	header > nav.main::after 			{content:'';}
	header > nav.main.active::before 	{content:'';}
	header > h1 > a					 	{display:block;}
	header > nav.main 					{margin-left:205px;}
	header>nav ul   					{padding-top:0;}
	header > nav.main ul li 			{float:left;display:inline-block;margin-right: -4px;}
	header > nav.main ul li > a  		{display:block;float:left;padding:0 35px 0 35px;}
	header > nav.main ul li > a.active 	{background:#525fa9;}
	header > nav .home 					{padding:0px 8px;}
	header li > nav.sub  				{left:0 !important;padding-left:0px;}
	header li > nav.main > a 			{padding:5px 7px;}
	header li > nav.sub > a:hover       {border-bottom: 2px solid #fff;}
	header li > nav.sub.r 				{right:auto !important;}
	.middle                             {margin-left:10px;}
	.link.add				            {font-size:14px;}
	body form nav.toolbar               {}
    dl.slide:hover dd                   {display:block !important;}
    .hide-mobile thead th 		 		{display:table-cell !important;}
	.hide-mobile thead th::after 		{display:none !important;}
	.hide-mobile tbody td 		 		{display:table-cell !important;}
	.hide-mobile tbody td::after 		{display:none !important;}
	body.private header > nav.main ul li > a.active, body.private header > nav.main ul li > a:hover {background:#7f0e13;}
	body.private > header::after, body.private header li > nav.sub {background:#7f0e13;}
	body.private form > section {border-top: 3px solid #7f0e13;}
	body.private span.private, body.internal span.internal {display: block;position: absolute;color:#fff;left: 24px;top: 67px;z-index: 2;font-size: 12px;}
	body.private span.private::before, body.internal span.internal::before {content: '';min-width: 24px;margin-right:10px;vertical-align: middle;font-size: 18px;text-align: center;color: inherit;font-family: 'icons-nav';background: none !important;}
	body.private span.private::before {content: "\e654" !important;}
	body.internal span.internal::before {content: "\e68e" !important;}
	.middle > a.tab						{margin: 0 10px !important;}

}
@media screen and (min-width:1300px){
	header li > nav.sub > a 			{padding: 0px 35px 0px 35px;margin-right:-6px;border-bottom: 2px solid transparent;}
	form section article.cont	        {/*2019-06-06mss???: float:left;*/}
	/*form section aside  				{/*2019-06-06mss???: float:left;max-width:430px;margin-left:30px;margin-top:0;}*/
	body form nav.toolbar				{top:-49px}
	nav.toolbar .btn 					{color:#fff !important}
}

@media print{
	body > form								{max-width: 100%;margin:0;}
	body section  							{overflow:visible !important;}
	.noPrint 								{display:none !important;}
	body >header 							{display:none !important;}
	body section > h2 						{margin: 0 !important;/*2019-05-13mss?: display:none !important;*/}
	body section > h2 a.btn 				{display:none !important;}
	body section > h2 .button 				{display:none !important;}
	body form nav.toolbar 					{display:none !important;}
	section > header 						{display:block !important;box-shadow:none !important;width: 100% !important;padding: 0;margin: 0 0 10px 0;min-height: 20px;}
	.newStyle section > header				{display:none !important;}
	section footer 							{display:none !important;}
	section > header.header					{display:none !important;}
	section > header.header	button			{display:none !important;}
	section > header.header	label 			{display:inline-block;float:none;width:auto;font-size:12px;vertical-align:middle;}
	section > header.header	label input 	{display:inline-block !important;width:auto;max-width:100%;font-size:12px;vertical-align:middle;}
	section > header.header	label select 	{width:auto;max-width:100%;font-size:12px;vertical-align:middle;}
	span.group 		{display:none !important;}
	span.stat label 			{display:none !important;}
	span.stat label.active 		{display:inline-block !important;background:none !important;color:#000 !important;}

	body form section > table  					{overflow-x:visible !important;}
	table,tbody,td,th 					{border:none !important;white-space:nowrap !important;padding-left: 0 !important;overflow: visible !important;}
	table > thead,section>table tfoot tr,
	section > table tbody tr:nth-of-type(2n),
	section table tfoot tr:last-of-type td,
	section table tfoot tr:last-of-type th,
	.cashflow tbody:first-of-type th,
	section > table.info thead tr th	{background: none !important; color: #000;}
	table thead.clone 					{display:none !important;}
	section > table tbody td 			{border:none !important;}
	table tbody td 						{}
	table tbody td a.edit				{display:none;}
	table tfoot 						{border-width: 1px 0 0 !important;}
	table tfoot.clone1 					{display:none !important;}
	body >footer 						{display:none !important;}
	.mobi th, .mobi td 					{display:table-cell;}
	th[data-sub]::after, td[data-sub]::after {display:none;}
	.hide-mobile thead th 		 						{display:table-cell !important;}
	.hide-mobile thead th::after 						{display:none !important;}
	.hide-mobile tbody td 		 						{display:table-cell !important;}
	.hide-mobile tbody td::after 						{display:none !important;}

	section > header.header label input, section > header.header select, input, select {border:none !important;}
	table.grid input:checked 				{display:none !important;}
	table.grid input:checked + span 		{display:block !important; white-space:nowrap !important;}
	td .link.edit, td .link.remove 			{display:none !important;}

	.mobile thead th 		 						{display:table-cell !important;}
	.mobile thead th::after 						{display:none !important;}
	.mobile tbody td 		 						{display:table-cell !important;}
	.mobile tbody td::after 						{display:none !important;}
	.middle 										{display:none !important;}
	section > header label							{display: flex;flex-direction: column;text-align: left;max-width: 100% !important;line-height: 10px;color: #000 !important;font-size: 0 !important;}
	section > header input, section > header select	{display:inline-block;margin: 0; border: none !important;padding:0;height: 20px !important; -webkit-appearance: none;-moz-appearance: none;}
	header .iv										{max-width: 120px !important;}
	h2 nav.tab										{display:inline-block;top: -6px;float: right !important;}
	h2 nav.tab label								{display:none;font-size: 11px!important;}
	h2 nav.tab label.active							{display:block !important;color:#000 !important;}
	tr.head th, tr.main th, table.list tbody tr th{border: none !important;padding-left:0 !important;color: #000;font-size:14px !important;text-align: left;}
	th.order::before{display: none !important;}
	section table tfoot tr:last-of-type th, section table tfoot tr:last-of-type td{border:none !important;box-shadow: none !important;color: #000 !important;}
	table.list tr th, th.order.asc,section > table thead th{padding-left: 0!important;color: #000 !important;border-bottom:1px solid #000 !important;font-size:14px !important;text-align: left !important;background: none!important;}
	.wide table	{max-width: 100% !important;}
	table .num	{text-align: left!important;}
	section > table.info{width: 100% !important;}
	section > table.info thead tr th{background: none !important;}
	table .paid, table .paid *{background: none !important;}
	div.vi{width: 118px;}
	table.r th, table.r td{white-space: normal !important;}
	tbody.recap th.bold{white-space: nowrap!important;}
	table input {height: unset;padding: 0;}
}
/*test responsive*/
.mobile th, .mobile td {display:none;}
.mobile th, .mobile td {display:none;}
.mobile th.group, .mobile td.group {display:table-cell;}
.mobile th.ttl, .mobile td.ttl {display:table-cell;}
.mobile th.emptyRow, .mobile td.emptyRow {display:table-cell;}
.mobile th.order.asc::after 					{content:attr(data-mobile);}
.mobile th.order.desc::after					{content:attr(data-mobile);}


.mobile th.order::after { content: attr(data-mobile); position: relative;display:block;margin-top: 2px;color: #999;font-weight: normal;font-size: 11px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.mobile th[data-mobile]::after, .mobile td[data-mobile]::after {content:attr(data-mobile);display:block;font-size:11px;font-style:italic;}
.mobile th[data-mobile]::after	{font-size:10px;}

.mobile th.order:hover 			{border-bottom-color:#093;}
.mobile th.order:hover:after 	{content:"";position: relative !important;}


.mobile th.order:hover:after 	{content:attr(data-mobile);transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.mobile th.order.asc 			{border-bottom-color:#093;}
.mobile th.order.asc:after 	    {content:attr(data-mobile);transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.mobile th.order.desc 			{border-bottom-color:#093;}
.mobile th.order.desc:after	    {content:attr(data-mobile);transform:rotate(0deg);-webkit-transform:rotate(0deg);}



tbody tr:nth-child(2n) > td {}
.mobile-1 th:nth-child(1), 	.mobile-1 td:nth-child(1), 	.mobile-2 th:nth-child(2), 	.mobile-2 td:nth-child(2),
.mobile-3 th:nth-child(3),	.mobile-3 td:nth-child(3), 	.mobile-4 th:nth-child(4),	.mobile-4 td:nth-child(4),
.mobile-5 th:nth-child(5),	.mobile-5 td:nth-child(5), 	.mobile-6 th:nth-child(6),	.mobile-6 td:nth-child(6),
.mobile-7 th:nth-child(7),	.mobile-7 td:nth-child(7), 	.mobile-8 th:nth-child(8),	.mobile-8 td:nth-child(8),
.mobile-9 th:nth-child(9),	.mobile-9 td:nth-child(9), 	.mobile-10 th:nth-child(10),.mobile-10 td:nth-child(10),
.mobile-11 th:nth-child(11),.mobile-11 td:nth-child(11),.mobile-12 th:nth-child(12),.mobile-12 td:nth-child(12) 	{display:table-cell;}
/**/
@media screen and (min-width:610px) {
	.tablet-1 th:nth-child(1), 	.tablet-1 td:nth-child(1), 	.tablet-2 th:nth-child(2), 	.tablet-2 td:nth-child(2),
	.tablet-3 th:nth-child(3),	.tablet-3 td:nth-child(3), 	.tablet-4 th:nth-child(4),	.tablet-4 td:nth-child(4),
	.tablet-5 th:nth-child(5),	.tablet-5 td:nth-child(5), 	.tablet-6 th:nth-child(6),	.tablet-6 td:nth-child(6),
	.tablet-7 th:nth-child(7),	.tablet-7 td:nth-child(7), 	.tablet-8 th:nth-child(8),	.tablet-8 td:nth-child(8),
	.tablet-9 th:nth-child(9),	.tablet-9 td:nth-child(9), 	.tablet-10 th:nth-child(10),.tablet-10 td:nth-child(10),
	.tablet-11 th:nth-child(11),.tablet-11 td:nth-child(11),.tablet-12 th:nth-child(12),.tablet-12 td:nth-child(12) 	{display:table-cell;}
	section.panel label.i 			{width: 50% !important;}
	section.panel label.s			{width: 25% !important;}
	.sq		 			{width: 12.5% !important;}
	.sd		 			{width: 6.25% !important;}
	#taskPopup .sx					{width: 8.33%;}
	#taskPopup .st					{width: 16.67%;}
	section > h2 span.right, section > h2 menu.right {float: right;}
	.middle > a.tab					{margin: 0 10px !important;}

}
@media screen and (min-width:987px) {
	.mobile th, .mobile td {display:table-cell;}
	.mobile th[data-mobile]::after, .mobile td[data-mobile]::after {display:none;}
	section.panel 						{float: left;/*2022-06-07mss: expence currency! ;width: 61.8%;*/width: 58%; padding: 0;}
	section.panel.aside 				{float: left;/*2022-06-07mss: expence currency! ;width: 38.1%;*/width: 42%; }
	/*2021-06-01mss:  partner detail:*/
	#partnerDetail section.panel 		{/*2021-08-11mss: not enough space! ;width: 55.8%;width: 44.1%;*/}
	#partnerDetail section.panel.aside 	{/*2021-08-11mss: not enough space! ;width: 44.1%;width: 55.8%;*/}
	section.panel aside{margin: 5px 0 0 10px; width: 99%;}

}

@media screen and (min-width:1640px) {
	body	  						    {background:#f1f4f5 !important;}
	body > header   				    {width: 1634px;}
	form>section  						{min-height:84.7vh;margin:auto;padding:15px 24px 24px !important;margin-bottom:20px;border-top: 3px solid #7986cb;}
	form>section>h2 					{padding-top:0;}
	form aside.financial                {margin-left:0;}
	section.left article 				{width: 47% !important;}
	form section aside					{width: 50%;}
	table.list > tbody td				{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 600px;}
	.partner aside						{bottom: -18px; float: right;width: 49%;}
}