body, html { height:100%; width:100%; }
body { font-family:arial, tahoma, helvetica, verdana, sans-serif; font-size:12px; font-weight:normal;
    color:#333333; background:#ffffff; }

a, a:visited { color:#0000ff; text-decoration:underline; }
a:hover { text-decoration:none; }

.Hcentered { margin:0 auto 0 auto; }
.Vcentered { margin:auto 0 auto 0; }
.center { text-align:center; }
.centerV { vertical-align:middle; }
.right { text-align: right; }
.left { text-align: left; }
.topV { vertical-align:top; }
.midV { vertical-align: middle; }
.pointer { cursor: pointer; }
.cursDefault { cursor: default; }
.bold { font-weight: bold; }.
.normal { font-weight: normal; }
.underline { text-decoration: underline }
.grayLine {border-bottom: 1px solid #f0f0f0; height: 1px; width: 100%;}
.hidden { display: none; }
.hvGray:hover { background-color: #f0f0f0; }

.blockAuth { width:400px; position:absolute; top:50%; margin-top:-200px; left:50%; margin-left:-220px; padding:20px;
    padding-bottom:30px; }

.shadowRightBottom { box-shadow:2px 2px 2px 1px #eeeeee;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#eeeeee')";
filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#eeeeee')"; }

.mt5 { margin-top:5px; }
.mb5 { margin-bottom:5px; }
.ml5 { margin-left:5px; }
.mr5 { margin-right:5px; }

.mt7 { margin-top:7px; }
.mb7 { margin-bottom:7px; }
.ml7 { margin-left:7px; }
.mr7 { margin-right:7px; }

.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }

.mt15 { margin-top:15px; }
.mb15 { margin-bottom:15px; }
.ml15 { margin-left:15px; }
.mr15 { margin-right:15px; }

.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

.mt3 { margin-top: 3px; }
.mb3 { margin-bottom: 3px; }
.mt30 { margin-top:30px; }
.mb30 { margin-bottom:30px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.mr30 { margin-right:30px; }

.pt5 { padding-top:10px; }
.pb5 { padding-bottom:10px; }
.pl5 { padding-left:10px; }
.pr5 { padding-right:10px; }

.pt10 { padding-top:10px; }
.pb10 { padding-bottom:10px; }
.pl10 { padding-left:10px; }
.pr10 { padding-right:10px; }

.pt15 { padding-top:15px; }
.pb15 { padding-bottom:15px; }
.pl15 { padding-left:15px; }
.pr15 { padding-right:15px; }

.fs6 { font-size:6px; }
.fs7 { font-size:7px; }
.fs8 { font-size:8px; }
.fs9 { font-size:9px; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }

.lh16 { line-height: 16px; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }

.clearBoth { clear:both; }
.clearRight { clear:right; }
.clearLeft { clear:left; }

.floatLeft { float: left; }
.floatRight { float: right; }

.inline { display: inline; }
.inlineBlock { display: inline-block; }
.posRelative { position: relative; }

.inputWrapperOuter { background:#f5f5f5; border:1px solid #f9f9f9; border-radius:3px; -moz-border-radius:3px;
    -webkit-border-radius:3px; padding:3px; }
.inputWrapperInner { background:#ffffff; border:1px solid #cccccc; -moz-border-radius:3px; border-radius:3px;
    padding:5px; }
.inputWrapped { width:100%; border:0px; }

.blockTitleBig { border-bottom:1px solid #cccccc; font-weight:normal; font-size:20px; color:#333333;
    padding-bottom:20px; display:block; }

.inputSubmitBig { border:none; background:#009cda; color:#f9f9f9; font-size:15px;
    font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif; cursor:pointer; padding:5px 10px; font-weight:bold;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.inputSubmitBig.grey { background:#cccccc; color: #ffffff; }

.inputSubmitSmall { border:none; background:#009cda; color:#f9f9f9; font-size:12px;
    font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif; cursor:pointer; padding:2px 5px;
    border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }

.inputSubmitSmall.red { background:#FFBFBE; color:#f9f9f9; }

.submitGrey { background:#eeeeee; color: #c7c5c5; }

.alertRed { background:#fff2ef; border:1px solid #faae9e; border-radius:3px; -moz-border-radius:3px;
    -webkit-border-radius:3px; color:#fd2c00; padding:10px; }
.alertGreen { background:#ecf6ea; border:1px solid #8cd783; border-radius:3px; -moz-border-radius:3px;
-webkit-border-radius:3px; color:#009933; padding:10px; }
.alertYellow { background:#fdfbe7; border:1px solid #f6ba65; border-radius:3px; -moz-border-radius:3px;
    -webkit-border-radius:3px; color:#c2770f; padding:10px; }

.mainHeader { width:1200px; height:50px; margin-bottom: 10px; display:block; }
.mainFooter { width:1200px; height:30px; background:#f0f0f0; margin-top:10px; display:block; }
.roundTopGrey { border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; }
.roundBottomGrey { border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.mainHeader .logo { margin: 5px 0 0 10px; float:left; width:95px; height:50px; }
.mainHeader .user { float:right; text-align:right; height:15px; padding-top:10px; padding-right:10px; }
.mainHeader .logout { float:right; text-align:right; height:15px; padding-top:5px; padding-right:10px; }
.mainTabs { width:1202px; height:36px; display:block; border-bottom: 1px solid #cccccc; }
.mainTabs .tabOuter { display:block; float:left; font-weight:bold; height:36px; }
.mainTabs .tabSpacer { display:block; border:0px; float:left; width:1px; height:36px; }
.mainTabs .tabPadder { width:50%; }
.mainTabs .tabInner { border:0px; border-bottom:1px solid #cccccc; padding:10px; padding-left:30px;
    padding-right:30px; height:15px; }

.mainTabsData { display: block; width: 1200px; min-height: 300px; padding-top: 10px; }
.roundTopBlock { border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.roundTopRadius { border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px; -webkit-border-radius-topleft:3px; -webkit-border-radius-topright:3px; }
.roundBottomBlock { border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.roundBottomRadius { border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px; -webkit-border-radius-bottomleft:3px; -webkit-border-radius-bottomright:3px; }

.nobr { white-space:nowrap; }

.mainTabs .selected { border-bottom:1px solid #ffffff; }
.mainTabs .selected a { text-decoration:none; }

.dataTable, .dataTableMini { border:0; border-collapse:collapse; }
.dataTable .amount, .dataTableMini .amount { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none; }
.dataTable.padded td { padding: 5px; line-height: 130%; }
.dataTable.padded2 td { padding: 2px; line-height: 110%; }
.dataTable.padded21 td { padding: 2px 10px 2px 2px; line-height: 110%; }
.dataTable.padded22 td { padding: 2px 20px 2px 2px; line-height: 110%; }
.dataTable.padded52 td { padding: 2px 5px 2px 5px; }
.dataTable.padded23 td { padding: 2px 5px 2px 2px; line-height: 110%; height: auto; }
.dataTable.padded3 td { padding: 3px; line-height: 120%; }
.dataTable.padded1_3 td { padding: 10px 0; border-bottom: 1px solid #c0c0c0; }
.dataTable.padded1_3 td.nopad { padding: 0; height: 20px; border-bottom: 0; }
.dataTable.padded1_3 tr:last-child td { border-bottom: 0; }
.dataTable.paddedR20 td { padding-right: 20px; }
.dataTable.narrow td { padding: 1px 1px; }
.dataTable.paddedTB2 td { padding: 2px 0 2px 0; }
.dataTable .header { text-align:center; height: 25px; background: #f9f9f9; border-bottom: 3px solid #f0f0f0;
    padding-left: 10px; padding-right: 10px; font-weight: normal; vertical-align: middle; }
.dataTable .header.bold { font-weight: bold; }
.dataTable .header.left { text-align: left; }
.dataTable .header.right { text-align: right; }
.dataTable td { height: 30px; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
.dataTable td.topV{ vertical-align: top; }
.dataTable .borderLeft{ border-left: 1px solid #f6f6f6; }
.dataTable tr { border-bottom: 1px solid #f6f6f6; }
.dataTable tr.bgRed { background-color: #FFf0f0; }
.dataTable tr.bgRed:hover { background-color: #FFd0d0; }
.dataTable tr.bgGreen { background-color: #bfffbb; }
.dataTable tr.bgGreen:hover { background-color: #9dff9e; }
.dataTable tr:hover, .dataTableMini tr:hover, .dataTable tr:hover .rack { background: #f0f0f0; }
.dataTable tr.noHover, .dataTable tr.noHover:hover, .dataTableMini tr.noHover,
.dataTableMini tr.noHover:hover { background: #ffffff; }
.dataTable tr.borderBottom { border-bottom: 1px solid #f0f0f0; }
.dataTable.padded22 tr:hover { background: #ffffff; }
.dataTable .quantWrap { position: relative; width: 100%; height: 100%; padding-top: 13px; }
.dataTable .quantWrapV { position: relative; width: 50%; height: 100%; padding-top: 13px; text-align: right; }
.dataTable .quantWrapV .alert { position: absolute; width: 16px; height: 16px; right: -17px; top: 12px; }
.dataTable .quantWrap .alert { position: absolute; width: 16px; height: 16px; right: 0; top: 12px; }
.dataTable .addNewItemRow { background: aliceblue; border-top: 1px solid #ccc; }
.dataTable .newEntryTypeCaption { width: 72px; }
#newEntryServiceType { width: 100px; height: 18px; padding: 0; margin-right: 6px; }
.cellTop { vertical-align: top; }
.oddCell { background: #f5f5f5; }
.lBorder { border-left: 1px solid #999999; }
.tBorder { border-top: 1px solid #999999; }
.dataTable.padded1_3 .cons td { border-bottom: 0; }

.dataTableMini .header { text-align:center; height: 19px; background: #f9f9f9; border-bottom: 2px solid #f0f0f0;
    padding-left: 7px; padding-right: 7px; font-weight: normal; vertical-align: middle; }
.dataTableMini td { height: 19px; padding-left: 5px; padding-right: 5px; vertical-align: middle; }

.tableSpaced {border-collapse: separate; border-spacing: 2px; }
.tableSpaced td { border-collapse: separate; border-spacing: 2px; }
.tableSpacedBig {border-collapse: separate; border-spacing: 8px; }
.tableSpacedHuge {border-collapse: separate; border-spacing: 16px; }
.logField {width: 100px; margin-right:10px; text-align: left; float: left; cursor: default; }
.logValue {float: left; cursor: default; width: 400px; word-wrap: break-word; }

.tableTiny {border-collapse: collapse; border-spacing: 0; }
.tableTiny td, .tableTiny th { padding: 2px 3px; height: 12px;  vertical-align: middle;  }
.tableTiny2 {border-collapse: collapse; border-spacing: 0; }
.tableTiny2 th { padding: 3px 5px; }
.tableTiny2 td { padding: 1px 5px; }
.tableTiny2 th { background: #e0e0e0; font-weight: normal; vertical-align: middle; }

.copyright { float:left; margin-left:20px; padding-top:9px; }
.up { color:#00ff00; font-size:14px; }
.down { color:#ff7c7c; font-size:14px; }
.pageSel { font-weight: bold; font-size: 14px; }
.sButton { display:inline-block; width:18px; height:13px; background:#d0d0d0; border:1px solid #d0d0d0;
    color:#333333; padding: 1px 3px 1px 3px; font-weight: bold; margin-top: 3px; margin-right: 3px; border-radius:3px;
    -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; }
.sbRed { background-color:#ffbbbb; border-color:#ffbbbb; color:#ff0000; }
.sbGreen { background-color:#66ff66; border-color:#66ff66; color:#009933; }
.sbYellow { background-color:#ffff66; border-color:#ffff66; color:#999900; }
.sbBlue { background-color:#0099ff; border-color:#0099ff; color:#0000ff; }

.red, .red a, .red a:visited { color:#ff0000; }
.green, .green a, .green a:visited { color:#009933; }
.blue, .blue a, .blue a:visited { color:#0000ff; }
.yellow, .yellow a, .yellow a:visited { color:#ffcc00; }
.grey, .grey a, .grey a:visited, a.grey, a.grey:visited { color:#b0b0b0; }
.pink, .pink a, .pink a:visited { color:#FAAFBE; }
.white, .white a, .white a:visited { color: #ffffff; }
.black, .black a, .black a:visited { color: #000000; }

.hided { position:absolute; left:-10000px; top:-10000px; }
.tooltip { background:#f6f6f6; border:1px solid #cccccc; border-radius:3px; position: absolute; display: inline-block;
    -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 1px 1px 1px #e0e0e0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e0e0e0')";
    filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e0e0e0')"; padding:7px 10px; }
.pseudoLink { border-bottom:1px dotted; padding-bottom:0px; cursor:pointer; }
.pseudoLink.cursDefault{ cursor: default; }

.LBalertBg { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity:0.2;
    -moz-opacity:0.1; -webkit-opacity:0.1; filter:"alpha(opacity=10)"; z-index: 1000; }

.LBalert { position: fixed; left: 50%; top: 50%; min-width: 450px; min-height: 100px; transform: translate(-50%, -75%);
    background: #ffffff url(/s/img/big_exclamation.png) no-repeat; background-position: 10px 50%;
    z-index: 1001; border:5px solid #bbbbbb; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    padding-left: 80px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; }
.LBalertButton { width: 50px; margin-top: 20px; }
.LBalertTxt { min-height: 80px; font-size: 18px; margin-top: auto; margin-bottom: auto; height: auto;}
.LBalertLinks { text-align: center; }
.LBlink1 { margin-left: 50px; }
.LBlink2 { margin-left: 150px; }

.LBmodalWindow { position: absolute; /*left: -10000px; top: -10000px;*/ background:#fbfbfb; float:left; min-width: 300px;
    min-height: 100px; width: 400px; border:3px solid #d0d0d0; border-radius:3px; -moz-border-radius:3px;
    -webkit-border-radius:3px; box-shadow:3px 3px 3px 1px #eeeeee;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#eeeeee')";
    filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#eeeeee')";
    padding-left: 3px; padding-right: 3px; padding-bottom: 10px; }
.LBmodalWindow .LBmodalTitle { height: 20px; border-bottom: 1px solid #cccccc; font-weight: bold; font-size: 11px; }
.LBmodalWindow .LBmodalClose { width: 8px; height: 8px; float: right; font-weight: bold; font-size: 12px;
    cursor: pointer; }

.LBmodalWindow .LBmodalTitleText { float: left; padding-top: 5px; padding-left: 3px; }
.LBmodalWindow .LBmodalSpinner { float: left; height: 10px; width: 10px; margin-left: 5px; margin-top: 5px; }
.LBmodalWindow .LBmodalData { float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 99%; }

h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }

.spinnerBigCenterUpper { background: url("/s/img/activity.gif") no-repeat center 30%; }
.spinnerBigCenterCenter { background: url("/s/img/activity.gif") no-repeat center center; }
.spinnerButtonShade { background: #ffffff; opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85;
    -webkit-opacity:0.85; }
.spinnerButtonCenter {background: url("/s/img/activity.gif") no-repeat center center;}

.listControl { width: 1180px; }
.listControl .id { text-align: left; padding-left:16px; padding-right: 30px; width: 1%; vertical-align: middle; }
.listControl .sort { text-align: left; padding-left:16px; padding-right: 30px; width: 8%; vertical-align: middle; }
.listControl .control { text-align: right; vertical-align: middle; }
.listControl img { vertical-align: middle; }
.listControl .desc { background: #f9f9f9 url( /s/img//bullet_arrow_up.png ) no-repeat left center; }
.listControl .asc { background: #f9f9f9 url( /s/img//bullet_arrow_down.png ) no-repeat left center; }

.prInputText { width: 250px; font-size: 12px; border: 1px solid #909090; padding: 2px; }
.prSelectDate { width: 75px; font-size: 12px; border: 1px solid #909090; padding: 2px; }
.prSelectColour { width: 120px; font-size: 11px; border: 1px solid #909090; padding: 1px; }
.prMatPercent { width: 20px; font-size: 11px; margin-left: 2px; border: 1px solid #909090; padding: 1px; }
.prInputAddon { width: 30px; font-size: 12px; border: 1px solid #909090; padding: 2px; }
.prSelectAddon { width: 140px; font-size: 10px; border: 1px solid #909090; padding: 2px; }
.inputSelect { font-size: 11px; padding: 2px 3px 2px 2px; border: 1px solid #909090; }
.inputSelect.fs10 { font-size: 10px; }
.inputSelect.fs9 { font-size: 9px; }
.purchaseInput { width: 28px; font-size: 12px; border: 1px solid #909090; padding: 2px; }
.inputBgGreen { background-color: #e0ffe0; }
.inputBgRed { background-color: #ffe0e0; }

.mainWrap {width:1200px; height: auto; margin: auto;}
.mainWrap.border { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  border: 1px solid #cccccc;
    padding: 5px; width:1190px; }
.contentWrap {width:986px; height: auto; float: left; border: 1px solid #cccccc; padding: 5px; overflow: visible;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: relative;}
.menuWrap {width:180px; height: auto; margin-right: 10px; float: left; border: 1px solid #cccccc; padding: 5px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.menuTop {margin-bottom: 8px;}
.menuSub {margin-bottom: 8px; margin-left: 10px; color: #587fff;}
.menuSub a, .menuSub a:hover {color: #587fff;}

.pageNumText { display: inline-block; margin-right: 10px; padding: 3px;}
.pageNum {padding: 3px; border: 1px solid #f0f0f0; display: inline-block; margin-right: 2px;}
.pageNum a {color: #666666; text-decoration: none;}
.pageNum a:hover {color: #0000ff; text-decoration: underline;}
.pageNum:hover {border: 1px solid #9ab2ff;}
.pageNumSel {border: 1px solid #9ab2ff;}
.pageNumSel a {color: #0000ff; text-decoration: underline; }
.pageNum.pageNumMulti{ cursor: pointer; padding-right: 19px;
    background: url( '/s/img/arrow_down_black.png' ) right center no-repeat;}
.pageNum.pageNumMulti:hover { color: #0000ff; text-decoration: underline; }
.pageNumMenu { position: absolute; z-index: 1; left: 100px; top: 200px; border: 1px solid #9ab2ff;
    background-color: #ffffff; min-width: 100px; min-height: 32px; padding: 8px 0 8px 0;
    box-shadow: 1px 1px 0 0 rgba( 160, 160, 160, 0.5 ); -moz-box-shadow: 1px 1px 0 0 rgba( 160, 160, 160, 0.5 );
    -webkit-box-shadow: 1px 1px 0 0 rgba( 160, 160, 160, 0.5 ); display: none; }
.pageNumMenu.open { display: block; }
.pageNumMenu p { padding: 4px 15px 4px 19px; margin: 0; }
.pageNumMenu p:hover, .pageNumMenu p.sel:hover { background-color: #E2E1FF; }
.pageNumMenu p.sel { background: url( '/s/img/arrow_right_black.png' ) 4% center no-repeat;}

#htmlEditor { line-height: 130%; width: 600px; height: 250px; }

.listItem { width: 100%; border-bottom: 1px solid #f0f0f0; padding: 8px 0 8px 0;}
.subscript {vertical-align: sub; font-size: 9px;}
.superscript {vertical-align: super; font-size: 9px;}

#searchWrap {width:98%; margin-bottom: 15px; float:left; padding: 5px;}
#searchQuery {width: 400px; font-size: 12px; border: 1px solid #a0a0a0; padding: 2px; float:left; margin-right: 20px; }
#searchButton {float:left;}

.spacedTable { border-collapse: separate; border-spacing: 2px; }
.inputText { font-size: 12px; width: 250px; border: 1px solid #909090; padding: 2px; }
.inputText.fs11 { font-size: 11px; }
.inputText.fs10 { font-size: 10px; }
.inputText.fs9 { font-size: 9px; }
.inputText.wd { width: 400px; }
.inputText.wd6 { width: 600px; }
.inputText.wd05 { width: 50px; }
.inputText.wd1 { width: 100px; }
.inputText.w20 { width: 20px; }
.inputText.w25 { width: 25px; }
.inputText.w30 { width: 30px; }
.inputText.w35 { width: 35px; }
.inputText.w40 { width: 40px; }
.inputText.w45 { width: 45px; }
.inputText.w50 { width: 50px; }
.inputText.w100 { width: 100px; }
.inputText.wd500, .inputText.w500 { width: 500px; }
.inputArea { font-size: 12px; width: 250px; height: 100px; border: 1px solid #909090; }
.inputAreaBig { font-size: 12px; width: 500px; height: 200px; border: 1px solid #909090; }
.inputAreaMedium { font-size: 12px; width: 500px; height: 100px; border: 1px solid #909090; }
.inputAreaSlim { font-size: 12px; width: 500px; height: 50px; border: 1px solid #909090; }
.inputAreaSlim.wide { width: 630px; }
.inputAreaSlim.taller { height: 70px; }
.inputTextSmall { font-size: 11px; padding: 1px; border: 1px solid #e0e0e0; }

.listSquareInside { list-style: square inside; }

.catListItem { height: 20px; }
.catListItem:hover { background-color: #f9f9f9; }

.wearSize { height: 22px; }
.wearSize:hover { background-color: #f9f9f9; }

.uploadImage {width:24px; height: 24px; z-index: 1; opacity: 0; -moz-opacity: 0; float: left;}
.uploadImageWrap {width:24px; height: 24px; z-index: 1; float: left; overflow: hidden;}
.uploadCover {margin-top: -24px; width:24px; height: 24px; left: 0px; z-index: 2; float: left;}
.uploadSpinner {background: url( '/s/img/loaderb16.gif' ) no-repeat;}
.uploadImageWrap2 {position: relative; width:24px; height: 24px; }
.uploadImage2 {width:24px; height: 24px; z-index: 2; opacity: 0; -moz-opacity: 0; position: absolute;}
.uploadCover2 {width:24px; height: 24px; left: 0px; z-index: 1; float: left; position: absolute;}

.editorLayer {position: fixed; width: 800px; height: 550px; border: 3px solid #e0e0e0; background: #ffffff;
    left: 50%; top: 50%; margin-left: -403px; margin-top: -303px; border-radius: 5px; -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }

.imgShaded {opacity: 0.15; -moz-opacity: 0.15; -webkit-opacity: 0.15; transition: all 0.15s ease;}
.imgShaded.hoverable:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; transition: all 0.15s ease;}
.shade50 {opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5}
.shade70 {opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3}

.selector { border: 1px solid #cccccc; padding: 4px 20px 3px 3px; overflow: hidden; width: 300px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    background: url(/s/img/bullet_arrow_down.png) no-repeat 100% 2px;
    cursor: pointer; }
.selector .selector-filter { width: 100%; border: none; font-size: 11px; }
.selector.short { width: 180px; }
.selector.long { width: 450px; }
.selector.wide { width: 600px; }
.selector.inline { display: inline-block; }
.selectorContentWrap { border: 1px solid #cccccc; padding: 5px; overflow: hidden;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index: 9;
    width: auto; height: auto; float: left; background-color: #ffffff; }

.inputAutoComplete { border: 1px solid #cccccc; padding: 3px; overflow: hidden; width: 300px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor: pointer; font-size: 11px; }
.inputAutoCompleteWrap { border: 1px solid #cccccc; padding: 5px; overflow-y: auto; overflow-x: hidden;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    width: auto; height: auto; float: left; background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0,0,0,0.80) }

.nano .content {overflow-x: hidden;}
.selectorItem {text-decoration: underline; cursor: pointer; padding: 3px; color: #0000ff; }
.selectorItem:hover {background-color: #f0f0f0; }
.nano .pane   { background: #eeeeee; }
.nano .slider { background: #333333; }

.multiBig { width: 300px; height: 410px; font-size: 12px; }

.modalContainer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; }
.modalShade { width: 100%; height: 100%; background: #ffffff; position: fixed; left: 0; top: 0;
    opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -webkit-opacity:0.5; }
.blockShade { width: 100%; height: 100%; background: #ffffff; position: absolute; left: 0; top: 0;
    opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity:0.7; z-index: 10000; }
.blockShade img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.repCell1 { width: 330px; vertical-align: top; padding-right: 15px; border-bottom: 1px solid #f0f0f0; line-height: 17px; }
.repCell2 { width: 250px; border-bottom: 1px solid #f0f0f0; line-height: 17px; }
.sizeWrap { display: inline-block; width: 180px; }
.repBottom { font-weight: bold; border-top: 1px solid #f0f0f0; text-align: center; }

.headRates { float: left; margin: 8px 0 0 400px; line-height: 18px; }

.sizesTable { border-collapse: collapse; border: 1px solid #c0c0c0; }
.sizesTable .order { background-color: #f0f0f0; }
.sizesTable td { padding: 2px; font-size: 11px; vertical-align: middle; }
.sizesTable th { padding: 2px; font-size: 11px; background-color: #f0f0f0; vertical-align: middle; width: 125px; }
.sizesTable input[type=text] { width: 120px; border: 1px solid #d0d0d0; padding: 2px; font-size: 11px; }
.sizesTable button { border: 0; background-color: #ffffff; padding: 0 2px; }

.uDomList { display: inline-block; min-width: 200px; margin-right: 10px; }

#takeSearch { min-width:150px; min-height: 45px; position: fixed; border: 1px solid #cccccc; top: 25px; right: 3px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #ffffff; text-align: right;
    z-index: 9; max-height: calc( 100% - 29px ); overflow: hidden; }
#tsInput { width: 226px; text-align: left; white-space: nowrap; }
#tsInput input { width: 180px; }
#tsFountNum { width: 150px; text-align: left; }
.tsListItem { white-space: nowrap; line-height: 13px; text-align: left; padding: 5px; margin-bottom: 3px;
    cursor: default; margin-right: 30px; }
.tsListItem span { color: #0000ff; border-bottom: 1px dashed #0000ff; }
.tsListItem img { float: left; margin-right: 5px; width: 30px; height: 30px; }
.takeSearchResultsWrap { overflow-y: auto; position: relative; max-height: 100%; }
#takeSearchResults { padding: 5px; overflow-y: auto; height: 100%; max-height: 600px; overflow-x: hidden; }

.prodData .hidden, #purchaseList .hidden, #formResult .hidden { display: none; }
.prodData { margin-bottom: 10px; }
.prodData .title, .prodData .link, .prodData .tWrap { display: inline-block; }
.prodData .link { min-width: 60px; }
.prodData .tWrap { min-width: 380px; }
.prodData .title { border-bottom: 1px dashed #0000ff; color: #0000ff; cursor: pointer; }
.prodData .article { display: inline-block; width: 150px; padding-right: 10px; font-size: 10px; overflow: hidden;
    text-overflow: ellipsis; }
.prodData .sizeName { display: inline-block; margin-left: 20px; width: 120px; padding-right: 10px; margin-top: 3px;
    overflow: hidden; text-overflow: ellipsis; }
.prodData .sizeStock { display: inline-block; min-width: 120px; margin-top: 3px; }
.prodData .factItem, .stockSupply .factItem { display: inline-block; text-align: center; line-height: 21px; border: 1px solid #f0f0f0;
    width: 20px; margin-top: 3px; cursor: pointer; }
.prodData .factSelect, .stockSupply .factSelect { display: inline-block; border: 1px solid #f0f0f0; width: 55px;
    margin-top: 3px; cursor: pointer; font-size: 12px; padding: 3px; }
.prodData .active, .stockSupply .active { background-color: #f9f9f9; border-color: #0000ff; }
.stockSupply .factInput, .prodData .factInput { display: inline-block; width: 40px; font-size: 12px; padding: 3px;
    border: 1px solid #0000ff; }
.stockSupply .factInput.red, .prodData .factInput.red { border-color: #009933; }
.stockSupply .factInput.green, .prodData .factInput.green { border-color: #ee0000; }
.stockSupply .factInput.grey, .prodData .factInput.grey { border-color: #9a9a9a; }
.stockSupply .factInput.red { border-color: #009933; }
.stockSupply .factInput.green { border-color: #ee0000; }
.stockSupply .factInput.grey { border-color: #9a9a9a; }
.takeFilters { margin: 20px 0; }
.takeFilters span { display: inline-block; margin-right: 50px; }
.takeFilters span:last-child { margin-right: 0px; }
.takeFilters.pda { margin-bottom: 30px; }
.takeFilters.pda span { margin-right: 10px; }

.prodData.pda { padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; max-width: 475px; }
.prodData.pda .link { width: 70px; white-space: nowrap; overflow: hidden; }
.prodData.pda .tWrap { width: 320px; min-width: 320px; white-space: nowrap; overflow: hidden; margin: 0 10px;
    text-overflow: ellipsis; }
.prodData.pda .sizeName { margin-left: 5px; padding-right: 5px; text-overflow: ellipsis; width: 310px; font-size: 18px;
    height: 35px; line-height: 35px; display: inline-block; vertical-align: top; margin-top: 0; }
.prodData.pda .resultInpit { height: 33px; line-height: 33px; padding: 0 4px; border: 1px solid #909090; width: 57px;
    display: inline-block; font-size: 24px; vertical-align: top; }
.prodData.pda .resultInpit:focus { border-color: #0000ff; background-color: #f0f0f0; cursor: text; }
.prodData.pda .resultInpit.wait { background-color: #fffabd; }
.prodData.pda .resultInpit.saved { background-color: #9dff9e; }
.prodData.pda .sizeStock { width: 70px; font-size: 24px; height: 35px; line-height: 35px; padding: 0;
    display: inline-block; vertical-align: top;  margin-top: 0; }

#orderNotes { display: inline-block; position: absolute; padding-left: 10px; padding-right: 10px; max-width: 550px;
    border: 1px solid #777777; box-shadow: 2px 2px 1px 0 rgba( 50, 50, 50, 0.3 ); background-color: #ffffff; }

#purchaseForm, #moveForm { display: none; width: 1100px; height: auto; padding: 10px; border: 1px solid #909090;
    border-radius: 3px; box-shadow: 2px 2px 0 0 rgba( 100, 100, 100, 0.4 ); background-color: #ffffff;
    position: absolute; left: 50%; top: 150px; margin-left: -560px; margin-bottom: 20px; }
#moveForm { top: 70px; width: 960px; margin-left: -491px; }
#formHide, #calendarHide { display: block; position: absolute; right: 2px; top: 2px; width: 16px; height: 16px;
    opacity: 0.2; }
#formHide:hover, #calendarHide:hover { opacity: 1; }
.fOpenWrap { color: #909090; border-bottom: 1px dashed; display: inline-block; cursor: pointer; }

#floatPanel { position: fixed; display: inline-block; right: -1px; top: 45px; width: 52px; height: auto; }
#backCalls, #missedOrders, #userClock, #newReviews, #grastinIcon, #prodCalc { position: relative; margin-bottom: 5px;
    width: 52px; height: 52px; background-color: #ffffff; border: 1px solid #bbbbbb; border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; box-shadow: -1px 1px 0 0 rgba( 120, 120, 120, 0.2 ); }
#backCalls img, #missedOrders img, #userClock img, #newReviews img, #prodCalc img { margin: 10px 0 0 10px; }
#grastinIcon { text-align: center; font-size: 9px; }
#grastinIcon img { margin-top: 10px; }
#couriersIcon { position: relative; margin-bottom: 5px; display: inline-block; padding-bottom: 5px;
    width: 52px; background-color: #ffffff; border: 1px solid #bbbbbb; border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; box-shadow: -1px 1px 0 0 rgba( 120, 120, 120, 0.2 ); }

#floatPanelLeft { position: fixed; display: inline-block; left: -1px; top: 50%; width: 32px; height: auto;
    margin-top: -16px; }
#histBack { position: relative; width: 32px; height: 32px; background-color: #ffffff; border: 1px solid #bbbbbb;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
    box-shadow: 1px 1px 0 0 rgba( 120, 120, 120, 0.2 ); }
#histBack img { opacity: 0.6; width: 22px; height: 22px; }

.supTitle { display: inline-block; width: 200px; }
.supText { display: inline-block; width: 600px; }

.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 3s; -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker;
    animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; }

@-moz-keyframes blinker { 0% { color: #009933; } 50% { color: #ff0000; } 100% { color: #009933; } }
@-webkit-keyframes blinker { 0% { color: #009933; } 50% { color: #ff0000; } 100% { color: #009933; } }
@keyframes blinker { 0% { color: #009933; } 50% { color: #ff0000; } 100% { color: #009933; } }

@-webkit-keyframes msgRead {
    0% { color: #00ff00; }
    100% { color: #a0a0a0; }
}
@keyframes msgRead {
    0% { color: #00ff00; }
    100% { color: #a0a0a0; }
}

@-webkit-keyframes chanRead {
    0% { color: #ff0000; }
    100% { color: #ffffff; }
}
@keyframes chanRead {
    0% { color: #ff0000; }
    100% { color: #ffffff; }
}

#chat { display: inline-block; position: fixed; min-width: 82px; min-height: 40px; right: -1px; bottom: -1px;
    box-shadow: -1px -1px 0 0 rgba( 200, 200, 200, 0.5 ); border-top-left-radius: 5px; z-index: 5000; }
#chat.open > #chatHeader { width: 750px; }
#chat.open #chatIcon { display: none; }
#chat.open #chatClose { display: block; }
#chat.open #chatHeadMsg { display: block; }
#chat.open > #chatMain { width: 750px; height: 350px; position: relative;  display: block; }
#chatHeader { width: 80px; height: 39px; background: url( '/s/img/chatHeadBg.png' ) repeat-x;
    position: relative; border-right: 1px solid #cfd4d7; }
#chatIcon { width: 35px; height: 24px; position: absolute; left: 35px; top: 8px; color: #ffffff; text-align: center;
    background: url( '/s/img/chat.png' ) -1px -1px no-repeat; line-height: 10px; font-size: 20px;
    cursor: default; }
#chatIcon.new { line-height: 20px; font-size: 12px; color: #ff0000; font-weight: bold; cursor: default; }
#chatHeader .chatMyStatus { width: 12px; height: 12px; display: block; position: absolute; left: 12px; top: 13px;
    background: url( '/s/img/chat.png' ) no-repeat -76px -1px; }
#chatHeader .chatMyStatus.online { background-position: -37px -1px; }
#chatHeader .chatMyStatus.away { background-position: -50px -1px; }
#chatHeader #chatHeadMsg { position: absolute; left: 40px; top: 13px; display: none; }
#chatClose { position: absolute; width: 16px; height: 16px; border-bottom: 3px solid #666666; right: 15px; top: 10px;
    display: none; cursor: pointer; }
#chatMain { background-color: #ffffff; display: none; white-space: nowrap; position: relative; }
#chatMain .topShade { position: absolute; height: 0; width: 100%; border-top: 1px solid #555555;
    border-bottom: 1px solid #aaaaaa; z-index: 6000; opacity: 0.2; }

#chatMain .chatLeft { display:block; height: 350px; width: 500px; border-left: 1px solid #cccccc; left: 0; top: 0;
    position: absolute; }
#chatMain .chatRight { display:block; height: 100%; width: 250px; background-color: #ebf0f2; position: absolute;
    overflow-y: auto; overflow-x: hidden; left: 501px; top: 0; }
#chatMain .vSplit { position: absolute; height: 100%; width: 0; border-left: 1px solid #dde0e3; left: 0; top: 0; }
#chat .chatContact { height: 26px; width: 249px; overflow-x: hidden; white-space: nowrap; position: relative;
    cursor: pointer; }
#chat .chatContact span:first-child { display: block; position: absolute; width: 8px; height: 6px; left: 5px; top: 10px;
    background: url( '/s/img/chat.png' ) no-repeat -61px -14px; }
#chat .chatContact.online span:first-child { background-position: -37px -14px; }
#chat .chatContact.away span:first-child { background-position: -45px -14px; }
#chat .chatContact.broadcast span:first-child { background-position: -54px -21px; }
#chat .chatContact span:last-child { display: block; position: absolute; line-height: 26px; left: 30px; }
#chat .msgNum { display: block; position: absolute; left: 13px; top: 8px; font-size: 11px; color: #ff0000; width: 15px;
    text-align: center; }
#chat .msgNum.read { -webkit-animation-name: chanRead; -webkit-animation-duration: 2s; animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; animation-name: chanRead; animation-duration: 2s; }
#chat .chatContact:hover { background-color: #f9f9f9; }
#chat .chatContact.active { background-color: #ffffff; }
#chat #msgStream { width: 499px; height: 290px; overflow-y: auto; }
#chat .chatLoading { width: 480px; height: 250px;
    background: url( /s/img/loaderb64.gif ) no-repeat center center; }
#chat #msgInput { width: 499px; height: 59px; position: relative; }
#chat #msgInput #msgText { width: 90%; height: 45px; font-family: arial, tahoma, helvetical, sans-serif; font-size: 12px;
    position: absolute; left: 1%; top: 5px; resize: none; }
#chat #msgInput #chatAttach { width: 16px; height: 15px; right: 10px; top: 8px; position: absolute;
    background: url( '/s/img/chat.png' ) no-repeat -69px -14px; }
#chat #msgInput #attachForm { width: 16px; height: 15px; right: 10px; top: 8px; position: absolute; opacity: 0;
    overflow: hidden; }
#chat #msgInput #chatSend { width: 16px; height: 17px; right: 10px; top: 35px; position: absolute;
    background: url( '/s/img/chat.png' ) no-repeat -89px -1px; }
#chat .msgStream .userMsg { margin: 7px 0; padding: 3px 5px; white-space: normal; line-height: 130%; }
#chat .msgStream .userMsg .time { float: right; margin: 0 0 5px 5px; color: #a0a0a0; }
#chat .msgStream .userMsg .time.old { margin-left: 15px; }
#chat .msgStream .userMsg .time.new { color: #00ff00; }
#chat .msgStream .userMsg .time.read { -webkit-animation-name: msgRead; -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards; animation-name: msgRead; animation-duration: 2s; animation-fill-mode: forwards; }
#chat .msgStream .userMsg .del { float: right; margin: 1px 0 5px 15px; width: 11px; height: 11px; }
#chat .msgStream .userMsg .del img { width: 11px; height: 11px; opacity: 0.3; }
#chat .msgStream .userMsg .del img:hover { opacity: 1; }
#chat .msgStream .userMsg .sign { display: inline-block; max-width: 160px; color: #3a90e5; height: 12px; margin-right: 10px; }
#chat .msgStream .userMsg .sign.me { color: #909090; }
#chat .msgStream .dayEnd { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; line-height: 20px;
    height: 20px; font-weight: bold; margin: 3px 3px; padding-left: 24px; position: relative; }
#chat .msgStream .dayEnd span { display: block; width: 11px; height: 11px; position: absolute; left: 5px; top: 4px;
    background: url( '/s/img/chat.png' ) no-repeat -106px -1px; vertical-align: baseline; }
#chat #msgStream #more { margin: 10px 3px 3px 3px; height: 20px; }
#chat #msgStream #more .moreLink { margin-left: 20px; color: #3a90e5; cursor: pointer; border-bottom: 1px dashed #3a90e5; }
#chat .msgStream .userMsg .fileIcon { width: 16px; height: 16px; vertical-align: middle; display: inline-block;
    background: url( '/s/img/chat.png' ) no-repeat -37px -21px; margin-right: 10px; }
#chat .msgStream .userMsg .fileIcon.doc { background-position: -135px -1px; }
#chat .msgStream .userMsg .fileIcon.img { background-position: -118px -1px; }
#chat .msgStream .userMsg .fileIcon.xls { background-position: -152px -1px; }
#chat .msgStream .userMsg .fileIcon.pdf { background-position: -169px -1px; }

.deliveryDate { position: absolute; left: -15px; top: 50%; margin-top: -10px; border: 1px solid #c9c9c9; padding: 3px;
    font-size: 11px; background-color: #fdfdfd; border-radius: 2px; box-shadow: 1px 1px 1px rgba( 100, 100, 100, 0.2 );
    color: #444444;}
.deliveryDate.wide { left: 0px; }
.deliveryDate.small { position: absolute; left: -5px; top: 50%; margin-top: -7px; border: 0; padding: 2px;
    font-size: 10px; background-color: #f0f0f0; color: #000000; line-height: 9px; box-shadow: 0 0 0 0; }
.deliveryDate.small.righter { left: 7px; }
.deliveryDate.small.midder { left: 0; }

.stockFastAdd { position: absolute; border: 1px solid #909090; border-radius: 3px; right: -108px; top: -6px;
    background-color: #ffffff; text-align: left; padding: 1px 2px; display: none; }
.stockFastAdd.qr { right: -58px; top: -3px; }
.stockAdd { opacity: 0.4; }
.stockAdd:hover { opacity: 1; }

#postPrintForm { width: 1000px; height: auto; padding: 10px; border: 1px solid #909090;
    border-radius: 3px; box-shadow: 2px 2px 0 0 rgba( 100, 100, 100, 0.4 ); background-color: #ffffff;
    position: absolute; left: 50%; top: 200px; margin-left: -450px; margin-bottom: 20px; z-index: 10; }

.ccBox{ display: none; }
.ccBox + label { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
    -o-user-select: none; user-select: none; -ms-user-select: none; }
.ccBox + label::before { content: ""; display: inline-block; height: 16px; width: 16px;
    margin: 0; background: url("/s/img/sprite_cb.png") 0 -16px no-repeat; vertical-align: middle; }
.ccBox:checked + label::before { background-position: 0 0; }
.ccBox:disabled + label::before { background-position: 0 0; }
.ccBox:checked:disabled + label::before { background-position: 0 -16px; }

#courierSchedule { min-width: 300px; height: auto; padding: 10px; border: 1px solid #909090; display: inline-block;
    border-radius: 3px; box-shadow: 2px 2px 0 0 rgba( 100, 100, 100, 0.4 ); background-color: #ffffff;
    position: absolute; left: 370px; top: 345px; z-index: 9; }

#courierScheduleHTML { max-width: 580px; padding-bottom: 10px; overflow-x: auto; }

.excel { border-collapse: collapse; border: 1px solid #d0d0d0; }
.excel tr:hover { background-color: #f9f9f9; }
.excel th { text-align: center; padding: 5px 15px; font-weight: bold; background-color: #f0f0f0;
    border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.excel th.norm { font-weight: normal; }
.excel td { padding: 4px 10px; line-height: 20px; border-right: 1px solid #d0d0d0; }
.excel td.border { border: 1px solid #d0d0d0; }
.excel td.last, .excel th.last { border-right: 0; }
.excel th.current, .excel td.current { background-color: #e9ffe9; }
.excel th.left { text-align: left; }

.zReport { display: block; position: fixed; left: 50%; bottom: -1px; margin-left: -300px; line-height: 49px;
    text-align: center; border: 1px solid #cccccc; border-top-left-radius: 3px; border-top-right-radius: 3px;
    width: 600px; font-size: 16px; z-index: 8; }
.zReport.zRed { background-color: #ffe0e0; }
.zReport.zYellow { background-color: #ffffc0; }

.schedule { border: 0; border-collapse: collapse; }
.schedule td span { padding: 10px 3px; font-size: 11px; cursor: default; display: inline-block; position: relative; }
.schedule th { background-color: #f9f9f9; border: 1px solid #aaaaaa; padding: 5px 2px; text-align: center; }
.schedule .Hnpm { color: #b0b0b0; }
.schedule .npm span { opacity: 0.5; }
.schedule tr td { border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
.schedule tr td:last-child { border-right: 1px solid #aaaaaa; }
.schedule .sat { background-color: #d0d0ff; }
.schedule .sun { background-color: #ffd0d0; }
.schedule .on { background-color: #d0ffd0; }
.schedule .sat.on { padding-bottom: 7px; border-bottom: 3px solid #d0d0ff; }
.schedule .sun.on { padding-bottom: 7px; border-bottom: 3px solid #ffd0d0; }
.schedule .vacation { position: absolute; width: 12px; height: 12px; left: 1px; top: 1px; }
.schedule .illness { position: absolute; width: 12px; height: 12px; left: 1px; top: 1px; }

.schedTime .wd { background-color: #d0ffd0; }
.schedTime .wd:hover { background-color: #aaffb6; }
.schedTime .mi { background-color: #ffe8ea; }
.schedTime .mi:hover { background-color: #ffd8da; }
.schedTime .vc { background-color: #E7E7FF; }
.schedTime .vc:hover { background-color: #d0cfff; }
.schedTime .il { background-color: #6fb47b; }
.schedTime .il:hover { background-color: #4d9159; }

.schedTime td { padding: 2px 3px; }
.schedTime .shedCell { display: inline-block; position: relative; cursor: default; user-select: none; width: 100%;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; min-width: 82px;
    height: 30px; line-height: 26px; margin: 0; }
.schedTime .shedCell p { line-height: 9px; }
.schedTime .shedCell .sIcon { position: absolute; width: 12px; height: 12px; right: -2px; top: 50%; margin-top: -6px;
    display: none; }
.schedTime .shedCell .sIcon.show{ display: block; }
.shDayComment { position: absolute; z-index: 10; border: 1px solid #999999; background-color: #ffffff; top: 100px;
    right: 100px; width: 350px; height: 33px; padding: 10px 15px; display: none;
    box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 ); -moz-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 );
    -webkit-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 );
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.shDayComment #shDayComText { width: 274px; }
.shDayComment #sdDayComClose { width: 12px; height: 12px; position: absolute; right: 4px; top: 4px; }
.shDayComment.info { height: auto; }

#floatWrap { display: flex; display: -webkit-flex; display: -ms-flexbox; position: fixed; z-index: 101; width: 100%;
    height: 100%; left: 0; top: 0; justify-content: center; -webkit-justify-content: center; align-items: center; }
.floatWin { width: 500px; min-height: 250px; height: auto; border: 1px solid #999999; padding: 10px;
    background-color: #ffffff; box-shadow: 0 0 1px 2px #aaaaaa; border-radius: 3px; -moz-border-radius: 3px;
    -webkit-border-radius: 3px; position: relative; }
#floatClose { position: absolute; right: 5px; top: 5px; opacity: 0.2; width: 16px; height: 16px; }
#floatClose:hover { opacity: 1; }

.rack { width: 150px; vertical-align: middle; background-color: #f0f0f0; text-align: right; min-height: 18px;
    border-bottom: 1px solid #ffffff; }

.keyCode16 { display: inline-block; width: 16px; height: 16px;
    background: url('/s/img/keycode.png') no-repeat; }
.keyCode16.qr { background-position: 0 0; }
.keyCode16.kb { background-position: -18px 0; }

.keyCode24 { display: inline-block; width: 24px; height: 24px;
    background: url('/s/img/keycode.png') no-repeat; }
.keyCode24.qr { background-position: 0 -18px; }
.keyCode24.kb { background-position: -27px -18px; }

.keyCode32 { display: inline-block; width: 32px; height: 32px;
    background: url('/s/img/keycode.png') no-repeat; }
.keyCode32.qr { background-position: 0 -44px; }
.keyCode32.kb { background-position: -35px -44px; }

#qrLogin { display: none; position: absolute; z-index: 5; width: calc(100% - 40px); height: 200px;
    background-color: #ffffff; text-align: center; }
#qrLogin.active { display: block; }
#qrLogin #qrInput, #inOutLayer #qrInOutInput { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; }

#inOutShade { display: block; position: fixed; z-index: 9999; width: 100%; height: 100%; background-color: #ffffff;
    opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; left: 0; top: 0; }
#inOutLayer { display: block; position: fixed; z-index: 10000; width: 400px; height: 200px; margin: -122px 0 0 -222px;
    background-color: #ffffff; left: 50%; top: 50%; padding: 20px; }

.logistVTop { vertical-align: top; padding-top: 6px; }
.logistInput { border: 0; width: 400px; padding: 5px; background-color: #f3f3f3; font-size: 12px; }
.logistSelect { border: 0; width: 410px; padding: 5px; background-color: #f3f3f3; font-size: 12px; }
.logistArea { border: 0; width: 400px; min-height: 42px; padding: 5px; background-color: #f3f3f3; font-size: 12px;
    overflow-y: hidden; white-space: pre-wrap; word-wrap: break-word; line-height: 15px;
    font-family: Arial, Helveica, tahoma, sans-serif; }
.logistAreaClone { display: block; position: fixed; left: -10000px; top: -10000px; height: auto; width: 400px;
    padding: 5px; font-size: 12px; white-space: pre-wrap; word-wrap: break-word; line-height: 15px; }

.logistContact { display: inline-block; width: 280px; min-height: 80px; margin: 0 0 20px 20px; border: 1px solid #aaaaaa;
    padding: 10px; position: relative; height: auto; vertical-align: top; }
.logistContact .name { font-style: italic; font-weight: bold; }
.logistContact .delete { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; position: absolute; right: 5px; top: 20px; }
.logistContact .edit { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; position: absolute; right: 5px; top: 5px; }
.logistContact .delete:hover, .logistContact .edit:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
.logistContact .description { font-style: italic; font-size: 11px; }
.lgSvRes { display: inline-block; width: 37px; height: 24px; margin-left: 10px; line-height: 30px; vertical-align: top;
    overflow: hidden; }

.filter { padding: 3px; border: 1px solid #e0e0e0; display: inline-block; margin-right: 2px; background-color: #f9f9f9; }
.filter a { text-decoration: none; }

.fullPrepay{ position: absolute; right: -7px; top: 50%; font-size: 9px; color: #ff0000; margin-top: -6px; }

.frLayer { position: absolute; z-index: 10; border: 1px solid #999999; background-color: #f9f9f9; top: 100px;
    right: 1000px; width: 400px; height: auto; min-height: 30px; padding: 10px 15px;
    box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 ); -moz-box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 );
    -webkit-box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 );
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.frLayer .frLtxt { font-weight: bold; }
.frLayer .frLtxt img { vertical-align: baseline; width: 16px; height: 16px; margin-left: 10px; margin-right: 10px; }
.frLayer .close { position: absolute; width: 12px; height: 12px; right: 3px; top: 3px; }
.frLayer .inputText { width: 300px; }

.frLayer.big { z-index: 11; width: 900px; min-height: 100px; max-height: calc( 100% - 150px );
    overflow-y: auto; overflow-x: hidden; top: 100px; left: 50%; margin-left: -490px; background-color: #ffffff; }

.dataGraph1 { width: 489px; height: 300px; border: 1px solid #d0d0d0; }
.dataGraph2 { width: 530px; height: 220px; border: 1px solid #d0d0d0; }
.dataGraph3 { width: 440px; height: 220px; border: 1px solid #ffffff; }
.dataGraph4 { width: 983px; height: 320px; border: 1px solid #d0d0d0; }
.dataGraph5 { width: 530px; height: 320px; border: 1px solid #d0d0d0; }
.dataGraph6 { width: 440px; height: 320px; border: 1px solid #ffffff; }


/* High Charts css */
.highcharts-title tspan { font-size: 14px; }

/*orders new interfaces*/
#oUiSetIcon { float: right; width: 16px; height: 16px; }
#oUiSet { position: absolute; right: 5px; top: 30px; z-index: 1; min-width: 300px; min-height: 100px; padding: 5px;
    border: 1px solid #cccccc; background-color: #f9f9f9; display: none;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 ); -moz-box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 );
    -webkit-box-shadow: 2px 2px 0 0 rgba( 160, 160, 160, 0.5 ); }
#oUiSet.open { display: block; }
#oUiSet #oUiClose { position: absolute; width: 12px; height: 12px; right: 3px; top: 3px; }
.oUiWinFrame { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.oUiWin { border: 1px solid #cccccc; width: 590px; height: auto; margin-bottom: 6px; }
.oUiWin.wide { width: 1188px; }
.oUiWin .head { height: 20px; line-height: 20px; background-color: #f0f0f0; border-bottom: 1px solid #dddddd; }
.oUiWin .content { overflow-x: hidden; overflow-y: auto; min-height: 100px; }

.oUiWin .content::-webkit-scrollbar-track { border: 1px solid #f0f0f0; background-color: #f0f0f0; }
.oUiWin .content::-webkit-scrollbar { width: 10px; background-color: #f0f0f0; }
.oUiWin .content::-webkit-scrollbar-thumb { background-color: #bbbbbb; }
.oUiWin .payIcon { display: inline-block; width: 12px; height: 12px; margin-left: 4px; }
.oUiWin .delSrv { display: inline-block; font-size: 10px; width: 75px; height: 12px; text-align: left; margin-left: 5px;
    vertical-align: top; line-height: 12px; }
.oUiWin .delSrv.wide { font-size: 11px; width: 90px; }
.oUiWin .sort { position: absolute; width: 16px; height: 16px; right: -14px; top: -2px; }
.oUiWin .sort img { width: 16px; height: 16px; }

#searchResult::-webkit-scrollbar-track { border: 1px solid #f0f0f0; background-color: #f0f0f0; }
#searchResult::-webkit-scrollbar { width: 10px; background-color: #f0f0f0; }
#searchResult::-webkit-scrollbar-thumb { background-color: #bbbbbb; }

#statusQRIcon { display: none; }
#statusQRIcon.open { display: block; }
#statusQRClose { position: absolute; right: -25px; top: 0; width: 12px; height: 12px; }
#statusQRInput { opacity: 0; position: absolute; left: 0; top: 0; }

.brwList { position: relative; display: inline-block; width: 300px; margin: 0 20px 20px 0; vertical-align: top; }
.brwList .person { line-height: 20px; padding: 0 3px; margin-bottom: 4px; border-bottom: 2px solid #ffffff; }
.brwList .person:hover { border-bottom-color: #f0f0f0; }
.brwList .person .name { display: inline-block; width: 220px; vertical-align: top; }
.brwList .person .legend { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
.brwList .person .days { display: inline-block; width: 50px; text-align: right; vertical-align: top; line-height: 20px; }

.calendar { width: 969px; border: 1px solid #e0e0e0; min-height: 100px; font-size: 0; position: relative; }
.calendar .hd, .calendar .mn { display: inline-block; width: 27px; height: 27px; text-align: center; line-height: 25px;
    border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 11px; vertical-align: top; }
.calendar .mn { width: 100px; }
.calendar .wd { display:inline-flex; width: 27px; min-height: 27px; border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; font-size: 11px; vertical-align: top; position: relative; flex-wrap: wrap;
    align-content: flex-start; }
.calendar .wd:hover { background-color: #f9f9f9; border-right: 1px solid #00aa00; border-bottom: 1px solid #00aa00; }
.calendar .wd.out, .calendar .wd.out:hover { background-color: #f0f0f0; border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
.calendar .wd.sat { border-bottom: 1px solid #0000ff; }
.calendar .wd.sun { border-bottom: 1px solid #ff0000; }
.calendar .wd .ub { width: 27px; height: 5px; line-height: 5px; font-size: 5px; margin-top: 1px; }
.calendar #calendarLegend { position: absolute; z-index: 1; min-width: 160px; min-height: 20px; padding: 10px 15px;
    background-color: #ffffff; box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 ); border: 1px solid #909090;
    -moz-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 ); -webkit-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 );
    font-size: 12px; display: none; }
.calendar .lUser { line-height: 15px; padding: 0 3px; margin-bottom: 2px; }
.calendar .lUser .lCol { display: inline-block; width: 20px; height: 10px; vertical-align: top; margin-top: 2px; }
.calendar .lUser .lName { display: inline-block; min-width: 120px; vertical-align: top; margin-left: 10px; }

.sspForm { position: absolute; width: 220px; min-height: 50px; background-color: #ffffff; padding: 10px 15px;
    box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 ); border: 1px solid #909090; z-index: 1; left: 0; top: 0;
    -moz-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 ); -webkit-box-shadow: 0 0 2px 2px rgba( 160, 160, 160, 0.5 );
    font-size: 12px; display: none; text-align: left; }
.sspForm.mrs { left: -40px; }
.sspForm.mr { left: -110px; }
.sspForm.opened { display: block; }
.sspForm .close { position: absolute; width: 12px; height: 12px; right: 2px; top: 2px; }

#scanReady { position: fixed; right: -1px; top: -1px; border: 1px solid #bbbbbb; border-bottom-left-radius: 3px;
    width: 40px; height: 40px; background: #ffffff; }
#scanIcon { width: 30px; height: 30px; border: 1px solid #666666; background-color: #e0e0e0; border-radius: 16px;
    margin: 4px 0 0 4px; }
#scanIcon.ready { background-color:#8cd783; border:1px solid #44974c; }
#scanIcon.waiting { background-color: #f2ee03; border:1px solid #cccc00; }
#scanIcon.error { background-color: #dc0002; border:1px solid #9a0000; }

#sLogWrap { position: fixed; right: -1px; top: 45%; transform: translateY(-50%);
    background-color: #ffffff; border: 1px solid #bbbbbb; width: 280px;
    height: 400px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; z-index: 100; display: none;
    box-shadow: -1px 1px 0 0 rgba( 120, 120, 120, 0.2 );  }
#sLogWrap.on { display: block; }
#sLogWrap.pl { left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#sLogIndicator { padding: 5px 0; }
#sLogIndicator.green { background-color: #bfffbb; }
#sLogIndicator.red { background-color: #ffc7c5; }
#sLog { overflow-y: auto; overflow-x: hidden; height: 333px; scrollbar-width: thin; }
.sLogItem { margin-left: 10px; width: calc(100% - 20px); margin-bottom: 5px; font-size: 11px; display: flex; gap: 10px; }
.sLogItem .qr { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 100px); }
.reload { display: none }
.reload.show { display: inline; }
#scannerRead { position: fixed; left: -1000px; top: -1000px; }

.oqi { display: none; position: absolute; right: -55px; top: 10px; width: 50px; height: 20px;
    background-color: #ffc7c5; text-align: left; }
.oqi.ok { background-color: #a2ed99; }
.oqi.el { top: 12px; }
.oqi.vis { display: block; }
.oqi .scanResult { width: 20px; font-size: 11px; padding: 0; margin: 3px 5px 0 3px; text-align: center;
    border: 1px solid #999999; }
.oqi .scanResult.bBlue { border: 1px solid #0000ff; }
.oqi.mark { width: 28px; }

#aStatus { display: block; position: absolute; right: 10px; top: -1px; line-height: 28px; padding: 0 10px;
    width: 450px; height: 28px; border: 1px solid #cccccc; background-color: #f6f6f6;
    border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 10000; }
#aStatus.scroll { position: fixed; top: -1px; left: calc( 50% + 117px ); }
#aStatus.red { background-color: #fff2ef; border-color: #ff0000; color: #fd2c00; }
#aStatus.green { background-color: #ecf6ea; border-color: #8cd783; color: #009933; }

.imgUpForm { margin: 0; padding: 0; display: inline-block; width: 24px; height: 24px; position: relative;
    overflow: hidden; }
.imgUpForm .upFile { position: absolute; display: block; width: 24px; height: 24px; left: 0; top: 0; opacity: 0; z-index: 2; }
.imgUpForm .upImg { position: absolute; display: block; width: 24px; height: 24px; left: 0; top: 0; z-index: 1; }

#articleContent { display: flex; display: -webkit-flex; flex-direction: column; }
#articleContent .elemCnt { font-family: Tahoma, Helveica, Arial, sans-serif; font-size: 14px; width: 100%;
    position: relative; min-height: 25px; border-top: 1px solid #f6f6f6; }
#articleContent .elemCnt .addEl { text-align: right; position: absolute; right: 0; bottom: 5px; }
#articleContent .elemCnt .ctlEl { text-align: right; position: absolute; right: 0; top: 5px; }
#articleContent .elemCnt .addEl.hidden { display: none; }
#articleContent .elemCnt .ctlEl.hidden { display: none; }
#articleContent .elemCnt .emptyEl { color: #9a9a9a; }

#articleContent .elemCnt .artCntH2 { font-size: 16px; font-weight: bold; padding: 0; width: 760px;
    border: 1px solid #e0e0e0; margin: 22px 0; font-family: Tahoma, Helveica, Arial, sans-serif; }
#articleContent .elemCnt .artCntH3 { font-size: 15px; font-weight: bold; padding: 0; width: 760px;
    border: 1px solid #e0e0e0; margin: 22px 0; font-family: Tahoma, Helveica, Arial, sans-serif; }
#articleContent .elemCnt .artQuot { margin: 50px 0; font-size: 17px; border: 1px solid #e0e0e0; width: 665px;
    height: 66px; text-align: center; font-family: Tahoma, Helveica, Arial, sans-serif; line-height: 22px;
    padding: 0 40px; }
#articleContent .elemCnt .artText { font-size: 14px; width: 100%; height: 150px; border: 1px solid #e0e0e0;
    padding: 0; margin: 0; line-height: 18px; }
#articleContent .elemCnt .artTextWrap { width: 760px; }
#articleContent .elemCnt .artImg { width: 780px; margin: 20px 0; display: inline-block; }
#articleContent .elemCnt .artImg img { max-width: 700px; }
#articleContent .elemCnt .artImg .imgWrap { width: 100%; text-align: left; }
#articleContent .elemCnt .artImg .imgWrap.center { text-align: center; }
#articleContent .elemCnt .artImg .imgWrap.right { text-align: right; }
#articleContent .elemCnt .artImg .artImgSign, .headImgSign { font-family: Tahoma, Helveica, Arial, sans-serif; font-size: 12px;
    font-style: italic; border: 1px solid #e0e0e0; margin-top: 5px; display: inline-block; width: 400px; }
.headImgSign { display: block; }
#articleContent .elemCnt .artImg .imgCtl { display: inline-block; width: 300px; text-align: right; }
#articleContent .elemCnt .artImg .imgUpl { display: inline-block; vertical-align: top; }
#articleContent .elemCnt .artProd, #articleContent .elemCnt .artTeam { margin: 5px 0; }
#articleContent .elemCnt .artProd .artCPCtl { display: inline-block;
    width: 200px; font-size: 12px; vertical-align: top; }
#articleContent .elemCnt .artProd .artCPCtl input { width: 50px; }
#articleContent .elemCnt .artProd .prdView { display: inline-block;
    border: 1px solid #909090; padding: 5px; max-width: 350px; min-width: 300px; }
#articleContent .elemCnt .artProd .prName { font-weight: bold; }
#articleContent .elemCnt .artProd .prPrice { font-weight: bold; font-size: 18px; margin-top: 10px; }
#articleContent .elemCnt .artProd .prdView img { width: 118px;
    height: 118px; float: left; margin-right: 10px; }
#articleContent .elemCnt .artTeam { font-size: 20px; margin-top: 10px; line-height: 18px; padding: 40px 0;
    text-align: center; background-color: #f2f2f7; }

#articleContent .trumbowyg-editor { font-size: 14px; font-family: Tahoma, Helveica, Arial, sans-serif; line-height: 19px; }
#articleContent .trumbowyg-box { margin: 0; }
#articleContent a { color: #000000; }
#articleContent ol { list-style-type: decimal; margin: 25px 0 25px 0; display: block; }
#articleContent ul { list-style-type: disc; margin: 25px 0 25px 0; display: block; }
#articleContent li { margin-bottom: 5px; margin-left: 25px; }


.editable-container {
    display: flex;
}
.manager-editable {
    padding-left: 30px;
}
.editable-client-side  tr td {
    padding: 6px;
}

.editable-client-side tr td:first-child {
    width: 200px;
}

.editable-client-side tr td:nth-child(2) {
    width: 265px;
}

.editable-client-side tr td .inputText {
    width: 100%;
}
.editable-container:not(.non-editable) editable-client-side tr td:nth-child(2) {
    border: 1px solid;
}
.editable-container:not(.non-editable) .editable-element {
    background-image: url("/s/img/pencil-03.png");
    background-repeat: no-repeat;
    background-position-x: right;
    padding-right: 20px;
    cursor: pointer;
    height: 17px;
    line-height: 17px;
}
.editable-container:not(.non-editable) .editable-element:hover {
    background-image: url("/s/img/pencil.png");
}
.editable-element.editable {
    background: none;
}

.distContent { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 10px; width: 960px; }
.distContItem { margin: 0; display: flex; width: 100%; justify-content: space-between; align-items: flex-start;
    padding: 0; font-size: 0; line-height: 0; }
.distBlock { width: 640px; min-height: 50px; position: relative; border: 1px solid #f0f0f0; }
/*.distContItem.even .distBlock { background-color: #f0f0f0; }*/
.distBlock .image { font-size: 0; line-height: 0; margin: 0; padding: 0; }
.distBlock img { width: 640px; margin: 0; padding: 0; order: 0; }
.distBlock .text { resize: none; width: 615px; margin: 10px; font-size: 14px; background-color: transparent;
    min-height: 20px; line-height: 150%; border: 0; overflow: hidden; }
.distBlockEdit { width: 280px; }
.distBlockEdit .url { width: 200px; margin-top: 5px; }
.distBlockEdit .txt { width: 85px; margin-top: 5px; }
.distContent .imgFrom { display: inline-block; width: 16px; height: 16px; overflow: hidden; position: absolute;
    right: 1px; top: 1px; z-index: 10; }
.distContent .imgFrom form { display: block; position: relative; width: 16px; height: 16px; }
.distContent .imgFrom input { opacity: 0; position: absolute; left: 0; top: 0; width: 16px; height: 16px; }
.distContent .imgFrom img { position: absolute; left: 0; top: 0; width: 16px; height: 16px; }

#calcCover { position: fixed; width: 100%; height:100%; z-index: 5000; background-color: #333333; opacity: 0.2;
    left: 0; top: 0; display: none; }
#calcCover.show { display: block; }
#calcWrap { position: fixed; z-index: 5001; background-color: #ffffff; width: 1178px; height: auto; min-height: 300px;
 padding: 10px; border: 1px solid #909090; border-radius: 3px; box-shadow: 2px 2px 0 0 rgba( 100, 100, 100, 0.4 );
 left: 50%; top: 50px; margin-left: -600px; display: none; }
#calcWrap.show { display: block; }
#calcClose { position: absolute; width: 12px; height: 12px; right: 1px; top: 1px; }
#calcClear { position: absolute; right: 50px; top: 5px; border-bottom: 1px dashed #0000ff; color: #0000ff;
    cursor: default; }
.calcTable .hidden { display: none; }
.calcTable { border-collapse: collapse; border: 0; margin: 15px auto 0 auto; }
.calcTable th { padding: 8px 13px; text-align: center; background-color: #f9f9f9; vertical-align: middle;
    font-weight: bold; position: relative; }
.calcTable th .info { text-align: left; font-size: 10px; line-height: 150%; font-weight: normal; }
.calcTable th.left { text-align: left; }
.calcTable td { padding: 10px 15px 6px 15px; vert-align: middle; position: relative; }
.calcTable th.sub { padding-top: 0; }
.calcTable th.tot { padding: 13px 8px 6px 8px; }
.calcTable .brL { border-left: 1px solid #888888; }
.calcTable tr:hover { background-color: #f0f0f0; }
.calcTable .bgGr { background-color: #f0fff0; }
.calcTable tr:hover .bgGr { background-color: #e7f6e7; }
.calcTable .numOrder, .calcTable .numQuantity { background-color: transparent; border: 0; border-bottom: 1px solid #aaaaaa; width: 50px;
    font-size: 12px; line-height: 150%; margin: 0; padding: 0; }
.calcTable .altDif { position: absolute; right: 2px; top: 2px; font-size: 11px; }
#calcWrap .brandSelect { min-width: 200px; border: 0; border-bottom: 1px solid #999999; background-color: transparent;
    font-size: 12px; font-weight: bold; }

.preloader32 { display: block; margin: 3px auto 3px auto; width: 32px; height: 32px;
    background-image: url('/s/img/loaderb32.gif'); }
.preloadBar { display: block; background-color: #e0e0e0; width: 100%; height: 3px; position: relative; }
.preloadBar div { display: block; position: absolute; left: 0; top: 0; background-color: #0066ff; height: 100%;
    width: 0; animation-duration: 4s; animation-direction: normal; animation-iteration-count: infinite;
    animation-timing-function: linear; animation-name: preloader; }
@keyframes preloader {
    0% { left: 0; width: 0; }
    43.1% { left: 0; width: 75%; }
    56.9% { left: 25%; width: 75%; }
    100% { left: 100%; width: 0; }
}
.preloadBar.ht5 { height: 5px; }
.preloadBar.ht7 { height: 7px; }
.preloadBar.ht9 { height: 9px; }
.preloadBar.ht11 { height: 11px; }

.multProp { margin-bottom: 3px; background-color: #f6f6f6; padding: 5px 8px; width: calc(100% - 16px);
    display: inline-block; }

.vertScrolled100 { max-height: 97px; overflow-y: auto; }
.mpBlockListItems { position: fixed; z-index: 1000; max-width: 200px; right: 52px; top: 63px; border: 1px solid #DDD;
    padding: 10px; background-color: #fff; }
.mpAutoBlock { overflow: auto; max-height: 150px; position: relative; }

.quotSmall { display: inline-block; position: relative; font-size: 8px; width: 11px; height: 11px;
    background-color: #999999; text-align: center; line-height: 12px; color: #ffffff; margin-left: 5px; cursor: default;
    border-radius: 5px; }
.quotSmall .text { display: none; }
.quotNotes { position: absolute; padding: 7px 10px; width: 600px; left: 0; top: 25px; height: auto;
    border: 1px solid #777777; box-shadow: 2px 2px 1px 0 rgba( 50, 50, 50, 0.3 ); background-color: #ffffff; z-index: 1;
    display: none; }
.quotNotes.show { display: block; }

.uplFromButton { display: block; width: 260px; position: relative; height: 44px; }
.uplFromButton div { display: block; position: absolute; left: 3px; top: 3px; width: 100%; height: 30px;
    text-align: center; z-index: 0; line-height: 30px; }
.uplFromButton .file { display: block; position: absolute; left: 0; top: 0; width: 285px; height: 40px; opacity: 0;
    z-index: 1; }

.cisTag { position: absolute; left: 1px; top: 1px; z-index: 1; }
#cisMarkingList { padding: 0 5px 0 0; scrollbar-width: thin; max-height: 500px; overflow-y: scroll;
    width: calc( 100% - 5px ); }
#cisScan { display: none; width: 400px; min-height: 150px; height: auto; padding: 20px;
    position: fixed; left: 50%; top: 45%; border: 1px solid #909090; border-radius: 3px;
    background-color: #ffffff;  z-index: 1; transform: translate( -50%, -50% );
    flex-direction: column; align-items: center; gap: 30px;
    -webkit-box-shadow: 0px 0px 8px 10px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 8px 10px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 8px 10px rgba(34, 60, 80, 0.2);
}
#cisScan.show {
    display: flex;
}
#cisScan .shaded { opacity: 0.25 }
#cisScan #cisClose { position: absolute; right: 5px; top: 5px; cursor: pointer; }
#cisScan #prodAdd, #cisScan #prodRem { padding: 5px 15px; color: #ffffff; background-color: #009cda;
    font-size: 14px; line-height: 14px; cursor: pointer; margin-right: 50px; border-radius: 3px; }
#cisScan #prodRem { background-color: #ffacab; margin-right: 0; }
#cisScan .state { width: 100%; display: flex; justify-content: space-between; font-weight: 700; }
#cisScan #scannerState { font-weight: 400; font-size: 11px; padding: 2px 6px; color: #ffffff; border-radius: 3px; }
#cisScan #scannerState.green { background-color: #009933; }
#cisScan #scannerState.red { background-color: #ff3300; }