/** ULTRAMAIN Mobile Inventory **/ /* Generic Styles */ * {margin: 0;padding: 0;} a img { border: none; } .clear-both { clear: both; display: block; } /** Fonts **/ @font-face { font-family: 'Engravers Gothic'; src: url('../fonts/EngraversGothic_BT/EngraversGothic_BT.eot'); src: url('../fonts/EngraversGothic_BT/EngraversGothic_BT.eot?#iefix') format('embedded-opentype'), url('../fonts/EngraversGothic_BT/EngraversGothic_BT.woff') format('woff'), url('../fonts/EngraversGothic_BT/EngraversGothic_BT.ttf') format('truetype'), url('../fonts/EngraversGothic_BT/EngraversGothic_BT.svg#EngraversGothic_BT') format('svg'); font-weight: normal; font-style: normal; } div#lotView.lookupPage a.selectionItem span.form-item span { padding-left: 32px; } .center { text-align: center; } .bold { font-weight: bold; } .italic { font-style: italic; } .no-results { margin: 40px 0 0 0; text-align: center; font-size: 16px; font-weight: bold; } /* Layout Styles */ html { background-color: #4679c4; } body { font-family: Arial, sans-serif; background-color: #4679c4; width: 480px; overflow-x: hidden; } h1 { width: 478px; height: 58px; margin-top: 0; border: 1px solid #000000; background: #262b2e url('../images/MI/header-bg.png') repeat-x 0px 0px; color: #ffffff; position: relative; } a.header-button, span.placeholder { background: #43474c url('../images/MI/header-button-bg.png') repeat-x 0px 0px; border-right: 1px solid #000000; position: absolute; top: 0px; text-decoration: none; } a.header-button span.inner, span.placeholder span.inner { display: block; width: 55px; height: 56px; border-width: 1px; border-style: solid; border-color: #d2d2d2 #2c2c2c #2c2c2c #d2d2d2; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; } span.placeholder span.inner { background-color: #696e74; } #applicationHeader div.removeOnExit a.header-button, #applicationHeader div.removeOnExit span.placeholder { top: 1px; } #applicationHeader div.removeOnExit .header-title { width: 347px; height: 52px; padding: 5px 0 0 0; background: #262b2e url('../images/MI/header-bg.png') repeat-x 0px 0px; color: #cbd3da; font-size: 30px; line-height: 46px; text-align: center; position: absolute; top: 1px; left: 58px; text-transform: uppercase; font-family: 'Engravers Gothic', sans-serif; } /* Default header button placement */ #applicationHeader div.removeOnExit a.new-record, #applicationHeader div.removeOnExit a.place-holder, #applicationHeader div.removeOnExit span.placeholder { left: 58px; } #applicationHeader div.removeOnExit a.new-record.adjustIconToRight {left: 115px;} #applicationHeader div.removeOnExit a.new-record span.inner { background-image: url('../images/MI/new-header-button.png'); } #applicationHeader div.removeOnExit a.check-uncheck { left: 116px; } #applicationHeader div.removeOnExit a.check-uncheck.adjustIconToRight {left: 173.6px;} #applicationHeader div.removeOnExit a.check-uncheck span.inner { background-image: url('../images/MI/check-uncheck-header-button.png'); } #applicationHeader div.removeOnExit a.commit-selected { left: 179px; } #applicationHeader div.removeOnExit a.commit-selected.adjustIconToRight {left: 236.8px;} #applicationHeader div.removeOnExit a.commit-selected span.inner { background-image: url('../images/MI/issue-selected-header-button.png'); } #applicationHeader div.removeOnExit a.filter-button { left: 242px; } #applicationHeader div.removeOnExit a.filter-button.adjustIconToRight { left:300px;} #applicationHeader div.removeOnExit a.filter-button span.inner { background-image: url('../images/MI/filter-header-button.png'); } #applicationHeader div.removeOnExit a.filterActive span.inner { background-image: url('../images/MI/filter-header-button-active.png'); } #applicationHeader div.removeOnExit a.print-button { left: 295px; } #applicationHeader div.removeOnExit a.print-button span.inner { background-image: url('../images/MI/print-header-button.png'); } #applicationHeader div.removeOnExit a.info-button { left: 353px; } #applicationHeader div.removeOnExit a.info-button span.inner { background-image: url('../images/MI/info-header-button.png'); } #applicationHeader div.removeOnExit a.new-record span.inner, #applicationHeader div.removeOnExit a.print-button span.inner { width: 55px; } #applicationHeader div.removeOnExit a.check-uncheck span.inner, #applicationHeader div.removeOnExit a.commit-selected span.inner { width: 60px; } #applicationHeader div.removeOnExit a.filter-button span.inner, #applicationHeader div.removeOnExit a.info-button span.inner { width: 50px; } #applicationHeader div.removeOnExit a.place-holder span.inner { width: 238.7px; } #applicationHeader div.removeOnExit a.place-holder span.inner.dummyIcon { width: 54px; } #applicationHeader div.scan-workspace span.placeholder { left: 242px; } #applicationHeader div.scan-workspace span.placeholder-2 { left: 58px; } #applicationHeader div.scan-workspace span.placeholder span.inner { width: 50px; } #applicationHeader div.scan-workspace span.placeholder-2 span.inner { width: 55px; } h1 a#back { left: 0px; } h1 a#back span.inner { background-image: url('../images/MI/back-button.png'); } h1 a#settings, h1 a#logout { right: 17px; border-left: 1px solid #000000; border-right: none; } h1 a#settings span.inner { background-image: url('../images/MI/settings.png'); } h1 a#logout span.inner { background-image: url('../images/MI/log-out.png'); } h1 a#back span.inner, h1 a#settings span.inner, h1 a#logout span.inner { width: 54px; } h1 img#logo { margin: 6px 0 0 11px; } h1 #net-stat { position: absolute; top: 0px; right: 0px; width: 14px; padding: 12px 1px 0 1px; border-left: 1px solid #000000; } h1 #net-stat.status-3 img.status-2, h1 #net-stat.status-3 img.status-1, h1 #net-stat.status-3 img.status-0, h1 #net-stat.status-2 img.status-3, h1 #net-stat.status-2 img.status-1, h1 #net-stat.status-2 img.status-0, h1 #net-stat.status-1 img.status-3, h1 #net-stat.status-1 img.status-2, h1 #net-stat.status-1 img.status-0, h1 #net-stat.status-0 img.status-3, h1 #net-stat.status-0 img.status-2, h1 #net-stat.status-0 img.status-1 { display: none; } .button { display: block; background-color: #00337f; padding: 2px; text-decoration: none; } .button span.inner {display: block;font-size: 16px;color: #ffffff;font-weight: bold;padding: 9px 9px 9px 9px;/* border-left: 1px solid #9fd0fe; *//* border-top: 1px solid #9fd0fe; */border-right: 1px solid #001b44;border-bottom: 1px solid #001b44;background: #023581 url('../images/MI/button-bg.png') repeat-x 0px 0px;position: relative;text-align: center;} /** Workspace tab navigation style **/ ul.tab-navigation { border: 1px solid #000000; width: 478px; height: 39px; list-style-type: none; } ul.tab-navigation li { float: left; list-style-type: none; } ul.tab-navigation li a { display: block; width: 476px; height: 37px; line-height: 35px; font-size: 17px; color: #ffffff; font-weight: bold; background: #44484d url('../images/MI/tab-bg.png') repeat-x 0px 0px; text-align: center; text-decoration: none; border: 1px solid #d2d2d2; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; } ul.tab-navigation li.selected a { background-image: url('../images/MI/tab-selected-bg.png'); background-color: #b8cffc; color: #00337f; } ul.tab-navigation.two-items li a { width: 237px; } ul.tab-navigation.three-items { width: 477px; border-right: 2px solid #000000; } ul.tab-navigation.three-items li a { width: 157px; } ul.tab-navigation.four-items { width: 476px; border-left: 2px solid #000000; border-right: 2px solid #000000; } ul.tab-navigation.four-items li a { width: 117px; } .containerWrap { /* position: relative; */ } #applicationBody { width: 480px; } /** Generic form style **/ /** Generic lookup style **/ .unhide-me { display: none !important; } .form-style, .lookup-select { padding: 12px 0 0 0; /* width: 480px; */ } .form-style .group, .lookup-select .group { display: block; margin: 0 9px 12px 9px; border: 1px solid #5d6268; background-color: #f5f6f8; padding: 8px; } .lookup-select .group { background-image: url('../images/MI/lookup-right-arrow.png'); background-repeat: no-repeat; background-position: 417px 50%; text-decoration: none; } .form-style .group h4 { font-size: 22px; color: #7b8187; padding: 0 0 6px 0; margin: 2px 0 12px 0; border-bottom: 1px dotted #6f6f6f; text-align: center; } .form-style .group .group-description { font-size: 12px; text-align: center; margin: -6px 0 12px 0; border-bottom: 1px dotted #6f6f6f; padding: 0 0 6px 0; } .form-style .group .form-item, .lookup-select .group .form-item { display: block; } .form-style .group .form-item label, .lookup-select .group .form-item label { display: block; float: left; width: 42px; height: 26px; line-height: 26px; padding: 0 8px 0 0; color: #2d5bab; font-size: 14px; text-align: right; } .form-style .group .form-item input, .lookup-select .group .form-item span { display: block; float: left; width: 392px; height: 24px; line-height: 24px; border: 1px solid #aeb2b8; background-color: #fafafa; font-size: 16px; color: #000000; } .form-style .group .form-item input[type="checkbox"] { width: auto; border: 1px solid #aeb2b8; } .form-style .group .form-item select { float: left; font-size: 16px; border: 1px solid #aeb2b8; background-color: #ffffff; color: #000000; } .form-style .group .form-item textarea { color: #7b8187; } .form-style .group .form-item label, .form-style .group .form-item input, .form-style .group .form-item select { margin-bottom: 4px; text-overflow: ellipsis; } .form-style .group .form-item-textarea-changed textarea { color: #7d8389; } .form-style .group .form-item-no-label input, .lookup-select .group .form-item-no-label input { width: 442px; } .form-style .group .form-item-no-label label, .lookup-select .group .form-item-no-label label { display: none; } .form-style .group .value-match-error input { border: 1px solid #ff0000; background-color: #ffcccc; padding: 0px; } .form-style .group .form-item input:active, .form-style .group .form-item input:focus { background-color: #ffffff; border: 1px solid #000000; padding: 0px; } .form-style .group .form-item input[readonly], .form-style .group .form-item select[readonly] { background-color: transparent; border: 1px solid transparent; } .filter-form-style .group { padding-top: 20px; } .filter-form-style .group .form-item { height: 26px; margin-bottom: 8px; } .filter-form-style .group .form-item label { width: 142px; font-weight: bold; } .filter-form-style .group .form-item select.op { float: left; width: 60px; height: 26px; } .filter-form-style .group .form-item input.text-val, .filter-form-style .group .form-item input[type="date"] { width: 220px; border: 1px solid #000000; background-color: #ffffff; padding: 0 2px; margin: 0 0 0 8px; } .filter-form-style .group .form-item select.select-val { width: 226px; height: 26px; border: 1px solid #000000; margin: 0 0 0 8px; } .filter-form-style .group .form-item input:active, .filter-form-style .group .form-item input:focus { padding: 0 2px; } .filter-form-style .button-wrap { text-align: center; margin: 24px 0 0 0; } .filter-form-style a.button { display: inline-block; margin: 0 4px; } .filter-form-style a.button span.inner { width: 80px; } .pagerWrap { height: 35px; padding: 8px 2px; } .pagerWrap a span.inner { display: block; height: 29px; line-height: 29px; padding-top: 0px; padding-bottom: 0px; } .pagerWrap a span.arrow { display: block; width: 11px; height: 21px; background: transparent url('../images/MI/next-arrow.png') no-repeat 0px 0px; position: absolute; top: 4px; } .pagerWrap a.prev { float: left; } .pagerWrap a.prev span.inner { padding-left: 24px; } .pagerWrap a.prev span.arrow { background-image: url('../images/MI/prev-arrow.png'); left: 5px; } .pagerWrap a.next { float: right; } .pagerWrap a.next span.inner { padding-right: 24px; } .pagerWrap a.next span.arrow { right: 5px; } .pagerHasValid-false, .pagerWrap a.page-valid-false, .loadMoreResults a.page-valid-false { display: none; } .lookupPage { } .lookupPage h4.section-title { height: 37px; line-height: 37px; font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; border: 1px solid #2c2c2c; border-top-color: #d2d2d2; background: #44484d url('../images/MI/lookup-title-bg.png') repeat-x 0px 0px; } .lookupPage a.selectionItem { display: block; padding: 8px; color: #000000; font-weight: bold; font-size: 14px; border: 1px solid #5d6268; background: #e4e8ec url('../images/MI/lookup-selection-bg.png') repeat-x 0px 50%; } .lookupPage a.selectionItem span.form-item { display: block; float: left; width: 450px; padding: 4px 6px; } .lookupPage a.selectionItem span.form-item label { display: block; float: left; width: 55px; color: #00337f; font-weight: normal; } .lookupPage a.selectionItem span.form-item span {word-wrap: break-word;padding-left: 20px;} .lookupPage-has-title .pagerWrap { padding-top: 0px; padding-bottom: 0px; margin-top: -35px; } .lookupPage-has-title .pagerWrap a { margin-top: -2px; } .lookupPage a.selectionItem span.form-item-cond-code label {width: 155px;} .lookupPage a.selectionItem span.form-item-cond-description label {width: 155px;} /** Lookup header buttons **/ #applicationHeader .removeOnExit.lookup a.filter-button { left: 348px; } #applicationHeader .removeOnExit.lookup a.filter-button span.inner { width: 55px; height: 56px; background: transparent url('../images/MI/filter-header-button.png') no-repeat 50% 50%; } #applicationHeader .removeOnExit.lookup a.filterActive span.inner { background-image: url('../images/MI/filter-header-button-active.png'); } #applicationHeader .removeOnExit.lookup span.placeholder span.inner { width: 287px; } a.lookup { float: right; margin-left: 1px; } a.lookup span.inner { padding: 4px; } a.lookup span.inner span.right-arrow { display: block; width: 9px; height: 12px; background: transparent url('../images/MI/lookup-arrows-right.png') no-repeat 0px 0px; } a.lookupHide { visibility: hidden; } /** Lookup page specific styles **/ /** Store and region view **/ #storeRegionLookupView a.selectionItem span.form-item label { width: 60px; } /** Issues workspace **/ #mobileInventoryItemView form a.group span.form-item label { width: 140px; } #mobileInventoryPersonnelsView form a.group span.form-item label { width: 120px; } #assetLookupView a span.form-item-desc label { width: 100px; } #assetLookupView a span.form-item-item label { width: 100px; } #assetLookupView a span.form-item-serial label { width: 100px; } #assetLookupView a span.form-item-serial { width: 219px; } #mqPriorityView a span.form-item label, #costCodeView a span.form-item label, #grnLookupView a span.form-item-lot-expiration label { width: 95px; } #grnLookupView form a.group span.form-item { width: 219px; } #grnLookupView a span.form-item-lot-expiration input { width: 100px; } #grnLookupView a span.form-item-owner label { width: 55px; } #grnLookupView a span.form-item-owner span.form-item-owner-id { width: 160px; } #grnLookupView a span.form-item-owner span.form-item-owner-name { width: 220px; } #customerView a span.form-item-customer-no label, #customerView a span.form-item-name label, #systemEmployeeView a span.form-item label { width: 100px; } #repairOrderView a span.form-item { width: 219px; } #repairOrderView a span.form-item-vendor { width: auto; } #repairOrderView a span.form-item label { width: 65px; } #shipAddressLookupView a span.form-item-ship-address label { width: 85px; } #shipAddressLookupView a span.form-item-name label { width: 85px; } #shipAddressLookupView a span.form-item-vendor-name label { width: 85px; } #shipAddressLookupView a span.form-item-address-1 label { width: 85px; } #shipAddressLookupView a span.form-item-address-2 label { width: 85px; } #shipAddressLookupView a span.form-item-city { width: 325px; } #shipAddressLookupView a span.form-item-city label { width: 85px; } #shipAddressLookupView a span.form-item-city input { width: 85px; } #shipAddressLookupView a span.form-item-state { width: 100px; } #shipAddressLookupView a span.form-item-state label { width: 50px; } #shipAddressLookupView a span.form-item-state input { width: 50px; } #itemInterchangeabilityView a span.form-item-primary-item label { width: 125px; } #itemInterchangeabilityView a span.form-item-item-substitute label { width: 125px; } #itemInterchangeabilityView a span.form-item-type-substitute label { width: 125px; } #mobileInventoryOpenWorkOrdersView a span.form-item-wo label { width: 125px; } #mobileInventoryOpenWorkOrdersView a span.form-item-task label { width: 125px; } #mobileInventoryOpenWorkOrdersView a span.form-item-task-description label { width: 125px; } #mobileInventoryOpenWorkOrdersView a span.form-item-task-description span { width: 325px; } #mobileInventoryOpenWorkOrdersView a span.form-item-task-title label { width: 125px; } #mobileInventoryOpenWorkOrdersView a span.form-item-task-title span { width: 325px; } #mobileInventoryOpenWorkOrdersAndDeferralsView a span.form-item-wo label { width: 125px; } #mobileInventoryOpenWorkOrdersAndDeferralsView a span.form-item-task label { width: 125px; } #mobileInventoryOpenWorkOrdersAndDeferralsView a span.form-item-deferralId label { width: 125px; } #mobileInventoryOpenWorkOrdersAndDeferralsView a span.form-item-task-description label { width: 125px; } #mobileInventoryOpenWorkOrdersAndDeferralsView a span.form-item-task-description span { width: 325px; } /** Transfer Receipts Workspace **/ #multilocLookupView a span.form-item-location label, #multilocLookupView a span.form-item-item label, #multilocLookupView a span.form-item-required-MHE label, #multilocLookupView a span.form-item-location-status label, #multilocLookupView a span.form-item-quantity label, #multilocLookupView a span.form-item-serial label { width: 95px; } #multilocLookupView a span.form-item-required-MHE img { padding-left: 30px; } /** Item status lookup **/ #itemStatusLookup a span.form-item-status { line-height: 22px; } #itemStatusLookup a span.form-item-status span.icon { display: block; float: left; width: 22px; height: 22px; background: transparent url('../images/MI/task-status-icons.png') no-repeat 0px 0px; margin: 0 10px; overflow: hidden; } #itemStatusLookup a span.form-item-status span.icon-0 { } #itemStatusLookup a span.form-item-status span.icon-9 { background-position: 0px -22px; } #itemStatusLookup a span.form-item-status span.icon-J { background-position: 0px -44px; } #itemStatusLookup a span.form-item-status span.icon-1 { background-position: 0px -66px; } #itemStatusLookup a span.form-item-status span.icon-8 { background-position: 0px -88px; } /** Generic workspace styles **/ .scan-area { height: 68px; border-top: 4px solid #00337f; border-bottom: 4px solid #00337f; background: transparent url('../images/MI/scan-bg.png') repeat-x 0px 0px; text-align: center; } .scan-area label { display: none; height: 68px; line-height: 68px; font-size: 17px; color: #00337f; text-align: right; margin-right: 8px; } .scan-area label:first-child { display: inline-block; } .scan-area input {width: 150px;height: 24px;line-height: 24px;background-color: #fafafa;border: 1px solid #aeb2bb;color: #000000;padding: 1px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .scan-area input:focus, .scan-area input:active { background-color: #ffffff; border-color: #000000; } /** Generic task list styles **/ .task-list .task-item { border: 1px solid #5d6268; width: 478px; background-position: 0px 50%; background-repeat: repeat-x; } .task-list .task-item a.right-arrow { display: block; float: right; width: 41px; height: 150px; background: #cbd3da url('../images/MI/nav-arrow-right.png') no-repeat 50% 50%; border-left: 1px solid #2c2c2c; } .task-list .task-item .task-item-wrap { position: relative; width: 436px; float: left; } .task-list .task-item .task-item-wrap .checkbox { width: 53px; height: 53px; background: transparent url('../images/MI/checkbox-large.png') no-repeat 0px -106px; position: absolute; top: 1px; left: 1px; } .task-list .task-item .task-item-wrap .checkbox-checked { background-position: 0px -53px; } .task-list .task-item .task-item-wrap .checkbox-disabled, /* .task-list .queueError .task-item-wrap .checkbox, */ .task-list .queuePending .task-item-wrap .checkbox, .task-list .queueProcessing .task-item-wrap .checkbox, .task-list .task-item-awaiting-scan .task-item-wrap .checkbox { background-position: 0px 0px; } .task-list .task-item .task-item-wrap .transaction-type { font-size: 17px; color: #a0a8ae; text-transform: uppercase; position: absolute; top: 2px; right: 64px; } .task-list .task-item .task-item-wrap .error-icon { display: none; width: 28px; height: 28px; background: transparent url('../images/MI/task-status-icons.png') no-repeat -35px -24px; position: absolute; top: 1px; right: 94px; overflow: hidden; } .task-list .queueError .task-item-wrap .error-icon { display: block; } .task-list .task-item .task-item-wrap .error-icon.alertIndicatorEnabled-true { top:27px;} .task-list .task-item .task-item-wrap .alert-icon.requiresFeedbackFollowup-true {display: block;width: 26px;height: 32px;background: transparent url('../images/MI/task-status-icons.png') no-repeat -35px 9px;position: absolute;top: -7px;right: 95px;overflow: hidden;} .task-list .task-item .task-item-wrap .alert-icon.requiresFeedbackFollowup-true.disabled {display: none;} .task-list .task-item .task-item-wrap .alert-icon.requiresFeedbackFollowup-false {display: none;} .task-list .task-item .task-item-wrap .discrepancy-icons-false { display: block; position: absolute; top: -1px; right: 130px; overflow: hidden; width: 20px; height: 20px; margin: 5px; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,.2) ;background: grey; } .task-list .task-item .task-item-wrap .discrepancy-icons-true { display: block; position: absolute; top: -1px; right: 130px; overflow: hidden; width: 20px; height: 20px; margin: 5px; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,.2) ;background: red;} .task-list .task-item .task-item-wrap .status-icons { position: absolute; bottom: 2px; right: 10px; } .task-list .task-item .task-item-wrap .status-icons div, .task-list .task-item .task-item-wrap .status-icons a { display: block; float: left; background: transparent url('../images/MI/task-status-icons.png') no-repeat 0px 0px; margin: 0 0 0 10px; overflow: hidden; } .task-list .task-item .task-item-wrap .status-icons .operational { width: 22px; height: 22px; } .task-list .task-item .task-item-wrap .status-icons .operational-0 { } .task-list .task-item .task-item-wrap .status-icons .operational-9 { background-position: 0px -22px; } .task-list .task-item .task-item-wrap .status-icons .operational-J { background-position: 0px -44px; } .task-list .task-item .task-item-wrap .status-icons .operational-1 { background-position: 0px -66px; } .task-list .task-item .task-item-wrap .status-icons .operational-8 { background-position: 0px -88px; } .task-list .task-item .task-item-wrap .status-icons .hazardous { background-position: -35px 0px; width: 25px; height: 21px; margin-top: 1px; } .task-list .task-item .task-item-wrap .status-icons .requires-mhe { background-position: -35px -54px; width: 31px; height: 21px; margin-top: 1px; } .task-list .task-item .task-item-wrap .status-icons .operational-, .task-list .task-item .task-item-wrap .status-icons .hazardous-false, .task-list .task-item .task-item-wrap .status-icons .hazardous-, .task-list .task-item .task-item-wrap .status-icons .requires-mhe-false, .task-list .task-item .task-item-wrap .status-icons .requires-mhe- { display: none; } .task-list .task-item .task-item-wrap form a.commit { width: 53px; height: 53px; background: transparent url('../images/MI/commit-button.png') no-repeat 0px 0px; position: absolute; top: 1px; right: 1px; } .task-list .task-item .task-item-wrap form a.commit.disabled, .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -53px; } .task-list .queuePending .task-item-wrap form a.commit { background-position: 0px -212px !important; } .task-list .queueProcessing .task-item-wrap form a.commit { background-position: 0px -265px !important; } .task-list .task-item .task-item-wrap form .form-item { } .task-list .task-item .task-item-wrap form .form-item.form-item-serial.itemSerialized-false, .task-list .task-item .task-item-wrap form .form-item.form-item-dummyserial.itemSerialized-true { display: none; } /* If item is non serialized, enable dummy serial for proper style*/ .task-list .task-item .task-item-wrap form .form-item label { display: inline-block; width: 49px; height: 26px; line-height: 26px; padding: 0 5px 1px 0; font-size: 14px; color: #2d5bab; text-align: right; } .task-list .task-item .task-item-wrap form .form-item input { height: 24px; line-height: 24px; font-size: 16px; color: #000000; background-color: #fafafa; border: 1px solid #aeb2b8; } .task-list .task-item .task-item-wrap form .form-item-no-label input { margin-bottom: 1px; } .task-list .task-item .task-item-wrap form .form-item input[readonly] { background-color: transparent; border: none; padding: 1px; } .task-list .task-item .task-item-wrap form .form-item label.qty-label {width: 50px;color: #000000;text-align: left;padding-right: 0;} .task-list .task-item .task-item-wrap form .form-item label.sys-qty-label {width: 56px;color: #000000;text-align: left;padding-right: 0;} .task-list .task-item .task-item-wrap form input:active, .task-list .task-item .task-item-wrap form input:focus { background-color: #ffffff; border: 1px solid #000000; } /* iCheck plugin */ .task-list .task-item .task-item-wrap form .form-item .customCheckbox { display: inline-block; float: right; margin: 0px 0; width: 32px; height: 31px; background: transparent url('../images/MI/MI-checkboxes.png') no-repeat 0px 0px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox { width: 30px; background-position: 0px -155px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox.hover { background-position: 0px -186px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox.checked { background-position: 0px -217px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox.disabled { background-position: 0px -248px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox.checked.disabled { background-position: 0px -279px; } .task-list .task-item .task-item-wrap form .form-item .customCheckbox img { width: 100%; height: auto;} .task-list .task-item .task-item-wrap form .form-item .customRadio, .task-list .task-item .task-item-wrap form .form-item .customRadio { background-position: 0px 0px; } .task-list .task-item .task-item-wrap form .form-item .customRadio.hover { background-position: 0px -31px; } .task-list .task-item .task-item-wrap form .form-item .customRadio.checked { background-position: 0px -62px; } .task-list .task-item .task-item-wrap form .form-item .customRadio.disabled { background-position: 0px -93px; } .task-list .task-item .task-item-wrap form .form-item .customRadio.checked.disabled { background-position: 0px -124px; } #applicationHeader/*, .header-area*/ { position: fixed; z-index: 8998; } #applicationBody { position: absolute; top: 60px; } /* .header-area { z-index: 8999; top: 0px; } */ #applicationHeader a#back, #applicationHeader a#settings, #applicationHeader a#logout, #clientVars, #queue, login, back, action, execute, lookup, lookupSelect, view, workspace, page, prevButton, nextButton, moreButton, filter, filterButton, .blank-item, .hide-true { display: none; } object { position: absolute; width: 0px; height: 0px; } #loadingWrap { position: fixed; top: 0px; left: 0px; width: 480px; height: 640px; z-index: 99999; background: transparent url('../images/MI/loading-bg.png') repeat 0px 0px; } .pageType-popup { position: fixed; top: 0px; left: 0px; width: 480px; height: 640px; z-index: 8999; background: transparent url('../images/MI/loading-bg.png') repeat 0px 0px; } #loadingWrap img { position: absolute; top: 288px; left: 208px; } .page-wrap { width: 480px; /*height: 580px;*/ height: 640px; background: transparent url('../images/MI/normal-bg.jpg') no-repeat 0px 0px; } .pageType-popup .popup-inner h2 { padding: 8px 0; background-color: #8e959b; color: #f5f6f8; border-bottom: 2px solid #545a5f; font-size: 20px; text-align: center; } .pageType-popup .popup-inner {border: 2px solid #545a5f;background-color: #e4e7ea;margin: 0 18px;} .popup { position: absolute; top: 0; left: 0; width: 480px; height: 640px; z-index: 99999; background: transparent url('../images/MI/loading-bg.png') repeat 0px 0px; } .popup .popup-wrap { width: 396px; margin: 130px auto 0 auto; background-color: #f5f6f8; border: 2px solid #565c61; } .popup .popup-wrap .popup-title { text-align: center; font-size: 16px; height: 38px; line-height: 38px; color: #ffffff; background-color: #a0a8ae; border-bottom: 2px solid #565c61; } .popup .popup-wrap .popup-content { padding: 11px 14px; } /** Home page **/ #loginPage .page-wrap { background-image: url('../images/MI/home-bg.jpg'); padding-top: 160px; height: 420px; } #loginPage .login-wrap {width: 376px;margin: 0 auto 0 auto;background-color: #f5f6f8;border: 2px solid #565c61;} #loginPage .login-wrap h2.login-title { text-align: center; font-size: 16px; height: 38px; line-height: 38px; color: #ffffff; background-color: #a0a8ae; border-bottom: 2px solid #565c61; } #loginPage form#login-form { padding: 18px 51px 14px 50px; } #loginPage form#login-form .form-item { padding: 0 0 0 0; } #loginPage form#login-form .form-item input { color: #cbd3da; font-size: 16px; font-weight: bold; width: 255px; padding: 9px 9px; border: 1px solid #565c61; } #loginPage form#login-form .form-item-label-changed input { color: #555555; } #loginPage form#login-form .form-item-username { margin-bottom: -2px; } #loginPage form#login-form .form-item-username input { border-bottom: none; } #loginPage form#login-form a.login-button {margin: 11px 0 0 0;text-decoration: none;} #loginPage form#login-form a.login-button span.inner {padding-top: 12px;padding-bottom: 12px; font-weight: 300;text-align: center;} #loginPage form#login-form a.login-button span.inner img { position: absolute; left: 3px; top: 4px; } #loginPage form#login-form a.changePassword {margin: 5px 0 0 0;float: left;} #loginPage form#login-form a.changePassword span.inner {font-size: 0.9em;height: 25px;color: #38389e;margin-left: 156px;} #loginPage form#login-form a.checkout-button { margin: 11px 0 0 0; float: left; text-decoration: none; } #loginPage form#login-form a.checkout-button span.inner { padding-top: 12px; padding-bottom: 12px; padding-left: 40px; font-weight: 300; text-align: left; } #loginPage form#login-form a.checkout-button span.inner img { position: absolute; left: 9px; top: 2px; } /** Store and region selection page **/ #regionSelection { } #regionSelection form .group { border-width: 2px; padding: 19px 13px; } #regionSelection form#region-selection { } #regionSelection form#region-selection .form-item { border: 1px solid #565c61; padding: 2px; margin: 0 0 9px 0; background-color: #ffffff; } #regionSelection form#region-selection .form-item-region { margin-bottom: 13px; } #regionSelection form#region-selection .form-item a.lookup { float: right; } #regionSelection form#region-selection .form-item a.lookup span.inner { padding: 8px 10px 8px 16px; background-image: none; height: auto; width: auto; } #regionSelection form#region-selection .form-item a.lookup span.inner span.right-arrow { display: block; width: 23px; height: 34px; background: transparent url('../images/MI/lookup-arrows-right.png') no-repeat 0px -33px; } #regionSelection form#region-selection .form-item label { width: 160px; height: 52px; line-height: 52px; font-size: 18px; font-weight: bold; text-align: left; color: #000000; padding: 0 0 0 8px; } #regionSelection form#region-selection .form-item input { width: 195px; height: 52px; line-height: 52px; font-size: 18px; text-align: right; color: #2d5bab; text-transform: uppercase; border: none; background-color: transparent; } #regionSelection form#region-selection .form-item input:focus, #regionSelection form#region-selection .form-item input:active { border: none; background-color: transparent; } #regionSelection form#region-selection a.view-tasks { width: 150px; margin: 0 auto; } #regionSelection form#clock-on-off a { /* background-image: url('../images/MI/nav-arrow-right.png'); */ background-repeat: no-repeat; background-position: 422px 50%; font-size: 20px; line-height: 55px; color: #7d8389; font-weight: bold; height: 55px; text-decoration: none; } #regionSelection form#clock-on-off a span.clock-on { display: block; float: right; width: 125px; height: 53px; background-color: #ffffff; border: 1px solid #565c61; margin: 0 34px 0 0; } #regionSelection form#clock-on-off a span.clock-on span.clock-on-image { display: block; float: right; width: 55px; height: 55px; background: url('../images/MI/clocked-on-off.png') no-repeat 0px -55px; margin: -1px -1px 0 0 } #regionSelection form#clock-on-off a span.clock-on span.clock-on-label, #regionSelection form#clock-on-off a span.clock-on span.clock-on-timer { margin: 0 54px 0 0; display: block; height: 27px; line-height: 27px; text-align: center; color: #000000; font-size: 17px; font-weight: normal; } #regionSelection form#clock-on-off a span.clock-on span.clock-on-label { border-bottom: 1px solid #565c61; } #regionSelection form#clock-on-off a span.clocked-ON span.clock-on-image { float: left; background-position: 0px 0px; margin: -1px 0 0 -1px; } #regionSelection form#clock-on-off a span.clocked-ON span.clock-on-label, #regionSelection form#clock-on-off a span.clocked-ON span.clock-on-timer { margin: 0 0 0 54px; } #regionSelection form#device-checkout a { background-image: url('../images/MI/nav-arrow-right.png'); background-repeat: no-repeat; background-position: 422px 50%; font-size: 20px; line-height: 55px; color: #7d8389; font-weight: bold; height: 55px; text-decoration: none; } #regionSelection form#device-checkout a img { float: right; margin: 0 34px 0 0; } /** Workspace page **/ #workspace-page ul.page-nav { width: 480px; } #workspace-page ul.page-nav li { border:1px solid #000000; border-top: none; list-style-type: none; background: #42464b url('../images/MI/workspace-nav-bg.png') repeat-x 0px 0px; } #workspace-page ul.page-nav li a { display: block; height: 68px; line-height: 64px; font-size: 22px; font-weight: bold; color: #e8edf1; text-decoration: none; background: transparent url('../images/MI/nav-arrow-right.png') no-repeat 441px 50%; position: relative; border: 1px solid #b5bbc0; border-right-color: #282c30; border-bottom-color: #282c30; } #workspace-page ul.page-nav li a.storeSecurtity { display: none;} #workspace-page ul.page-nav li a img { float: left; margin: 13px 13px 0 7px; } #workspace-page ul.page-nav li.packagingWorkspace a img { margin-top: 8px; margin-right: 9px; margin-left: 2px; } #workspace-page ul.page-nav li a span.info { display: block; position: absolute; top: 9px; right: 50px; line-height: 18px; font-size: 14px; text-align: right; } #workspace-page ul.page-nav li a span.info span.queue { display: block; text-align: right; line-height: 18px; } #workspace-page ul.page-nav li a span.info span.queue span { display: none; float: right; margin: 0 0 0 6px; padding: 0 0 0 28px; height: 25px; background: transparent url('../images/MI/queue-status-icons-small.png') no-repeat 0px 0px; font-size: 12px; } #workspace-page ul.page-nav li a span.info span.queue-pending span.pending { display: block; } #workspace-page ul.page-nav li a span.info span.queue-failed span.failed { display: block; background-position: 0px -25px; } /** Item lookup selection page **/ .lookupSelectPage { padding: 200px 0 0 0; } .lookupSelectPage .popup-inner { } .lookupSelectPage .popup-inner form { } .lookupSelectPage .popup-inner form a.button { margin: 0 80px 8px 80px; } .lookupSelectPage .popup-inner form a.cancel { margin: 24px 140px 8px 140px; } /** Issues list **/ #issues-list .header-area { } #issues-list .task-list { } #issues-list .task-list .task-item { background-color: #e4e9ec; background-image: url('../images/MI/issue-grey-task-bg.png'); } #issues-list .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/issue-red-task-bg.png'); } #issues-list .task-list .queuePending, #issues-list .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/issue-yellow-task-bg.png'); } #issues-list .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/issue-blue-task-bg.png'); } #issues-list .task-list .task-item a.right-arrow { height: 169px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-item-number input { margin-top: 1px; margin-left: 58px; width: 221px; text-overflow: ellipsis; } #issues-list .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-grn, #issues-list .task-list .task-item .task-item-wrap form .form-item-serial { float: left; } #issues-list .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #issues-list .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #issues-list .task-list .task-item .task-item-wrap form .form-item-loc { width: 435px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-grn input { width: 137px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-serial input { width: 130px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-loc input { width: 350px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-owner input#owner-id { width: 60px; } #issues-list .task-list .task-item .task-item-wrap form .form-item-owner input#owner-name{ width: 250px; } /** Additional information page **/ .additional-info { } #applicationHeader div.removeOnExit.issuesDetailView .header-title, #applicationHeader div.removeOnExit.transfersDetailView .header-title, #applicationHeader div.removeOnExit.transferReceiptsDetailView .header-title, #applicationHeader div.removeOnExit.pickingDetailView .header-title, #applicationHeader div.removeOnExit.spotCheckDetailView .header-title, #applicationHeader div.removeOnExit.stockingDetailView .header-title, #applicationHeader div.removeOnExit.locationChangeDetailView .header-title, #applicationHeader div.removeOnExit.issueReturnDetailView .header-title, #applicationHeader div.removeOnExit.purchaseReceiptDetailView .header-title, #applicationHeader div.removeOnExit.issuesDetailView .header-title, #applicationHeader div.removeOnExit.issuesDetailView .header-title, #applicationHeader div.removeOnExit.issuesDetailView .header-title, #applicationHeader div.removeOnExit.stockTakingCountLineSeqDetailView .header-title, #applicationHeader div.removeOnExit.issuesDetailView .header-title { line-height: 25px; font-size: 24px; } .additional-info form { } .additional-info form .form-item { } .additional-info form .form-item input { } .additional-info form .form-item label { padding-bottom: 1px; } .additional-info form .form-item-no-label input { margin-bottom: 1px; } .additional-info form .buttonWrap { text-align: center; margin-bottom: 16px; } .additional-info form .buttonWrap a { display: inline-block; margin: 0 8px; } .additional-info form .buttonWrap a span.inner { padding: 12px 18px; } /** Issues additional information page **/ #issuesDetailView { } #issuesDetailView form { } #issuesDetailView form .form-item { float: left; } #issuesDetailView form .form-item-priority label { width: 80px; } #issuesDetailView form .form-item-priority input { width: 25px; } #issuesDetailView form .form-item-due-date label { width: 30px; } #issuesDetailView form .form-item-due-date input { width: 120px; padding: 0 0 0 5px; } #issuesDetailView form .form-item-due-time input { width: 105px; padding: 0 0 0 5px; } #issuesDetailView form .form-item-external-ref label { width: 80px; } #issuesDetailView form .form-item-item-number label, #issuesDetailView form .form-item-item-description label { width: 92px; } #issuesDetailView form .form-item-item-number input { width: 318px; } #issuesDetailView form .form-item-external-ref input { width: 350px; } #issuesDetailView form .form-item-item-description input { width: 342px; } #issuesDetailView form .form-item-grn, #issuesDetailView form .form-item-serial { float: left; } #issuesDetailView form .form-item-serial.isSerializedItem-false { pointer-events: none; } #issuesDetailView form .form-item-grn.isGrnItem-false { pointer-events: none; } #issuesDetailView form .form-item-grn input, #issuesDetailView form .form-item-serial input, #issuesDetailView form .form-item-loc input { width: 130px; } #issuesDetailView form .form-item-qty input { width: 50px; } #issuesDetailView form .form-item-mq label { width: 92px; } #issuesDetailView form .form-item-mq input { width: 210px; } #issuesDetailView form .form-item-line-number label { width: 30px; } #issuesDetailView form .form-item-line-number input { width: 70px; } #issuesDetailView form .form-item-log-type label, #issuesDetailView form .form-item-log-page label, #issuesDetailView form .form-item-log-item label, #issuesDetailView form .form-item-type label { width: 64px; } #issuesDetailView form .form-item-log-type select { width: 102px; } #issuesDetailView form .form-item-log-page input, #issuesDetailView form .form-item-log-item input { width: 100px; } /** Charge To **/ #issuesDetailView form .form-item-charge-to label { width: 80px; } #issuesDetailView form .form-item-charge-to select { width: 150px; } #issuesDetailView form .charge-to-line { clear:both; margin: 0 0 6px 0; border-bottom: 1px solid #aeb2b8; } /** Charge To - Work Order **/ #issuesDetailView form div[rel="hdr_transMethod1"] .form-item-wo label { width: 80px; } #issuesDetailView form div[rel="hdr_transMethod1"] .form-item-wo input { width: 148px; } #issuesDetailView form div[rel="hdr_transMethod1"] .form-item-wo-task input { width: 50px; } #issuesDetailView form .form-item-hdr-part label { width: 50px; } #issuesDetailView form .form-item-hdr-part input { width: 150px; } /** Charge To - Asset **/ #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-serial, #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-part { display: block; float: left; width: 222px; } #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-serial label, #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-part label { width: 54px; } #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-serial input, #issuesDetailView form div[rel="hdr_transMethod2"] .form-item-part input { width: 134px; } /** Charge To - Part Sale **/ #issuesDetailView form div[rel="hdr_transMethod3"] .form-item-customer label, #issuesDetailView form div[rel="hdr_transMethod3"] .form-item-invoice-to label { width: 74px; } #issuesDetailView form div[rel="hdr_transMethod3"] .form-item-customer input { width: 114px; } #issuesDetailView form div[rel="hdr_transMethod3"] .form-item-invoice-to input { width: 138px; } /** Charge To - Employee **/ #issuesDetailView form div[rel="hdr_transMethod4"] .form-item-employee label { width: 74px; } #issuesDetailView form div[rel="hdr_transMethod4"] .form-item-employee input { width: 200px; } /** Charge To - Repair WO **/ #issuesDetailView form div[rel="hdr_transMethod6"] .form-item-wo input, #issuesDetailView form div[rel="hdr_transMethod6"] .form-item-serial input, #issuesDetailView form div[rel="hdr_transMethod6"] .form-item-part input { width: 146px; } #issuesDetailView form div[rel="hdr_transMethod6"] .form-item-wo-task input { width: 50px; } /** Charge To - Fabrication **/ #issuesDetailView form div[rel="hdr_transMethod8"] .form-item-serial input, #issuesDetailView form div[rel="hdr_transMethod8"] .form-item-part input { width: 170px; } /** Charge To - Kit **/ #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-serial input, #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-part input { width: 170px; } #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-kit-status label, #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-kit-loc label { width: 74px; } #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-kit-status select { width: 155px; } #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-kit-loc input { width: 153px; } #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-qty label { width: 44px; } #issuesDetailView form div[rel="hdr_transMethodK"] .form-item-qty input { width: 35px; } /** Charge To - External WO **/ #issuesDetailView form div[rel="hdr_transMethodE"] .form-item-wo label { width: 86px; } #issuesDetailView form div[rel="hdr_transMethodE"] .form-item-wo input { width: 170px; } /** Charge To - Surplus Sale **/ #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-customer label, #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-invoice-to label, #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-surplus-sale label { width: 84px; } #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-customer input { width: 104px; } #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-invoice-to input { width: 128px; } #issuesDetailView form div[rel="hdr_transMethodS"] .form-item-surplus-sale input { width: 200px; } /** Charge To - Repair Order **/ #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-pheader-ro label, #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-serial label, #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-part label { width: 54px; } #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-pheader-ro input, #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-serial input, #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-part input { width: 158px; } #issuesDetailView form div[rel="hdr_transMethodR"] .form-item-pline-line input { width: 50px; } #issueReturnDetailView { } #issueReturnDetailView form { } #issueReturnDetailView form .form-item { float: left; } #issueReturnDetailView form .form-item-priority label { width: 92px; } #issueReturnDetailView form .form-item-priority input { width: 45px; } #issueReturnDetailView form .form-item-due-date label { width: 115px; } #issueReturnDetailView form .form-item-due-date input { width: 90px; } #issueReturnDetailView form .form-item-due-time input { width: 50px; padding: 0 0 0 6px; } #issueReturnDetailView form .form-item-external-ref label, #issueReturnDetailView form .form-item-item-number label, #issueReturnDetailView form .form-item-item-description label { width: 92px; } #issueReturnDetailView form .form-item-item-number input { width: 318px; } #issueReturnDetailView form .form-item-external-ref input, #issueReturnDetailView form .form-item-item-description input { width: 342px; } #issueReturnDetailView form .form-item-grn, #issueReturnDetailView form .form-item-serial-1 { float: left; } #issueReturnDetailView form .form-item-serial-1.isSerializedItem-false { pointer-events: none; } #issueReturnDetailView form .form-item-grn input, #issueReturnDetailView form .form-item-loc input { width: 158px; } #issueReturnDetailView form .form-item-loc label { width: 83px; } #issueReturnDetailView form .form-item-serial-1 label { width: 50px; } #issueReturnDetailView form .form-item-serial-1 input { width: 80px; } #issueReturnDetailView form .form-item-return-by label { width: 83px; } #issueReturnDetailView form .form-item-return-by input { width: 158px; } #issueReturnDetailView form .form-item-qty label { width: 50px; } #issueReturnDetailView form .form-item-qty input { width: 50px; } #issueReturnDetailView form .form-item-mq label { width: 92px; } #issueReturnDetailView form .form-item-mq input { width: 210px; } #issueReturnDetailView form .form-item-line-number label { width: 30px; } #issueReturnDetailView form .form-item-line-number input { width: 70px; } #issueReturnDetailView form .form-item-log-type label, #issueReturnDetailView form .form-item-log-page label, #issueReturnDetailView form .form-item-log-item label, #issueReturnDetailView form .form-item-type label { width: 64px; } #issueReturnDetailView form .form-item-log-type select { width: 102px; } #issueReturnDetailView form .form-item-log-page input, #issueReturnDetailView form .form-item-log-item input { width: 100px; } /** Charge To **/ #issueReturnDetailView form .form-item-charge-to label { width: 74px; } #issueReturnDetailView form .form-item-charge-to select { width: 150px; } #issueReturnDetailView form .charge-to-line { clear:both; margin: 0 0 6px 0; border-bottom: 1px solid #aeb2b8; } /** Charge To - Work Order **/ #issueReturnDetailView form div[rel="hdr_transMethod1"] .form-item-wo label { width: 74px; } #issueReturnDetailView form div[rel="hdr_transMethod1"] .form-item-wo input { width: 148px; } #issueReturnDetailView form div[rel="hdr_transMethod1"] .form-item-wo-task input { width: 50px; } #issueReturnDetailView form div[rel="hdr_transMethod1"] .form-item-wo-task input.item-wo { width: 148px; } /** Charge To - Asset **/ #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-serial, #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-part { display: block; float: left; width: 222px; } #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-serial label, #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-part label { width: 54px; } #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-serial input, #issueReturnDetailView form div[rel="hdr_transMethod2"] .form-item-part input { width: 134px; } /** Charge To - Customer **/ #issueReturnDetailView form div[rel="hdr_transMethodC"] .form-item-customer label, #issueReturnDetailView form div[rel="hdr_transMethodC"] .form-item-invoice-to label { width: 74px; } #issueReturnDetailView form div[rel="hdr_transMethodC"] .form-item-customer input { width: 114px; } #issueReturnDetailView form div[rel="hdr_transMethodC"] .form-item-invoice-to input { width: 138px; } /** Issues page - Stock exception **/ #stockException { padding: 100px 0 0 0; } #stockException .popup-inner { margin: 0 36px; } #stockException form { } #stockException form .form-item { margin: 0 20px 8px 20px; } #stockException form .form-item-orig-qty { margin-top: 18px; } #stockException form .form-item label { display: block; float: left; width: 120px; height: 26px; line-height: 26px; font-size: 17px; color: #2d5bab; padding: 0 8px 0 0; } #stockException form .form-item input { float: left; width: 60px; height: 22px; padding: 1px; color: #000000; font-size: 17px; font-family: Arial, sans-serif; font-weight: bold; text-align: right; margin: 0 0 4px 172px; border: 1px solid #545a5f; } #stockException form .form-item-disc-type input { width: 206px; margin-left: 0; padding: 2px; border: none; background-color: transparent; } #stockException form .form-item-disc-type a.lookup span.inner { padding: 4px 5px; } #stockException form .form-item-comments textarea { margin: 18px 0 0 0; border: 1px solid #565c61; background-color: #ffffff; color: #7b8187; width: 346px; height: 50px; padding: 8px; font-family: Arial, sans-serif; font-size: 14px; } #stockException form .form-item-label-changed textarea { color: #000000; } #stockException form .value-match-error input { border-color: #ff0000; color: #ff0000; } #stockException form .button-wrap { margin-bottom: 16px; } #stockException form .button-wrap a.ok-button, #stockException form .button-wrap a.cancel-button { float: left; width: 150px; margin: 12px 20px 0 20px; } #stockException form .button-wrap a.cancel-button { float: right; } /** Issue returns **/ /* #issue-return .header-area { } #issue-return .header-area a.new-record { left: 58px; } #issue-return .header-area a.new-record span.inner { padding: 17px 14px 18px 14px; } #issue-return .header-area a.new-record span.inner span.image { display: block; width: 59px; height: 23px; background: transparent url('../images/MI/new-header-button.png') no-repeat 0px 0px; } #issue-return .header-area a.check-uncheck { left: 148px; } #issue-return .header-area a.check-uncheck span.inner { padding: 17px 14px 18px 14px; } #issue-return .header-area a.check-uncheck span.inner span.image { display: block; width: 61px; height: 23px; background: transparent url('../images/MI/check-uncheck-header-button.png') no-repeat 0px 0px; } #issue-return .header-area a.commit-selected { left: 240px; } #issue-return .header-area a.commit-selected span.inner { padding: 10px 12px 12px 14px; } #issue-return .header-area a.commit-selected span.inner span.image { display: block; width: 66px; height: 36px; background: transparent url('../images/MI/issue-selected-header-button.png') no-repeat 0px 0px; } #issue-return .header-area a.filter-button { left: 338px; } #issue-return .header-area a.filter-button span.inner span.image { display: block; width: 32px; height: 28px; background: transparent url('../images/MI/filter-header-button.png') no-repeat 0px 0px; } #issue-return .header-area a.filterActive span.inner span.image { background-position: 0px -28px; } */ #issue-return .task-list { } #issue-return .task-list .task-item { background-color: #e4e9ec; background-image: url('../images/MI/issue-grey-task-bg.png'); } #issue-return .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/issue-red-task-bg.png'); } #issue-return .task-list .queuePending, #issue-return .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/issue-yellow-task-bg.png'); } #issue-return .task-list .task-item a.right-arrow { height: 230px; } #issue-return .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/issue-return-removal-yellow-task-bg.png'); } #issue-return .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/issue-blue-task-bg.png'); } #issue-return .task-list .task-item .task-item-wrap form .form-item-trx { float: left; margin-right : 6px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-line { float: left; } /*#issue-return .task-list .task-item .task-item-wrap form .form-item-qty{ float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-serial { float: left; }*/ #issue-return .task-list .task-item .task-item-wrap form .form-item-loc {float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-wo { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-grn { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-to { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-to-loc {float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-asset { float: left; margin-left : 38px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-asset1 { float: left; margin-left : 18px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-removal, #issue-return .task-list .task-item .task-item-wrap form .form-item-return-by { float: right; } /*#issue-return .task-list .task-item .task-item-wrap form .form-item-customer { float: left; }*/ #issue-return .task-list .task-item .task-item-wrap form .form-item-failure { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } /* #issue-return .task-list .task-item .task-item-wrap form .form-item-excess { float: left; width: 50px;} #issue-return .task-list .task-item .task-item-wrap form .form-item-excess label{ float: right; width: 63px;} */ issue-return .task-list .task-item .task-item-wrap form .form-item-excess { float: left; width: 20%;} #issue-return .task-list .task-item .task-item-wrap form .form-item-customer label { width: 60px; padding: 0 0 1px; } #issue-return .task-list .task-item .task-item-wrap form .form-item label.qty-label { width: 80px; } #issue-return .task-list .task-item .task-item-wrap form .charge-to-line { clear:both; margin: 0 0 6px 0; border-bottom: 1px solid #aeb2b8; } #issue-return .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #issue-return .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #issue-return .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #issue-return .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-trx input { width: 153px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-serial {float:right;margin-right:15px;} #issue-return .task-list .task-item .task-item-wrap form .form-item-serial label { width: 50px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-serial input { width: 110px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-grn input { width: 130px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-wo label {width: 63px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-wo input {margin-top: 1px; width: 80px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-qty{ float: right; } #issue-return .task-list .task-item .task-item-wrap form .form-item-cond {float:left;} #issue-return .task-list .task-item .task-item-wrap form .form-item-cond input { width: 130px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-cert {float:left;} #issue-return .task-list .task-item .task-item-wrap form .form-item-cert input { width: 144px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-cert-date label {width: 60px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-cert-date input { width: 144px; } #issue-return .task-list .task-item .task-item-wrap form .lot_dtl_status{float:left;right: -50%;} /***************/ #issue-return .task-list .task-item .task-item-wrap form .form-item-loc input { width: 130px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-to input {margin-top: 1px; width: 153px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-line input { width: 50px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-qty input { margin-top: 1px; width: 50px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-asset label {width: 70px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-asset input {margin-top: 1px; width: 100px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-return-by input {margin-top: 1px; width: 100px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-return-by a {margin-right: 39px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-return-by label { width: 63px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-charge-to-1 { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-charge-to-1 label {padding: 0 0 1px; width: 68px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-charge-to-1 select {margin-top: 1px; width: 105px; font-size: 16px; border: 1px solid #aeb2b8; background-color: #ffffff; color: #000000; } #issue-return .task-list .task-item .task-item-wrap form .form-item-customer input {margin-top: 1px; width: 115px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-excess input[type="checkbox"] { float:right;width: 10px; border: 1px solid #aeb2b8; padding: 0 0 0 0;} #issue-return .task-list .task-item .task-item-wrap form .form-item-lot { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-lot input { width: 153px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-mfg-date { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-mfg-date input { width: 140px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-mfg-date label { width: 63px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-exp-date { float: left; } #issue-return .task-list .task-item .task-item-wrap form .form-item-exp-date input { width: 140px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-exp-date label { width: 63px; } /** lookups **/ #customerLookup a span.form-item-customer-no label { width: 95px; } #customerLookup a span.form-item-name label { width: 95px; } #mobileInventoryItemView form a.group span.form-item label { width: 140px;} /** Removal **/ #issue-return .task-list .removal .task-item { background: #e4e8ec url('../images/MI/issue-return-removal-grey-task-bg.png') repeat-x 0px 0px; } #issue-return .task-list .removal .queueError { background-color: #fadcdc; background-image: url('../images/MI/issue-red-task-bg.png'); } #issue-return .task-list .removal .queuePending, #issue-return .task-list .removal .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/issue-yellow-task-bg.png'); } #issue-return .task-list .removal .task-item a.right-arrow { height: 283px; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-serial label { width: 98px; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-removal label, #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-failure label { width: 75px; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-removal input, #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-failure input { width: 341px; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-reason { border-top: 1px solid #000000; margin-top: 4px; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-reason textarea { border: none; background-color: transparent; color: #7b8187; width: 436px; font-size: 16px; font-family: Arial, sans-serif; } #issue-return .task-list .removal .task-item .task-item-wrap form .form-item-label-changed textarea { color: #000000; } #issue-return .task-list .removal .task-item .task-item-wrap .status-icons { bottom: 122px; } /** Excess **/ #issue-return .task-list .excess .task-item { background: #cdffcd url('../images/MI/issue-return-excess-green-task-bg.png') repeat-x 0px 0px; } #issue-return .task-list .excess .queueError { background-color: #fadcdc; background-image: url('../images/MI/issue-red-task-bg.png'); } #issue-return .task-list .excess .queuePending, #issue-return .task-list .excess .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/issue-yellow-task-bg.png'); } #issue-return .task-list .excess .task-item a.right-arrow { height: 193px; } #issue-return .task-list .excess .task-item .task-item-wrap form .form-item-to-loc label { width: 98px; } #issue-return .task-list .excess .task-item .task-item-wrap form .form-item-wo input { width: 200px; } #issue-return .task-list .excess .task-item .task-item-wrap .status-icons { bottom: 5px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-excess .customCheckbox { display: inline-block; float: left; margin: 0px 0; width: 16px; height: 16px; background: transparent url('../images/MI/MI_Checkboxes_16x16.png') no-repeat 0px 0px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-excess .customCheckbox { width: 16px; background-position: 0px -64px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-excess .customCheckbox.checked { background-position: 0px -80px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-excess .customCheckbox img { width: 100%; height: auto;} #issue-return .task-list .task-item .task-item-wrap form .form-item {float: left;margin-bottom: 5px;margin-left: 5px;} #issue-return .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #issue-return .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #issue-return .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 210px; } #issue-return .task-list .task-item .task-item-wrap form .form-item-lot-indic label {width: 249px;height: 26px;line-height: 26px;padding: 0 1px 1px 0;font-size: 14px;color: #2d5bab;text-align: right;margin-left: 12px;} /** Issue return detail **/ #issueReturnDetailView form .buttonWrap a.save-button { top: 0px; } #issueReturnDetailView form .form-item-item-number label { width: 83px; } #issueReturnDetailView form .form-item-item-number input{ width: 300px; } #issueReturnDetailView form .form-item-item-description label { width: 83px; } #issueReturnDetailView form .form-item-item-description input{ width: 300px; } #issueReturnDetailView form .form-item-issue-trx label { width: 80px; } #issueReturnDetailView form .form-item-issue-trx input{ width: 150px; } #issueReturnDetailView form .form-item-issue-line label { width: 40px; } #issueReturnDetailView form .form-item-issue-line input{ width: 120px; } #issueReturnDetailView form .form-item-serial label { width: 80px; } #issueReturnDetailView form .form-item-serial input{ width: 120px; } #issueReturnDetailView form .form-item-part label { width: 80px; } #issueReturnDetailView form .form-item-part input{ width: 120px; } #issueReturnDetailView form .form-item-store label { width: 80px; } #issueReturnDetailView form .form-item-store input{ width: 120px; } #issueReturnDetailView form .form-item-cust label { width: 80px; } #issueReturnDetailView form .form-item-cust input{ width: 120px; } #issueReturnDetailView form .form-item-wo label { width: 80px; } #issueReturnDetailView form .form-item-wo input{ width: 120px; } #issueReturnDetailView form .form-item-asset label { width: 80px; } #issueReturnDetailView form .form-item-asset input{ width: 120px; } #issueReturnDetailView form .form-item-item-number label {width: 100px;margin-left: -18px;} #issueReturnDetailView form .form-item-item-number input{ width: 120px; } #issueReturnDetailView form .form-item-owner label { width: 70px; } #issueReturnDetailView form .form-item-owner input{ width: 111px; } #issueReturnDetailView form .form-item-ownertype label { width: 80px; } #issueReturnDetailView form .form-item-ownertype select { width: 130px; } #issueReturnDetailView form .form-item-mfg label { width: 70px; } #issueReturnDetailView form .form-item-mfg input{ width: 120px; } #issueReturnDetailView form .form-item-mfg-date label { width: 60px; } #issueReturnDetailView form .form-item-mfg-date input{ width: 150px; } #issueReturnDetailView form .form-item-mfg-date input.disabled{pointer-events:none;} #issueReturnDetailView form .form-item-lot label { width: 70px; } #issueReturnDetailView form .form-item-lot input{ width: 120px; } #issueReturnDetailView form .form-item-exp-date label { width: 60px; } #issueReturnDetailView form .form-item-exp-date input{ width: 150px; } #issueReturnDetailView form .form-item-unkown-mfg-date label { width: 130px; padding-right: 1px; } #issueReturnDetailView form .form-item-unkown-mfg-date input[type="checkbox"] { float:left;width: 20px; border: 1px solid #aeb2b8; padding: 0 0 0 0;opacity:100%;} #issueReturnDetailView form .form-item .customCheckbox { display: inline-block; float: left; margin: 0px 0; width: 16px; height: 16px; background: transparent url('../images/MI/MI_Checkboxes_16x16.png') no-repeat 0px 0px; } #issueReturnDetailView form .form-item .customCheckbox { width: 16px; background-position: 0px -64px; margin-left: 90px; } #issueReturnDetailView form .form-item .customCheckbox.checked { background-position: 0px -80px; } #issueReturnDetailView form .form-item .customCheckbox img { width: 100%; height: auto;} /** Purchase Receipts **/ #purchase-receipt .task-list { } #purchase-receipt .task-list .task-item { background-color: #e4e9ec; background-image: url('../images/MI/issue-grey-task-bg.png'); } #purchase-receipt .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/issue-red-task-bg.png'); } #purchase-receipt .task-list .queuePending, #purchase-receipt .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/issue-yellow-task-bg.png'); } #purchase-receipt .task-list .task-item a.right-arrow { height: 224px; } #purchase-receipt .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/purchase-receipt-removal-yellow-task-bg.png'); } #purchase-receipt .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/issue-blue-task-bg.png'); } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-trx { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-line { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-vendor {float: right; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-loc {float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-qty{ float: right; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cond{ float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-serial { float: right; padding-left : 22px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert-date { float: right; } .task-list .task-item .task-item-wrap .lot_dtl_status div, .task-list .task-item .task-item-wrap .lot_dtl_status span { display: block; float: left; background: transparent url('../images/MI/lot-details-icon.png') no-repeat 0px 0px; margin: 0 0 0 10px; overflow: hidden; } .task-list .task-item .task-item-wrap .lot_dtl_status .indic { width: 16px; height: 16px; } .task-list .task-item .task-item-wrap .lot_dtl_status .indic_red { background-position: 0px 0px; } .task-list .task-item .task-item-wrap .lot_dtl_status .indic_green { background-position: 0px -16px; } .task-list .task-item .task-item-wrap .lot_dtl_status .indic_N { display:none; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-po { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-po input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-serial { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-serial input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg-date { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg-date input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-exp-date { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-exp-date input { margin-top: 1px; margin-left: 58px; width: 221px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-grn { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-to { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-to-loc {float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-failure { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item label.qty-label { width: 80px; } #purchase-receipt .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #purchase-receipt .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-trx input { width: 153px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-grn input { width: 133px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-loc input { width: 130px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-to input {margin-top: 1px; width: 153px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-line input { width: 50px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-qty input { margin-top: 1px; width: 50px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cond input { width: 130px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert input { width: 113px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert-date input { width: 153px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert-date label { width: 80px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-cert-date input { width: 100px; margin-right:35px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot-indic {float:left;} #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot-indic label { width: 200px; } #purchase-receipt .task-list .task-item .task-item-wrap form .lot_dtl_status{float:left;left: -50%} #purchase-receipt .task-list .task-item .task-item-wrap form .lot_status{float: left;right: 50%;} /****/ #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-serial label { width: 50px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-serial input { width: 120px; margin-right:15px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-vendor label { width: 100px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-vendor input { width: 160px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot { float: left; padding-left: 13px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-lot input { width: 153px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg-date { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg-date input { width: 140px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-mfg-date label { width: 49px; padding-left: 1px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-exp-date { float: left; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-exp-date input { width: 140px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-exp-date label { width: 49px; padding-left: 1px; } /** Purchase Receipt detail **/ #purchaseReceiptDetailView form .buttonWrap a.save-button { top: 0px; } #purchaseReceiptDetailView form .form-item-item-number label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-number input{ width: 120px; } #purchaseReceiptDetailView form .form-item-item-description label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-description input{ width: 350px; } #purchaseReceiptDetailView form .form-item-po-trx label { width: 80px; } #purchaseReceiptDetailView form .form-item-po-trx input{ width: 120px; } #purchaseReceiptDetailView form .form-item-po-line label { width: 40px; } #purchaseReceiptDetailView form .form-item-po-line input{ width: 120px; } #purchaseReceiptDetailView form .form-item-serial label { width: 80px; } #purchaseReceiptDetailView form .form-item-serial input{ width: 120px; } #purchaseReceiptDetailView form .form-item-part label { width: 80px; } #purchaseReceiptDetailView form .form-item-part input{ width: 120px; } #purchaseReceiptDetailView form .form-item-store label { width: 80px; } #purchaseReceiptDetailView form .form-item-store input{ width: 120px; } /*#purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-po { width: 305px; } #purchase-receipt .task-list .task-item .task-item-wrap form .form-item-item-po input { margin-top: 1px; margin-left: 58px; width: 221px; } */ #purchaseReceiptDetailView form .form-item-item-po label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-po input{ width: 120px; } #purchaseReceiptDetailView form .form-item-item-line label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-line input{ width: 120px; } #purchaseReceiptDetailView form .form-item-item-number {float:left;} #purchaseReceiptDetailView form .form-item-item-number label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-number input{ width: 120px; } #purchaseReceiptDetailView form .form-item-item-serial label { width: 80px; } #purchaseReceiptDetailView form .form-item-item-serial input{ width: 120px; } #purchaseReceiptDetailView form .form-item-mfg{float: left;} #purchaseReceiptDetailView form .form-item-mfg .lookup{float: right;margin-left: 1px;} #purchaseReceiptDetailView form .form-item-mfg label { width: 60px; } #purchaseReceiptDetailView form .form-item-mfg input{ width: 120px; } #purchaseReceiptDetailView form .form-item-mfg-date label { width: 60px; } #purchaseReceiptDetailView form .form-item-mfg-date input{ width: 120px; } #purchaseReceiptDetailView form .form-item-mfg-date input.disabled{pointer-events:none;} #purchaseReceiptDetailView form .form-item-lot{float:left;} #purchaseReceiptDetailView form .form-item-lot .lookup{float: right;margin-left: 1px;} #purchaseReceiptDetailView form .form-item-lot label { width: 60px; } #purchaseReceiptDetailView form .form-item-lot input{ width: 120px; } #purchaseReceiptDetailView form .form-item-exp-date label { width: 85px; } #purchaseReceiptDetailView form .form-item-exp-date input{ width: 120px; } #purchaseReceiptDetailView form .form-item-unkown-mfg-date label {width: 120px;padding-right: 1px;} #purchaseReceiptDetailView form .form-item-unkown-mfg-date input[type="checkbox"] { float:left;width: 40px; height: 20px;border: 1px solid #aeb2b8; padding: 0 0 0 0;opacity:100%;} #purchaseReceiptDetailView form .form-item .customCheckbox { display: inline-block; float: left; margin: 0px 0; width: 16px; height: 16px; background: transparent url('../images/MI/MI_Checkboxes_16x16.png') no-repeat 0px 0px; } #purchaseReceiptDetailView form .form-item .customCheckbox {width: 16px;background-position: 0px -64px; margin-left: 90px;} #purchaseReceiptDetailView form .form-item .customCheckbox.checked { background-position: 0px -80px; } #purchaseReceiptDetailView form .form-item .customCheckbox img { width: 100%; height: auto;} /*****************************/ /** Issue return - Item status **/ #itemStatusLegend { padding: 100px 0 0 0; } #itemStatusLegend .popup-inner { margin: 0 79px; width: 322px; } #itemStatusLegend .popup-inner .status-wrap { background-color: #e4e7ea; padding: 10px; } #itemStatusLegend .popup-inner .status-wrap .item-status { display: block; height: 34px; line-height: 34px; font-weight: bold; text-decoration: none; margin: 0 0 9px 0; padding: 0 11px; border: 2px solid #7b8187; background-color: #f5f6f8; font-size: 16px; color: #000000; } #itemStatusLegend .popup-inner .status-wrap .item-status span.icon { display: block; float: right; width: 22px; height: 22px; background: transparent url('../images/MI/task-status-icons.png') no-repeat 0px 0px; margin: 7px 0 0 0; } #itemStatusLegend .popup-inner .status-wrap .status-0 span.icon { background-position: 0px 0px; } #itemStatusLegend .popup-inner .status-wrap .status-9 span.icon { background-position: 0px -22px; } #itemStatusLegend .popup-inner .status-wrap .status-J span.icon { background-position: 0px -44px; } #itemStatusLegend .popup-inner .status-wrap .status-1 span.icon { background-position: 0px -66px; } #itemStatusLegend .popup-inner .status-wrap .status-8 span.icon { background-position: 0px -88px; } #itemStatusLegend .popup-inner .status-wrap a.executeBack { width: 100px; margin: 0 auto; } /** Transfers **/ #transfers .header-area { } #transfers .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #transfers .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #transfers .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #transfers .task-list .queuePending, #transfers .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #transfers .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #transfers .task-list .task-item a.right-arrow { height: 140px; } #transfers .task-list .task-item .task-item-wrap form .form-item input { width: 130px; } #transfers .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #transfers .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #transfers .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #transfers .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #transfers .task-list .task-item .task-item-wrap form .form-item-grn, #transfers .task-list .task-item .task-item-wrap form .form-item-serial, #transfers .task-list .task-item .task-item-wrap form .form-item-loc, #transfers .task-list .task-item .task-item-wrap form .form-item-to-store, #transfers .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #transfers .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #transfers .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #transfers .task-list .task-item .task-item-wrap form .form-item-grn input, #transfers .task-list .task-item .task-item-wrap form .form-item-loc input { width: 137px; } #transfers .task-list .task-item .task-item-wrap form .form-item-to-store label { width: 70px; } #transfers .task-list .task-item .task-item-wrap form .form-item-to-store input { width: 132px; } #transfers .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** Transfers detail view **/ #transfersDetailView { } #transfersDetailView form { } #transfersDetailView form .form-item { float: left; } #transfersDetailView form .form-item.form-item-serial.isSerializedItem-false { pointer-events: none; } #transfersDetailView form .form-item.form-item-grn.isGrnItem-false { pointer-events: none; } #transfersDetailView form .form-item-priority input { width: 35px; } #transfersDetailView form .form-item-priority label, #transfersDetailView form .form-item-requestor label, #transfersDetailView form .form-item-deliver-to label { width: 74px; } #transfersDetailView form .form-item-rcv-store label { width: 132px; } #transfersDetailView form .form-item-rcv-store input { width: 135px; } #transfersDetailView form .form-item-requestor input { width: 75px; } #transfersDetailView form .form-item-deliver-to input { width: 114px; } #transfersDetailView form .form-item-due-date label { width: 30px; margin-left: 44px;} #transfersDetailView form .form-item-due-date input { width: 120px; padding: 0 0 0 3px; } #transfersDetailView form .form-item-due-time input { width: 75px; padding: 0 0 0 3px; } #transfersDetailView form .form-item-demand label { width: 74px; } #transfersDetailView form .form-item-demand select { width: 138px; } #transfersDetailView form .form-item-item-number label { width: 92px; } #transfersDetailView form .form-item-item-description label { width: 92px; } #transfersDetailView form .form-item-item-number input { width: 318px; } #transfersDetailView form .form-item-item-description input { width: 342px; } #transfersDetailView form .form-item-tq label { width: 92px; } #transfersDetailView form .form-item-tq input { width: 210px; } #transfersDetailView form .form-item-line-number label { width: 30px; } #transfersDetailView form .form-item-line-number input { width: 70px; } #transfersDetailView form .form-item-grn input { width: 134px; } #transfersDetailView form .form-item-serial input, #transfersDetailView form .form-item-loc input { width: 130px; } #transfersDetailView form .form-item-serial label, #transfersDetailView form .form-item-qty label { width: 66px; } #transfersDetailView form .form-item-qty input { width: 50px; } /** Transfer reciepts **/ #transfer-receipts .header-area { } /* #transfer-receipts .header-area a.commit-selected span.inner { background-image: url('../images/MI/issue-selected-header-left-arrow-button.png'); } */ #transfer-receipts .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #transfer-receipts .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #transfer-receipts .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #transfer-receipts .task-list .queuePending, #transfer-receipts .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #transfer-receipts .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #transfer-receipts .task-list .task-item a.right-arrow { height: 140px; } #transfer-receipts .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #transfer-receipts .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-grn, #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-serial, #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-loc, #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-from-store, #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-serial input { width: 161px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-from-store label { width: 90px; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-from-store input { width: 96px; text-transform: uppercase; } #transfer-receipts .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** Transfer receipts scan **/ /* #transfer-receipts.scan-workspace .header-area span.placeholder-2 { left: 58px; } #transfer-receipts.scan-workspace .header-area span.placeholder-2 span.inner { width: 55px; } */ /** Transfer receipts detail **/ #transferReceiptsDetailView form .form-item-transfer-receipt label { width: 92px; } #transferReceiptsDetailView form .form-item-transfer-receipt input, #transferReceiptsDetailView form .form-item-transfer label { width: 82px; } #transferReceiptsDetailView form .form-item-transfer input { width: 186px; } #transferReceiptsDetailView form .form-item-line label { width: 40px; } #transferReceiptsDetailView form .form-item-line input { width: 40px; } #transferReceiptsDetailView form .form-item-to-store label { width: 82px; } #transferReceiptsDetailView form .form-item-to-store input, #transferReceiptsDetailView form .form-item-from-store label { width: 135px; } #transferReceiptsDetailView form .form-item-from-store input { width: 70px; } #transferReceiptsDetailView form .form-item-expDate label { width: 105px; } #transferReceiptsDetailView form .form-item-expDate input { width: 329px; } #transferReceiptsDetailView form .form-item-item-number label { width: 92px; } #transferReceiptsDetailView form .form-item-item-number input { width: 310px; } #transferReceiptsDetailView form .form-item-item-description label { width: 92px; } #transferReceiptsDetailView form .form-item-item-description input { width: 342px; } #transferReceiptsDetailView form .buttonWrap a.save-button { top: 0px; } /** Picking **/ #picking .header-area { } /* #picking .header-area a.commit-selected span.inner { background-image: url('../images/MI/issue-selected-header-left-arrow-button.png'); } */ #picking .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #picking .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #picking .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #picking .task-list .queuePending, #picking .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #picking .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #picking .task-list .task-item a.right-arrow { height: 140px; } #picking .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #picking .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #picking .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #picking .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #picking .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #picking .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #picking .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #picking .task-list .task-item .task-item-wrap form .form-item-grn, #picking .task-list .task-item .task-item-wrap form .form-item-serial, #picking .task-list .task-item .task-item-wrap form .form-item-to-loc, #picking .task-list .task-item .task-item-wrap form .form-item-loc, #picking .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #picking .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #picking .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #picking .task-list .task-item .task-item-wrap form .form-item-serial input { width: 138px; } #picking .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** To Deliver **/ #picking .to-deliver .task-item .task-item-wrap form .form-item-grn input { width: 152px; } #picking .to-deliver .task-item .task-item-wrap form .form-item-to-loc label { width: 270px; } #picking .to-deliver .task-item .task-item-wrap form .form-item-to-loc input { width: 129px; } /** To Pick **/ #picking .to-pick .task-item .task-item-wrap form .form-item-serial input { width: 110px; } /** Picking Scan **/ /* #picking.scan-workspace .header-area span.placeholder-2 { left: 58px; } #picking.scan-workspace .header-area span.placeholder-2 span.inner { width: 55px; } */ /** Picking Additional Details **/ #pickingDetailView form .form-item-item-number label { width: 87px; } #pickingDetailView form .form-item-item-number input {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #pickingDetailView form .form-item-priority label { width: 50px; } #pickingDetailView form .form-item-priority input { width: 30px; } #pickingDetailView form .form-item-item-description label { width: 87px; } #pickingDetailView form .form-item-item-description input { width: 318px; } #pickingDetailView form .form-item-trx label, #pickingDetailView form .form-item-grn label, #pickingDetailView form .form-item-loc label { width: 87px; } #pickingDetailView form .form-item-trx input, #pickingDetailView form .form-item-grn input, #pickingDetailView form .form-item-loc input { width: 204px; } #pickingDetailView form .form-item-line label, #pickingDetailView form .form-item-serial label, #pickingDetailView form .form-item-qty label { width: 44px; } #pickingDetailView form .form-item-line input, #pickingDetailView form .form-item-serial input, #pickingDetailView form .form-item-qty input { width: 89px; } /** Stocking **/ #stocking .header-area { } #stocking .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #stocking .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stocking .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #stocking .task-list .queuePending, #stocking .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #stocking .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stocking .task-list .task-item a.right-arrow { height: 140px; } #stocking .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #stocking .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #stocking .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #stocking .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #stocking .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #stocking .task-list .task-item .task-item-wrap form .form-item-serial input { width: 129px; } #stocking .task-list .task-item .task-item-wrap form .form-item-grn, #stocking .task-list .task-item .task-item-wrap form .form-item-to-loc, #stocking .task-list .task-item .task-item-wrap form .form-item-loc, #stocking .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #stocking .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** To Pick **/ #stocking .to-pick .task-item .task-item-wrap form .form-item-serial input { width: 138px; } #stocking .to-pick .task-item .task-item-wrap form .form-item-loc input { width: 375px; } /** To Deliver **/ #stocking .to-deliver .task-item .task-item-wrap form .form-item-serial input { width: 161px; } #stocking .to-deliver .task-item .task-item-wrap form .form-item-to-loc label { width: 263px; } #stocking .to-deliver .task-item .task-item-wrap form .form-item-to-loc input { width: 137px; } /** Stocking Scan **/ /* #stocking.scan-workspace .header-area span.placeholder-2 { left: 58px; } #stocking.scan-workspace .header-area span.placeholder-2 span.inner { width: 55px; } */ /** Stocking Additional Details **/ #stockingDetailView form .form-item-item-number label, #stockingDetailView form .form-item-item-description label, #stockingDetailView form .form-item-trx label, #stockingDetailView form .form-item-grn label, #stockingDetailView form .form-item-loc label, #stockingDetailView form .form-item-to-loc label { width: 87px; } #stockingDetailView form .form-item-item-number input, #stockingDetailView form .form-item-item-description input { width: 318px; } #stockingDetailView form .form-item-trx input { width: 154px; } #stockingDetailView form .form-item-line label { width: 40px; } #stockingDetailView form .form-item-line input { width: 70px; } #stockingDetailView form .form-item-grn input, #stockingDetailView form .form-item-loc input, #stockingDetailView form .form-item-to-loc input { width: 150px; } #stockingDetailView form .form-item-serial label, #stockingDetailView form .form-item-qty label { width: 44px; } #stockingDetailView form .form-item-serial input, #stockingDetailView form .form-item-qty input { width: 134px; } #stockingDetailView form .form-item-expDate label { width: 105px; } #stockingDetailView form .form-item-expDate input { width: 329px; } /** Location change **/ /* #mobileInventoryLocationChangeWorkspace[activeTab="pick"] .header-area span.placeholder { left: 242px; } #mobileInventoryLocationChangeWorkspace[activeTab="pick"] .header-area span.placeholder span.inner { width: 50px; } #mobileInventoryLocationChangeWorkspace[activeTab="pick"] .header-area a.filter-button, #mobileInventoryLocationChangeWorkspace[activeTab="deliver"] .header-area a.new-record { display: none; } */ #location-change .header-area { } #location-change .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #location-change .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #location-change .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #location-change .task-list .queuePending, #location-change .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #location-change .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #location-change .task-list .task-item a.right-arrow { height: 140px; } #location-change .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #location-change .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #location-change .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #location-change .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #location-change .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #location-change .task-list .task-item .task-item-wrap form .form-item-grn, #location-change .task-list .task-item .task-item-wrap form .form-item-serial, #location-change .task-list .task-item .task-item-wrap form .form-item-from-loc, #location-change .task-list .task-item .task-item-wrap form .form-item-to-loc, #location-change .task-list .task-item .task-item-wrap form .form-item-loc, #location-change .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #location-change .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #location-change .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #location-change .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** To Deliver **/ #location-change .to-deliver .task-item .task-item-wrap form .form-item-from-loc label { width: 74px; } #location-change .to-deliver .task-item .task-item-wrap form .form-item-from-loc input { width: 128px; } #location-change .to-deliver .task-item .task-item-wrap form .form-item-to-loc label { width: 49px; } #location-change .to-deliver .task-item .task-item-wrap form .form-item-to-loc input { width: 136px; } /** To Pick **/ #location-change .to-pick .task-item .task-item-wrap form .form-item-serial input { width: 110px; } /** Location change detail view **/ #locationChangeDetailView form .form-item-picked-line-status label { width: 130px; } #locationChangeDetailView form .form-item-picked-line-status a { display: inline-block; width: 22px; height: 22px; background: transparent url('../images/MI/task-status-icons.png') no-repeat 0px 0px; margin: 2px 0 0 0; overflow: hidden; } #locationChangeDetailView form .form-item-picked-line-status .operational-0 { } #locationChangeDetailView form .form-item-picked-line-status .operational-9 { background-position: 0px -22px; } #locationChangeDetailView form .form-item-picked-line-status .operational-J { background-position: 0px -44px; } #locationChangeDetailView form .form-item-picked-line-status .operational-1 { background-position: 0px -66px; } #locationChangeDetailView form .form-item-picked-line-status .operational-8 { background-position: 0px -88px; } #locationChangeDetailView form .form-item-picked-line-status .operational- { display: none; } #locationChangeDetailView form .buttonWrap a.save-button { top: 0px; } /** Location Change Additional Details **/ #locationChangeDetailView form .form-item { float: left; } #locationChangeDetailView form .form-item-serial.isSerializedItem-false { pointer-events: none; } #locationChangeDetailView form .form-item-grn.isGrnItem-false { pointer-events: none; } #locationChangeDetailView form .form-item-grn label, #locationChangeDetailView form .form-item-loc label { width: 49px; } #locationChangeDetailView form .form-item-serial label, #locationChangeDetailView form .form-item-qty label { width: 44px; } #locationChangeDetailView form .form-item-item-number label, #locationChangeDetailView form .form-item-item-description label, #locationChangeDetailView form .form-item-trx label, #locationChangeDetailView form .form-item-from-loc label, #locationChangeDetailView form .form-item-to-loc label, #locationChangeDetailView form .form-item-delivery-grn label, #locationChangeDetailView form .form-item-delivery-qty label { width: 87px; } #locationChangeDetailView form .form-item-item-number input { width: 318px; } #locationChangeDetailView form .form-item-item-description input { width: 342px; } #locationChangeDetailView form .form-item-trx input { width: 318px; } #locationChangeDetailView form .form-item-grn input, #locationChangeDetailView form .form-item-loc input { width: 153px; } #locationChangeDetailView form .form-item-delivery-grn input { width: 128px; } #locationChangeDetailView form .form-item-serial input { width: 130px; } #locationChangeDetailView form .form-item-qty input { width: 50px; } #locationChangeDetailView form .form-item-from-loc input, #locationChangeDetailView form .form-item-to-loc input { width: 343px; } #locationChangeDetailView form .form-item-qty label.qty-label { width: 70px; color: #000000; text-align: left; padding-right: 0; } /** Settings page **/ #settings-page { } #settings-page ul.page-nav { width: 480px; } #settings-page ul.page-nav li { border: 1px solid #000000; border-top: none; list-style-type: none; background: #42464b url('../images/MI/workspace-nav-bg.png') repeat-x 0px 0px; } #settings-page ul.page-nav li .inner-wrap { } #settings-page ul.page-nav li .inner-wrap a { display: block; height: 55px; line-height: 53px; font-size: 22px; padding: 7px 0 7px 23px; font-weight: bold; color: #e8edf1; text-decoration: none; background: transparent url('../images/MI/nav-arrow-right.png') no-repeat 441px 50%; position: relative; border: 1px solid #b5bbc0; border-right-color: #282c30; border-bottom-color: #282c30; } #settings-page ul.page-nav li .inner-wrap a#clock-on-off { background-image: none; } #settings-page ul.page-nav li .inner-wrap form { padding: 0; } #settings-page ul.page-nav li .inner-wrap form span.clock-on { display: block; float: right; width: 125px; height: 53px; background-color: #ffffff; border: 1px solid #282c30; text-decoration: none; padding: 0; margin: 0 51px 0 0; } #settings-page ul.page-nav li .inner-wrap form span.clock-on span.clock-on-image { display: block; float: right; width: 55px; height: 55px; background: url('../images/MI/clocked-on-off.png') no-repeat 0px -55px; margin: -1px -1px 0 0; } #settings-page ul.page-nav li .inner-wrap form span.clock-on span.clock-on-label, #settings-page ul.page-nav li .inner-wrap form span.clock-on span.clock-on-timer { margin: 0 54px 0 0; display: block; height: 27px; line-height: 27px; text-align: center; color: #000000; font-size: 17px; font-weight: normal; } #settings-page ul.page-nav li .inner-wrap form span.clock-on span.clock-on-label { border-bottom: 1px solid #565c61; } #settings-page ul.page-nav li .inner-wrap form span.clocked-ON span.clock-on-image { float: left; background-position: 0px 0px; margin: -1px 0 0 -1px; } #settings-page ul.page-nav li .inner-wrap form span.clocked-ON span.clock-on-label, #settings-page ul.page-nav li .inner-wrap form span.clocked-ON span.clock-on-timer { margin: 0 0 0 54px; } #settings-page ul.page-nav li .inner-wrap img.device-checkout { float: right; margin: 0 51px 0 0; } /** Task Dashboard page **/ #task-dashboard { background-color: #f5f6f8; } #task-dashboard .top, #task-dashboard .progress-wrap { padding: 4px; border: 1px solid #5d6268; } #task-dashboard .progress-wrap { padding: 6px 5px 4px 5px; } #task-dashboard .top a.view-selection { display: block; float: left; width: 49px; height: 48px; border: 1px solid #5d6268; background: transparent url('../images/MI/percent-number-bg.png') no-repeat 0px 0px; } #task-dashboard .top a.number { background-position: -49px 0px; } #task-dashboard .top a.percent.selected { background-position: 0px -48px; } #task-dashboard .top a.number.selected { background-position: -49px -48px; } #task-dashboard .top .legend { padding: 3px 0 2px 0; margin: 0 0 0 107px; font-size: 14px; color: #00337f; } #task-dashboard .top .legend .legend-item { float: left; width: 160px; } #task-dashboard .top .legend .picked, #task-dashboard .top .legend .pending, #task-dashboard .top .legend .failed { margin-top: 8px; } #task-dashboard .top .legend .pending, #task-dashboard .top .legend .failed { width: 90px; } #task-dashboard .top .legend .legend-item span.color { display: block; float: left; width: 16px; height: 16px; border: 1px solid #0a1947; margin: 0 5px 0 0; } #task-dashboard .top .legend .awaiting-action span.color { background-color: #ffffff; } #task-dashboard .top .legend .delivered span.color { background-color: #00337f; } #task-dashboard .top .legend .picked span.color { background-color: #5b96dc; } #task-dashboard .top .legend .pending span.color, #task-dashboard .top .legend .failed span.color { width: 17px; height: 17px; border: none; background: transparent url('../images/MI/pending-failed-icons.png') no-repeat 0px 0px; } #task-dashboard .top .legend .failed span.color { background-position: 0px -17px; } #task-dashboard .progress-wrap .left { float: left; width: 70px; } #task-dashboard .progress-wrap .left .icon { width: 70px; height: 27px; background: transparent url('../images/MI/workspace-label-icons.png') no-repeat 50% 0px; } #task-dashboard .progress-wrap .left .pending, #task-dashboard .progress-wrap .left .failed { float: left; width: 35px; margin: 7px 0 0 0; } #task-dashboard .progress-wrap .left .pending span.icon, #task-dashboard .progress-wrap .left .failed span.icon { display: block; float: left; width: 17px; height: 17px; background: transparent url('../images/MI/pending-failed-icons.png') no-repeat 0px 0px; margin: 0 2px 0 0; } #task-dashboard .progress-wrap .left .failed span.icon { background-position: 0px -17px; } #task-dashboard .progress-wrap .left .pending span.number { display: block; height: 17px; line-height: 17px; font-size: 14px; } #task-dashboard .ir-progress .left .icon { background-position: 50% -27px; } #task-dashboard .tx-progress .left .icon { background-position: 50% -54px; } #task-dashboard .tr-progress .left .icon { background-position: 50% -81px; } #task-dashboard .pk-progress .left .icon { background-position: 50% -108px; } #task-dashboard .sk-progress .left .icon { background-position: 50% -135px; } #task-dashboard .lc-progress .left .icon { background-position: 50% -162px; } #task-dashboard .pkg-progress .left .icon { background-position: 50% -189px; } #task-dashboard .rt-progress .left .icon { background-position: 50% -216px; } #task-dashboard .progress-wrap .progress { width: 390px; height: 31px; background-color: #00337f; margin: 0 0 0 72px; position: relative; } #task-dashboard .progress-wrap .progressNoTasks { background-color: #aaaaaa; } #task-dashboard .progress-wrap .progress span.percent { display: block; float: left; height: 31px; border-right: 3px solid #0a1947; } #task-dashboard .progress-wrap .progress span.awaiting-action { background-color: #ffffff; } #task-dashboard .progress-wrap .progress span.picked { background-color: #5b96dc; } #task-dashboard .progress-wrap .progress span.overlay { width: 390px; height: 31px; background: transparent url('../images/MI/progress-overlay-bg.png') no-repeat 0px 0px; position: absolute; top: 0px; left: 0px; } #task-dashboard .progress-wrap ul { width: 390px; margin: 4px 0 0 72px; text-align: center; } #task-dashboard .progress-wrap ul li { display: inline-block; height: 17px; line-height: 17px; font-size: 14px; color: #00337f; } #task-dashboard .progress-wrap ul li span.color { display: block; float: left; width: 16px; height: 16px; border: 1px solid #0a1947; } #task-dashboard .progress-wrap ul li.awaiting-action span.color { background-color: #ffffff; } #task-dashboard .progress-wrap ul li.picked span.color { background-color: #5b96dc; } #task-dashboard .progress-wrap ul li.delivered span.color { background-color: #00337f; } #task-dashboard .progress-wrap ul li span.toggle-view { display: block; width: 65px; margin: 0 0 0 22px; text-align: left; } /** Transaction status page **/ #transaction-status { } #transaction-status ul.tab-navigation { } #transaction-status ul.tab-navigation li a span { display: inline-block; } #transaction-status ul.tab-navigation li a span.badge { display: none; float: right; width: 28px; height: 27px; margin: 4px 0 0 4px; background: transparent url('../images/MI/transaction-status-status-icon.png') no-repeat 0px 0px; } #transaction-status ul.tab-navigation li.pending a span.badge { background-position: 0px -27px; } #transaction-status ul.tab-navigation li.show-badge a span.badge { display: inline-block; } #transaction-status #transactionStatusViewContainer { width: 480px; } #transaction-status #transactionStatusViewContainer .status-item { padding: 2px 2px 2px 7px; background: #e6eaed url('../images/MI/transaction-status-item-bg.png') repeat-x 0px 0px; border: 1px solid #5d6268; } #transaction-status #transactionStatusViewContainer .status-item a.commit, #transaction-status #transactionStatusViewContainer .status-item a.print-button { display: block; float: right; width: 53px; height: 53px; background: transparent url('../images/MI/commit-button.png') no-repeat 0px 0px; } #transaction-status #transactionStatusViewContainer .status-item a.print-button { background-position: 0px -318px; } #transaction-status #transactionStatusViewContainer .queuePending a.commit { background-position: 0px -212px; } #transaction-status #transactionStatusViewContainer .queueProcessing a.commit { background-position: 0px -265px; } #transaction-status #transactionStatusViewContainer .status-item .workspace-label { float: left; width: 32px; padding: 0 7px 0 0; font-size: 18px; font-weight: bold; color: #033582; text-align: center; } #transaction-status #transactionStatusViewContainer .status-item .workspace-label .status-icon { display: none; width: 28px; height: 27px; padding: 0 0 0 2px; background: transparent url('../images/MI/transaction-status-status-icon.png') no-repeat 0px 0px; } #transaction-status #transactionStatusViewContainer .queueError .workspace-label .status-icon { display: block; } #transaction-status #transactionStatusViewContainer .status-item .status-details { font-size: 16px; color: #000000; } #transaction-status #transactionStatusViewContainer .status-item .status-details .status-item-number { float: left; width: 295px; line-height: 23px; overflow: hidden; } #transaction-status #transactionStatusViewContainer.success .status-item .status-details .status-item-number { width: 223px; } #transaction-status #transactionStatusViewContainer .status-item .status-details .status-commit-time { float: left; width: 75px; line-height: 23px; overflow: hidden; text-align: right; } #transaction-status #transactionStatusViewContainer .status-item .status-details .trx-no, #transaction-status #transactionStatusViewContainer .status-item .status-details .serial { float: left; width: 234px; } #transaction-status #transactionStatusViewContainer .status-item .status-messages { font-size: 16px; font-weight: bold; padding-top: 4px; margin-top: 4px; border-top: 1px dotted #aaaaaa; } #transaction-status #transactionStatusViewContainer .queuePending .status-messages, #transaction-status #transactionStatusViewContainer .queueProcessing .status-messages { padding-top: 0; margin-top: 0; border-top: none; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count { float: right; margin: 0 6px 0 0; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count .input-wrap { float: right; border: 1px solid #000000; margin: 13px 0 0 0; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count .input-wrap input { width: 35px; height: 24px; line-height: 24px; text-align: right; font-size: 18px; border-width: 1px; border-style: solid; border-color: #c9d1d8 #7d8389 #7d8389 #c9d1d8; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count a { display: block; width: 25px; height: 25px; background: transparent url('../images/MI/plus-minus-buttons.png') no-repeat 0px 0px; margin: 0 43px 0 0; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count a.plus { margin-bottom: 3px; } #transaction-status #transactionStatusViewContainer .status-item .form-item-print-count a.minus { background-position: 0px -25px; } /** Filter page **/ #filterPage { } #filterPage .group .form-item { } #filterPage .group .form-item label { width: 155px; line-height: 35px; float: left; font-weight: bold; text-align: left; font-size: 18px; margin-left: 30px; } #filterPage .group .form-item input { width: 144px; height: 27px; line-height: 27px; text-align: right; padding: 3px; background: #ffffff; border: 1px solid #6f6f6f; float: right; margin-bottom: 8px; } #filterPage .group .form-item-store input, #filterPage .group .form-item-providing-store input { text-transform: uppercase; } #filterPage .group .form-item a.lookup { margin-right: 30px; } #filterPage .group .form-item a.lookup span.inner { padding-left: 6px; } #filterPage .group .form-item a.lookup span.inner span.right-arrow { width: 14px; height: 21px; background-position: 0px -12px; } #filterPage a.save { width: 110px; margin: 18px auto 0 auto; } /** Printer settings page **/ #printerSettings { text-align: center; } #printerSettings .group a.selectable { display: inline-block; width: 150px; padding: 8px 0; color: #f5f6f8; background-color: #2554a3; border: 2px solid #00337f; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; margin: 11px 27px 0 27px; } #printerSettings .group a.selectable span { font-size: 11px; line-height: 15px; display: block; margin: 4px 0 0 0; } #printerSettings .group a.selected { border-color: #2e5cac; background-color: #74a9ef; } #printerSettings a.save { width: 110px; margin: 18px auto 0 auto; } /** Parameters page **/ #parametersPage { } #parametersPage .group .form-item { margin-bottom: 10px; } #parametersPage .group .form-item label { float: none; font-weight: bold; width: 175px; text-align: left; font-size: 18px; line-height: 35px; margin-left: 30px; } #parametersPage .group .form-item a.on-off-slider { display: block; float: right; width: 107px; height: 35px; margin-right: 30px; background: transparent url('../images/MI/on-off-slider.png') no-repeat 0px 0px; } #parametersPage .group .form-item a.slider-off { background-position: 0px -35px; } #parametersPage .group .form-item-queueWaitTime label { width: 200px; } #parametersPage .group .form-item-queueWaitTime select { width: 60px; height: 35px; padding: 5px; background: #ffffff; border: 1px solid #6f6f6f; float: right; margin-right: 5px; } #parametersPage .group .form-item-queueWaitTime select:focus, #parametersPage .group .form-item-queueWaitTime select:active { border: 1px solid #6f6f6f; } #parametersPage .group .form-item-queueWaitTime .description { float: right; width: 72px; height: 35px; line-height: 35px; font-size: 13px; font-weight: bold; color: #2d5bab; } #parametersPage .group .form-item-disabled select { background-color: #f5f6f8; color: #6f6f6f; } #parametersPage .group .form-item-disabled label, #parametersPage .group .form-item-disabled .description { color: #acacac; } #parametersPage a.save { margin: 18px auto 0 auto; width: 110px; } /** Device checkout **/ #deviceCheckoutView { padding: 170px 0 0 0; } #deviceCheckoutView .popup-inner { border: 2px solid #7b8187; background-color: #e4e7ea; margin: 0 18px; padding: 0 0 8px 0; } #deviceCheckoutView .popup-inner h2 { padding: 8px 0; background-color: #8e959b; color: #f5f6f8; border-bottom: 2px solid #545a5f; font-size: 20px; text-align: center; } #deviceCheckoutView .popup-inner form { } #deviceCheckoutView .popup-inner form .group { padding: 0; border-color: #7b8187; border-width: 2px; } #deviceCheckoutView .popup-inner form .form-item-device-id label { height: 42px; line-height: 42px; margin-bottom: 0; padding-left: 8px; font-size: 20px; color: #7b8187; font-weight: bold; width: auto; } #deviceCheckoutView .popup-inner form .form-item-device-id .input { font-size: 19px; color: #7b8187; line-height: 42px; text-align: right; padding-right: 8px; } #deviceCheckoutView .popup-inner form .form-item input { width: 410px; height: 42px; line-height: 42px; margin: 0; padding: 0 4px; border: none; color: #a9b2ba; font-size: 22px; } #deviceCheckoutView .popup-inner form .form-item-username input { border-bottom: 2px solid #a1a9af; } #deviceCheckoutView .popup-inner form .form-item-label-changed input { color: #333333; } #deviceCheckoutView .popup-inner form .button-wrap { text-align: center; } #deviceCheckoutView .popup-inner form .button-wrap a.button { color: #f5f6f8; display: inline-block; font-weight: bold; width: 110px; } #deviceCheckoutView .popup-inner form .button-wrap a.checkOutButton { width: 140px; margin-right: 8px; } /** Print duplicates **/ #lastPrintPage { } #lastPrintPage form { margin: 8px; padding: 4px 4px 10px 9px; border: 2px solid #545a5f; background-color: #e4e7ea; } #lastPrintPage form a.print-button { display: block; float: right; width: 53px; height: 53px; background: transparent url('../images/MI/commit-button.png') no-repeat 0px 0px; } #lastPrintPage form a.print-button { background-position: 0px -318px; } #lastPrintPage form .form-item-print-count { float: right; margin: 0 6px 0 0; } #lastPrintPage form .form-item-print-count .input-wrap { float: right; border: 1px solid #000000; margin: 13px 0 0 0; } #lastPrintPage form .form-item-print-count .input-wrap input { width: 35px; height: 24px; line-height: 24px; text-align: right; font-size: 18px; border-width: 1px; border-style: solid; border-color: #c9d1d8 #7d8389 #7d8389 #c9d1d8; } #lastPrintPage form .form-item-print-count a { display: block; width: 25px; height: 25px; background: transparent url('../images/MI/plus-minus-buttons.png') no-repeat 0px 0px; margin: 0 43px 0 0; } #lastPrintPage form .form-item-print-count a.plus { margin-bottom: 3px; } #lastPrintPage form .form-item-print-count a.minus { background-position: 0px -25px; } #lastPrintPage form .print-title { font-size: 17px; font-weight: bold; margin: 1px 0 6px 0; } #lastPrintPage form .form-item { } #lastPrintPage form .form-item-trx, #lastPrintPage form .form-item-line { display: inline-block; } #lastPrintPage form .form-item label { float: left; width: 52px; height: 25px; line-height: 25px; padding: 0 4px 0 0; color: #2d5bab; font-size: 15px; text-align: left; } #lastPrintPage form .form-item .input-wrap { display: inline-block; border: 1px solid #000000; } #lastPrintPage form .form-item input { width: 335px; height: 19px; padding: 1px; font-size: 17px; color: #000000; background-color: transparent; border: none; margin: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #lastPrintPage form .form-item-grn input { width: 250px; } #lastPrintPage form .form-item-barcode label { width: 62px; } #lastPrintPage form .form-item-trx label { width: 38px; } #lastPrintPage form .form-item-line label { width: 10px; color: #000000; text-align: center; } #lastPrintPage form .form-item-barcode input, #lastPrintPage form .form-item-trx input, #lastPrintPage form .form-item-line input { width: 243px; margin: 0; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #c9d1d8 #7d8389 #7d8389 #c9d1d8; } #lastPrintPage form .form-item-trx input { width: 213px; } #lastPrintPage form .form-item-line input { width: 30px; } /** View messages page **/ #messageScreen { padding: 100px 0 0 0; } #messageScreen .popup-inner { margin: 0 33px; } #messageScreen .popup-inner .message-wrap { padding: 6px 11px 11px 11px; font-weight: bold; } #messageScreen .popup-inner a.close-button { margin: 4px auto; width: 100px; } /** Session info page **/ #infoScreen { padding: 100px 0 0 0; } #infoScreen .popup-inner { margin: 0 33px; } #infoScreen .popup-inner .info-wrap { padding: 6px 11px 18px 11px; } #infoScreen .popup-inner .info-wrap h3 { color: #222d38; font-size: 18px; text-align: center; padding: 27px 0 3px 0; margin-bottom: 12px; border-bottom: 1px dotted #222d38; } #infoScreen .popup-inner .info-wrap h3.first { padding-top: 16px; } #infoScreen .popup-inner .info-wrap p { text-align: right; padding-bottom: 3px; } #infoScreen .popup-inner .info-wrap p em { display: inline-block; width: 259px; font-weight: bold; padding-left: 6px; text-transform: uppercase; text-align: left; } #infoScreen .popup-inner a.close-button { margin: 4px auto; width: 100px; } .dateFieldAsLabel { border: 0px; background-color: transparent; color: black; pointer-events: none; } .timeFieldAsLabel { border: 0px; background-color: transparent; color: black; pointer-events: none; } /** Spot Check **/ #spotCheck .header-area { } /* #spotCheck .header-area a.commit-selected span.inner { background-image: url('../images/MI/issue-selected-header-left-arrow-button.png'); } */ #spotCheck .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #spotCheck .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #spotCheck .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #spotCheck .task-list .queuePending, #spotCheck .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #spotCheck .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #spotCheck .task-list .task-item a.right-arrow {height: 190px;} #spotCheck .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #spotCheck .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item input { width: 153px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #spotCheck .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-grn, #spotCheck .task-list .task-item .task-item-wrap form .form-item-serial, #spotCheck .task-list .task-item .task-item-wrap form .form-item-to-loc, #spotCheck .task-list .task-item .task-item-wrap form .form-item-loc, #spotCheck .task-list .task-item .task-item-wrap form .form-item-cert, #spotCheck .task-list .task-item .task-item-wrap form .form-item-cert-date, #spotCheck .task-list .task-item .task-item-wrap form .form-item-cond, #spotCheck .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-serial.isSerializedItem-false { pointer-events: none; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-serial input { width: 110px; } #spotCheck .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } /** To Deliver **/ #spotCheck .to-item .task-item .task-item-wrap form .form-item-grn input { width: 152px; } #spotCheck .to-item .task-item .task-item-wrap form .form-item-to-loc label { width: 270px; } #spotCheck .to-item .task-item .task-item-wrap form .form-item-to-loc input { width: 129px; } /** To Pick **/ #spotCheck .to-grn .task-item .task-item-wrap form .form-item-serial input { width: 110px; } /** Spot Check Additional Details **/ #spotCheckDetailView { } #spotCheckDetailView form { } #spotCheckDetailView form .form-item { float: left; } #spotCheckDetailView form .form-item-item-number label { width: 87px; } #spotCheckDetailView form .form-item-item-number input { width: 200px; } #spotCheckDetailView form .form-item-priority label { width: 50px; } #spotCheckDetailView form .form-item-priority input { width: 30px; } #spotCheckDetailView form .form-item-item-description label { width: 87px; } #spotCheckDetailView form .form-item-item-description input { width: 318px; } #spotCheckDetailView form .form-item-trx label, #spotCheckDetailView form .form-item-grn label, #spotCheckDetailView form .form-item-loc label { width: 87px; } #spotCheckDetailView form .form-item-trx input, #spotCheckDetailView form .form-item-grn input, #spotCheckDetailView form .form-item-loc input {width: 86px;} #spotCheckDetailView form .form-item-line label, #spotCheckDetailView form .form-item-serial label, #spotCheckDetailView form .form-item-qty label { width: 44px; } #spotCheckDetailView form .form-item-line input, #spotCheckDetailView form .form-item-serial input, #spotCheckDetailView form .form-item-qty input {width: 42px;} /** Spot Check detail **/ #spotCheckDetailView form .buttonWrap a.save-button { top: 0px; } #spotCheckDetailView form .form-item-item-number label { width: 83px; } #spotCheckDetailView form .form-item-item-number input{width: 205px;} #spotCheckDetailView form .form-item-item-description label { width: 83px; } #spotCheckDetailView form .form-item-item-description input{ width: 300px; } #spotCheckDetailView form .form-item-issue-trx label { width: 80px; } #spotCheckDetailView form .form-item-issue-trx input{ width: 150px; } #spotCheckDetailView form .form-item-issue-line label { width: 40px; } #spotCheckDetailView form .form-item-issue-line input{ width: 120px; } #spotCheckDetailView form .form-item-serial label { width: 80px; } #spotCheckDetailView form .form-item-serial input{ width: 120px; } #spotCheckDetailView form .form-item-part label { width: 80px; } #spotCheckDetailView form .form-item-part input{ width: 120px; } #spotCheckDetailView form .form-item-store label { width: 80px; } #spotCheckDetailView form .form-item-store input{ width: 120px; } #spotCheckDetailView form .form-item-cust label { width: 80px; } #spotCheckDetailView form .form-item-cust input{ width: 120px; } #spotCheckDetailView form .form-item-mfg label { width: 80px; } #spotCheckDetailView form .form-item-mfg input{ width: 120px; } #spotCheckDetailView form .form-item-mfg-date label { width: 60px; } #spotCheckDetailView form .form-item-mfg-date input{ width: 150px; } #spotCheckDetailView form .form-item-lot label { width: 80px; } #spotCheckDetailView form .form-item-lot input{ width: 120px; } #spotCheckDetailView form .form-item-exp-date label { width: 60px; } #spotCheckDetailView form .form-item-exp-date input{ width: 150px; } #spotCheckDetailView form .form-item-mfg-date input.disabled{pointer-events:none;} #spotCheckDetailView form .form-item-unkown-mfg-date label { width: 130px; padding-right: 1px; } #spotCheckDetailView form .form-item-unkown-mfg-date input[type="checkbox"] { float:rigth;width: 50px; border: 1px solid #aeb2b8; padding: 0 0 0 0;opacity:100%;} #spotCheckDetailView form .form-item .customCheckbox { display: inline-block; float: left; margin: 0px 0; width: 16px; height: 16px; background: transparent url('../images/MI/MI_Checkboxes_16x16.png') no-repeat 0px 0px; } #spotCheckDetailView form .form-item .customCheckbox { width: 16px; background-position: 0px -64px; margin-left: 90px; } #spotCheckDetailView form .form-item .customCheckbox.checked { background-position: 0px -80px; } #spotCheckDetailView form .form-item .customCheckbox img { width: 100%; height: auto;} #changePasswordPage {padding: 100px 0 0 0;} #changePasswordPage .popup-inner {margin: 0 33px;height: 350px;} #changePasswordPage .popup-inner form {padding: 15px;} #changePasswordPage .popup-inner form.form-style .group {margin: 0 9px 0px 9px;border: 0px;background-color: #e4e7ea;padding: 2px;height: 110px;} #changePasswordPage .popup-inner form .form-item {height: 30px;} #changePasswordPage .popup-inner form .form-item label {font-size: 0.8em;color: #7b8187;width: 120px;} #changePasswordPage .popup-inner form .form-item .input {height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; } #changePasswordPage .popup-inner form .form-item input {width: 220px;float: right;text-align: left;color: #cbd3da;} #changePasswordPage .popup-inner form .form-item-label-changed input { color: #333333; } #changePasswordPage .popup-inner .button-wrap {text-align: center;margin: 2px 0 0 0;} #changePasswordPage .popup-inner a.button {display: inline-block;margin: 0 4px;} #changePasswordPage .popup-inner a.cancelButton { width: 120px; margin-left: 15px; } #changePasswordPage {padding: 100px 0 0 0;} #changePasswordPage .popup-inner {margin: 110px 33px;height: 237px;} #changePasswordPage .popup-inner form {padding: 15px;} #changePasswordPage .popup-inner form.form-style .group {margin: 0 9px 0px 9px;border: 0px;background-color: #e4e7ea;padding: 2px;height: 110px;} #changePasswordPage .popup-inner form .form-item {height: 30px;} #changePasswordPage .popup-inner form .form-item label {font-size: 0.8em;color: #7b8187;width: 120px;} #changePasswordPage .popup-inner form .form-item .input {height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; } #changePasswordPage .popup-inner form .form-item input {width: 220px;float: right;text-align: left;color: #cbd3da;} #changePasswordPage .popup-inner form .form-item-label-changed input { color: #333333; } #changePasswordPage .popup-inner .button-wrap {text-align: center;margin: 2px 0 0 0;} #changePasswordPage .popup-inner a.button {display: inline-block;margin: 0 4px;} #changePasswordPage .popup-inner a.cancelButton { width: 120px; margin-left: 15px; } .splash-screen{width: 100%; height: 100%; background-color: #1c509c; position: fixed; z-index: 999999 !important; } .splash-screen img{max-width: 60%; position:relative; top: 45%;left: 20%} div.disableOpenId{display: none;} hr {border: none; border-top: 2px double #333; color: #333; overflow: visible; text-align: center; height: 3px;} hr:after {background: #fff; content: 'OR'; padding: 0 4px; position: relative; top: -13px; font-size:9px;} /* Feedback follow up Alert */ .followupAlertAction {position: fixed;top: 96px;left: 34px;width: 407px;height: 290px;z-index: 8999;background: #e4e7ea url(../images/MI/loading-bg.png) repeat 0px 0px;text-align:center;border: 2px solid #545a5f;} .followupAlertAction h2 {font-size: 1.1em;padding: 4px 0px 3px 0px;} .followupAlertAction form .form-item {height: 40px;width: 400px;float: left;padding: 2px 2px 2px 2px;border: none;background-color: transparent;} .followupAlertAction form .form-item .form-item-rightColumn {top: 46px;float: right;margin-top: 5px;margin-right: 2px;} .followupAlertAction form .form-item .form-item-rightColumn input {width: 62px;} .followupAlertAction form .form-item .form-item-leftColumn {top: 46px;float: left;margin-top: 5px;margin-left: -9px;} .followupAlertAction form .form-item.requestor {} .followupAlertAction form .form-item-transactionLine {margin-top: -11px;} .followupAlertAction form .form-item-instruction {margin: -11px 0px -1px 12px;} .followupAlertAction form .form-item-feedback {margin: 18px 0px 0px 15px;} .followupAlertAction form .form-item label {font-size: 15px;color: #2d5bab;margin-left: 12px;} .followupAlertAction form .form-item label.transactionLabel {margin-left: 27px;} .followupAlertAction form .form-item input {color: #000000d9;font-size: 13px;width: 116px;font-family: Arial, sans-serif;font-weight: 545;background: transparent;border: 1px solid #565c61;height: 21px;padding-left: 2px;} .followupAlertAction form .form-item textArea.disableTextArea {background: transparent;font-weight: 545;} .followupAlertAction form .form-item textArea {position: fixed;width: 284px;margin-left: 17px;height: 48px;border: 1px solid #565c61;background-color: #ffffff;color: #000000;font-size: 14px;font-family: Arial, sans-serif;padding-left: 2px;} .followupAlertAction form .form-item label.form-item-instructionLabel {position: absolute;left: 18px;} .followupAlertAction form .form-item label.form-item-feedbackLabel{position: absolute;left: 21px;} .followupAlertAction form .form-item textArea.form-item-textArea {left: 95px; position: absolute;} .followupAlertAction form .button-wrap {margin-top: 192px;} .followupAlertAction form .button-wrap a.button {display: inline-block;font-size: 16px;color: #ffffff;font-weight: bold;padding: 9px 9px 9px 9px;border-right: 1px solid #001b44;border-bottom: 1px solid #001b44;background: #023581 url('../images/MI/button-bg.png') repeat-x 0px 0px;position: relative;text-align: center;width: 120px;float: left;} .followupAlertAction form .button-wrap a.saveButton {display: block;margin-left: 40px;} .followupAlertAction form .button-wrap a.cancelButton {display: block;margin-left: 50px;} #stockTaking .task-list .task-item {background-color: #e4e8ec;background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png');height: 127px;} #stockTaking .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTaking .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #stockTaking .task-list .queuePending, #stockTaking .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #stockTaking .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTaking .task-list .task-item a.right-arrow {height: 127px;} #stockTaking .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #stockTaking .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item input {width: 176px;} #stockTaking .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-item-number input { margin-top: 1px; margin-left: 58px; width: 221px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-grn, #stockTaking .task-list .task-item .task-item-wrap form .form-item-serial, #stockTaking .task-list .task-item .task-item-wrap form .form-item-to-loc, #stockTaking .task-list .task-item .task-item-wrap form .form-item-loc, #stockTaking .task-list .task-item .task-item-wrap form .form-item-cert, #stockTaking .task-list .task-item .task-item-wrap form .form-item-cert-date, #stockTaking .task-list .task-item .task-item-wrap form .form-item-cond, #stockTaking .task-list .task-item .task-item-wrap form .form-item-serialCount, #stockTaking .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-serial input { width: 138px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } #stockTaking .task-list .task-item .task-item-wrap .displayRecountImgClass {display: block;position: absolute;top: 53px;right: 55px;overflow: hidden;width: 35px;height: 29px;margin: 5px;background: transparent url('../images/MI/MI_Action_Recount Indicator.png') no-repeat;} /** To Deliver **/ #stockTaking .task-list .task-item .task-item-wrap form .form-item-grn input { width: 200px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-cond input {width: 37px;text-align: right;} #stockTaking .task-list .task-item .task-item-wrap form .form-item-loc input { width: 136px; } #stockTaking .task-list .task-item .task-item-wrap form .form-item-serialCount input {width: 60px;text-align: right;} /** To Pick **/ #stockTaking .to-grn .task-item .task-item-wrap form .form-item-serial input { width: 136px; } #stockTaking .to-item .task-item .task-item-wrap form .form-item-cond input { width: 129px; } #stockTakingCountLine .task-list .task-item .task-item-wrap .transaction-type {right: 30px;} #stockTakingCountLine .task-list .task-item {background-color: #e4e8ec;background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png');} #stockTakingCountLine .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTakingCountLine .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #stockTakingCountLine .task-list .queuePending, #stockTakingCountLine .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #stockTakingCountLine .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTakingCountLine .task-list .task-item a.right-arrow {height: 160px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #stockTakingCountLine .task-list .task-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item label {width: 69px; white-space: nowrap;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item input {width: 169px;margin-left: 22px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-item-number input { margin-top: 1px; margin-left: 58px; width: 221px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-description input {margin-left: 22px;width: 310px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-grn, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-serial, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-to-loc, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-loc, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-cert, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-cert-date, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-cond, #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-line-status { float: left; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-qty {float: left;width: 249px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-recount-qty {float: left;width: 259px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-serial input {width: 78px;margin-left: 5px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-recount-qty input { width: 53.5px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-cond input {width: 317px;margin-left: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-loc input { width: 153px; } #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-line-status input {width: 35px;margin-left: 2px;} #stockTakingCountLine .task-list .task-item .task-item-wrap form .form-item-line-status label {width: 90px;} /** To Deliver **/ #stockTakingCountLine .to-item .task-item .task-item-wrap form .form-item-grn input { width: 152px; } #stockTakingCountLine .to-item .task-item .task-item-wrap form .form-item-to-loc label { width: 270px; } #stockTakingCountLine .to-item .task-item .task-item-wrap form .form-item-to-loc input { width: 129px; } /** To Pick **/ #stockTakingCountLine .to-grn .task-item .task-item-wrap form .form-item-serial input { width: 136px; } #stockTakingCountLineSeq .task-list .task-item { background-color: #e4e8ec; background-image: url('../images/MI/picking-to-deliver-grey-task-bg.png'); } #stockTakingCountLineSeq .task-list .task-item-awaiting-scan { background-color: #acc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTakingCountLineSeq .task-list .queueError { background-color: #fadcdc; background-image: url('../images/MI/picking-to-deliver-red-task-bg.png'); } #stockTakingCountLineSeq .task-list .queuePending, #stockTakingCountLineSeq .task-list .queueProcessing { background-color: #fcfaca; background-image: url('../images/MI/picking-to-deliver-yellow-task-bg.png'); } #stockTakingCountLineSeq .task-list .task-item-active { background-color: #adc8fe; background-image: url('../images/MI/picking-to-deliver-blue-task-bg.png'); } #stockTakingCountLineSeq .task-list .task-item a.right-arrow {height: 190px;} #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form a.commit { background-position: 0px -106px; } #stockTakingCountLineSeq .ta#stockTakingCountLineSeqask-item-awaiting-scan .task-item-wrap form a.commit { background-position: 0px -159px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item input {width: 185px;} #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-item-number { width: 305px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-item-number a.lookup { margin-top: 1px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-item-number input {margin-top: 1px;margin-left: 58px;width: 221px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-item-description input { margin-left: 58px; width: 310px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-grn, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-serial, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-to-loc, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-loc, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-cert, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-cert-date, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-cond, #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-qty { float: left; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-grn.isGrnItem-false { pointer-events: none; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-serial input {width: 100px;} #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-qty input { width: 50px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-loc input {width: 162px;} #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-cert input { width: 90px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-cert-date input { width: 90px; } #stockTakingCountLineSeq .task-list .task-item .task-item-wrap form .form-item-grn input { width: 162px; } /** To Deliver **/ #stockTakingCountLineSeq .to-item .task-item .task-item-wrap form .form-item-grn input { width: 152px; } #stockTakingCountLineSeq .to-item .task-item .task-item-wrap form .form-item-to-loc label { width: 270px; } #stockTakingCountLineSeq .to-item .task-item .task-item-wrap form .form-item-to-loc input { width: 129px; } /** To Pick **/ #stockTakingCountLineSeq .to-grn .task-item .task-item-wrap form .form-item-serial input { width: 136px; } /** Spot Check Additional Details **/ #stockTakingCountLineSeqDetailView { } #stockTakingCountLineSeqDetailView form { } #stockTakingCountLineSeqDetailView form .form-item { float: left; } #stockTakingCountLineSeqDetailView form .form-item-item-number label { width: 87px; } #stockTakingCountLineSeqDetailView form .form-item-item-number input { width: 200px; } #stockTakingCountLineSeqDetailView form .form-item-priority label { width: 50px; } #stockTakingCountLineSeqDetailView form .form-item-priority input { width: 30px; } #stockTakingCountLineSeqDetailView form .form-item-item-description label { width: 87px; } #stockTakingCountLineSeqDetailView form .form-item-item-description input { width: 318px; } #stockTakingCountLineSeqDetailView form .form-item-trx label, #stockTakingCountLineSeqDetailView form .form-item-grn label, #stockTakingCountLineSeqDetailView form .form-item-loc label { width: 87px; } #stockTakingCountLineSeqDetailView form .form-item-trx input, #stockTakingCountLineSeqDetailView form .form-item-grn input, #stockTakingCountLineSeqDetailView form .form-item-loc input {width: 86px;} #stockTakingCountLineSeqDetailView form .form-item-line label, #stockTakingCountLineSeqDetailView form .form-item-serial label, #stockTakingCountLineSeqDetailView form .form-item-qty label { width: 44px; } #stockTakingCountLineSeqDetailView form .form-item-line input, #stockTakingCountLineSeqDetailView form .form-item-serial input, #stockTakingCountLineSeqDetailView form .form-item-qty input {width: 42px;} /** Spot Check detail **/ #stockTakingCountLineSeqDetailView form .buttonWrap a.save-button { top: 0px; } #stockTakingCountLineSeqDetailView form .form-item-item-number label { width: 83px; } #stockTakingCountLineSeqDetailView form .form-item-item-number input{width: 205px;} #stockTakingCountLineSeqDetailView form .form-item-item-description label { width: 83px; } #stockTakingCountLineSeqDetailView form .form-item-item-description input{ width: 300px; } #stockTakingCountLineSeqDetailView form .form-item-issue-trx label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-issue-trx input{ width: 150px; } #stockTakingCountLineSeqDetailView form .form-item-issue-line label { width: 40px; } #stockTakingCountLineSeqDetailView form .form-item-issue-line input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-serial label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-serial input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-part label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-part input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-store label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-store input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-cust label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-cust input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-mfg label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-mfg input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-mfg-date label { width: 60px; } #stockTakingCountLineSeqDetailView form .form-item-mfg-date input{ width: 150px; } #stockTakingCountLineSeqDetailView form .form-item-lot label { width: 80px; } #stockTakingCountLineSeqDetailView form .form-item-lot input{ width: 120px; } #stockTakingCountLineSeqDetailView form .form-item-exp-date label { width: 60px; } #stockTakingCountLineSeqDetailView form .form-item-exp-date input{ width: 150px; } #stockTakingCountLineSeqDetailView form .form-item-mfg-date input.disabled{pointer-events:none;} #stockTakingCountLineSeqDetailView form .form-item-unkown-mfg-date label { width: 130px; padding-right: 1px; } #stockTakingCountLineSeqDetailView form .form-item-unkown-mfg-date input[type="checkbox"] {float:rigth;width: 20px;border: 1px solid #aeb2b8;padding: 0 0 0 0;opacity:100%;margin-left: 56px;} #stockTakingCountLineSeqDetailView form .form-item .customCheckbox { display: inline-block; float: left; margin: 0px 0; width: 16px; height: 16px; background: transparent url('../images/MI/MI_Checkboxes_16x16.png') no-repeat 0px 0px; } #stockTakingCountLineSeqDetailView form .form-item .customCheckbox { width: 16px; background-position: 0px -64px; margin-left: 90px; } #stockTakingCountLineSeqDetailView form .form-item .customCheckbox.checked { background-position: 0px -80px; } #stockTakingCountLineSeqDetailView form .form-item .customCheckbox img { width: 100%; height: auto;} textarea.form-item-textArea.noborder.readonly { pointer-events: none; }