@charset "utf-8";
/* CSS Document */
html { overflow-y: scroll; }

/* main boxes */
body { background:#fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  font-size:12px; padding:0; margin:0; color:#fff; }
a { text-decoration:none; }
a img { border:none; }
h1 { font-size:18px; }

/* forms */
.ui-frm { display:none; }

/* top */
#top-container { background-color:#eee; color:#000; width:100%; height:100px; border-bottom:6px solid #fff; }

/* top left */
#top-left { position:relative; width:23px; float:left; }
.sp { border-right:6px solid #fff; background:#eee; height:100px; }

/* top menu */
#top-menu { position:relative; width:400px; height:100px; overflow:hidden; float:left; z-index:1; }
.jimgMenu { height:100px; }
.jimgMenu ul { list-style:none;	margin:0px; padding-left:0; display:block; height:100px; }
.jimgMenu ul li { float:left; }
.jimgMenu ul li a {	border-right:6px solid #fff; cursor:pointer; display:block; overflow:hidden; width:39px; height:100px; text-decoration:none; }
.jimgMenu ul li a.stopped { width:115px; }
.jimgMenu ul li a .mTitle h1 { color:#fff; }
.jimgMenu ul li a img { width:115px; height:100px; }

/* top user info */
#top-user-info { position:absolute; width:130px; top:10px; right:400px; z-index:2; }
#top-user-info div { text-align:right; padding-bottom:7px; }
#top-user-info p { margin:0; padding:0 }
#user-buttons img { width:28px; height:28px; }

/* top right */
#top-right { position:absolute; width:400px; height:100px; top:0; right:0; z-index:0; }
.logotyp { height:100px; }

/* title */
#title-container { width:100%; border-bottom:6px solid #fff; background:#eee; }
#title-box { width:100%; }
#title-box { color:#000; }
#title-container h1, #title-container p { padding:4px 10px 6px 10px; margin:0; }

/* info */
#info-container { width:100%; border-bottom:6px solid #fff; background-color:#eee; }
#info-container .warning { background-color:#ce7979; }
#info-container .message { background-color:#ccc; }
#info-container .confirm { background-color:#a0bb84; }
#info-container h1, #info-container p { padding:3px 10px 6px 10px; margin:0; color:#fff; }
#info-box { width:100%; }
#info-box a { color:#fff; background-color:#f66; padding:2px 6px 2px 6px; font-size:.8em; margin-bottom:20px; white-space:nowrap; }
#info-box a:hover { color:#fff; background-color:#000; }

/* bar */
.bar h1 { margin:0; padding:5px 10px 5px 10px; border-bottom:1px solid #fff; }
.bar h1.reports-kpi { border-bottom:none; font-size:3em; }

/* forms */
.field-box { float:left; width:200px; }

/* table in bars */
.table-container { padding:0 8px 0 8px; }
.results-list { width:100%; border-collapse:separate; border-spacing:1px; color:#333; }
.results-list thead { background:#bbb; color:#fff; font-size:1.2em; text-align:left; }
.results-list thead th { padding-left:5px; }
.results-list tbody td { background:#f9f9f9; padding:4px; vertical-align:top; }
.results-list tbody td.btn { vertical-align:middle; width:55px; }
.results-list tbody tr.alternate td { background:#ddd; }
.results-list tbody tr.is-link td { cursor:pointer; }
.results-list tbody .table-button { padding:1px 3px 1px 3px; font-size:.8em; display:block; text-align:center; outline:none; }
.results-list tfoot td { text-align:right; font-style:italic; padding-right:10px; background:#f9f9f9; }
.results-list td.quarter { width:25%; }
.results-list td.half { width:50%; }
.additional-results-list { width:100%; padding:0; }
.additional-results-list thead { background:#fff; color:#999; font-size:1.2em; }
.additional-results-list thead th { }
.additional-results-list tbody td { background:#eaeaea; padding:4px; vertical-align:top; }
.history-result-list td { text-align:left; }
.history-result-list input { font-size:.8em; width:90px; }

/* content in bars  */
.content .frm { margin-top:25px; }
.content .item { padding-bottom:20px; }
.content p { padding:5px 10px 0px 10px; margin:0; }
.content h2 { padding:5px 10px 10px 10px; margin:0; }
.content label { font-size:1.1em; }
.content label .additional { font-size:.7em; font-style:italic; }
.content input {}
.content a.btn { color:#fff; padding:5px 10px 5px 10px; font-size:1.2em; }
.content a.btn:hover { }
.content a.micro-button { padding:2px 9px 2px 9px; }

.content input[type=text],
.content input[type=password] { width:300px; }
.content textarea { width:500px; height:200px; }

.content input.product-amount-fld { width:80px; }
.content input.client-number-fld { width:50px; }
.content input.client-name-fld { width:180px; }
.content input.product-type-price-fld,
.content input.product-type-stock-fld { width:80px; }
.content select.rm-department-id-fld, .content select.rm-id-fld { width:172px; height:22px; vertical-align:middle; }

.content #save-product-pictures-box img { width:50px; height:50px; }

.history-result-list label { font-size:1em; }

/* login-bar */
.login-bar { margin: 200px auto 0 auto; width:306px; background-color:#336EA8; }
.login-bar #logo-box { border-bottom:1px solid #fff; }
.login-bar #info-box { background-color:#7d9a5f; color:#fff; border-bottom:1px solid #fff; }
.login-bar #info-box.warning { background-color:#D93A37; }
.login-bar p { padding:7px 10px 7px 10px; margin:0; }
.login-bar .float-left { width: 130px; margin-top:5px; }
.login-bar input, .login-bar select { width:150px; }
.login-bar #login-button-box { width:300; text-align:right;  padding:5px 0 10px 0; }
.login-bar #login-button-box a.btn { color:#fff; background-color:#49484C; padding:5px 10px 5px 10px; font-size:1.2em; }
.login-bar #login-button-box a.btn:hover { background-color:#000; }

/* left-bar */
.left-bar { float:left; width:200px; text-align:left; }
.left-bar ul, .left-bar ul li { list-style:none; margin:0; padding:0; }
.left-bar ul { padding-top:25px; }
.left-bar ul li {  }
.left-bar ul li p { padding:5px 10px 5px 10px; margin:0; }
.left-bar ul li a { cursor:pointer; color:#fff; }
.left-bar ul li.active a { cursor:default; }
.left-bar ul li.active a, .left-bar ul li.active a:visited, .left-bar ul li:hover a, .left-bar ul li:hover a:visited { font-weight:bold; }
.left-bar ul li.active a, .left-bar ul li.active a:visited { font-size:1.2em; }

/* center bar */
.center-bar { float:left; width:200px; text-align:right; margin-left:6px; }
.center-bar h1 { color:#fff; }
.center-bar ul, .center-bar ul li { list-style:none; margin:0; padding:0; }
.center-bar ul { margin-top:25px; }
.center-bar ul li { color:#f9f9f9; }
.center-bar ul li.active { color:#fff; font-weight:bold; font-size:1.2em; }
.center-bar ul li.done { color:#f9f9f9; font-style:italic; }
.center-bar ul li p { padding:5px 10px 5px 10px; margin:0; }
.center-bar ul li a { cursor:pointer; color:#fff; }

/* right-bar */
#right-bar-container { display:block; overflow:hidden; }
.right-bar { background-color:#eee; color:#7d9a5f; padding-bottom:5px; }

/* bars for settings-bar */
.settings-bar .left-bar { background:#346FA9; }
.settings-bar .left-bar h1 { color:#fff; }
.settings-bar .left-bar ul li.active a p,
.settings-bar .left-bar ul li.active a:visited p,
.settings-bar .left-bar ul li:hover a p,
.settings-bar .left-bar ul li:hover a:visited p { background-color:#fff; color:#346FA9; }
.settings-bar .center-bar { background-color:#346FA9; }
.settings-bar .center-bar ul li.active a p,
.settings-bar .center-bar ul li.active a:visited p,
.settings-bar .center-bar ul li:hover a p,
.settings-bar .center-bar ul li:hover a:visited p { background-color:#fff; color:#346FA9; }
.settings-bar .right-bar { color:#346FA9; margin-left:6px; }
.settings-bar .right-bar a.btn { background-color:#346FA9; }
.settings-bar .right-bar a.btn:hover { background-color:#333; }
.settings-bar .right-bar .results-list tbody tr:hover td, 
.settings-bar .right-bar .results-list tbody .hovered td, 
.settings-bar .right-bar .results-list tbody .hovered { background-color:#87c2fd; color:#fff; }
.settings-bar .right-bar .results-list tbody .table-button { background-color:#87c2fd; color:#fff; }
.settings-bar .right-bar .results-list tbody tr:hover .table-button, 
.settings-bar .right-bar .results-list tbody .hovered .table-button { background-color:#fff; color:#87c2fd; }
.settings-bar .right-bar .results-list tbody tr:hover .table-button:hover { background-color:#333; color:#fff; }

/* bars for content-bar */
.content-bar .left-bar { background:#a0bb84; }
.content-bar .left-bar h1 { color:#fff; }
.content-bar .left-bar ul li.active a p,
.content-bar .left-bar ul li.active a:visited p,
.content-bar .left-bar ul li:hover a p,
.content-bar .left-bar ul li:hover a:visited p { background-color:#fff; color:#a0bb84; }
.content-bar .center-bar { background-color:#a0bb84; }
.content-bar .center-bar ul li.active a p,
.content-bar .center-bar ul li.active a:visited p,
.content-bar .center-bar ul li:hover a p,
.content-bar .center-bar ul li:hover a:visited p { background-color:#fff; color:#a0bb84; }
.content-bar .center-bar-for-find { text-align:left; color:#fff; }
.content-bar .center-bar-for-find a.btn { background-color:#fff; color:#a0bb84; }
.content-bar .center-bar-for-find a.btn:hover { background-color:#333; color:#fff; }
.content-bar .right-bar { color:#7d9a5f; margin-left:6px; }
.content-bar .right-bar a.btn { background-color:#a0bb84; }
.content-bar .right-bar a.btn:hover { background-color:#7d9a5f; }
.content-bar .right-bar a.btn-close { background-color:#bbb; }
.content-bar .right-bar a.btn-close:hover { background-color:#f00; }
.content-bar .right-bar .results-list tbody tr:hover td, 
.content-bar .right-bar .results-list tbody .hovered td, 
.content-bar .right-bar .results-list tbody .hovered { background-color:#7d9a5f; color:#fff; }
.content-bar .right-bar .results-list tbody .table-button { background-color:#7d9a5f; color:#fff; }
.content-bar .right-bar .results-list tbody tr:hover .table-button, 
.content-bar .right-bar .results-list tbody .hovered .table-button { background-color:#fff; color:#7d9a5f; }
.content-bar .right-bar .results-list tbody tr:hover .table-button:hover { background-color:#333; color:#fff; }

/* bars for shop */
.shop-bar .left-bar { background:#ce7979; }
.shop-bar .left-bar h1 { color:#fff; margin-bottom:24px; }
.shop-bar .left-bar h2 { border-top:1px solid #ce7979; margin:0; padding:0 0 0 10px; height:30px; background-color:#fff; }
.shop-bar .left-bar h2 a { display:block; color:#555; padding-top:4px; height:26px; outline:none; text-decoration:none; }
.shop-bar .left-bar h2 a .folder-name { float:left; }
.shop-bar .left-bar h2 a .folder-icon { float:right; padding:2px 5px 0 0; }
.shop-bar .left-bar h2 a.active .folder-icon img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); }
.shop-bar .left-bar ul { padding:1px 0 0 0; margin:0; }
.shop-bar .left-bar ul li.active a p,
.shop-bar .left-bar ul li.active a:visited p,
.shop-bar .left-bar ul li:hover a p,
.shop-bar .left-bar ul li:hover a:visited p { background-color:#fff; color:#ce7979; }
.shop-bar .center-bar { background-color:#ce7979; color:#fff; }
.shop-bar .center-bar ul li.active a p,
.shop-bar .center-bar ul li.active a:visited p,
.shop-bar .center-bar ul li:hover a p,
.shop-bar .center-bar ul li:hover a:visited p { background-color:#fff; color:#ce7979; }
.shop-bar .center-bar a.btn { background-color:#fff; color:#ce7979; }
.shop-bar .center-bar a.btn:hover { background-color:#333; color:#fff; }
.shop-bar .right-bar { color:#a24b4b; margin-left:6px; }
.shop-bar .right-bar a.btn { background-color:#ce7979; }
.shop-bar .right-bar a.btn:hover { background-color:#a24b4b; }
.shop-bar .right-bar .results-list tbody tr:hover td { background-color:#ce7979; color:#fff; }
.shop-bar .right-bar .results-list tbody .table-button { background-color:#ce7979; color:#fff; border-bottom:solid 1px #fff; }
.shop-bar .right-bar .results-list tbody tr:hover .table-button { background-color:#fff; color:#ce7979; border-bottom:solid 1px #ce7979; }
.shop-bar .right-bar .results-list tbody tr:hover .table-button:hover { background-color:#333; color:#fff; }
.shop-bar .right-bar .results-list tbody ul,
.shop-bar .right-bar .results-list tbody ol { margin: 0px; padding: 0px; list-style:none; }
.shop-bar .right-bar .results-list tbody li { margin-bottom:2px; }

.shop-bar .right-bar .results-list tbody a:not(.popup) { color:#fff; background-color:#ce7979; padding:2px 6px 2px 6px; font-size:.8em; white-space:nowrap; }
.shop-bar .right-bar .results-list tbody tr:hover a { background-color:#fff; color:#000; }
.shop-bar .right-bar .results-list tbody tr:hover a:hover { color:#fff; background-color:#000; }

.shop-bar .right-bar .results-list tbody .file-upload-btn { position:relative; width:60px; overflow: hidden; color:#fff; background-color:#ce7979; padding:2px 6px 2px 6px; font-size:.8em; white-space:nowrap; float:left; }
.shop-bar .right-bar .results-list tbody input[type=file] { position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0); }
.shop-bar .right-bar .results-list tbody .file-upload-fld { font-size:.8em; margin-left:5px; width:200px; }
.shop-bar .right-bar .results-list tbody tr:hover .file-upload-btn { background-color:#fff; color:#000; }
.shop-bar .right-bar .results-list tbody tr:hover .file-upload-btn:hover { color:#fff; background-color:#000; }


.shop-bar a.header-button { color:#fff; background-color:#ce7979; padding:2px 6px 2px 6px; font-size:.8em; white-space:nowrap; }
.shop-bar a.header-button:hover { background-color:#000; }

.report-description { border-bottom:solid 10px #eee; }

/* bars for orders */
.orders-bar .left-bar { background:#e4c685; }
.orders-bar .left-bar h1 { color:#fff; }
.orders-bar .left-bar ul li.active a p,
.orders-bar .left-bar ul li.active a:visited p,
.orders-bar .left-bar ul li:hover a p,
.orders-bar .left-bar ul li:hover a:visited p { background-color:#fff; color:#e4c685; }
.orders-bar .center-bar { background-color:#e4c685; color:#fff; }
.orders-bar .center-bar a.btn { background-color:#fff; color:#e4c685; }
.orders-bar .center-bar a.btn:hover { background-color:#e4c685; color:#fff; }
.orders-bar .center-bar ul li a { cursor:pointer; color:#fff; }
.orders-bar .center-bar ul li.active a p, 
.orders-bar .center-bar ul li.active a:visited p,
.orders-bar .center-bar ul li:hover a p,
.orders-bar .center-bar ul li:hover a:visited p { background-color:#fff; color:#e4c685; }
.orders-bar .right-bar { color:#b88c2d; margin-left: 6px; }
.orders-bar .right-bar a.btn { background-color:#b88c2d; }
.orders-bar .right-bar a.btn:hover { background-color:#b88c2d; }
.orders-bar .right-bar .results-list tbody tr:hover td { background-color:#b88c2d; color:#fff; }
.orders-bar .right-bar .results-list tbody .table-button { background-color:#b88c2d; color:#fff; border-bottom:solid 1px #fff; }
.orders-bar .right-bar .results-list tbody tr:hover .table-button { background-color:#fff; color:#b88c2d; border-bottom:solid 1px #b88c2d; }
.orders-bar .right-bar .results-list tbody tr:hover .table-button:hover { background-color:#777; color:#fff; }

/* bars for service-bar */
.service-bar .left-bar { background:#333; }
.service-bar .left-bar h1 { color:#fff; }
.service-bar .left-bar ul li.active a p,
.service-bar .left-bar ul li.active a:visited p,
.service-bar .left-bar ul li:hover a p,
.service-bar .left-bar ul li:hover a:visited p { background-color:#fff; color:#333; }
.service-bar .center-bar { background-color:#333; }
.service-bar .center-bar ul li.active a p,
.service-bar .center-bar ul li.active a:visited p,
.service-bar .center-bar ul li:hover a p,
.service-bar .center-bar ul li:hover a:visited p { background-color:#fff; color:#333; }
.service-bar .center-bar-for-find { text-align:left; color:#fff; }
.service-bar .center-bar-for-find a.btn { background-color:#fff; color:#333; }
.service-bar .center-bar-for-find a.btn:hover { background-color:#333; color:#fff; }
.service-bar .right-bar { color:#000; margin-left:6px; }
.service-bar .right-bar a.btn { background-color:#333; }
.service-bar .right-bar a.btn:hover { background-color:#000; }
.service-bar .right-bar a.btn-close { background-color:#bbb; }
.service-bar .right-bar a.btn-close:hover { background-color:#f00; }
.service-bar .right-bar .results-list tbody tr:hover td, 
.service-bar .right-bar .results-list tbody .hovered td, 
.service-bar .right-bar .results-list tbody .hovered { background-color:#000; color:#fff; }
.service-bar .right-bar .results-list tbody .table-button { background-color:#000; color:#fff; }
.service-bar .right-bar .results-list tbody tr:hover .table-button, 
.service-bar .right-bar .results-list tbody .hovered .table-button { background-color:#fff; color:#000; }
.service-bar .right-bar .results-list tbody tr:hover .table-button:hover { background-color:#333; color:#fff; }

/* common for bars */
.right-bar .is-saved { color:#000; }
.right-bar .is-saved span { color:#aaa; }
.right-bar .is-saved-img {  }

/* loading */
#loading-container { position:fixed; left:0; top:0; z-index:99999; width: 100%; height: 100%; }
#loading-container img.loader-bg { width: 100%; height: 100%; }
#loading-container #loading { position: absolute; left: 45%; top: 45%; z-index: 100000; height: 160px; width: 102px; }

/* graphs */
#diagram { margin: 10px; background-color:#f9f9f9; }
#placeholder { width:100%; height:300px }

/* other */
.hidden { display:none; }
.float-left { float:left; }
.clear-both { clear:both; }
.black { color:#000; }
.nobr { white-space:nowrap; }
.bold { font-weight:bold; }

.plot-tooltip {
	position: absolute;
	display: none;
	border: 1px solid #d4d4d4;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=6),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=315,strength=1);
}

/* content flow */
.content-flow-container { width:120%; height:160px; overflow:hidden; }
.content-flow-box { width:100%; height:180px; }
.content-flow-shift { width:100%; position:relative; top:-30px; left:-8%; }
.stage_name { position:relative; top:-90%; left:18%; width:70%; height:80%; overflow:hidden; font-size:1.6em; line-height:1; color:#000; z-index:-11; text-align:center; display:table; vertical-align:middle; }
.stage_name > span { display:table-cell; vertical-align:middle; }
.stage_bg { position:relative; top:-180%; z-index:-12; }
.info-below { color:#aaa; font-size:.8em; }