body { margin: 0px; font-size: 11px; font-family: Arial,Helvetica Neue,helvetica,tahoma,sans-serif; } a { color: #6481ff; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } /* Enabled icons */ .icon-stop-search { background-image: url(../../custom/images/icon-stop-search.svg) !important; background-repeat: no-repeat; background-color: transparent !important;} .icon-reload-data { background-image: url(../../custom/images/icon-reload.png) !important; background-repeat: no-repeat;} .icon-video-clip { background-image: url(../../custom/images/icon-video-clip.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-v3-thumb-up { background-image: url(../../custom/images/icon-thumb-up.png) !important; background-repeat: no-repeat;} .icon-v3-thumb-down { background-image: url(../../custom/images/icon-thumb-down.png) !important; background-repeat: no-repeat;} .icon-network-database { background-image: url(../../custom/images/icon-network-database.png) !important; background-repeat: no-repeat; } .icon-grid-add { background-image: url(../../custom/images/grid_add.png) !important; } .icon-recipe-loading-indicator {background-image: url(../../custom/images/icon-refresh.png) !important; } .icon-upload-image { background-image: url(../../custom/images/icon-upload-image.png) !important; background-repeat: no-repeat; } /*.icon-grid-delete { background-image: url(../../custom/images/grid_delete.png) !important; } .icon-grid-edit { background-image: url(../../custom/images/icon-grid-edit.png) !important; } .icon-add { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-add.png) !important; } .icon-delete { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-delete.png) !important; } .icon-edit { background-image: url(../../custom/images/icon-edit.png) !important; } .icon-display-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-display-large.png) !important; background-repeat: no-repeat; } .icon-panel-add-folder {background-image: url(../../custom/images/panel_add_folder.png) !important; } .icon-add-folder-large {background-image: url(../../custom/images/ICONSET_07_07_2011/icon-folder-add-large.png) !important; } .icon-refresh {background-image: url(../../custom/images/icon-refresh.png) !important; } .icon-refresh-large {background-image: url(../../custom/images/ICONSET_07_07_2011/icon-refresh-large.png) !important; } .icon-save { background-image: url(../../custom/images/icon-save.png) !important; background-repeat: no-repeat; } .icon-save-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-save-large.png) !important; background-repeat: no-repeat; } .icon-upload-image { background-image: url(../../custom/images/icon-upload-image.png) !important; background-repeat: no-repeat; } .icon-ok { background-image: url(../../custom/images/icon-ok.png) !important; background-repeat: no-repeat; } .icon-cancel { background-image: url(../../custom/images/icon-cancel.png) !important; background-repeat: no-repeat; } .icon-ok-large { background-image: url(../../custom/images/icon-ok-large.png) !important; background-repeat: no-repeat; } .icon-cancel-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-cancel-large.png) !important; background-repeat: no-repeat; } .icon-folder { background-image: url(../../custom/images/icon-folder.png) !important; background-repeat: no-repeat; } .icon-recipe { background-image: url(../../custom/images/icon-recipe.png) !important; background-repeat: no-repeat; } .icon-process-large { background-image: url(../../custom/images/icon-process-large.png) !important; background-repeat: no-repeat; } .icon-supplier { background-image: url(../../custom/images/icon-supplier.png) !important; background-repeat: no-repeat; } .icon-supplier-add { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-supplier-add.png) !important; background-repeat: no-repeat; } .icon-supplier-large { background-image: url(../../custom/images/icon-supplier-large.png) !important; background-repeat: no-repeat; } .icon-contact { background-image: url(../../custom/images/icon-contact.png) !important; background-repeat: no-repeat; } .icon-contact-add { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-contact-add.png) !important; background-repeat: no-repeat; } .icon-stock { background-image: url(../../custom/images/icon-stock.png) !important; background-repeat: no-repeat; } .icon-color { background-image: url(../../custom/images/icon-color.png) !important; background-repeat: no-repeat; } .icon-print { background-image: url(../../custom/images/icon-print.png) !important; background-repeat: no-repeat; } .icon-print-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-print-large.png) !important; background-repeat: no-repeat; } .icon-send { background-image: url(../../custom/images/icon-send.png) !important; background-repeat: no-repeat; } .icon-send-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-send-large.png) !important; background-repeat: no-repeat; } .icon-activate { background-image: url(../../custom/images/icon-activate.png) !important; background-repeat: no-repeat; } .icon-left-arrow { background-image: url(../../custom/images/icon-left-arrow.png) !important; width :48px !important; height :48px !important; background-repeat: no-repeat; } .icon-right-arrow { background-image: url(../../custom/images/icon-right-arrow.png) !important; width :48px !important; height :48px !important; background-repeat: no-repeat; } .icon-search { background-image: url(../../custom/images/icon-search.png) !important; background-repeat: no-repeat; } .icon-search-large { background-image: url(../../custom/images/ICONSET_07_07_2011/icon-search-large.png) !important; background-repeat: no-repeat; } DONE.icon-stop-search { background-image: url(../../custom/images/icon-stop-search.svg) !important; background-repeat: no-repeat; } .icon-authority { background-image: url(../../custom/images/icon-authority.png) !important; background-repeat: no-repeat; } .icon-daily-order { background-image: url(../../custom/images/icon-daily-order.png) !important; background-repeat: no-repeat; } .icon-export { background-image: url(../../custom/images/icon-export.png) !important; background-repeat: no-repeat; } .icon-error { background-image: url(../../custom/images/icon-error.gif) !important; background-repeat: no-repeat; } .icon-video { background-image: url(../../custom/images/icon-video.png) !important; background-repeat: no-repeat; } .icon-youtube { background-image: url(../../custom/images/icon-youtube.png) !important; background-repeat: no-repeat; } .icon-loading { background-image: url(../../custom/images/loading.gif) !important; background-repeat: no-repeat; } .icon-register { background-image: url(../../custom/images/icon-register.png) !important; background-repeat: no-repeat; } .icon-move-left { background-image: url(../../custom/images/icon-move-left.png) !important; background-repeat: no-repeat; } .icon-move-right { background-image: url(../../custom/images/icon-move-right.png) !important; background-repeat: no-repeat; } .icon-back-up { background-image: url(../../custom/images/icon-back-up.png) !important; background-repeat: no-repeat; } .icon-restore { background-image: url(../../custom/images/icon-restore.png) !important; background-repeat: no-repeat; } .icon-reorder { background-image: url(../../custom/images/icon-reorder.png) !important; background-repeat: no-repeat; } .icon-calendar { background-image: url(../../custom/images/icon-calendar.png) !important; background-repeat: no-repeat; } .icon-calendar-previous { background-image: url(../../custom/images/icon-calendar-previous.png) !important; background-repeat: no-repeat; } .icon-calendar-next { background-image: url(../../custom/images/icon-calendar-next.png) !important; background-repeat: no-repeat; } .icon-graph { background-image: url(../../custom/images/icon-graph.png) !important; background-repeat: no-repeat; } .icon-customize { background-image: url(../../custom/images/icon-customize.png) !important; background-repeat: no-repeat; } .icon-synchronize { background-image: url(../../custom/images/icon-synchronize.png) !important; background-repeat: no-repeat; } .icon-network-database { background-image: url(../../custom/images/icon-network-database.png) !important; background-repeat: no-repeat; } .icon-video-help { background-image: url(../../custom/images/icon-video-help.png) !important; background-repeat: no-repeat; } .icon-person { background-image: url(../../custom/images/icon-person.png) !important; background-repeat: no-repeat; } .icon-truck { background-image: url(../../custom/images/icon-truck.png) !important; background-repeat: no-repeat; } .icon-check { background-image: url(../../custom/images/icon-check.png) !important; background-repeat: no-repeat; } .icon-uncheck { background-image: url(../../custom/images/icon-uncheck.png) !important; background-repeat: no-repeat; } .icon-fix { background-image: url(../../custom/images/icon-fix.png) !important; background-repeat: no-repeat; } .icon-video-clip { background-image: url(../../custom/images/icon-video-clip.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-help-mask-small { background-image: url(../../custom/images/icon-help-mask-small.png) !important; background-repeat: no-repeat; } .icon-help-mask { background-image: url(../../custom/images/icon-question-mask.png) !important; background-repeat: no-repeat;} .icon-update-large { background-image: url(../../custom/images/icon-update-large.png) !important; background-repeat: no-repeat;} .icon-thumb-up { background-image: url(../../custom/images/icon-thumb-up.png) !important; background-repeat: no-repeat;} .icon-thumb-down { background-image: url(../../custom/images/icon-thumb-down.png) !important; background-repeat: no-repeat;} .icon-database { background-image: url(../../custom/images/icon-database.png) !important; background-repeat: no-repeat;} .icon-exchange { background-image: url(../../custom/images/icon-exchange.png) !important; background-repeat: no-repeat;} .icon-money { background-image: url(../../custom/images/icon-money.png) !important; background-repeat: no-repeat;} .icon-chef-large { background-image: url(../../custom/images/icon-chef-large.png) !important; background-repeat: no-repeat;} .icon-undo { background-image: url(../../custom/images/icon-undo.png) !important; background-repeat: no-repeat;} .icon-redo { background-image: url(../../custom/images/icon-redo.png) !important; background-repeat: no-repeat;} .icon-switch { background-image: url(../../custom/images/icon-switch.png) !important; background-repeat: no-repeat;} .icon-drawer { background-image: url(../../custom/images/icon-drawer.png) !important; background-repeat: no-repeat;} .icon-check-list { background-image: url(../../custom/images/icon-check-list.png) !important; background-repeat: no-repeat;} .icon-cart-add { background-image: url(../../custom/images/icon-cart-add.png) !important; background-repeat: no-repeat;} .icon-add-document { background-image: url(../../custom/images/icon-add-document.png) !important; background-repeat: no-repeat;} .icon-search-one { background-image: url(../../custom/images/icon-search-one.png) !important; background-repeat: no-repeat;} .icon-search-all { background-image: url(../../custom/images/icon-search-all.png) !important; background-repeat: no-repeat;} .icon-visible { background-image: url(../../custom/images/icon-visible.png) !important; background-repeat: no-repeat;} .icon-password { background-image: url(../../custom/images/icon-password.png) !important; background-repeat: no-repeat;} .icon-populate-large { background-image: url(../../custom/images/icon-populate-large.png) !important; background-repeat: no-repeat;} .icon-approximate-16 { background-image: url(../../custom/images/icon-approximate-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-money-large { background-image: url(../../custom/images/icon-money-large.png) !important; background-repeat: no-repeat;} .icon-pending-16 { background-image: url(../../custom/images/icon-pending-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-ok-16 { background-image: url(../../custom/images/icon-ok-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-failed-16 { background-image: url(../../custom/images/icon-failed-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-xml-document { background-image: url(../../custom/images/icon-xml-document.png) !important; background-repeat: no-repeat;} .icon-volume { background-image: url(../../custom/images/icon-volume.png) !important; background-repeat: no-repeat;} .icon-document-large { background-image: url(../../custom/images/icon-msword-32.png) !important; background-repeat: no-repeat;} .icon-download-large { background-image: url(../../custom/images/icon-download.png) !important; background-repeat: no-repeat;} .icon-import-large { background-image: url(../../custom/images/icon-import-large.png) !important; background-repeat: no-repeat;} .icon-skip-large { background-image: url(../../custom/images/icon-skip-32.png) !important; background-repeat: no-repeat;} .icon-mail-large { background-image: url(../../custom/images/icon-mail-32.png) !important; background-repeat: no-repeat;} .icon-mail { background-image: url(../../custom/images/icon-mail-16.png) !important; background-repeat: no-repeat;} .icon-link { background-image: url(../../custom/images/icon-link.png) !important; background-repeat: no-repeat;} .icon-move { background-image: url(../../custom/images/icon-move.png) !important; background-repeat: no-repeat;}*/ .icon-pending-16 { background-image: url(../../custom/images/icon-pending-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-ok-16 { background-image: url(../../custom/images/icon-ok-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} .icon-failed-16 { background-image: url(../../custom/images/icon-failed-16.png) !important; background-repeat: no-repeat; width:16px; height:16px;} /* V3 : Icons*/ .icon-locked-price-16 { width:16px; height:16px; background-image: url(../../custom/images/icon-locked-price-16.png) !important; background-repeat: no-repeat;} /* Radiobox */ .icon-radio-box-checked { background-image: url(../../custom/images/icon-radio-box-checked.png) !important; background-repeat: no-repeat; width:64px; height:64px;} .icon-radio-box-unchecked { background-image: url(../../custom/images/icon-radio-box-unchecked.png) !important; background-repeat: no-repeat; width:64px; height:64px;} /* iPAD */ .icon-check-box-checked { background-image: url(../../custom/images/iPAD/icon-check-box-checked.png) !important; background-repeat: no-repeat; width:32px; height:32px;} .icon-check-box-unchecked { background-image: url(../../custom/images/iPAD/icon-check-box-unchecked.png) !important; background-repeat: no-repeat; width:32px; height:32px;} .icon-check-box-21-checked { background-image: url(../../custom/images/iPAD/icon-check-box-21-checked.png) !important; background-repeat: no-repeat; width:21px; height:21px;} .icon-check-box-21-unchecked { background-image: url(../../custom/images/iPAD/icon-check-box-21-unchecked.png) !important; background-repeat: no-repeat; width:21px; height:21px;} /* NOTIFICATION */ .icon-notify-error{background-image:url(../../custom/images/notification/exclamation.gif) ! important; background-repeat: no-repeat; } .icon-notify-information{background-image:url(../../custom/images/notification/information.gif) ! important; background-repeat: no-repeat; } .x-notification .x-window-body{margin: 0;padding:1em ! important; width: auto ! important;} .x-notification .x-tool-close{display: none} .x-notification.fixed .x-tool-close{display: block} /* TAFE SECTION */ /*.icon-student-recipe-cost { background-image: url(../../custom/images/icon-student-recipe-cost.png) !important; background-repeat: no-repeat; } .icon-student-recipe-requirements { background-image: url(../../custom/images/icon-student-recipe-requirements.png) !important; background-repeat: no-repeat; }*/ .icon-troyley { background-image: url(../../custom/images/icon-troyley.png) !important; background-repeat: no-repeat; } /* Disabled icons */ .icon-grid-add-dis { background-image: url(../../custom/images/grid_add_disabled.png) !important; } .icon-grid-delete-dis { background-image: url(../../custom/images/grid_delete_disabled.png) !important; } .icon-save-dis { background-image: url(../../custom/images/Save_disabled.gif) !important; background-repeat: no-repeat;} /* Number icons */ .icon-number-0 { background-image: url(../../custom/images/numbers/0.png) !important; background-repeat: no-repeat; } .icon-number-1 { background-image: url(../../custom/images/numbers/1.png) !important; background-repeat: no-repeat; } .icon-number-2 { background-image: url(../../custom/images/numbers/2.png) !important; background-repeat: no-repeat; } .icon-number-3 { background-image: url(../../custom/images/numbers/3.png) !important; background-repeat: no-repeat; } .icon-number-4 { background-image: url(../../custom/images/numbers/4.png) !important; background-repeat: no-repeat; } .icon-number-5 { background-image: url(../../custom/images/numbers/5.png) !important; background-repeat: no-repeat; } .icon-number-6 { background-image: url(../../custom/images/numbers/6.png) !important; background-repeat: no-repeat; } .icon-number-7 { background-image: url(../../custom/images/numbers/7.png) !important; background-repeat: no-repeat; } .icon-number-8 { background-image: url(../../custom/images/numbers/8.png) !important; background-repeat: no-repeat; } .icon-number-9 { background-image: url(../../custom/images/numbers/9.png) !important; background-repeat: no-repeat; } .icon-number--2 { background-image: url(../../custom/images/numbers/-2.png) !important; background-repeat: no-repeat; } /* DOT */ .icon-number--1 { background-image: url(../../custom/images/numbers/-1.png) !important; background-repeat: no-repeat; } /* Minus */ .icon-keyboard { background-image: url(../../custom/images/numbers/keyboard.gif) !important; background-repeat: no-repeat; } .icon-clear { background-image: url(../../custom/images/icon-clear.png) !important; background-repeat: no-repeat; } .icon-reset { background-image: url(../../custom/images/numbers/reset.png) !important; background-repeat: no-repeat; } .icon-number-clear { background-image: url(../../custom/images/numbers/clear.png) !important; background-repeat: no-repeat; } .icon-number-reset { background-image: url(../../custom/images/numbers/reset.png) !important; background-repeat: no-repeat; } .icon-number-dot { background-image: url(../../custom/images/numbers/-2.png) !important; background-repeat: no-repeat; } /* DOT */ .icon-number-minus { background-image: url(../../custom/images/numbers/-1.png) !important; background-repeat: no-repeat; } /* Minus */ .icon-number-next { background-image: url(../../custom/images/numbers/next.png) !important; background-repeat: no-repeat; } .icon-number-add { background-image: url(../../custom/images/numbers/add.png) !important; background-repeat: no-repeat; } .icon-number-divide { background-image: url(../../custom/images/numbers/divide.png) !important; background-repeat: no-repeat; } .icon-number-multiply { background-image: url(../../custom/images/numbers/multiply.png) !important; background-repeat: no-repeat; } .icon-number-assign { background-image: url(../../custom/images/numbers/assign.png) !important; background-repeat: no-repeat; } .icon-number-remove { background-image: url(../../custom/images/numbers/remove.png) !important; background-repeat: no-repeat; } .icon-number-percent { background-image: url(../../custom/images/numbers/percent.png) !important; background-repeat: no-repeat; } .icon-number-0_64 { background-image: url(../../custom/images/numbers/0_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-1_64 { background-image: url(../../custom/images/numbers/1_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-2_64 { background-image: url(../../custom/images/numbers/2_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-3_64 { background-image: url(../../custom/images/numbers/3_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-4_64 { background-image: url(../../custom/images/numbers/4_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-5_64 { background-image: url(../../custom/images/numbers/5_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-6_64 { background-image: url(../../custom/images/numbers/6_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-7_64 { background-image: url(../../custom/images/numbers/7_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-8_64 { background-image: url(../../custom/images/numbers/8_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-9_64 { background-image: url(../../custom/images/numbers/9_64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-clear64 { background-image: url(../../custom/images/numbers/clear64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-dot64 { background-image: url(../../custom/images/numbers/dot64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} /* DOT */ .icon-number-minus64 { background-image: url(../../custom/images/numbers/minus64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} /* Minus */ .icon-number-next64 { background-image: url(../../custom/images/numbers/next64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-add64 { background-image: url(../../custom/images/numbers/add64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-divide64 { background-image: url(../../custom/images/numbers/divide64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-multiply64 { background-image: url(../../custom/images/numbers/multiply64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-assign64 { background-image: url(../../custom/images/numbers/assign64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-remove64 { background-image: url(../../custom/images/numbers/remove64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-percent64 { background-image: url(../../custom/images/numbers/percent64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} .icon-number-remove64 { background-image: url(../../custom/images/numbers/remove64.png) !important; background-repeat: no-repeat; width: 64px !important; height: 64px !important;} /* Paging Toolbar */ .icon-paging-next { background-image: url(../../custom/images/paging/icon-paging-next.png) !important; background-repeat: no-repeat; } .icon-paging-last { background-image: url(../../custom/images/paging/icon-paging-last.png) !important; background-repeat: no-repeat; } .icon-paging-previous { background-image: url(../../custom/images/paging/icon-paging-previous.png) !important; background-repeat: no-repeat; } .icon-paging-first { background-image: url(../../custom/images/paging/icon-paging-first.png) !important; background-repeat: no-repeat; } .icon-paging-refresh { background-image: url(../../custom/images/paging/icon-paging-refresh.png) !important; background-repeat: no-repeat; } /* Custom */ .icon-gear-24 { background-image: url(../../custom/images/icon-gear-24.png) !important; background-repeat: no-repeat;} .icon-item-edit { background-image: url(../../custom/images/icon-item-edit.png) !important; background-repeat: no-repeat;} /*.icon-jump { background-image: url(../../custom/images/icon-jump.png) !important; background-repeat: no-repeat;}*/ /*.icon-excel { background-image: url(../../custom/images/icon-excel.png) !important; background-repeat: no-repeat;}*/ /* Special calendar */ .icon-arrow-slide-in { background-image: url(../../custom/images/icon-arrow-slide-in.png) !important; background-repeat: no-repeat;} .icon-arrow-slide-out { background-image: url(../../custom/images/icon-arrow-slide-out.png) !important; background-repeat: no-repeat;} .icon-calendar-daily-special { background-image: url(../../custom/images/icon-calendar-daily-special.png) !important; background-repeat: no-repeat;} .icon-special-calendar-hand { background-image: url(../../custom/images/icon-special-calendar-hand.png) !important; background-repeat: no-repeat; width:45px; height:45px;} .icon-special-calendar-add-special { background-image: url(../../custom/images/icon-special-calendar-add-special.png) !important; background-repeat: no-repeat; width:15px; height:15px;} .weekglance-column-collapsed { display:none !important;} .weekglance-column-expanded { display:block; } .h1 { font-size: 14px; font-weight: bold; } .h2 { font-size: 11px; font-weight: bold; } /* Menu Analysis */ .mna_Normal { font-weight:bold; text-align:center;} .mna_D { font-weight:bold; background-color:Red; text-align:center; color:White;} .mna_G { font-weight:bold; background-color:#C12283; text-align:center; color:White;} .mna_H { font-weight:bold; background-color:Orange; text-align:center;} .mna_I { font-weight:bold; background-color:#87F717; text-align:center;} .mna_J { font-weight:bold; background-color:Yellow; text-align:center;} .mna_K { font-weight:bold; background-color:#3BB9FF; text-align:center;} .mna_L { font-weight:bold; background-color:#1569C7; text-align:center; color:White;} .mna_M { font-weight:bold; background-color:#7D053F; text-align:center; color:White;} .mna_N { font-weight:bold; background-color:#FFCC99; text-align:center;} /* Calendar */ .calendarCell { cursor:pointer; } .calendarCell:hover { background-color:#327bae; color:white; } .calendarCell:active { background-color:#296e9f; color:white; } /* selectedrow */ .selectedrow { background-color:#3ca0fe; } /* Table */ .tbl_StandardBorder { width:100%; height:auto; border-width:1px; border-style:solid; } .tbl_StandardBorder td { padding-left:5px; background-color:#FFF8C6 !important; } .tbl_StandardBorder td:hover { background-color:white !important; cursor:pointer; } .myCellCls { padding-left : 10px; padding-right : 10px; padding-bottom : 5px; padding-top : 5px; } .myCellClsPadding5 { padding-left : 5px; padding-right : 5px; padding-bottom : 5px; padding-top : 5px; } .cellCenterCls { vertical-align:top; text-align:center; } table.htmltable { width:100%; height:auto; /*border-width:1px; border-style:solid;*/ } table.htmltable td { padding:5px; font-size:15px; } td.fullborderTD { border-width:1px; border-style:solid; } /* Recipe Costing Formular color */ .color_UsablePercentage { background-color:#cc0066 } .color_PurchaseWeight { background-color:#99ff99 } .color_CostPerQuantity { background-color:#ff7c80 } .color_TotalCost { background-color:#9999ff; color:White; } .color_CostPerPortion { background-color:#ffccff } .color_KitchenRevenue { background-color:#ff66cc } .color_LessGST { background-color:#66ff33 } .color_FoodCostPercentage { background-color:#cc9900 } .color_GrossProfit { background-color:#0000ff; color:White; } .color_LabourCost { background-color:#66ffff } .color_CostPerPortionIncludingLabour { background-color:#ff0000; color:White; } .color_ContributionMarginWithLabour { background-color:#ff6600; color:White; } .color_FoodCostWithLabour { background-color:#660066; color:White; } .color-hightlight-zero-value { color: red; font-weight: bold; font-size: 15px; } .nonfooditem_row { background-color:#c1d5fa; } .interactionHtmlBox { background-color:#82c082 !important; } .interactionHtmlBox:hover { background-color:#4ac44a !important; cursor:pointer; } .fixedHeightGrid .x-grid3-row { height: 50px; } .fixedHeightGrid .x-grid3-cell-inner { height: 45px; } .fixedHeightGrid128px .x-grid3-row { height: 133px; } .fixedHeightGrid128px .x-grid3-cell-inner { height: 128px; } .divInnerBox { border: 1px solid #DDD; -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .divOrange { background-color:#efffa6; vertical-align:middle; padding: 0px 0px 0px 30px; } .divHeader { background-color:#fff0a8; vertical-align:middle; padding: 0px 0px 0px 30px; } .divBlack { background-color:#000000; vertical-align:middle; padding: 0px 0px 0px 30px; color:#ffffff; } .divSilver { background-color:#aee7c1; vertical-align:middle; padding: 0px 0px 0px 30px; } .divTransparent { background-color:transparent; vertical-align:middle; padding: 0px 0px 0px 30px; } .divWhite { background-color:#ffffff; vertical-align:middle; padding: 0px 0px 0px 30px; } .divBlue { background-color:#0070bb; color:#ffffff; vertical-align:middle; padding: 0px 0px 0px 30px; } .divGreen { background-color:#24c36f; color:#ffffff; vertical-align:middle; padding: 0px 0px 0px 30px; } .divWhiteBox { vertical-align:middle; padding: 0px 0px 0px 30px; background: rgba(255, 255, 255, 0.5); cursor:pointer; } .divWhiteBox:hover { background: rgba(255, 255, 255, 1.0); } .fixBorderLayoutBackground { background-color:transparent !important; } .fixBorderLayoutBackground .x-border-layout-ct { background-color:transparent !important; } .x-panel-custombody-transparent { background-color:transparent !important; } .helveticaFont { font-family:Helvetica Neue, Segoe UI, Arial, sans-serif; } .anchorWithoutUnderline { text-decoration:none; } /* Data table */ .datatable { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; } .datatable .fullborderTD { border: 1px solid #000000; } .datatable .fullborderTD:hover { border: 1px solid #ff0c00; } /* Data table with border */ .borderdatatable { } .borderdatatable .tdborder { border-style:solid; border-width:1px; border-color:#000000; } .borderdatatable .tdborder:hover { background-color:#bebebe; } /* Cool room */ .divRoomBlock { width : 25px; height: 25px; cursor : pointer; } .divRoomBlock:hover { background-color:#41a8ff; } /* Cool room */ .divFridgeBlock { width : 25px; height: 25px; cursor : pointer; } .divFridgeBlock:hover { background-color:#41a8ff; } /* CTB Button */ .ctb_btn_no_border_radius { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B9B8B8), color-stop(1, #ededed) ); background-color:#ededed; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:1px solid #9B9697; color:#393939; font-family:arial; font-size:11px; font-weight:bold; padding:2px 2px; text-decoration:none; } .ctb_btn_no_border_radius:hover { -moz-box-shadow:inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFCFC), color-stop(1, #FFFCFC) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCFC', endColorstr='#FFFCFC'); background-color:#FFFCFC; font-weight:bold; color:#393939; cursor: pointer; } .ctb_btn_default_xsm { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B9B8B8), color-stop(1, #ededed) ); background-color:#ededed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #9B9697; color:#393939; font-family:arial; font-size:11px; font-weight:bold; padding:2px 12px; text-decoration:none; } .ctb_btn_default_xsm:hover { -moz-box-shadow:inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFCFC), color-stop(1, #FFFCFC) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCFC', endColorstr='#FFFCFC'); background-color:#FFFCFC; font-weight:bold; color:#393939; cursor: pointer; } .ctb_btn_default_sm { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B9B8B8), color-stop(1, #ededed) ); background-color:#ededed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #9B9697; color:#393939; font-family:arial; font-size:11px; font-weight:bold; padding:4px 12px; text-decoration:none; } .ctb_btn_default_sm:hover { -moz-box-shadow:inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFCFC), color-stop(1, #FFFCFC) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCFC', endColorstr='#FFFCFC'); background-color:#FFFCFC; font-weight:bold; color:#393939; cursor: pointer; } .ctb_btn_light_green { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #ededed 5%, #5bc0de 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed'); background-color:#ededed; -moz-border-radius:3px; -webkit-border-radius:6px; border-radius:3px; border:1px solid #9B9697; display:inline-block; color:#393939; font-family:arial; font-size:11px; font-weight:bold; padding:2px 5px; text-decoration:none; /*text-shadow:1px 1px 0px #ffffff;*/ } .ctb_btn_light_green:hover { -moz-box-shadow:inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#fe1a00'); background-color:#fe1a00; font-weight:bold; color:White; cursor: pointer; } .ctb_button_silver { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; } .ctb_button_silver:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; } .ctb_button_silver:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ .ctb_button_surplus { -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe; -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe; box-shadow:inset 0px 1px 0px 0px #d9fbbe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) ); background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52'); background-color:#b8e356; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #86ae47; } .ctb_button_shortage { -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0; -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0; box-shadow:inset 0px 1px 0px 0px #f7c5c0; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) ); background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d'); background-color:#fc8d83; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #b23e35; } .ctb_button_green { -moz-box-shadow:inset 0px 1px 0px 0px #caefab; -webkit-box-shadow:inset 0px 1px 0px 0px #caefab; box-shadow:inset 0px 1px 0px 0px #caefab; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) ); background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811'); background-color:#77d42a; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #268a16; display:inline-block; color:#306108; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #aade7c; } .ctb_button_green:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) ); background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a'); background-color:#5cb811; } .ctb_button_green:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ .ctb_button_red { -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color:#fe1a00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #b23e35; }.ctb_button_red:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color:#ce0100; }.ctb_button_red:active { position:relative; top:1px; } .ctb_button_yellow { -moz-box-shadow:inset 0px 1px 0px 0px #fff6af; -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af; box-shadow:inset 0px 1px 0px 0px #fff6af; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) ); background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23'); background-color:#ffec64; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #ffaa22; display:inline-block; color:#333333; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffee66; }.ctb_button_yellow:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) ); background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64'); background-color:#ffab23; }.ctb_button_yellow:active { position:relative; top:1px; } /* Cell with silver background */ .x-grid3-cell.ctb-cell-silver { background-color: #c7c7c7; } .x-grid3-cell.ctb-cell-red { background-color: red; } .x-tag { color: #693; background-image: url(../images/tag_green.gif); background-repeat: no-repeat; background-position: 2px center; padding-left: 17px !important; text-indent: 7px !important; } /* v3 icon buttons */ .icon-v3-dropdown-arrow { background-image: url(../../custom/images/icon-v3-dropdown-arrow.png) !important; background-repeat: no-repeat; width:16px; height:16px;cursor:pointer;} .icon-v3-menu-tick { background-image: url(../../custom/images/icon-v3-menu-tick.png) !important; background-repeat: no-repeat; } .icon-v3-ctb-logo { background-image: url(../../custom/images/icon-v3-ctb-logo.png) !important; background-repeat: no-repeat; } .icon-v3-dropdown-more { background-image: url(../../custom/images/icon-v3-dropdown-more.png) !important; background-repeat: no-repeat; cursor:pointer;} .icon-v3-dropdown-more-dark { background-image: url(../../custom/images/icon-v3-dropdown-more-dark.png) !important; background-repeat: no-repeat; cursor:pointer;} .icon-v3-arrow-next { background-image: url(../../custom/images/icon-v3-arrow-next.png) !important; background-repeat: no-repeat; cursor:pointer;} .icon-v3-arrow-previous { background-image: url(../../custom/images/icon-v3-arrow-previous.png) !important; background-repeat: no-repeat; cursor:pointer;} /* v3 NumberPad - This copy from mobiledevices/home/home.css */ .ctb-number-pad { background-color:#141414 !important;} .ctb-number-pad .x-panel-body { background-color:transparent !important; border-color:transparent !important; } .bg_landing { background-color:transparent !important;} .black_background { background-color:#000000 !important;} .white_background { background-color:#ffffff !important;} .no_padding .x-panel-body {padding:0px;} .numberpad_number_0 { background-image: url(../../mobiledevices/images/number_pad/number_0.png) !important; background-repeat: no-repeat; } .numberpad_number_1 { background-image: url(../../mobiledevices/images/number_pad/number_1.png) !important; background-repeat: no-repeat; } .numberpad_number_2 { background-image: url(../../mobiledevices/images/number_pad/number_2.png) !important; background-repeat: no-repeat; } .numberpad_number_3 { background-image: url(../../mobiledevices/images/number_pad/number_3.png) !important; background-repeat: no-repeat; } .numberpad_number_4 { background-image: url(../../mobiledevices/images/number_pad/number_4.png) !important; background-repeat: no-repeat; } .numberpad_number_5 { background-image: url(../../mobiledevices/images/number_pad/number_5.png) !important; background-repeat: no-repeat; } .numberpad_number_6 { background-image: url(../../mobiledevices/images/number_pad/number_6.png) !important; background-repeat: no-repeat; } .numberpad_number_7 { background-image: url(../../mobiledevices/images/number_pad/number_7.png) !important; background-repeat: no-repeat; } .numberpad_number_8 { background-image: url(../../mobiledevices/images/number_pad/number_8.png) !important; background-repeat: no-repeat; } .numberpad_number_9 { background-image: url(../../mobiledevices/images/number_pad/number_9.png) !important; background-repeat: no-repeat; } .numberpad_number_10 { background-image: url(../../mobiledevices/images/number_pad/dot.png) !important; background-repeat: no-repeat; } .numberpad_number_11 { background-image: url(../../mobiledevices/images/number_pad/eraser.png) !important; background-repeat: no-repeat; } .numberpad_operator_division { background-image: url(../../mobiledevices/images/number_pad/division.png) !important; background-repeat: no-repeat; } .numberpad_operator_multiplication { background-image: url(../../mobiledevices/images/number_pad/multiplication.png) !important; background-repeat: no-repeat; } .numberpad_operator_subtraction { background-image: url(../../mobiledevices/images/number_pad/subtraction.png) !important; background-repeat: no-repeat; } .numberpad_operator_addition { background-image: url(../../mobiledevices/images/number_pad/addition.png) !important; background-repeat: no-repeat; } .numberpad_operator_percentage { background-image: url(../../mobiledevices/images/number_pad/percentage.png) !important; background-repeat: no-repeat; } .numberpad_operator_equal { background-image: url(../../mobiledevices/images/number_pad/equal.png) !important; background-repeat: no-repeat; } .numberpad_operator_delete { background-image: url(../../mobiledevices/images/number_pad/delete.png) !important; background-repeat: no-repeat; } .numberpad_operator_enter { background-image: url(../../mobiledevices/images/number_pad/enter.png) !important; background-repeat: no-repeat; } .numberpad_arrow_previous { background-image: url(../../mobiledevices/images/arrow_previous.png) !important; background-repeat: no-repeat; } .numberpad_arrow_next { background-image: url(../../mobiledevices/images/arrow_next.png) !important; background-repeat: no-repeat; } /* Small */ .numberpad_small_number_0 { background-image: url(../../mobiledevices/images/number_pad/small/number_0v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_1 { background-image: url(../../mobiledevices/images/number_pad/small/number_1v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_2 { background-image: url(../../mobiledevices/images/number_pad/small/number_2v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_3 { background-image: url(../../mobiledevices/images/number_pad/small/number_3v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_4 { background-image: url(../../mobiledevices/images/number_pad/small/number_4v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_5 { background-image: url(../../mobiledevices/images/number_pad/small/number_5v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_6 { background-image: url(../../mobiledevices/images/number_pad/small/number_6v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_7 { background-image: url(../../mobiledevices/images/number_pad/small/number_7v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_8 { background-image: url(../../mobiledevices/images/number_pad/small/number_8v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_9 { background-image: url(../../mobiledevices/images/number_pad/small/number_9v2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_10 { background-image: url(../../mobiledevices/images/number_pad/small/dotv2.png) !important; background-repeat: no-repeat; } .numberpad_small_number_11 { background-image: url(../../mobiledevices/images/number_pad/small/eraserv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_division { background-image: url(../../mobiledevices/images/number_pad/small/divisionv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_multiplication { background-image: url(../../mobiledevices/images/number_pad/small/multiplicationv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_subtraction { background-image: url(../../mobiledevices/images/number_pad/small/subtractionv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_addition { background-image: url(../../mobiledevices/images/number_pad/small/additionv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_percentage { background-image: url(../../mobiledevices/images/number_pad/small/percentage.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_equal { background-image: url(../../mobiledevices/images/number_pad/small/equalv2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_delete { background-image: url(../../mobiledevices/images/number_pad/small/deletev2.png) !important; background-repeat: no-repeat; } .numberpad_small_operator_enter { background-image: url(../../mobiledevices/images/number_pad/small/enterv2.png) !important; background-repeat: no-repeat; } .numberpad_small_arrow_previous { background-image: url(../../mobiledevices/images/number_pad/small/arrow_previous.png) !important; background-repeat: no-repeat; } .numberpad_small_arrow_next { background-image: url(../../mobiledevices/images/number_pad/small/arrow_next.png) !important; background-repeat: no-repeat; } /* CTB Pinboard */ .ctb-pinboard-paging-navigation { width:auto; height:auto; } .ctb-pinboard-paging-navigation .paging-active-button { background: transparent url(../images/pinboard/paging_active.png) no-repeat; width: 30px; height: 10px; background-position: center center; cursor: pointer; } .ctb-pinboard-paging-navigation .paging-inactive-button { background: transparent url(../images/pinboard/paging_inactive.png) no-repeat; width: 30px; height: 10px; background-position: center center; cursor: pointer; } .ctb-pinboard-add-button { background: transparent url(../images/pinboard/icon-pinboard-ctbcircle.png) no-repeat; width: 27px; height: 27px; background-position: center center; cursor: pointer; } .ctb-pinboard-delete-button { background: transparent url(../images/pinboard/icon-pinboard-close.png) no-repeat; width: 16px; height: 16px; background-position: center center; cursor: pointer; } .ctb-tooltip-pointing-arrow { background: transparent url(../images/pinboard/icon-tooltip-pointing-arrow.png) no-repeat; width: 25px; height: 15px; background-position:center bottom; } .ctb-tooltip-pointing-arrow-sc { background: transparent url(../images/pinboard/icon-tooltip-pointing-arrow-sc.png) no-repeat; width: 25px; height: 15px; background-position:center bottom; } .no-user-selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .x-box-inner-overflow-csroll .x-box-inner { overflow: unset !important; } /* Custom LINK */ .CTBLink { font-size:12px; } a.CTBLink:link { text-decoration:none; color:#FFFFFF;} a.CTBLink:visited{ text-decoration:none; color:#FFFFFF;} a.CTBLink:hover{ text-decoration:none; color:#dbbd9a;} .CTBLinkOrange { font-size:12px; text-decoration:underline; } a.CTBLinkOrange:link { color:#eb6f24;} a.CTBLinkOrange:visited{ color:#eb6f24;} a.CTBLinkOrange:hover{ color:#fddab2;} .CTBLinkOrangeWithoutUnderline { font-size:12px; text-decoration:none; } a.CTBLinkOrangeWithoutUnderline:link { text-decoration:none;color:#eb6f24;} a.CTBLinkOrangeWithoutUnderline:visited{ text-decoration:none;color:#eb6f24;} a.CTBLinkOrangeWithoutUnderline:hover{ text-decoration:none;color:#fddab2;} .CTBLinkLightYellow { font-size:12px; text-decoration:underline; } a.CTBLinkLightYellow:link { text-decoration:underline; color:#fddab2;} a.CTBLinkLightYellow:visited{ text-decoration:underline; color:#fddab2;} a.CTBLinkLightYellow:hover{ text-decoration:underline; color:#eb6f24;} /* Report */ .selected_report { background-color:#acacac; } /* Receiving order */ .icon-receiving-order-checked { width:24px; height:21px; background-image: url(../../custom/images/receiving_order/icon-receiving-order-checked.png) !important; background-repeat: no-repeat; background-position:center;} .icon-receiving-order-unchecked { width:24px; height:21px; background-image: url(../../custom/images/receiving_order/icon-receiving-order-unchecked.png) !important; background-repeat: no-repeat; background-position:center; } .icon-check-box-checked { background-image: url(../../custom/images/receiving_order/icon-check-box-checked.png) !important; background-repeat: no-repeat; width:32px; height:32px; background-position:center;} .icon-check-box-unchecked { background-image: url(../../custom/images/receiving_order/icon-check-box-unchecked.png) !important; background-repeat: no-repeat; width:32px; height:32px; background-position:center;} /* Tendering */ .icon-tendering-arrow-down { background-image: url(../../custom/images/tendering/tendering_arrowdown.png); background-repeat: no-repeat; width:26px; height:11px; background-position:center;cursor:pointer;cursor:pointer;} .icon-tendering-arrow-down:hover { background-image: url(../../custom/images/tendering/tendering_arrowdown.png) !important; background-repeat: no-repeat; width:26px; height:11px; background-position:center;cursor:pointer;} .icon-tendering-badge-costeffective { background-image: url(../../custom/images/tendering/icon-tendering-badge-costeffective.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-tendering-badge-measurement { background-image: url(../../custom/images/tendering/tendering_measurement.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-tendering-badge-remove { background-image: url(../../custom/images/tendering/tendering_delete.png); background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-tendering-badge-activate { background-image: url(../../custom/images/tendering/icon-tendering-badge-activate.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-tendering-badge-winner { background-image: url(../../custom/images/tendering/icon-tendering-badge-winner.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} /*.icon-tendering-button-disable { background-image: url(../../custom/images/tendering/icon-tendering-button-disable.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-tendering-button-enable { background-image: url(../../custom/images/tendering/icon-tendering-button-enable.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} */ .icon-tendering-button-disable { background-image: url(../../custom/images/tendering/icon-show.png) !important; background-repeat: no-repeat; width:16px; height:16px; background-position:center;cursor:pointer;} .icon-tendering-button-enable { background-image: url(../../custom/images/tendering/icon-hide.png) !important; background-repeat: no-repeat; width:16px; height:16px; background-position:center;cursor:pointer;} .icon-tendering-button-print { background-image: url(../../custom/images/tendering/tendering_print_inactive.png) !important; background-repeat: no-repeat; width:34px; height:40px; background-position:center;cursor:pointer;} .icon-tendering-button-trash { background-image: url(../../custom/images/tendering/tendering_delete_inactive.png) !important; background-repeat: no-repeat; width:34px; height:40px; background-position:center;cursor:pointer;} .icon-tendering-letter-success { background-image: url(../../custom/images/tendering/tendering_successfultender.png) !important; background-repeat: no-repeat; width:59px; height:53px; background-position:center;cursor:pointer;} .icon-tendering-letter-tendering { background-image: url(../../custom/images/tendering/tendering_sendletter.png) !important; background-repeat: no-repeat; width:59px; height:53px; background-position:center;cursor:pointer;} .icon-tendering-letter-unsuccess { background-image: url(../../custom/images/tendering/tendering_unsuccessful.png) !important; background-repeat: no-repeat; width:59px; height:53px; background-position:center;cursor:pointer;} .icon-supplier-price-update-letter { background-image: url(../../custom/images/tendering/supplier_price_update_letter.png) !important; background-repeat: no-repeat; width:27px;height:19px; margin-left:10px; background-size: cover;cursor:pointer;} .tendering-measurement-label-hidden { visibility:hidden; display:none; } .tendering-measurement-label-visible { visibility:visible !important; display:inline !important; } /* Supplier Price Update */ .icon-supplier-price-update-price-increase { background-image: url(../../custom/images/icon-go-up.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-supplier-price-update-price-decrease { background-image: url(../../custom/images/icon-go-down.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} .icon-supplier-price-update-price-equal { background-image: url(../../custom/images/icon-equal.png) !important; background-repeat: no-repeat; width:25px; height:25px; background-position:center;cursor:pointer;} /* Budget Tag */ .divBudgetTagArrowDown { background-image: url(../../custom/images/BalanceButton_inactive.png); } .divBudgetTagArrowUp { background-image: url(../../custom/images/BalanceButton_active.png); } .divBudgetTag { text-align:left; /*margin-top:-20px;*/ color:#ffffff; background-repeat: no-repeat; background-position:center; cursor:pointer; } .divBudgetTag span { padding-left:15px; padding-top:5px; width:100%; height:100%; display:table-cell; vertical-align:middle; font-size:15px; } .clsDlgBudgetTag { background-color:#ffffff; width:100%; height:100%; } .clsBudgetTagEditBudgetPurchase { background-image: url(../../custom/images/icon-gear-24.png) !important; background-repeat: no-repeat; background-position:center; cursor:pointer; width:24px; height:24px; } /* Stock Order Template */ .clsStockOrderTemplateExpanded { background-image: url(../../custom/images/icon-zoom-in.png); } .clsStockOrderTemplateRestored { background-image: url(../../custom/images/icon-zoom-out.png); } .ctb_text_hover { font-weight:normal; } .ctb_text_hover:hover { font-weight:bolder; cursor:pointer; } /* CTB Simple Table Style : http://johnsardine.com/freebies/dl-html-css/simple-little-tab/ */ .ctb_simple_table_style a:link { color: #666; font-weight: bold; text-decoration:none; } .ctb_simple_table_style a:visited { color: #999999; font-weight:bold; text-decoration:none; } .ctb_simple_table_style a:active, .ctb_simple_table_style a:hover { color: #bd5a35; text-decoration:underline; } .ctb_simple_table_style { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#eaebec; /*margin:5px;*/ border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } .ctb_simple_table_style th { padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } .ctb_simple_table_style th:first-child { text-align: left; padding-left:20px; } .ctb_simple_table_style tr:first-child th:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; } .ctb_simple_table_style tr:first-child th:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } .ctb_simple_table_style tr { text-align: center; padding-left:20px; } .ctb_simple_table_style td:first-child { text-align: left; padding-left:20px; border-left: 0; } .ctb_simple_table_style td { padding:18px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } .ctb_simple_table_style tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } .ctb_simple_table_style tr:last-child td { border-bottom:0; } .ctb_simple_table_style tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } .ctb_simple_table_style tr:last-child td:last-child { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } .ctb_simple_table_style tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } /* CSS Tooltips : http://www.menucool.com/tooltip/css-tooltip */ a.ctbtooltip {outline:none; } a.ctbtooltip strong {line-height:30px;} a.ctbtooltip:hover {text-decoration:none;} a.ctbtooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:200px; line-height:16px; } a.ctbtooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ a.ctbtooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; } /* TOM UPDATE CTB ADS*/ .adv-btn:hover { cursor: pointer; } .adv-btn { cursor: pointer; } .utube-frame { width: 700px; height: 400px; margin-left: 10px; border: none; } .image-frame { width: 700px; height: 400px; margin-left: 10px; } .contact-btn { position: absolute; top: 81%; left: 85%; } .adv-info-btn { position: absolute; top: 390px; left: 618px; text-align: center; } .adv-info-btn .ads-button { width: 110px !important; } .adv-order-btn { position: absolute; top: 280px; left: 618px; text-align: center; } .adv-order-btn .ads-button { width: 110px !important; } .adv-contact-btn { position: absolute; top: 335px; left: 618px; text-align: center; } .adv-contact-btn .ads-button { width: 110px !important; } .adv-left-top-icon { position: absolute; top: 0%; left: 0%; } .adv-right-top-cancel { position: absolute; top: 11px; left: 725px; } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 10px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 140px; } .table-stock-order .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 3px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 153px; } } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 10px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 140px; } .table-stock-order .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 10px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 140px; } } .ads-button:hover { background-color: #ac2925; border-color: #761c19; text-decoration: none; } .ads-button:active { position: relative; top: 1px; } /* For landscape layouts only */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 10px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 140px; } .table-stock-order .ads-button { background-color: #d9534f; border: 1px solid #d43f3a; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; padding: 3px; text-decoration: none; text-shadow: 0px 1px 0px #dd4949; white-space: nowrap; width: 153px; } } /* For projected revenue calendar */ /*.projected_revenue_calendar_cell:hover { background-color:#a5d759 !important; cursor:pointer; }*/ .ctb-supplier-price-update-button { background-position: 0 center; background-repeat: no-repeat; padding-left: 15px; padding-top: 7px; padding-bottom: 20px; padding-right: 15px; height: 20px; background-color: #000000 !important; color: #ffffff !important; font-weight: bold; border: 3px solid #ffffff !important; } .ctb_btn_recipe_link_broken { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed'); background-color:#fe1a00; -moz-border-radius:3px; -webkit-border-radius:6px; border-radius:3px; border:1px solid #fe1a00; display:inline-block; color:White; font-family:arial; font-size:11px; font-weight:bold; padding:2px 5px; text-decoration:none; /*text-shadow:1px 1px 0px #ffffff;*/ } .ctb_btn_recipe_link_fixed { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #5cb811) ); background:-moz-linear-gradient( center top, #5cb811 5%, #5cb811 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed'); background-color:#5cb811; -moz-border-radius:3px; -webkit-border-radius:6px; border-radius:3px; border:1px solid #5cb811; display:inline-block; color:White; font-family:arial; font-size:11px; font-weight:bold; padding:2px 5px; text-decoration:none; /*text-shadow:1px 1px 0px #ffffff;*/ } /* Calendar */ .ctb-calendar-cell:hover { background-color: #eeeeee !important; } /* Captured */ .captured-mealchoice-scroller-hide-y .x-grid3-scroller { overflow-y: hidden; } .captured-mealchoice-cell .x-grid3-cell-inner { padding:0px 0px; } .captured-mealpreparation-table-td .x-grid3-col { vertical-align: middle; } /* Budget calendar */ .budgetcalendar-table th { text-align: center; border: unset; font-size: 17px; height: 60px; font-weight: 500; color: #000000; } /* Body Load Mask Full Screen Cover*/ .ctb-ultimate-body-load-mask { top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(170,170,170,0.7); display: flex; align-items: center; justify-content: center; } .ctb-ultimate-body-load-mask div{ margin: auto 0px; max-width: 50%; } /*Added by Man : hide btn Close : 19/06/2019*/ /*TR411 Added by Man : hide btn Close : 19/06/2019*/ .combocustom .x-form-field-wrap { width: 100% !important; text-align: center !important; left: -4% !important; } .combo-custom { width: 60% !important; padding: 7px; border-radius: 3px 0 0 3px; background-color: #f3f3f3 !important; border-color: #d8d8d8 !important; border: solid 1px #d8d8d8; } .combo-list-item-custom { border: solid 0.05px #f3f3f3; background-color: #ffffff; height: 30px; line-height: 30px !important; font-family: arial , tahoma , verdana , helvetica;; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4c4d4f; padding-left: 6%; } .combocustom .x-form-field-wrap .x-form-trigger { background-image: url('../../extjs/images/ctbtheme-v3/form/ic-arrow-drop-down-48-px-copy@2x.png') !important; background-repeat: no-repeat; background-position: center; padding: 0 3px 0 3px; height: 32px !important; background-size: 40% 20%; margin-left: -1px; border-color: #d8d8d8 !important; border: solid 1px #d8d8d8; border-left: none; background-color: #f3f3f3 !important; border-radius: 0 3px 3px 0; } .combocustom .x-form-field-trigger-wrap { text-align: left; left: 2%; } .icon-save-large-custom, .icon-cancel-large-custom { height: 30px !important; background-color: #4c4d4f !important; color: #ffffff !important; border-radius: 2px; } .x-panel-blackbgcolor-custom { background-color: #f1f1f1 !important; } .x-grid3-row.ctb-cell-green { background-color: green !important; color: white } .x-grid3-row.ctb-cell-green .x-grid3-cell-selected{ background-color: green !important; } .swal-html-content p{ margin-bottom: 10px; } .swal-html-content ul { margin-bottom: 10px; }