@charset"utf-8"; a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;outline:0;vertical-align:top;} ol, ul{list-style:none;} blockquote, q{quotes:none;} table, table td{padding:0;border:0 none;border-collapse:collapse;} img{vertical-align:top;border:0 none;} embed{vertical-align:top;} * {border:0 none;outline:none;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} input, textarea{outline:none !important} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block;} mark, rp, rt, ruby, summary, time{display:inline} *:focus{outline:0 none;} a:hover, a:active{outline:0;} img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} button, input, select, textarea{margin:0;font-size:100%;vertical-align:middle;} button, input{overflow:visible;line-height:normal;} button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;} button, html input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;-webkit-appearance:button;} label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor:pointer;} textarea{overflow:auto;vertical-align:top;} @-ms-viewport{width:device-width;} @-moz-viewport{width:device-width;} @-webkit-viewport{width:device-width;} @viewport{width:device-width;} input::-ms-clear{display:none !important;} input[type=text]::-ms-clear{display:none !important;} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:before, .clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} /* Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/ */ .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #23241f; } .hljs, .hljs-tag, .hljs-subst { color: #f8f8f2; } .hljs-strong, .hljs-emphasis { color: #a8a8a2; } .hljs-bullet, .hljs-quote, .hljs-number, .hljs-regexp, .hljs-literal, .hljs-link { color: #ae81ff; } .hljs-code, .hljs-title, .hljs-section, .hljs-selector-class { color: #a6e22e; } .hljs-strong { font-weight: bold; } .hljs-emphasis { font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-name, .hljs-attr { color: #f92672; } .hljs-symbol, .hljs-attribute { color: #66d9ef; } .hljs-params, .hljs-class .hljs-title { color: #f8f8f2; } .hljs-string, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-addition, .hljs-variable, .hljs-template-variable { color: #e6db74; } .hljs-comment, .hljs-deletion, .hljs-meta { color: #75715e; } /*! jQuery UI - v1.9.2 - 2012-12-08 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.menu.css, draggable.css, sortable.css, * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable {-ms-touch-action: none; touch-action: none;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-draggable .ui-dialog-titlebar {cursor: move;} .ui-draggable-handle {-ms-touch-action: none;touch-action: none;} .ui-sortable-handle {-ms-touch-action: none;touch-action: none;} /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /** * CSS Modal * Modal as reusable module * http://drublic.github.com/css-modal * * @author Hans Christian Reinl - @drublic * @version 1.0.4 * * Usage: * selector { * @extend %modal; * } */ /* * Configuration */ /*html { overflow-y: scroll; }*/ .has-overlay { overflow: hidden; } .has-overlay > body { height: 100%; overflow-y: scroll; } .semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; color: #222; line-height: 1.3; display: none\9; } .semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .is-active.semantic-content { display: block\9; } .semantic-content:target { display: block\9; } .semantic-content .modal-inner { position: absolute; top: 50px; left: 50%; z-index: 20; margin-left: -325px; width: 650px; overflow-x: hidden; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 300px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } .semantic-content header { border-bottom: 1px solid #dddddd; padding: 0 1.2em; } .semantic-content header > h2 { margin: 0.5em 0; } .semantic-content .modal-content { max-height: 400px; max-height: 70vh; border-bottom: 1px solid #dddddd; padding: 15px 1.2em; overflow-x: hidden; overflow-y: auto; } .semantic-content .modal-content > * { max-width: 100%; } .semantic-content footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; } .semantic-content .modal-close { display: block; text-indent: -100px; overflow: hidden; } .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg=="); } .semantic-content .modal-close:after { content: '\00d7'; position: absolute; top: 25px; left: 50%; z-index: 20; margin-left: 285px; background: #fff; border-radius: 2px; padding: 2px 8px; font-size: 1.2em; text-decoration: none; text-indent: 0; } @media screen and (max-width: 690px) { .semantic-content .modal-inner { width: auto; left: 20px; right: 20px; margin-left: 0; } .semantic-content .modal-close { left: auto; right: 33px; margin-left: 0; } .semantic-content .modal-close:after { margin-left: 40%; } } @media screen and (max-width: 30em) { .semantic-content { -webkit-transform: translate(0, 400px); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s; -moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s; -o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s; -ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s; transition: transform .25s ease-in-out, opacity 1ms .25s; display: block; height: 100%; bottom: auto; } .semantic-content:target { -webkit-transition: -webkit-transform .25s ease-in-out; -moz-transition: -moz-transform .25s ease-in-out; -o-transition: -o-transform .25s ease-in-out; -ms-transition: -ms-transform .25s ease-in-out; transition: transform .25s ease-in-out; } .semantic-content:before { background-color: #27aae2; background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3)); background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3); background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3); background-image: -o-linear-gradient(top, #27aae2, #1c9cd3); background-image: linear-gradient(to bottom, #27aae2, #1c9cd3); content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 30; height: 3em; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); } .semantic-content .modal-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; right: 0; padding-top: 3em; height: 100%; overflow: scroll; -webkit-box-shadow: none; box-shadow: none; } .semantic-content .modal-content { max-height: none; } .semantic-content .modal-close { right: auto; text-decoration: none; } .semantic-content .modal-close:before { display: none; } .semantic-content .modal-close:after { content: attr(data-close); top: 0.4em; left: 1em; z-index: 40; margin-left: 0; font-size: 1em; padding: 0.5em 1em; } } @media screen and (max-height: 46em) and (min-width: 30em) { .semantic-content .modal-content { max-height: 340px; max-height: 50vh; } } @media screen and (max-height: 36em) and (min-width: 30em) { .semantic-content .modal-content { max-height: 265px; max-height: 40vh; } } @media screen and (min-width: 30em) { .semantic-content { -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } } /*Grid*/ .ui-jqgrid { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px; /*z-index:100;*/} .ui-jqgrid .ui-common-table {border-width: 0px; border-style: none; border-spacing: 0px; padding: 0;} /* caption*/ .ui-jqgrid .ui-jqgrid-titlebar {height:19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;} .ui-jqgrid .ui-jqgrid-caption {text-align: left;} .ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; } .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;} .ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; } .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; } /* header*/ .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;} .ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;} .ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;/*border-collapse: separate;*/} .ui-jqgrid .ui-jqgrid-htable th { height: 27px; padding: 0;} .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height: 18px;} .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;} .ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none; height: 26px;} .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;} .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;} .ui-first-th-ltr {border-right: 1px solid; } .ui-first-th-rtl {border-left: 1px solid; } .ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;} .ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;} .ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;} .ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;} .ui-jqgrid .ui-icon-desc {margin-top:3px;margin-left:-1px;height:12px;} .ui-jqgrid .ui-i-asc {margin-top:0;height:18px;} .ui-jqgrid .ui-i-desc {margin-top:0;margin-left:12px;height:18px;} .ui-jqgrid .ui-single-sort-asc {margin-top:0;height:18px;} .ui-jqgrid .ui-single-sort-desc {margin-top:-1px;height:18px;} .ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;height:14px} .ui-jqgrid tr.ui-search-toolbar th { } .ui-jqgrid .ui-search-table td.ui-search-clear { width:25px;} .ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px; width: 95%;} .ui-jqgrid tr.ui-search-toolbar select {} /* body */ .ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;/*z-index: 101;*/} .ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; border-collapse: collapse;} .ui-jqgrid tr.jqgrow { outline-style: none; } .ui-jqgrid tr.jqgroup { outline-style: none; } .ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 23px;padding: 1px 2px 1px 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;} .ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid; height:auto;} .ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;} .ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;} .ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;} .ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;} .ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;} .ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;} /* footer */ .ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;} .ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;border-collapse: separate;} .ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 20px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;} .ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;} .ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;} /* Pager*/ .ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap;overflow: hidden;font-size:11px; z-index:101} .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {position: relative;border-left: 0;border-bottom: 0;border-top: 0; height: 28px;} .ui-jqgrid .ui-pg-table {position: relative; padding: 1px 0; width:auto; margin: 0;} .ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:0px 1px;} .ui-jqgrid .ui-pg-button { height:auto} .ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float:left;} .ui-jqgrid .ui-pg-button:hover { padding: 0;} .ui-jqgrid .ui-state-disabled:hover {padding:0px;} .ui-jqgrid .ui-pg-input,.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height:14px;width: auto;font-size:.9em; margin:0;line-height: inherit;border: none; padding: 3px 2px} .ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {font-size:.9em; line-height:inherit; display:block; height:19px; margin: 0; padding: 3px 0px; border:none;} .ui-jqgrid .ui-separator {height: 18px; border-left: 2px solid #ccc ;} .ui-separator-li {height: 2px; border : none;border-top: 2px solid #ccc ; margin: 0; padding: 0; width:100%} .ui-jqgrid .dropdownmenu { padding: 3px 0 3px 0; margin-left: 4px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative; line-height: 20px;} .ui-jqgrid .ui-jqgrid-pager .ui-pg-button, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {float:left;margin: 2px; width:18px;} .ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top:5px;padding-bottom: 5px;} .ui-jqgrid td textarea {width:auto;height:auto;} .ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative;white-space: nowrap;overflow: hidden;} .ui-jqgrid .ui-jqgrid-pager .ui-pager-table { width:100%; table-layout:fixed; height:100%; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-info { font-weight: normal; height:auto; margin-top:3px; margin-right:4px; display: inline; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-pager { table-layout:auto; height:100%; } .ui-jqgrid .ui-jqgrid-pager .navtable { float:left; table-layout:auto; height:100%; } /*.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative; line-height: 20px; margin-right:3px;} .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; } .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {float:left;margin: 2px; width:18px;} */ /*subgrid*/ .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;} .ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;} .ui-jqgrid .ui-subgrid table {table-layout: fixed;} .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;} .ui-jqgrid .ui-subgrid td.subgrid-data {border-top: 0 none !important;} .ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;} .ui-jqgrid .ui-th-subgrid {height:20px;} /* loading */ .ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;} .ui-jqgrid .jqgrid-overlay {display:none;z-index:100;} /* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */ * .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;} /* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ /* end loading div */ /* toolbar */ .ui-jqgrid .ui-userdata {border-left: 0 none; border-right: 0 none; height : 27px;overflow: hidden; } /*Modal Window */ .ui-jqdialog { font-size:11px !important; } .ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;} .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height:20px;} .ui-jqdialog .ui-jqdialog-title { margin: .3em .2em .2em .2em;} .ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor:pointer;} .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; } .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; } .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;} .ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;} .ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px} .ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px } /* end Modal window*/ /* Form edit */ .ui-jqdialog-content .FormGrid {margin: 0; overflow:auto;position:relative;} .ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;} .ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;} .EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;} .EditTable td textarea { width:auto; height:auto;} .ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;} .ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;} .ui-jqdialog-content input.FormElement {padding: .5em .3em; margin-bottom: 3px} .ui-jqdialog-content select.FormElement {padding:.3em; margin-bottom: 3px;} .ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;} .ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;} .ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;} .ui-jqdialog-content .form-view-data {white-space:pre} .fm-button { height: 18px; display: inline-block; margin:2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } .fm-button-icon-left { padding-left: 1.9em; } .fm-button-icon-right { padding-right: 1.9em; } .fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; } .fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;} #nData, #pData { float: left; margin:3px;padding: 0; width: 15px; } .ViewTable { border-width: 0; border-style: none; border-spacing: 1px; padding: 4px; table-layout: fixed; } .ViewTable .CaptionTD, .ViewTable .DataTD {padding : 4px;} /* End Eorm edit */ /*cell edit*/ .ui-jqgrid .edit-cell { padding: 4px 0px 4px 4px; } .ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;} /* inline edit actions button*/ .ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span, .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span { margin: -1px; } .ui-inline-del, .ui-inline-cancel { margin-left: 8px; } .ui-jqgrid .inline-edit-cell { padding: 4px 0px 4px 4px; } /* Tree Grid */ .ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;} .ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;} .ui-jqgrid .tree-plus {position: absolute; height: 18px; width: 18px; overflow: hidden;} .ui-jqgrid .tree-leaf {position: absolute; height: 18px; width: 18px;overflow: hidden;} .ui-jqgrid .treeclick {cursor: pointer;} /* moda dialog */ * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;} /* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ .ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px} /* RTL Support */ .ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;} .ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;} .ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;} .ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;} .ui-jqgrid .ui-sort-rtl {left:0;} .ui-jqgrid .tree-wrap-ltr {float: left;} .ui-jqgrid .tree-wrap-rtl {float: right;} .ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;} /* Toolbar Search Menu , Nav menu*/ .ui-search-menu, .ui-nav-menu { position: absolute; padding: 2px 5px; z-index:99999; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } .ui-search-menu.ui-menu .ui-menu-item, .ui-nav-menu.ui-menu .ui-menu-item { list-style-image: none; padding-right: 0; padding-left: 0; } .ui-search-menu.ui-menu .ui-menu-item a, .ui-nav-menu.ui-menu .ui-menu-item a { display: block; } .ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover, .ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover { margin: -1px; font-weight: normal; } .ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;} .ui-jqgrid .ui-search-table .ui-search-oper { width:20px; } a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; } .ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button { font-size: 11px; } .ui-jqgrid .ui-scroll-popup {width: 95px;} .ui-search-table select, .ui-search-table input { padding: 4px 3px; } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator { margin-left: 3px; margin-right: 3px; } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon { margin-left: 3px; margin-right: 3px; } /*! * Timepicker Component for Twitter Bootstrap * * Copyright 2013 Joris de Wit * * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ .bootstrap-timepicker { position: relative; } .bootstrap-timepicker-widget { position: absolute; top: 100%; left: 0; color: #5f5f5f; z-index: 1000; display: none; min-width: 160px; margin: 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2); box-shadow: 1px 1px 3px rgba(0,0,0,.2); } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker .input-group-addon { display: inline-flex; cursor: pointer; } .bootstrap-timepicker .input-group-addon i { display: inline-block; width: 16px; height: 16px; } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; } /*.bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; }*/ /*.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #ddd; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; } .bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; }*/ .bootstrap-timepicker-widget .modal-content { padding: 4px; } @media (min-width: 767px) { .bootstrap-timepicker-widget.modal { width: 200px; margin-left: -100px; } } @media (max-width: 767px) { .bootstrap-timepicker { width: 100%; } .bootstrap-timepicker .dropdown-menu { width: 100%; } } .bootstrap-timepicker-title { color: white; display: block; background: #4698d2; font-size: 13px; text-align: center; line-height: 27px; } .bootstrap-timepicker-time { display: block; padding: 20px 40px; border: 1px solid #eaeaea; } .bootstrap-timepicker-time > div:not(.bootstrap-timepicker-separator) { width: 26px; float: left; vertical-align: top; padding: 3px 0; } .bootstrap-timepicker-time > div * { display: block; font-size: 16px; text-align: center; } .bootstrap-timepicker-time > div > input { width: 26px; outline: none; text-align: center; border: 0 none; color: #5f5f5f; padding: 0; font-size: 16px; } .bootstrap-timepicker-time > div > span , .bootstrap-timepicker-time > div > input { margin: 5px 0; } .bootstrap-timepicker-separator { float: left; vertical-align: top; margin: 0 !important; box-sizing: border-box; height: 64px; line-height: 64px; text-align: center; width: 16px; } .bootstrap-timepicker-separator:before { content:':' } .bootstrap-timepicker-time > .bootstrap-timepicker-meridian { width: 26px; margin-left: 15px; } .bootstrap-timepicker-time button.arrow { height:13px; width: 13px; padding: 0; margin: 0 auto; cursor: pointer; outline: none; background: transparent; border-style: solid; border-color: #4698d2; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } .bootstrap-timepicker-time button.arrow.down { border-width: 0 4px 4px 0; } .bootstrap-timepicker-time button.arrow.up { border-width: 4px 0 0 4px; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?crssw4'); src: url('fonts/icomoon.eot?crssw4#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?crssw4') format('truetype'), url('fonts/icomoon.woff?crssw4') format('woff'), url('fonts/icomoon.svg?crssw4#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"]:before , [class*=" icon-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shipped:before { content: "\e900"; } .icon-shipped-select:before { content: "\e901"; } .icon-review:before { content: "\e902"; } .icon-review-select:before { content: "\e903"; } .icon-import:before { content: "\e904"; } .icon-list:before { content: "\e905"; } .icon-list-select:before { content: "\e906"; } .icon-star:before { content: "\e95c"; } .icon-star-select:before { content: "\e908"; } .icon-time:before { content: "\e95d"; } .icon-add:before { content: "\e90a"; } .icon-add-select:before { content: "\e90b"; } .icon-details:before { content: "\e90c"; } .icon-details-selec:before { content: "\e90d"; } .icon-check:before { content: "\e90e"; } .icon-ipad:before { content: "\e90f"; } .icon-ipod:before { content: "\e910"; } .icon-mobile-footer:before { content: "\e911"; } .icon-small-loupe:before { content: "\e912"; } .icon-big-loupe:before { content: "\e913"; } .icon-import-select:before { content: "\e914"; } .icon-time-select:before { content: "\e915"; } .icon-world:before { content: "\e916"; } .icon-calendar:before { content: "\e917"; } .icon-new:before { content: "\e918"; } .icon-new-select:before { content: "\e919"; } .icon-cancel:before { content: "\e91a"; } .icon-cansel-select:before { content: "\e91b"; } .icon-edit:before { content: "\e91c"; } .icon-pencil:before { content: "\e91d"; } .icon-recent-warrning:before { content: "\e91e"; } .icon-recent-edit:before { content: "\e91f"; } .icon-recent-empty:before { content: "\e924"; } .icon-exit:before { content: "\e925"; } .icon-x:before { content: "\e926"; } .icon-chqicons-36:before { content: "\e927"; } .icon-recent-text:before { content: "\e928"; } .icon-resent-bold:before { content: "\e92d"; } .icon-recent-grafic:before { content: "\e92e"; } .icon-recent-lock:before { content: "\e92f"; } .icon-recent-arrow:before { content: "\e930"; } .icon-recent1:before { content: "\e931"; } .icon-recent-alfa:before { content: "\e932"; } .icon-recent-close:before { content: "\e933"; } .icon-recent-check:before { content: "\e934"; } .icon-recent-time:before { content: "\e935"; } .icon-chq-icons-47:before { content: "\e907"; } .icon-chq-icons-48:before { content: "\e909"; } .icon-chq-icons-52:before { content: "\e920"; } .icon-chq-icons-51:before { content: "\e921"; } .icon-chq-icons-49:before { content: "\e922"; } .icon-chq-icons-50:before { content: "\e923"; } .icon-beta-82:before { content: "\e929"; } .icon-folder:before { content: "\e92a"; } .icon-small-list-icon:before { content: "\e92b"; } .icon-arrow-grafic:before { content: "\e92c"; } .icon-hierarchy:before { content: "\e936"; } .icon-grafic:before { content: "\e937"; } .icon-adjustment:before { content: "\e938"; } .icon-adjustment-selected:before { content: "\e939"; } .icon-datetime:before { content: "\e93a"; } .icon-lock-check:before { content: "\e93b"; } .icon-progress:before { content: "\e93c"; } .icon-guest:before { content: "\e93d"; } .icon-member:before { content: "\e93e"; } .icon-hidden:before { content: "\e93f"; } .icon-reload:before { content: "\e940"; } .icon-reload-selected:before { content: "\e941"; } .icon-chq-icons-67:before { content: "\e942"; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Semibold-webfont.eot'); src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: normal; } /*=================================== CHQ COMMON & COMPONENTS ================================*/ html , body { width: 100%; height: 100%; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: 'Open Sans', sans-serif; font-weight: 400; /*letter-spacing: -0.3px;*/ background: #fff; color: #fff; font-size: 0; /* hack for stupid IE*/ } input , textarea , button , table , xmp { font-family: 'Open Sans', sans-serif; font-size: 13px; background: transparent; } .recent_table_wrapper > table { table-layout: fixed; width: inherit; } a, a:active { color: #4698d2; } a.disabled { pointer-events: none; color: #a3a3a3 !important; cursor: default !important; text-decoration: none !important; } input:disabled , input:disabled:hover , texarea:disabled , texarea:disabled:hover , texarea:read-only { cursor: default !important; } h1 { font-size: 22px; padding: 0 9px; font-weight: 400; color: #5f5f5f; } hr { background: #eaeaea; width: 100%; height: 1px; margin: 10px 0; display: block; clear: both; } .page_content { display: block; float: left; width: 600px; margin: 0 0 0 20px; } .fileupload { display: none; } /*#region --------------- DECORATIVE: checkbox, radio (styled to checkbox), select, selectBox(Ivan) ---------------------------*/ input { padding: 4px 10px; min-width: 0; } input:focus { border-color: #4698D2; } ::-webkit-input-placeholder { text-transform: lowercase; color: #d3d2d1; font-size: 12px; } input:focus:-webkit-input-placeholder { display: none; } input[type="search"]::-webkit-search-cancel-button { display: none; } .checkbox , .treeCheckBox , .radio , .radioCheckBox { min-height: 22px; padding: 0 0 0 22px; cursor: pointer; display: inline-block; margin: 0; font: inherit; position: relative; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .treeCheckBox { margin-bottom: 5px; } .checkbox input[type="checkbox"] , .treeCheckBox input[type="checkbox"] , .radio input[type="radio"] , .radioCheckBox input[type="radio"] { outline: none; width: 22px; height: 22px; margin: 0 0 0 -22px; overflow: hidden; z-index: 1; position: absolute; opacity: 0; } .checkbox_wrapper { display: block; position: relative; width: 22px; height: 22px; } .checkbox_wrapper.inp_error .err_holder:after { top: 1px; } .checkbox_wrapper.inp_error .checkbox input[type="checkbox"] + span.bg , .checkbox_wrapper.inp_error .treeCheckBox input[type="checkbox"] + span.bg , .checkbox_wrapper.inp_error .checkbox input[type="checkbox"]:focus + span.bg , .checkbox_wrapper.inp_error .treeCheckBox input[type="checkbox"]:focus + span.bg , .checkbox_wrapper.inp_error .checkbox input[type="checkbox"]:active + span.bg { border-color: #dc000c; } .checkbox_wrapper.inp_error .checkbox input[type="checkbox"] + span.bg:before , .checkbox_wrapper.inp_error .treeCheckBox input[type="checkbox"] + span.bg:before , .checkbox_wrapper.inp_error .checkbox input[type="checkbox"]:focus + span.bg:before , .checkbox_wrapper.inp_error .treeCheckBox input[type="checkbox"]:focus + span.bg:before , .checkbox_wrapper.inp_error .checkbox input[type="checkbox"]:active + span.bg:before { width: 22px; overflow: hidden; } .checkbox input[type="checkbox"]:disabled , .treeCheckBox input[type="checkbox"]:disabled , .radio input[type="radio"]:disabled , .radioCheckBox input[type="radio"]:disabled { pointer-events:none; /*The element is never the target of mouse events*/ } .checkbox span.bg , .treeCheckBox span.bg , .radio span.bg , .radioCheckBox span.bg { display: block; width: 22px; height: 22px; overflow: visible !important; font: 400 0/0 sans-serif; float: left; margin: 0 0 0 -22px; position: relative; } .checkbox input[type="checkbox"] + span.bg , .treeCheckBox input[type="checkbox"] + span.bg , .radioCheckBox input[type="radio"] + span.bg { background: #fff; border: 1px solid #d7d7d7; } .radio input[type="radio"] + span.bg { position: relative; } .radio input[type="radio"] + span.bg:after { position: absolute; content: ''; display: block; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #d7d7d7; z-index: 0; } .radio input[type="radio"]:focus + span.bg:after , .radio input[type="radio"]:active + span.bg:after { border-color: #4698d2; } .checkbox input[type="checkbox"]:focus + span.bg , .treeCheckBox input[type="checkbox"]:focus + span.bg , .checkbox input[type="checkbox"]:active + span.bg { border-color: #4698d2; } .checkbox input[type="checkbox"] + span.bg:before , .treeCheckBox input[type="checkbox"] + span.bg:before , .radioCheckBox input[type="radio"] + span.bg:before { font-family: 'icomoon' !important; content: "\e90e"; display: inline-block; color: #4698d2; font-size: 30px; line-height: 20px; margin: -4px 0 0px -2px; -webkit-transform: scale(0); transform: scale(0); } .checkbox input[type="checkbox"]:indeterminate + span.bg:before , .checkbox input[type="checkbox"].checkbox_minus + span.bg:before { content: "-"; display: block; color: #4698d2; font-size: 30px; line-height: 10px; margin: 0; -webkit-transform: scale(1); transform: scale(1); position: absolute; top: 0; left: -1px; width: 22px; text-align: center; } .radio input[type="radio"] + span.bg:before { content: ''; display: block; background: #4698d2; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 7px; left: 7px; z-index: 1; -webkit-transform: scale(0); transform: scale(0); } .checkbox input[type="checkbox"]:checked + span.bg:before , .treeCheckBox input[type="checkbox"]:checked + span.bg:before , .radioCheckBox input[type="radio"]:checked + span.bg:before , .radio input[type="radio"]:checked + span.bg:before { -webkit-transform: scale(1); transform: scale(1); } .checkbox input[type="checkbox"]:disabled + span.bg , .treeCheckBox input[type="checkbox"]:disabled + span.bg , .radioCheckBox input[type="radio"]:disabled + span.bg { background: #f3f3f3; border: 1px solid #dcdcdc; cursor: default; } .checkbox input[type="checkbox"]:disabled + span.bg:before , .treeCheckBox input[type="checkbox"]:disabled + span.bg:before , .radioCheckBox input[type="radio"]:disabled + span.bg:before { color: #9e9e9e; } .radio input[type="radio"]:disabled + span.bg { cursor: default; } .radio input[type="radio"]:disabled + span.bg:before { background: #9e9e9e; } .radio input[type="radio"]:disabled + span.bg:after , .radio input[type="radio"]:disabled:focus + span.bg:after , .radio input[type="radio"]:disabled:active + span.bg:after { background: #f3f3f3; border: 1px solid #dcdcdc; } .checkbox input[type="checkbox"]:disabled + span.bg + span:not(.bg) , .treeCheckBox input[type="checkbox"]:disabled + span.bg + span:not(.bg) , .radioCheckBox input[type="radio"]:disabled + span.bg + span:not(.bg) , .radio input[type="radio"]:disabled + span.bg + span:not(.bg) { opacity: .6; cursor: default; } .checkbox span:not(.bg) , .treeCheckBox span:not(.bg) , .radio span:not(.bg) { line-height: 22px !important; padding: 0 0 0 5px; color: #3b3b3b; font-size: 13px; } /* left to right checkbox */ .leftToRightCheckbox { padding: 0 22px 0 0; } .leftToRightCheckbox input[type=checkbox] { right: 0; } .leftToRightCheckbox input[type="checkbox"] + span.bg { float: right; margin: 0 -22px 0 0; } .leftToRightCheckbox span:not(.bg) { padding: 0 5px 0 0; } /*#endregion*/ /*#region ------------------ GRID ------------------------*/ .appendGrid , .appendedGrid , .appendPaging , .appendedPaging { position: relative; z-index: 1; } .tableContainer { position: relative; } .tableContainer::after , .tableContainer::before { content: ''; display: block; top: 0; position: absolute; width: 1px; height: 100%; background: #eaeaea; z-index: 1; } .tableContainer::after { left: 0; } .tableContainer::before { right: 0; } .tableContainer td .input_wrapper { margin: 0; } .appendPaging , .appendedPaging { z-index: 2; } .disableGrid:after { position: absolute; display: block; content:""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(250,250,250,.5); z-index:2; } .silverLightPage { display:table; width:100%; height:100%; } .silverLightPage > div { display: table-cell; height: 90vh; width: 100%; text-align: center; vertical-align: middle; color:#5f5f5f; line-height:34px; font-size:28px; } /*#endregion*/ /*#region ------------------ SELECTION & PLACEHOLDER ------------------------*/ *::selection { background: rgba(70,152,210,.7) !important; color: #fff; } *::-moz-selection { background: rgba(70,152,210,.7) !important; color: #fff; } input::selection , input:focus::selection , textarea::selection { background: rgba(70,152,210,.7) !important; color: #fff; } input::-moz-selection , input:focus::-moz-selection , textarea::-moz-selection { background: rgba(70,152,210,.7) !important; color: #fff; } input::-ms-clear { display: none !important; visibility: hidden; width: 0; height: 0; } input::-ms-reveal { display: none !important; visibility: hidden; width: 0; height: 0; } ::-webkit-input-placeholder { color: #9e9e9e !important; /*d9d9d9*/ text-indent: 0; font-size: 13px; letter-spacing: -.5px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; -moz-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } ::-moz-placeholder { color: #9e9e9e !important; /*d9d9d9*/ text-indent: 0; font-size: 13px; letter-spacing: -.5px; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :-moz-placeholder { color: #9e9e9e !important; /*d9d9d9*/ text-indent: 0; font-size: 13px; letter-spacing: -.5px; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :-ms-input-placeholder { color: #9e9e9e !important; /*d9d9d9*/ text-indent: 0; font-size: 13px; letter-spacing: -.5px; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input[placeholder] { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } :focus::-webkit-input-placeholder { text-indent: -500px; -webkit-transition: text-indent 0.3s ease; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :focus::-moz-placeholder { text-indent: -500px; -webkit-transition: text-indent 0.3s ease; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :focus:-moz-placeholder { text-indent: -500px; -webkit-transition: text-indent 0.3s ease; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :focus:-ms-input-placeholder { text-indent: -500px; -webkit-transition: text-indent 0.3s ease; -moz-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } /*#endregion ---------------------------------------------------------*/ /*#region ------------------ SCROLL BAR -----------------------------------------*/ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { background-color: #e6e6e6; } ::-webkit-scrollbar-thumb { background-color: #cdcdcd; } ::-webkit-scrollbar-thumb:hover { background-color: #cdcdcd; } ::-webkit-scrollbar-corner { background-color: transparent; } ::-webkit-scrollbar-button { display: none; } /*scrollbar color styles for IE, unfortunatly FF doesn't work with scrollbar styling*/ body{ scrollbar-base-color: #cdcdcd; scrollbar-3dlight-color: #cdcdcd; scrollbar-highlight-color: #cdcdcd; scrollbar-track-color: #e6e6e6; scrollbar-arrow-color: #000; scrollbar-shadow-color: #cdcdcd; } /*#endregion ---------------------------------------------------------*/ /*#region ------------------ GLOBAL BUTTONS (small gray with white text) -----------------------------------------*/ .blueButton { display: inline-block; min-width: 98px; padding: 8px 10px; color: #fff; background: #4698d2; border: 2px solid #4698d2; font-size: 15px; cursor: pointer; margin: 0 0 0 8px; } .blueButton:active , .blueButton:focus { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .blueButton:disabled { cursor: default; background: #cdcdcd; border-color: #cdcdcd; } .ghostButton { color: #4698d2; font-size: 15px; cursor: pointer; line-height: 20px; padding: 3px 15px; border-radius: 3px; display: inline-block; background: transparent; border: 1px solid transparent; } .ghostButton:hover { text-decoration: underline; } .defaultCursor , .defaultCursor:hover { cursor: default !important; text-decoration: none !important; } .editButtonPencil { display: block; position: relative; margin: 0 5px 0 0; font-family: icomoon; color: #4698d2; width: 30px; height: 24px; font-size: 32px !important; } .editButtonPencil:before { position: absolute; content: '\e91c'; top: 50%; left: 0; } .editButtonPencil:hover { cursor: pointer; } /*----------------------------------- Global BUTTONS -----------------------------------------*/ .buttonParent > button { font-size: 15px; line-height: 20px; color: #4698d2; border: 1px solid transparent; cursor: pointer; display: inline-block; padding: 3px 15px; border-radius: 3px; background: transparent; } .buttonParent > button:hover { background: #c7e0f1; } .buttonParent > button:focus { border: 1px solid #4da8d6; } .buttonParent > button:disabled , .buttonParent > button:disabled:hover { color: #cdcdcd; cursor: default; background: transparent; } .buttonParent > .search_form { width: 200px; margin: 0 10px; float: none; } .buttonParent > .search_form input[type=text] { border: 1px solid #e6e6e6; height: 30px; line-height: 20px; font-size: 12px; padding: 0 60px 0 10px; } .buttonParent > .search_form .input_label { font-size: 12px; line-height: 30px; } .buttonParent .search_form .empty { right: 30px; } /****KOSTbIli***/ .buttonParent .fixedWidth95 { width: 95px; } .buttonParent.narrowButtons > button , .buttonParent.narrowButtons > button:disabled , .buttonParent.narrowButtons > button:disabled:hover { padding: 3px 13px; } .buttonParent.narrowButtons .filterBtn > span { padding: 3px 28px 3px 10px; } /*----------------------- Transparent Buttons in Popup -------------------*/ .transTrigger { display: inline-block !important; border: 2px solid transparent; color: #9a9a9a !important; font-size: 13px; padding: 0 10px; line-height: 20px !important; cursor: pointer; } .transTrigger.switched { border-color: #446a98 #446a98 #235186; color: #000 !important; } /*#endregion*/ /*#region ------------------ OVERFLOW SHADERZ -----------------------------------------*/ .glass , .glass_small , .glass_small_transparent { display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 100; position: fixed; width: 100%; height: 100%; } .glass_small , .glass_small_transparent { z-index: 999; } .glass_small_transparent { background: rgba(250,250,250,.01) !important; } .popup.overflowLevel2 { z-index:201 !important; } .glass.overflowLevel2 { z-index:200; } .popup.overflowLevel3 { z-index:301 !important; } .glass.overflowLevel3 { z-index:300; } .popup.overflowLevel4 { z-index:401 !important; } .glass.overflowLevel4 { z-index:400; } .glass_inner { display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4) url('data: image/gif;base64,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') no-repeat center center; z-index: 10; position: absolute; width: 100%; height: 100%; } .loading { display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; position: fixed; width: 100%; height: 100%; -webkit-animation: fadeIn 1ms ease forwards; -moz-animation: fadeIn 1ms ease forwards; -o-animation: fadeIn 1ms ease forwards; animation: fadeIn 1ms ease forwards; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; opacity:0.01; background: rgba(0,0,0,0.4) url('data: image/gif;base64,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') no-repeat center center; } .loadingWithText { display: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; position: fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); } .popup .loadingWithText { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .loadingWithText.connectingToCRM { background-color: rgba(250,250,250,.3); } .loadingWithText.connectingToCRM.withoutBackground { background-color: rgba(250,250,250,0); } .loadingWithText > div { position: absolute; top: 50%; left: 50%; padding: 10px 90px 60px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); margin: -50px 0 0 -153px; } .popup .loadingWithText > div { margin: -50px 0 0 -169px; } .loadingWithText > div:after { display: block; content: ''; background: url(../imgs/loading.gif) no-repeat 0 0; position: absolute; top: 47px; width: 64%; height: 15px; left: 50%; margin-left: -32%; } .loadingWithText > div > span { color:#5f5f5f; font-size:14px; line-height:30px; } .loadingWithText.connectingToCRM.visible + .settigsContent .loading { display:none; } .loadingBlueLight { display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.1); } .loadingBlueLight .ui-progressbar { width:250px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -125px; overflow: visible; } .loadingBlueLight .ui-progressbar .progressMessage { position: absolute; top: -20px; left: 0; width: 100%; font-size: 13px; line-height: 18px; color: #000; text-align: center; } .popup .loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .importing { display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 51001; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.4); color: #fff; text-align: center; } .importing .uploadProcess { background: url('data:image/gif;base64,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') no-repeat center center; width: 220px; display: inline-block; height: 19px; margin-top: 7px; } .smallLoader { width:14px; height:20px; background:url(../imgs/small_loader_black.gif) no-repeat scroll 50% 50%; display:inline-block; } .smallLoaderBlue { background:url(../imgs/small_loader_blue_20.gif) no-repeat scroll 50% 50%; height: 28px; width: 20px; margin: 0 0 0 -2px; } /*#endregion*/ /*#region ------------------ METADATA LOADING -------------------------------------------**/ #MetadataLoading { background: rgba(250,250,250,.3); position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } #MetadataLoading.visible + #jsrouter .loading { display:none; } /*#endregion*/ /*#region ------------------ EXTRA MAIN MAKET ---------------*/ .parentWrapper { width: 100%; height: 100%; overflow: auto; } .parentWrapper > div.durandal-wrapper { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; min-width: 1120px; } .parentWrapper > div.durandal-wrapper > * { flex: none; } header { order: 1; } aside { order: 2; border-right: 1px solid #eaeaea; padding: 0; } .parentWrapper > div.durandal-wrapper .pageContent { order: 3; flex: 1 auto; height: 100%; margin: -65px auto -30px; padding: 65px 0 30px; } footer { order: 4; height: 31px; } /*#region ----------- LEFT MENU ------------------------*/ aside { width:270px; z-index:1; min-height: 600px; background: #f2f2f2; } aside .subMenu { display:block; float:none; width:100%; list-style:none; } aside .subMenu li { display:block; margin: 0; } aside .subMenu button { display: block; width: 100%; font-size:17px; line-height: 26px; text-align:left; padding:9px 5px 9px 20px; color:#515151; text-decoration:none; background: transparent; cursor:default; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } aside .subMenu li:first-child button { border-top: 0 none; } aside .subMenu button:hover , aside .subMenu button:focus { background: #e6e6e6; cursor: pointer; } aside .subMenu button.selected { background:#fff; border-color: #eaeaea; cursor: pointer; } aside .subMenu button.selected:before { display: block; content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: #fff; z-index: 1; } aside .subMenu button.selected::after { position: absolute; top: 100%; left: 0; top: 0; width: 3px; height: 100%; background: #4698d2; content: ''; opacity: 1; } aside .subMenu button:disabled , aside .subMenu button:disabled:hover { background: transparent; cursor: default; color: #aaa; } aside .subMenu button:disabled::after { display: none; } /*#endregion*/ /*#region ----------- TOP MENU ---------------*/ header { width:100%; height: 64px; background: #f2f2f2; position:relative; z-index:1; font-size:0; line-height:0; white-space: nowrap; border-bottom: 1px solid #eaeaea; } header #menuTop .logo_link , header #listHeader .logo_link { display:inline-block; background: url(../imgs/TClogo_blue.png) no-repeat 0 0; width: 200px; height: 40px; border:0 none; text-indent:100%; overflow:hidden; margin: 13px 100px 0 22px; } header #listHeader .logo_link { width:93px; background: url(../imgs/LOGO_HOME_last.jpg) no-repeat 0 0; margin: 22px 30px 0 22px; } nav { display:inline-block; } .mainMenu li { display:block; float:left; height:64px; padding:0 14px; } .mainMenu li button { display:block; color:#515151; font-size:18px; font-weight: 400; text-transform:lowercase; text-decoration:none; background:transparent; width:auto; line-height:64px; height:64px; position: relative; } .mainMenu li button::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #4698d2; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px); } .mainMenu li button.selected::after , .mainMenu li button.selected:hover::after { opacity: 1 !important; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); transform: translateY(-4px); } .mainMenu li button:focus::after , .mainMenu li button:hover::after { opacity: .25; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); transform: translateY(-4px); } header #listHeader .breadCrumbs { display: inline-block; margin:0 0 0 30px; height:64px; } .breadCrumbs h1 { color:#5f5f5f; font-size: 20px; line-height:64px; } /*#endregion*/ /*#region --------- FOOTER ---------------*/ footer { width:100%; background: #f2f2f2; border-top: 1px solid #eaeaea; display: block; z-index: 2; padding: 0 25px; } footer button { color:#5f5f5f; display: inline-block; font-size: 13px; line-height: 28px; text-decoration: none; background: transparent; } footer button:disabled { cursor: default; } footer .logOut , footer .earth , footer .phone { display:inline-block; width:15px; height:29px; background:url(../imgs/footer_icons_.png) no-repeat -5px 0; text-indent:16px; overflow:hidden; margin: 0 0 0 25px; } footer .aboutVersion { margin: 0 0 0 25px; } footer .earth { width:24px; background-position:0 -58px; margin: 0 10px 0 0; } footer .phone { background-position:-5px -29px; margin: 0 25px 0 15px; } footer .footerNavigation { min-width: 245px; } footer .footerLocation { margin: 0 0 0 15px; } #about { display: none; width: 720px; z-index: 100 !important; } #aboutShader { display: none; z-index: 99 !important; } #about > .content { padding: 0; color: #a3a3a3; margin: 0 10px; background: #fff; border: 1px solid #eaeaea; } #about > .content .logo_link { display:block; background: url(../imgs/TClogo_blue.png) no-repeat 0 0; width:200px; height:40px; border:0 none; text-indent:100%; overflow:hidden; margin: 30px 0 0 40px; } #about > .content > p { color: #000; font-size: 14px; padding: 10px 0 0; cursor: default; display: block; float: left; } #about > .content > .content { background: #fff; padding: 20px; color: #5f5f5f; border: 0 none; } #about > .content > .content > h2 { font-weight: 400; font-size: 14px; padding-bottom: 10px; cursor: default; } #about > .content > .content > p { font-size: 13px; line-height: 18px; padding: 10px 0; margin: 0 20px; display: block; white-space: normal; cursor: default; } #about > .content > .content .withLine { padding-bottom: 2px; margin-bottom: 15px; border-bottom:2px solid #d7d7d7; } #about .version { color: #5f5f5f !important; font-size: 14px !important; line-height: 32px; } .menuDesignerList .content .appendedPaging .footer { padding: 10px; } /*#endregion*/ /*#endregion*/ /*#region ------------------ TABLE INFO & PROGRESS BAR ----------------*/ .table_info { padding: 10px 0; height: 41px; border-top: 1px solid #eaeaea; } .table_loading { width: 50%; font-size: 0; margin: 0 auto; } .table_progressbar { height: 15px; width: 130px; position: relative; display: inline-block; background: #59a6d8; border: 2px solid #4698d2; overflow: hidden; margin: 2.5px 0; } .table_progressbar::after { content: ''; position: absolute; width: 200%; top:0; right:0; bottom:0; background: repeating-linear-gradient(-45deg, #4698d2, #4698d2 3px, transparent 3px, transparent 10px); animation: progress-bar-move 4s linear infinite; } .table_progressbar_message , .table_info .message { color: #5f5f5f; font-size: 12px; line-height: 20px; margin-left: 15px; display: inline-block; vertical-align: middle; font-weight: 600; } .table_info .message { color: red; display: block; text-align: center; } /*#endregion*/ /*#region ------------------ TABLE INFO & PROGRESS BAR ----------------*/ .globalAppLoader { display: block; height: 100%; width: 100%; background: #cdcdcd; position: fixed; top: 0; left: 0; z-index: 100; } .logoContainer { width: 900px; height: 174px; position: absolute; top: 50%; left: 50%; margin: -87px 0 0 -450px; } .loaderContainer { width: 245px; height: 5px; position: absolute; top: 50%; left: 50%; margin: 80px 0 0 -120px; text-align:center; } .loaderContainer > div { height: 5px; background: #4698d2; width: 5px; margin-right: 1px; display: inline-block; -webkit-animation: cssload-wave 1.15s infinite ease-in-out; -moz-animation: cssload-wave 1.15s infinite ease-in-out; animation: cssload-wave 1.15s infinite ease-in-out; } .loaderContainer .shaft1 { -webkit-animation-delay: 0.06s; -moz-animation-delay: 0.06s; animation-delay: 0.06s; } .loaderContainer .shaft2 { -webkit-animation-delay: 0.12s; -moz-animation-delay: 0.12s; -o-animation-delay: 0.12s; animation-delay: 0.12s; } .loaderContainer .shaft3 { -webkit-animation-delay: 0.17s; -moz-animation-delay: 0.17s; animation-delay: 0.17s; } .loaderContainer .shaft4 { -webkit-animation-delay: 0.23s; -moz-animation-delay: 0.23s; animation-delay: 0.23s; } .loaderContainer .shaft5 { -webkit-animation-delay: 0.29s; -moz-animation-delay: 0.29s; animation-delay: 0.29s; } .loaderContainer .shaft6 { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; animation-delay: 0.35s; } .loaderContainer .shaft7 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .loaderContainer .shaft8 { -webkit-animation-delay: 0.46s; -moz-animation-delay: 0.46s; animation-delay: 0.46s; } .loaderContainer .shaft9 { -webkit-animation-delay: 0.52s; -moz-animation-delay: 0.52s; animation-delay: 0.52s; } .loaderContainer .shaft10 { -webkit-animation-delay: 0.58s; -moz-animation-delay: 0.58s; animation-delay: 0.58s; } /*#endregion*/ .loginWRapper { width: 100%; height: 100%; position: relative; overflow: hidden; white-space: nowrap; text-align: center; font-size: 0; background: #cdcdcd; padding: 0 0 32px; margin: 0 0 -32px; } .loginWRapper:before { height: 100%; display: inline-block; vertical-align: middle; content: ''; } .loginWRapper .loginBlock { display: inline-block; white-space: normal; text-align: left; background:#f2f2f2; box-shadow: 2px 5px 2px rgba(0,0,0,0.1); /*0 6px 7px rgba(0,0,0,0.15);*/ font-size:14px; margin: 40px auto; vertical-align: middle; width:340px; padding:20px; position: relative; } .loginWRapper .reviewingLoaderBlock { display: block; position: absolute; z-index: 26; background: rgba(255,255,255,.6); top: 10px; left: 10px; right: 10px; bottom: 10px; } .loginWRapper .loader { display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; background:url(../imgs/loginLoader.gif) no-repeat 50% 50%; } .loginWRapper .fieldDevider { position:relative; } .loginWRapper .errorMessage { color:#ea0606; font-size: 12px; display:inline-block; margin: 0 0 8px; text-shadow: 0px 0px 3px #fff; } .loginWRapper .inputWrapper ::-webkit-input-placeholder { color: #919191 !important; } .loginWRapper .inputWrapper ::-moz-placeholder { color: #919191 !important; } .loginWRapper .inputWrapper :-moz-placeholder { color: #919191 !important; } .loginWRapper .inputWrapper :-ms-input-placeholder { color: #919191 !important; } .loginWRapper .inputWrapper { display: block; position: relative; z-index: 0; background: #fff; margin: 0 0 8px; font-size: 0; overflow: visible !important; } .loginWRapper .inputWrapper input[type=text] , .loginWRapper .inputWrapper input[type=password] { width: 100%; height: 32px; padding: 0 8px; font-size: 14px; line-height: 20px; color: #000; margin: 0; border: 1px solid #e6e6e6; z-index: 2; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .loginWRapper .inputLabel { position: absolute; display: none; padding: 0 5px 3px 9px; background: #fff; color: #d3d2d1; left: 0; top: 30px; font-size: 12px; font-style: normal; line-height: 12px; z-index: 25; box-shadow: 2px 3px 3px rgba(0,0,0,.3); white-space: nowrap; overflow: visible !important; } .loginWRapper .inputLabel:after { content: ''; width: 0; height: 0; position: absolute; top: 0; right: -15px; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent transparent #fff; } .loginWRapper .inputLabel:before { content: ''; position: absolute; right: -12px; width: 12px; height: 2px; top: 6px; background: transparent; box-shadow: 0 4px 3px rgba(0, 0, 0, .3); -webkit-transform: rotate(-34deg); -moz-transform: rotate(-34deg); -o-transform: rotate(-34deg); -ms-transform: rotate(-34deg); transform: rotate(-34deg); } .loginWRapper .errHolder { display: none; width: 10px; height: 10px; position: absolute; top: 0; right: 0; z-index: 5; background: transparent; } .loginWRapper .errHolder:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: #dc000c #dc000c #fff #fff; z-index: -1; } .loginWRapper .inpErrorMessage { display: block; -o-animation: bounceInLeft 0.4s ease forwards; -webkit-animation: bounceInLeft 0.4s ease forwards; -moz-animation: bounceInLeft 0.4s ease forwards; animation: bounceInLeft 0.4s ease forwards; font-size: 12px; line-height: 24px; padding: 0 5px; color: #fff; background: #dc000c; position: absolute; top: 0; left: 13px; border-radius: 3px; box-shadow: 2px 3px 3px rgba(0,0,0,.4); white-space: nowrap; } .loginWRapper .fadeMess { -webkit-animation: fadeOut 0.5s ease forwards; -moz-animation: fadeOut 0.5s ease forwards; -o-animation: fadeOut 0.5s ease forwards; animation: fadeOut 0.5s ease forwards; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .loginWRapper .errHolder:hover { cursor: default; } .loginWRapper .inputWrapper.inpError input { border:1px solid #dc000c; } .loginWRapper .inpError .errHolder { display:block; } .loginBlock .checkbox span:not(.bg) { color:#5f5f5f; padding:0 0 0 10px; font-size: 13px; } .loginBlock .footer { padding:23px 0 0; white-space: nowrap; text-align:right; } .loginBlock .footer button { display: inline-block; padding: 4px 17px; color: #fff; background: #4698d2; border: 2px solid #4698d2; font-size: 15px; line-height:20px; cursor: pointer; margin: 0 0 0 8px; } .loginBlock .footer button:active , .loginBlock .footer button:focus { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .loginBlock .footer button:first-child { margin: 0; } .loginBlock .footer button:disabled { color: #888; cursor: default; } .loginBlock .footer button:disabled:active { border-color: rgb(65, 106, 158); } .loginWRapper + footer { height:30px; margin:-31px 0 0; position:relative; z-index: 1; color:#5f5f5f; font-size:10px; line-height:22px; padding: 0 10px; letter-spacing:1px; border: 0 none; background: transparent; } .loginWRapper + #footer { box-shadow: 0 -2px 6px rgba(0,0,0,.15); } .loginWRapper + footer .left { float:left; } .loginWRapper + footer .right { float:right; } #changePassword { width: 410px; } /*#region ---------------------------------- LIST GLOBAL ----------------------------------------*/ /** buttons **/ .list .buttonsContainer { position: relative; height: 45px; height: auto; top: 0; left: 0; width: 100%; } .list > .content > .buttonsContainer .wrapper { border-bottom: 1px solid #eaeaea; background: transparent; padding: 7px 0; } .list > .content > .buttonsContainer .wrapper > button , .list > .content > .buttonsContainer .wrapper > .vertDevider { margin-left: 20px; } .list > .content > .buttonsContainer .wrapper .right_section { display: inline-block; float: right; margin-right: 40px; } .list > .content > .buttonsContainer .wrapper .locationSection .name { margin-right: 0; } .list > .content > .buttonsContainer .wrapper .right_section > span , .list > .content > .buttonsContainer .wrapper .locationSection span { font-size: 15px; line-height: 20px; color: #5f5f5f; border: 1px solid transparent; margin-left: 20px; cursor: default; display: inline-block; padding: 3px 20px; } .list .locationSection { display: inline-block; width: 384px; } .list .locationSection .ui-autocomplete { font-size: 13px !important; } .list .locationSection .input_wrapper { width:250px; display: inline-block; } .list .locationSection .input_wrapper input[type=text] { width: 100%; height: 28px; padding: 0 25px 0 10px; font-size: 14px; line-height: 20px; color: #5f5f5f; margin: 0; border: 1px solid #d7d7d7; z-index: 2; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .list .locationSection .input_wrapper .autocompleteArrow { width: 28px; height:28px; /*top: 0;*/ right: 0; } /* remove this classes after refactoring gridz */ .textcentered { text-align: center !important; } .textrightaligned { text-align: right !important; } /*---------------------------------------------*/ .deactivatedText { color: #999 !important; } .list > .content > .appendedGrid > .tableWithSetter > .ui-resizable-handle { z-index: 0 !important; bottom: -7px; } .list > .content > .appendedGrid > .tableContainer::after , .list > .content > .appendedGrid > .tableContainer::before { display: none; } /**-----------panel details---------------**/ .showDetailsButton { background: transparent; height: 8px; width: 20px; text-indent: -6px; position: absolute; top: 16px; left: 10px; overflow: hidden; cursor: pointer; z-index: 92; } .refreshList { position: absolute; top: 0; height: 5px; left: 0; right: 0; width: 100%; } .refreshList[value] { -webkit-appearance: none; -moz-appearance: none; border: none; } refreshList::-webkit-progress-bar { background-color: #e6e6e6; } .refreshList[value]::-webkit-progress-value { background-color: #4698d2; } .refreshListButton { position: absolute; fill: #4698d2; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 92; } .showDetailsButton:before { font-size: 32px; font-family: icomoon; content: '\e90c'; color: #4698d2; line-height: 8px; } .showDetailsButton:hover:before , .showDetailsButton:focus:before { content: '\e90d'; } .detailsContainer , .detailsContainer.withTabs { position: relative; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; } .detailsContainer .emptyDetailPanelMess { text-align: center; display: block; width: 200px; top: 50%; position: absolute; left: 50%; margin: -6px 0 0 -100px; line-height: 18px; } .popup .detailsContainer.upc_middle .style_content .one_block, .popup .detailsContainer.upc_middle .style_content .two_block { width: 31.5%; } .popup .detailsContainer.upc_middle .style_content .three_block { float: right; width: 25% ; } .popup .detailsContainer.upc_middle .tab_content .one_block .row_parameter > span:first-child { width: 106px; } .popup .detailsContainer.upc_middle .tab_content .two_block .row_parameter > span:first-child { width: 74px; } .popup .detailsContainer.upc_middle .tab_content .three_block .row_parameter > span:first-child { width: 113px; } .popup .detailsContainer.upc_middle .tab_content .one_block .row_parameter > span.value { margin: 0 0 0 -116px; padding: 0 0 0 116px; } .popup .detailsContainer.upc_middle .tab_content .two_block .row_parameter > span.value { margin: 0 0 0 -84px; padding: 0 0 0 84px; } .popup .detailsContainer.upc_middle .tab_content .three_block .row_parameter > span.value { margin: 0 0 0 -123px; padding: 0 0 0 123px; } .popup .detailsContainer.upc_right .style_content .one_block, .popup .detailsContainer.upc_right .style_content .two_block { width: 33%; } .popup .detailsContainer.upc_right .style_content .three_block { float: right; width: 23% ; } .popup .detailsContainer.upc_right .tab_content .one_block .row_parameter > span:first-child { width: 80px; } .popup .detailsContainer.upc_right .tab_content .two_block .row_parameter > span:first-child { width: 106px; } .popup .detailsContainer.upc_right .tab_content .three_block .row_parameter > span:first-child { width: 50px; } .popup .detailsContainer.upc_right .tab_content .one_block .row_parameter > span.value { margin: 0 0 0 -90px; padding: 0 0 0 90px; } .popup .detailsContainer.upc_right .tab_content .two_block .row_parameter > span.value { margin: 0 0 0 -116px; padding: 0 0 0 116px; } .popup .detailsContainer.upc_right .tab_content .three_block .row_parameter > span.value { margin: 0 0 0 -60px; padding: 0 0 0 60px; } .popup .detailsContainer .style_content .one_block, .popup .detailsContainer .style_content .two_block, .popup .detailsContainer .style_content .three_block { width: calc(33% - 26px); } .popup .detailsContainer.custom_layout .tab_content .one_block .row_parameter > span:first-child { width: 106px; } .popup .detailsContainer.custom_layout .tab_content .two_block .row_parameter > span:first-child { width: 86px; } .popup .detailsContainer.custom_layout .tab_content .three_block .row_parameter > span:first-child { width: 80px; } .popup .detailsContainer.custom_layout .tab_content .one_block .row_parameter > span.value { margin: 0 0 0 -116px; padding: 0 0 0 116px; } .popup .detailsContainer.custom_layout .tab_content .two_block .row_parameter > span.value { margin: 0 0 0 -96px; padding: 0 0 0 96px; } .popup .detailsContainer.custom_layout .tab_content .three_block .row_parameter > span.value { margin: 0 0 0 -90px; padding: 0 0 0 90px; } .list .detailsContainer .style_content.withTable { padding:0 0 10px; } .panel_daetails { display: block; padding: 0; background: #fff; border: 1px solid #eaeaea; border-bottom: 0 none; margin: 0; position: relative; height: 100%; } .row_details { display: block; height: 10px; width: 20px; position: absolute; top: 9px; left: 10px; } .row_details .button_details { z-index: 10; border: 0 none; position: absolute; top: 0; left: 0; background: transparent; text-indent: -6px; height: 10px; width: 20px; overflow: hidden; cursor: pointer; } .row_details .button_details:after { font-size: 32px; font-family: icomoon; content: '\e90c'; color: #4698d2; line-height: 10px; } .row_details .button_details:hover:after , .row_details .button_details:focus:after { content: '\e90d'; } .tab_panel { display: block; margin: 0; padding: 25px 10px 0; height: 100%; } .tab_row { display: block; padding: 0 5px 0 50px; } .tab_row button { float: left; padding: 0 25px; color: #5f5f5f; text-decoration: none; background: #f2f2f2; font-size: 13px; line-height: 29px; font-weight: 600; display: block; cursor: pointer; border: 1px solid #e6e6e6; border-bottom: 0 none; border-left: 0 none; } .tab_row button:first-child { border-left: 1px solid #e6e6e6; } .tab_row button.select_tab { background: #fff; position: relative; } .tab_row button.select_tab:after { content: ''; position: absolute; width: 100%; height: 3px; left: 0; top: -1px; background: #4698D2; z-index: 1; } .tab_row button.select_tab:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: -1px; background: #fff; z-index: 1; } .tab_content { display: block; padding: 0; background: transparent; border-top: 1px solid #eaeaea; height: 100%; min-height: 100%; font-size: 13px; line-height:17px; } .style_content { display: block; color: #000; background: transparent; padding: 10px; /*??????????????*/ height: 100%; /*overflow: hidden;*/ position: relative; z-index: 2; } .detailsContainer.withTabs .style_content { height: calc(100% - 33px); } .style_content .photo_block { float: left; margin: 0 5px 0 0; height: 120px; width: 160px; } .style_content .photo_block img { width: 100%; } .style_content .one_block , .style_content .two_block , .style_content .three_block { float: left; width: 30%; margin: 0; min-height: 1px; height: 100%; } .style_content .noNameBlock { margin-left: -120px; } .style_content .row_parameter { display: block; margin: 0 0 5px; float: left; width: 100%; } .style_content .row_parameter > span { float: left; color: #878787; text-align: right; width: 135px; margin: 0 10px 0 0; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .style_content .row_parameter a.value, .style_content .row_parameter span.value { float: right; color: #000; text-align: left; margin: 0 0 0 -145px; padding: 0 0 0 145px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .style_content .one_block .row_parameter a.value , .style_content .one_block .row_parameter span.value , .style_content .two_block .row_parameter a.value , .style_content .two_block .row_parameter span.value , .style_content .three_block .row_parameter a.value , .style_content .three_block .row_parameter span.value { max-width: 1000px; } .style_content .row_parameter span.value.largeMemo { white-space:pre-wrap; } .style_content .row_parameter a.value { color: #73b2e0; } .style_content .row_parameter a.value:hover { text-decoration: underline; cursor: pointer; } .style_content .row_parameter span.onlyValue { margin: 0; padding: 0; } .style_content .row_parameter span.value.bigbold { font-weight: 700; font-size: 15px; line-height: 19px; } .style_content .row_parameter span.value.darkBlue { color: #2d415d; } .style_content .editor { width:100%; margin:0 0 5px; } .style_content .editor .name { float: left; color: #878787; text-align: right; width: 40%; margin: 0; } .style_content .editor .value { float: right; color: #000; text-align: left; margin: 0 0 0 -46%; padding: 0 0 0 46%; width:100%; } .style_content .editor .name > span , .style_content .editor .value > span { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%; display:inline-block; cursor:default; } .tableContainer .ui-widget-content , .items_content .ui-widget-content , .itemTab .ui-widget-content , .popup .foundInvenItemsPopup .ui-widget-content { background: #fff; } .tableWithoutPaging { border-bottom: 1px solid #eaeaea; } .list .tableContainer { position: relative; /*top: inherit; bottom: inherit;*/ /*display:inline-block !important;*/ /* HAS TO BE INVESTIGATED WHY */ } .list > .content { position: relative; overflow: hidden; } /*.list .appendedGrid { position: relative; z-index:1; }*/ /*.list > .content > .appendedPaging { position: relative; bottom: 0; z-index:2; }*/ /*.list > .content > .detailsContainer { position: relative; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; z-index:0; }*/ /*#endregion*/ /*#region -------------------------- CONTENT INTERACTION FORM -------------- */ .input_wrapper { display: block; position: relative; z-index: 0; background: #fff; font-size: 0; overflow: visible !important; } .input_wrapper .err_holder { display: none; right: 0; } .input_wrapper.dateWrapper .err_holder { right: 30px; } .editor .value .input_wrapper.inp_error input[type=text], .editor .value .input_wrapper.inp_error input[type=password], .editor .value .input_wrapper.inp_error input[type=email] { border-color: #dc000c !important; } .inp_error .err_holder { display: block; } /*#endregion*/ /*#region -------------------------- CONTENT INTERACTION FORM -------------- */ .interactionForm { width: 750px; } .interactionForm .recent , .interactionForm .detailSearch { width: 360px; display: inline-block; margin: 0 10px 10px; padding: 10px; } .interactionForm .recent { margin: 0 0 0 10px; } .interactionForm .topMenu { border-bottom: 1px solid #eaeaea; display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 10px; padding: 4px 10px 14px; height: 70px; } .interactionForm .detailSearch .input_label , .interactionForm .topMenu .input_label { line-height: 38px; } .interactionForm .detailSearch input[type=text] , .interactionForm .topMenu input[type=text] { width: 100%; height: 40px; padding: 0 60px 0 10px; font-size: 13px; line-height: 20px; color: #000; margin: 0; border: 1px solid #e3e2e1; z-index: 2; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .interactionForm .fastSearch .field_devider { max-width: 340px; width: 100%; position: absolute; right: 0; top: 0; } .interactionForm .topMenu .fastSearch { flex: auto; position: relative; } .interactionForm .topMenu .fastSearch .input_wrapper { margin: 5px 0 0; } .interactionForm .topMenu .fastSearch .edit.withEdit { right: 35px; } .interactionForm .topMenu .fastSearch .edit { right: 35px; } .interactionForm .topMenu .fastSearch .empty.withEdit { right: 70px; } .interactionForm .des_btn { margin: 6px 0 0; } .interactionForm .des_btn li { display: block; float: left; margin: 0; overflow: visible; width: auto; position: relative; } .interactionForm .des_btn li.verticalDevider { border-left: 1px solid #eaeaea; } .interactionForm .des_btn li button { display: block; width: auto; padding: 25px 22px 0; height: auto; text-decoration: none; text-align: center; color: #4698d2; font-size: 15px; line-height: 20px; position: relative; } .interactionForm .des_btn li button:before { font-family: icomoon; font-size: 32px; position: absolute; top: 2px; left: 50%; margin-left: -15px; } .interactionForm .des_btn li > .new:before { content: '\e918'; } .interactionForm .des_btn li > .new:hover:before , .interactionForm .des_btn li > .new:focus:before { content: '\e919'; } .interactionForm .des_btn li > .list:before { content: '\e905'; top: 0; } .interactionForm .des_btn li > .list:hover:before , .interactionForm .des_btn li > .list:focus:before { content: '\e906'; } .interactionForm .des_btn li > .listTime:before { content: '\e907'; } .interactionForm .des_btn li > .listTime:hover:before , .interactionForm .des_btn li > .listTime:focus:before { content: '\e909'; } .interactionForm .des_btn li > .importButton:before { content: '\e904'; } .interactionForm .des_btn li > .importButton:hover:before , .interactionForm .des_btn li > .importButton:focus:before { content: '\e914'; } .interactionForm .des_btn li > .importMinMaxButton { padding: 25px 0 0; margin: 0 0 0 -10px; } .interactionForm .des_btn li > .transit:before { content: '\e900'; } .interactionForm .des_btn li > .transit:hover:before , .interactionForm .des_btn li > .transit:focus:before { content: '\e901'; } .interactionForm .des_btn li > .review:before { content: '\e902'; } .interactionForm .des_btn li > .review:hover:before , .interactionForm .des_btn li > .review:focus:before { content: '\e903'; } .interactionForm .des_btn li > .favorite:before { content: '\e95c'; } .interactionForm .des_btn li > .favorite:hover:before , .interactionForm .des_btn li > .favorite:focus:before { content: '\e908'; } .interactionForm .des_btn li > .waiting:before { content: '\e95d'; } .interactionForm .des_btn li > .waiting:hover:before , .interactionForm .des_btn li > .waiting:focus:before { content: '\e915'; } .interactionForm .des_btn li > .quickAdjust:before { content: '\e938'; } .interactionForm .des_btn li > .quickAdjust:hover:before , .interactionForm .des_btn li > .quickAdjust:focus:before { content: '\e939'; } .interactionForm .des_btn li > .sub { position: absolute; left: 70%; top: -3px; font-size: 12px; color: #5f5f5f; } .interactionForm .des_btn li > .sub:before { position: absolute; display: block; content:'('; left: -4px; top: -1px; font-size: 12px; color: #5f5f5f; } .interactionForm .des_btn li > .sub:after { position: absolute; display: block; content:')'; right: -4px; top: -1px; font-size: 12px; color: #5f5f5f; } .interactionForm .recent .btns_recent { margin: 0; float: none; width: 340px; } .recent_table_wrapper { width: inherit; } .interactionForm .fastSearch .spyglass , .interactionForm .fastSearch .spyglass:hover { color: #4698d2; } .interactionForm .fastSearch .spyglass:hover { cursor: pointer; } .interactionForm .fastSearch .spyglass.default , .interactionForm .fastSearch .spyglass.default:hover { cursor: default; color: #909090; } .interactionForm .fastSearch .count { display: block; position: absolute; bottom: 2px; right: 9px; z-index: 5; font-size: 10px; color: #4698d2; font-weight: 700; } .interactionForm .recent .allWidthLabelWithBorder , .interactionForm .detailSearch .allWidthLabelWithBorder { background: #e6e6e6; padding: 0 18px; font-size: 16px; margin: 0 0 10px; } .interactionForm .recent .allWidthLabelWithBorder h1 , .interactionForm .detailSearch .allWidthLabelWithBorder h1 { color: #5f5f5f; background: transparent; font-size: 15px; line-height: 30px; padding: 0; float: left; } .interactionForm .detailSearch .allWidthLabelWithBorder button { font-size: 14px; line-height: 30px; color: #4698d2; } .interactionForm .detailSearch .allWidthLabelWithBorder button:hover , .interactionForm .detailSearch .allWidthLabelWithBorder button:focus { text-decoration: underline; } .interactionForm .detailedSearch .inp_error_message { left: 350px; } .search_form input[type=text] { width: 100%; height: 32px; padding: 0 25px 0 10px; font-size: 14px; line-height: 20px; color: #000; margin: 0; border: 1px solid #d7d7d7; z-index: 2; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .search_form input[type=text].search_field { height: 40px; margin: 0; padding: 0 60px 0 10px; width: 100%; } .customMultySelect_edit { width: calc(100% - 35px); } /*square icon before links*/ .squareForLink { background: url(../imgs/linkSquare_.png) no-repeat 0 4px; padding: 0 0 0 20px; } .iIcon { width: 19px; height: 19px; border-radius: 50%; border: 1px solid #878787; display: block; position: absolute; top: 2px; left: calc(100% + 33px); color: #ccc; z-index: 5; } .iIcon:before { display: block; content: 'i'; font-size: 12px; color: #aaa; position: absolute; top: 9px; left: 7px; font-family: 'Times New Roman'; } .iIcon:hover { border-color: #f50009; } .iIcon:hover:before { color: #f50009; } .iIconTooltip { display: none; background: #f50009; text-align: center; color: #fff; padding: 5px 10px; font-size: 12px; line-height: 16px; border-radius: 6px; position: absolute; top: 24px; right: -5px; width: 175px; } .iIconTooltip:after { display: block; position: absolute; content:''; border-style: solid; border-width: 0 5px 5px 5px; border-color: #f50009 transparent; top:-5px; right: 7px; z-index: 2005; } .iIcon:hover .iIconTooltip { display: block; } .error_holder_box { position: relative; z-index: 2; } .withCurrency input[type=text] { padding: 0 16px 0 11px !important; } .currency { display: inline-block; height: 24px; width: 7px; font-size: 13px; color: #464646; line-height: 24px; font-style: normal; } .withCurrency .currency { position: absolute; left: 6px; top: 0; } .withCurrency span { padding: 0 0 0 14px; } .inp_error input[type=text] , input[type=text].date_inp_error , .inp_error textarea , textarea.inp_error { border: 1px solid #dc000c !important; } .search_form .date_inp_error:after { display: block; content: ''; position: absolute; width: 5px; height: 5px; top: 0; right: 0; background: #f50009; z-index: 100; } .grid_error { border: 1px solid #dc000c; padding: 0 10px 0 0 !important; position: relative; height: 20px; overflow: visible !important; z-index: 2; } .upper { z-index: 3 !important; } .grid_error .err_holder { display: block; } .err_holder { display: none; width: 10px; height: 10px; position: absolute; top: 0; right: 0; z-index: 11; background: transparent; } .err_holder:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: #dc000c #dc000c transparent transparent; z-index: -1; } .inp_error_message { display: none; /* has to be hidden by default, but not sure */ font-size: 12px; line-height: 23px; padding: 0 5px; color: #fff; background: #dc000c; position: absolute; top: 0; left: 13px; border-radius: 3px; box-shadow: 2px 3px 3px rgba(0,0,0,.4); white-space: nowrap; -o-animation: fadeIn 0.4s ease forwards; -webkit-animation: fadeIn 0.4s ease forwards; -moz-animation: fadeIn 0.4s ease forwards; animation: fadeIn 0.4s ease forwards; } .err_holder .inp_error_message { display: block; } .customError { display:none; z-index:402; cursor:default; } .search_form .inp_error_message { left: 370px; } .grid_error .err_holder:after { border-color: #dc000c #dc000c transparent transparent; } .grid_error .err_holder .inp_error_message { top: -3px; display: none; } .fade_mess { -webkit-animation: fadeOut 0.5s ease forwards; -moz-animation: fadeOut 0.5s ease forwards; -o-animation: fadeOut 0.5s ease forwards; animation: fadeOut 0.5s ease forwards; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .inp_error .err_holder:hover { cursor: default; } .textarea_error .err_holder { display: block; } .textarea_error .err_holder:after { border-color: #dc000c #dc000c transparent transparent; } .textarea_error textarea { border-color: #dc000c !important; } .detailSearch .field_devider .input_wrapper { margin-bottom: 5px; } .field_devider .datepicker_wrapper .date_area { opacity: 0; z-index: 2; height: 30px; position: absolute; top: 0; left: 10px; } .field_devider .datepicker_wrapper { display: block; height: 40px; margin: 0 0 5px; padding: 0 0 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; cursor: text; border: 1px solid #e3e2e1; position: relative; } .field_devider .datepicker_wrapper .inn_label { color: #5f5f5f; font-size: 14px; line-height: 40px; margin: 0; padding: 0 5px 0 0; display: inline-block; position: relative; width: 42px; white-space: nowrap; /*overflow: hidden;*/ text-align: left; position: relative; } .field_devider .datepicker_wrapper .inn_label:before { content: '\e917'; font-size: 32px; font-family: icomoon; color: #4698d2; position: absolute; top: -1px; right: -116px; } .field_devider .datepicker_wrapper .date_area .inn_label:first-child ~ .inn_label { text-align: right; } .field_devider .datepicker_wrapper .inn_label.errLabel:after { display: block; position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: #dc000c #dc000c transparent transparent; top: 3px; right: -117px; z-index: 3; } .field_devider .datepicker_wrapper input[type=text] { width: 117px; height: 32px; font-size: 14px; line-height: 16px; margin: 3px 3px 0 0; padding: 0 26px 0 6px; border: 1px solid #fff; background: transparent; } .rightScrollShift .field_devider .datepicker_wrapper input[type=text] { width: 110px; padding: 0 20px 0 4px; } .rightScrollShift .field_devider .datepicker_wrapper .inn_label:before { right: -110px; } .rightScrollShift .field_devider .datepicker_wrapper .inn_label.errLabel:after { right: -126px; } .field_devider .datepicker_wrapper .calend { border: 1px solid #d7d7d7 !important; } .field_devider .datepicker_wrapper .calend.date_inp_error { border: 1px solid #dc000c !important; } .detailedSearch .field_devider:last-child [class*="_wrapper"] { margin: 0 0 18px; } .visible { display: block !important; } .field_devider { position: relative; } .input_label , .date_label { position: absolute; z-index: 0; display: inline-block; top: 0; left: 10px; -webkit-animation: slideIn 0.3s ease-in-out forwards; -moz-animation: slideIn 0.3s ease-in-out forwards; -o-animation: slideIn 0.3s ease-in-out forwards; animation: slideIn 0.3s ease-in-out forwards; font-size: 13px; line-height: 30px; color: #9e9e9e; /*d9d9d9*/ cursor: text; } .popup .input_label { z-index: -1; } .field_devider label { line-height: 38px; } .placeholder { position: absolute; display: none; padding: 0 5px 1px 9px; background: #fff; color: #9d9d9d; left: 0; top: 38px; font-size: 12px; font-style: normal; line-height: 16px; z-index: 25; box-shadow: 1px 2px 1px rgba(0,0,0,.15); white-space: nowrap; border-left: 1px solid #d7d7d7; } .placeholder:after { content: ''; width: 0; height: 0; position: absolute; top: 0; right: -15px; border-style: solid; border-width: 0 0 17px 15px; border-color: transparent transparent transparent #fff; } .placeholder:before { content: ''; position: absolute; right: -16px; width: 21px; height: 2px; top: 6px; background: transparent; box-shadow: 0 4px 3px rgba(0, 0, 0, .15); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .controls { display: block; /*margin: 15px 0 0;*/ } .controls .sub_control { float: right; } .controls .sub_control > li { display: block; float: left; position: relative; } .controls .sub_control > li > span { display: block; height: 30px; width: 28px; cursor: pointer; } .controls .sub_control sub { position: absolute; top: 27px; right: 2px; color: #5f5f5f; font-size: 11px; font-weight: 400; z-index: 1; } .controls .sub_control sub:before { position: absolute; display: block; content:'('; top: -1px; left: -4px; color: #5f5f5f; font-size: 11px; font-weight: 400; } .controls .sub_control sub:after { position: absolute; display: block; content:')'; top: -1px; right: -4px; color: #5f5f5f; font-size: 11px; font-weight: 400; } .controls .sub_control .spy , .controls .sub_control .edit { width: 33px; height: 30px; margin: 11px 0px 0 4px; font-family: icomoon; color: #4698d2; font-size: 32px; line-height: 100%; position: relative; z-index: 2; } .controls .sub_control .spy:before { position: absolute; content: '\e913'; top: 50%; left: -5px; margin-top: -20px; } .controls .sub_control .spy.disabled { cursor: default !important; color: #909090; } .controls .sub_control li.find:hover sub { cursor: pointer; } .controls .sub_control .edit { font-size: 45px !important; } .controls .sub_control .edit:before { content: '\e91d'; top: 14%; left: -8px; } .btns_recent { display: block; float: left; width: 340px; margin: 0 0 0 20px; } .recent_loader { color: #333; margin-top: 150px; text-align: center; display: block; font-weight: 400; font-size: 12px; } .locationListChooser .recent_loader { color: #333; margin: 140px 0; } .recent_transfer_order tr { border: 0 none; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; cursor: pointer; } .recent_transfer_order tr:hover { background-color: #c7e0f1; } .recent_transfer_order td { padding: 4px 4px 3px; font-size: 13px; line-height: 20px; vertical-align: middle; color: #5f5f5f; } .recent_transfer_order td:nth-child(2) { font-size: 16px; } .recent_transfer_order.two_columns td:nth-child(2) { font-size: 14px; line-height: 20px; } .recent_transfer_order td.number { text-align: right; } .recent_transfer_order td > div { white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 160px; overflow: hidden; height: 20px; } .recent_transfer_order td .sc1col { width: 37%; text-align: left; display: inline-block; overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .recent_transfer_order td .sc2col { width: 25%; text-align: center; display: inline-block; overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .recent_transfer_order td .sc3col { width: 38%; text-align: right; display: inline-block; overflow: hidden; float: right; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .recent_transfer_order td:first-child > span { display: block; width: 23px; height: 31px; margin: 4px auto; cursor: pointer; text-indent: -5px; overflow: hidden; } .recent_transfer_order td:first-child > span:before { font-size: 32px; font-family: icomoon; line-height: 31px; color: #4698d2; } .employeeDocIcon { background: url(../imgs/doc_icon_employee.png) no-repeat; height: 26px !important; } .keyDocIcon { background: url(../imgs/doc_icon_key.png) no-repeat; } .checkdocIcon:before { content: '\e934'; } .editDocIcon:before { content: '\e91f'; } .rightArrowDocIcon:before { content: '\e930'; } .ipadDocIcon:before { content: '\e90f'; } .ipodDocIcon:before { content: '\e910'; } .damageDocIcon:before { content: '\e92d'; } .damageDocIconRemove:before { content: '\e933'; } .stockCountDocIcon:before { content: '\e931'; } .rightArrowOutDocIcon:before { content: '\e923'; } .rightArrowOutInDocIcon:before { content: '\e922'; } .clockDocIcon:before { content: '\e935'; } .inprocessDocIcon:before { content: '\e93c'; } .mixedDocIcon:before { content: '\e920'; } .pickedUpDocIcon:before { content: '\e93b'; } .pickUpReadyDocIcon:before { content: '\e92f'; } .promotionDocIcon:before { content: '\e928'; } .eyeDocIcon:before { content: '\e921'; } .alphaDocIcon:before { content: '\e932'; } .betaDocIcon:before { content: '\e929'; } .diagramDocIcon:before { content: '\e92e'; } /*#endregion*/ /*#region -------------------------- FOOTER -------------- */ .footer button { display: inline-block; min-width: 102px; padding: 4px 10px; color: #fff; background: #4698d2; border: 2px solid #4698d2; font-size: 15px; line-height:20px; cursor: pointer; } .footer button:active, .footer button:focus { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .footer button:first-child, .footer button:disabled:first-child { margin: 0; } .footer .disabled_button, .footer button:disabled { display: inline-block; cursor: default; background: #cdcdcd; border-color: #cdcdcd; } .footer button.disabled_button, .footer button:disabled { padding: 4px 10px; } .footer .disabled_button:active, .footer button:disabled:active { border-color: #cdcdcd; } .footer .pullLeft button { margin: 0 8px 0 0; } .footer .pullRight button { margin: 0 0 0 8px; } /*#endregion*/ /*#region -------------------------- TREE VIEW -----------*/ .treeView ul { padding: 0 0 0 30px; list-style: none; } .treeView li { position: relative; } .treeView li > input { position: absolute; left: 0; margin-left: 0; opacity: 0; z-index: 2; cursor: pointer; height: 13px; width: 13px; top: 7px; } .treeView li button, .treeView li div { display:inline-block; margin: 0 0 0 15px; background: transparent; padding: 3px 5px 2px 2px; white-space: nowrap; cursor: pointer; } .treeView li > button > .checkbox, .treeView li > div > .checkbox { margin:0 5px 0 0; } .treeView li > button > span, .treeView li > div > span { color: #000; font-size:13px; line-height: 22px; text-align: center; } .treeView li.hasSelectedChild > button > span, .treeView li.hasSelectedChild > div > span { font-weight: 700; } .treeView li button:hover, .treeView li div:hover { background:#ecf0f5; } .treeView li button:focus , .treeView li button:focus:hover , .treeView li div:focus , .treeView li div:focus:hover { background:#dae2eb; } .treeView li > input + button + ul, .treeView li > input + div + ul { margin: -0.938em 0 0 -44px; height: 13px; } .treeView li > input + button + ul:after , .treeView li > input + button + ul:before , .treeView li > input + div + ul:after , .treeView li > input + div + ul:before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 8px; left: 6px; border-color: transparent transparent transparent #666; border-style: solid; border-width: 6px 0 6px 6px; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 0; } .treeView li > input + button + ul:before , .treeView li > input + div + ul:before { top: 11px; left: 7px; border-color: transparent transparent transparent #fff; border-width: 3px 0 3px 3px; z-index: 1; } .treeView li > input:hover + button + ul:after , .treeView li > input:hover + div + ul:after , .treeView li > input:focus + button + ul:after , .treeView li > input:focus + div + ul:after { border-color: transparent transparent transparent #42c7fb; } .treeView li > input + button + ul > li, .treeView li > input + div + ul > li { display: none; margin-left: -14px !important; padding-left: 1px; white-space: nowrap; } .treeView li > input:checked + button + ul, .treeView li > input:checked + div + ul { margin: -1.25em 0 0 -44px; /* 20px */ padding: 1.563em 0 0 80px; height: auto; } .treeView li > input:checked + button + ul:after , .treeView li > input:checked + button + ul:before , .treeView li > input:checked + div + ul:after , .treeView li > input:checked + div + ul:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: transparent transparent transparent #000; } .treeView li > input:checked + button + ul:before, .treeView li > input:checked + div + ul:before { opacity: 0; } .treeView li > input:checked:focus + button + ul:after , .treeView li > input:checked:focus + div + ul:after { border-color: transparent transparent transparent #42c7fb; } .treeView li input:checked + button + ul > li, .treeView li input:checked + div + ul > li { display: block; margin: 0; } .treeView li:not(.rootNode) > input { display: none; } .treeView .unvisibleTreeItem{ display: none !important; } /*#endregion --------------------------------------------------*/ /*#region -------------------------- TABS WIDGET ------------------------*/ .tabs-widget .tabBtnContainer { padding: 0; margin: 0; height: 34px; } .tabs-widget .tabBtnContainer > button { display: block; float: left; color: #5f5f5f; background: #f2f2f2; text-decoration: none; font-size: 14px; border: 1px solid #eaeaea; border-bottom: 0 none; padding: 7px 35px; line-height: 20px; margin: 0; cursor: pointer; border-radius: 0; position: relative; } .tabs-widget .tabBtnContainer > button:not(:first-child) { margin: 0 0 0 -1px; } .tabs-widget .tabBtnContainer > .select_tab { background: #fff; } .tabs-widget .tabBtnContainer > .select_tab:before { display: block; content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px; } .tabs-widget .tabBtnContainer > .select_tab:after { content: ''; display: block; width: 100%; height: 3px; background: #4698d2; position: absolute; top: 0; left: 0; } .tabs-widget > .tabContentWrapper { border: 1px solid #eaeaea; padding: 10px; height: calc(100% - 36px); } .tabs-widget > .tabContentWrapper.withScroll { width: 100%; } .withOutGrid.tabs-widget > .tabContentWrapper { height: calc(100% - 53px); } .settigsContent .list .content > .tabs-widget > .tabBtnContainer { padding-top: 10px; height: 44px; } /*#endregion ---------------------------------------------------------*/ /*#region -------------------------- LOCATION LIST SELECTOR --------------------------------*/ .interactionFormLocationSelect .locationListChooser .field_devider > button , .search_outer .field_devider .input_button_field { width: 100%; height: 40px; display: block; padding: 0 10px; font-size: 13px; line-height: 40px; text-align: left; color: #000; margin: 0 0 5px; border: 1px solid #d7d7d7; z-index: 2; background: #fff; position: relative; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .search_outer .field_devider .placeholderStyle { font-size: 15px; line-height: 40px; color: #9d9d9d; } .interactionFormLocationSelect .locationListChooser .field_devider > button:hover , .search_outer .field_devider .input_button_field:hover { cursor: pointer; background: #c7e0f1; color: #fff; } .interactionFormLocationSelect .locationListChooser .field_devider > button.active , .interactionFormLocationSelect .locationListChooser .field_devider > button:focus , .search_outer .field_devider .input_button_field:focus { background: #7DB7DF; color: #fff; } .interactionFormLocationSelect .locationListChooser .field_devider > button.active:hover , .interactionFormLocationSelect .locationListChooser .field_devider > button.active:focus { /*background: #c7e0f1;*/ } .interactionFormLocationSelect .locationListChooser .field_devider:last-child > button { margin: 0; } .locationListChooserWrapper { border: 1px solid #d7d7d7; } .scroll.locationListChooser .scrollContainer { height: 295px; } .interactionFormLocationSelect .form_buttons { display: block; margin: 10px 0 5px; text-align: right; } .interactionFormLocationSelect .search_form { display: block; width: 360px; } .interactionFormLocationSelect .search_form .search_outer { display: block; padding: 20px 10px 0; background: transparent; margin: 0; position: relative; } .interactionFormLocationSelect .search_form .search_outer.withRightScrollShift { padding-right: 10px; } .interactionFormLocationSelect .search_form .search_outer .searchInList { margin-bottom: 20px; width: 100%; } .interactionFormLocationSelect .search_form .search_outer .searchInList .input_wrapper { margin: 0; } .interactionFormLocationSelect .search_form .search_outer .searchInList .reset { right: 10px; } .interactionFormLocationSelect .buttonParent > button { font-size: 15px; line-height: 20px; cursor: pointer; display: inline-block; padding: 4px 30px; color: #fff; background: #4698d2; border-radius: 0; border: 2px solid #4698d2; } .interactionFormLocationSelect .buttonParent > button:hover { background: #4698d2; } .interactionFormLocationSelect .buttonParent > button:focus { border: 2px solid #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .interactionFormLocationSelect .buttonParent > button:disabled , .interactionFormLocationSelect .buttonParent > button:disabled:hover { background: #dadada; border-color: #dadada; color: #fff; } /*#endregion*/ /*#region -------------------------- PAGING -----------------------------------------------*/ .pagingContainer { width: 100%; height: 40px; background: transparent; position: relative; border-top: 1px solid #eaeaea } .paging { color: #5f5f5f; font-size: 13px; margin: 0; width: 100%; position: relative; z-index: 0; overflow: hidden; } .paging .navs { float: left; text-align: center; width: 285px; margin: 0 95px; z-index: 2; position: relative; cursor: default; } .paging .navs span { font-size: 13px; line-height: 40px; font-weight: 400; margin: 0 6px 0 0; } .paging .navs > a { cursor: pointer; display: inline-block; margin: 11px 0 0; width: 0; height: 0; border-style: solid; } .paging .navs .first , .paging .navs .previous { position: relative; border-width: 9px 9px 9px 0; border-color: transparent #4698d2 transparent transparent; margin-right: 10px; } .paging .navs .previous { margin-right: 25px; } .paging .navs .first.disabled , .paging .navs .previous.disabled { border-color: transparent #c2c2c2 transparent transparent; } .paging .navs .next , .paging .navs .last { position: relative; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #4698d2; margin-left: 10px; } .paging .navs .next { margin-left: 25px; } .paging .navs .next.disabled , .paging .navs .last.disabled { border-color: transparent transparent transparent #c2c2c2; } .paging .navs .first:before , .paging .navs .last:before { display: block; content: ''; position: absolute; top: -8px; height: 16px; width: 2px; background: #4698d2; } .paging .navs .first:before { left: -2px; } .paging .navs .last:before { right: -2px; } .paging .navs .last.disabled:before , .paging .navs .first.disabled:before { background: #c2c2c2; cursor: default; } .paging .navs .disabled { cursor: default; } .paging .navs input { background: transparent; border: 1px solid #d7d7d7; color: #333; width: 28px; text-align: center; margin: 10px 5px 0 0; height: 20px; padding: 0; } .paging .records { line-height: 38px; font-size: 13px; float: left; width: 52%; margin-right: -240px; padding-right: 143px; z-index: 1; position: relative; text-align: left; cursor: default; } .paging .records span:first-child { padding-left: 60px; } .countContainer .paging .records { width: 100%; margin: 0; padding: 0; } .paging .size { float: right; width: 48%; text-align: left; margin-left: -285px; padding-left: 150px; z-index: 1; position: relative; } .paging .size button { margin: 0 10px; color: #4698d2; font-size: 14px; line-height: 40px; font-weight: normal; cursor: pointer; background: transparent; padding:0; } .paging .size button:hover , .paging .size button:focus { cursor: pointer; color: #5f5f5f; } .paging .size button:disabled { cursor: default; color: #000; } .additionalFieldInPaging { position: absolute; bottom: 19px; right: 20px; font-size: 13px; } .pseudoPaging { margin: -40px 0 0; width: 100%; position: relative; z-index: 0; } .pseudoPaging span { color: #5f5f5f; font-size: 13px; line-height: 40px; display: inline-block; } .pseudoPaging .itemsCount { margin: 0 0 0 20px; } .pseudoPaging .additionalFieldInPaging { bottom: 0; } /*#endregion*/ /*#region -------------------------- Context MENU ---------------------------------------*/ .context-menu-list { /*min-width:164px;max-width:400px;overflow-y:auto;overflow-x:hidden;*/ width: auto; padding-right: 15px; overflow: hidden; max-height: 200px; display: inline-block; position: absolute; list-style-type: none; border: 1px solid #DDD; background: #EEE; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-size: 13px; color: #000; } .context-menu-item { padding: 3px 2px 3px 24px; background-color: #EEE; position: relative; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .context-menu-separator { padding-bottom: 0; border-bottom: 1px solid #DDD; } .context-menu-item.hover { cursor: pointer; background-color: #39F; } .context-menu-item.disabled { color: #666; } .context-menu-input.hover , .context-menu-item.disabled.hover { cursor: default; background-color: #EEE; } .context-menu-submenu:after { content: ">"; color: #666; position: absolute; top: 0; right: 3px; z-index: 1; } /* position checkboxes and radios as icons */ .context-menu-input > label > input[type="checkbox"] , .context-menu-input > label > input[type="radio"] { margin-left: -17px; margin-top: -2px; } .context-menu-input > label > span { margin-left: 5px; line-height: 18px; } .context-menu-input > label > span > xmp { line-height: 18px; display: inline-block; } .context-menu-input > label , .context-menu-input > label > input[type="text"] , .context-menu-input > label > textarea , .context-menu-input > label > select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .context-menu-item > .context-menu-list { display: none; right: -5px; top: 5px; } .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } .context-menu-list + .nicescroll-rails { display: none; } /*#endregion*/ /*#region -------------------------- ProgressBar BOX ----------------------------------------------*/ .reviewingLoaderBlock { display: none; position: absolute; z-index: 5; background: rgba(255,255,255,.6); top: 56px; left: 0; right: 10px; bottom: 52px; } .reviewingLoaderBlock.blackAllPopup { background: rgba(0,0,0,.6); top: 0; left: 0; right: 0; bottom: 0; z-index:101; } .reviewingLoaderBlock .reviewLoaderBoxWrapper { display: block; position: absolute; left: 50%; top: 50%; width: 250px; height: 70px; margin: -35px 0 0 -125px; border: 1px solid #afb9c0; padding: 2px; border-radius: 3px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RjZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(215,220,223) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(215,220,223))); background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(215,220,223) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(215,220,223) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(215,220,223) 100%); background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(215,220,223) 100%); } .reviewingLoaderBlock.blackAllPopup .reviewLoaderBoxWrapper { width: 320px; margin: -35px 0 0 -160px; } .reviewingLoaderBlock .reviewLoaderBox { display: block; font-size: 13px; color: #000; height: 100%; background: rgb(245,247,248); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGI4YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(245,247,248) 0%, rgb(184,184,184) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,247,248)), color-stop(100%,rgb(184,184,184))); background: -webkit-linear-gradient(top, rgb(245,247,248) 0%,rgb(184,184,184) 100%); background: -o-linear-gradient(top, rgb(245,247,248) 0%,rgb(184,184,184) 100%); background: -ms-linear-gradient(top, rgb(245,247,248) 0%,rgb(184,184,184) 100%); background: linear-gradient(to bottom, rgb(245,247,248) 0%,rgb(184,184,184) 100%); } .reviewingLoaderBlock .reviewLoaderBox > span { text-align: center; line-height: 30px; display: block; } .progressbarPopup { position: relative; border-radius: 9px !important; margin: 2px 10px; height: 20px; } .reviewingLoaderBlock .reviewLoaderBox .progressbarPerCents { position: absolute; left: 0; top: 0; font-weight: bold; text-shadow: 0 1px 1px #fff; line-height: 16px; width: 100%; text-align: center; } .ui-progressbar { border: 1px solid #7e7e7e !important; height: 19px; text-align: left; overflow: hidden; padding: 1px; background: #fff !important; } .ui-progressbar.ui-corner-all { border-radius: 8px !important; } .ui-progressbar .ui-progressbar-value { height: 100%; border-radius: 8px !important; background: rgb(155,192,210); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliYzBkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzliYzBkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzQxNjY3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTY2NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(155,192,210) 0%, rgb(155,192,210) 45%, rgb(65,102,120) 55%, rgb(65,102,120) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(155,192,210)), color-stop(45%,rgb(155,192,210)), color-stop(55%,rgb(65,102,120)), color-stop(100%,rgb(65,102,120))); background: -webkit-linear-gradient(top, rgb(155,192,210) 0%,rgb(155,192,210) 45%,rgb(65,102,120) 55%,rgb(65,102,120) 100%); background: -o-linear-gradient(top, rgb(155,192,210) 0%,rgb(155,192,210) 45%,rgb(65,102,120) 55%,rgb(65,102,120) 100%); background: -ms-linear-gradient(top, rgb(155,192,210) 0%,rgb(155,192,210) 45%,rgb(65,102,120) 55%,rgb(65,102,120) 100%); background: linear-gradient(to bottom, rgb(155,192,210) 0%,rgb(155,192,210) 45%,rgb(65,102,120) 55%,rgb(65,102,120) 100%); } .ui-progressbar .ui-progressbar-overlay { background: url("../imgs/loading.gif") repeat-x 0 0; height: 100%; border-radius: 8px; } .blueBusyBar { background: url("../imgs/loading.gif") repeat-x 0 0; height: 15px; border-radius: 9px; } /*#endregion*/ /*#region -------------------------- Language BOX -----------------*/ .languageWrapper { position: relative; display: inline-block; min-width: 150px; } .languageSelector { margin: 0; line-height: 30px; padding: 0 30px 0 40px; position: relative; z-index: 1; width: 100%; } .languageSelector:before { display:block; content:''; width:24px; height:29px; background:url(../imgs/footer_icons_.png) no-repeat 0 -58px; position: absolute; top: 0; left: 7px; z-index: 1; } .languageSelector:after { position: absolute; content: ''; top: 14px; right: 10px; border-color: #7f7f7f transparent; border-style: solid; border-width: 5px 5px 0 5px; height: 0; width: 0; cursor: pointer; } .languageSelector:hover , .languageSelector:focus { background: #7db7df; color: #fff; } .languageSelector:hover:before , .languageSelector:focus:before { background-position: 0 -86px; } .languageSelector:hover:after { border-color: #fff transparent; } .languageSelector:focus:after { border-width: 0 5px 5px 5px; border-color: #fff transparent; } .languageBox { display:none; list-style:none; position:absolute; bottom:30px; padding:5px 0; margin:0; background:#7db7df; border-bottom: 1px solid #609fca; z-index:0; width: 100%; } .languageBox:after { display: block; content: ''; position: absolute; left: 0; bottom: -31px; width: 100%; height: 30px; background: #7db7df; } .languageBox li { margin:0; padding:5px 8px 5px 40px; color:#fff; font-size:14px; line-height:18px; display:block; white-space: nowrap; position: relative; } .languageBox li:hover { color:#aed9f7; cursor:pointer; } .languageBox li.selected:after { display: block; content: ''; position: absolute; top: 1px; left: 12px; background: url(../imgs/galka.png) no-repeat 0 -18px; width: 19px; height: 18px; } /*#endregion*/ /*#region -------------------------- NICE SCROLL -----------------*/ .scroll { position: relative; } .scrollContainer { display: block; overflow: hidden; } .scrollContainer.rightScrollShift { padding-right: 16px; } .popup .foundInvenItemsPopup .content .contentInvenItems .nicescroll-rails { top: auto !important; } .nicescroll-rails { background: #e6e6e6; bottom: 0; padding: 0 !important; } .tableWithSetter .nicescroll-rails[id*='-hr'] { top: auto !important; } /*#endregion*/ /*#region -------------------------- EDIT LONG CUSTOM TEXT ---------------------------------*/ #longTextEditor { width: 800px; min-height: 605px; } #longTextEditor > .content { padding: 10px; overflow: hidden; } #longTextEditor .editor { margin: 0; } #longTextEditor .editor .value { width: 100%; } #longTextEditor .squeareButtons { margin-bottom: 10px; } #plainEditorContainer textarea { height: 435px; } /*#endregion*/ /*#region -------------------------- FILTER SLIDE PANEL ------------------------------------*/ /*----------------- FILTER BUTTON -------------------*/ .filterBtn { float: right; background: transparent; height: 30px; margin: 0 15px 0; width: auto; position:relative; z-index:0; } .filterBtn > span { cursor: pointer; position: relative; color: #4698d2; font-size: 15px; line-height: 28px; padding: 3px 28px 3px 15px; border: 1px solid transparent; border-radius: 3px; z-index:1; } .filterBtn span:hover { cursor: pointer; } .filterBtn > span b { font-weight: 400; } .filterBtn .buttonDown { position: absolute; top: 2px; right: 10px; margin: 10px 0 0; border-color: #4698d2 transparent; border-style: solid; border-width: 5px 5px 0 5px; height: 0; width: 0; cursor: pointer; } .filterBtn .buttonDown.buttonUp { border-width: 0 5px 5px 5px; } .filterBtn .buttonDown.buttonUp:after { display: block; content: ''; width: 77px; height: 100px; background: #f2f2f2; border: 1px solid #eaeaea; position: absolute; box-shadow: -5px 6px 5px rgba(0,0,0,.1); top: -21px; right: -16px; z-index: -1; } .list > .content > .buttonsContainer > .buttonParent > .filterBtn .buttonDown.buttonUp:after { width: 97px; right: -31px; } /*--------------------------------------------------*/ .filter { font-size: 14px; width: 0; height: 354px; background: #f2f2f2; padding: 0; display: inline-block; border: 1px solid #eaeaea; border-top: 0 none; left: auto !important; left: initial !important; top:0; right: 0; position: absolute; z-index: 2; } .filter:before { content: ''; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 0; z-index: 0; background: transparent; box-shadow: -3px 0px 7px rgba(0,0,0,.5); } .filter > .content { background: #f2f2f2 !important; overflow: hidden; padding: 7px 7px 50px !important; height: 100% !important; position: relative !important; margin: 0 0 -50px 0 !important; } .filter .content .wrapborder { border: 1px solid #eaeaea; background: #fff; height: 100%; margin: 0; overflow: hidden; } .filter .groupNameWithSign { cursor: pointer; white-space: nowrap; } .filter .groupNameWithSign i { display: inline-block; width: 20px; height: 20px; background: #fff; border-radius: 10px; border: 1px solid #4698d2; position: relative; margin: 6px 1px 0 5px; } .filter .groupNameWithSign i:after { display: block; position: absolute; content: ''; top: 6px; left: 4px; border-color: #4698d2 transparent; border-style: solid; border-width: 0 5px 5px 5px; } .filter .groupNameWithSign:hover i { background: #4698d2; } .filter .groupNameWithSign:hover i:after { border-color: #fff transparent; } .filter .groupNameWithSign i.closed { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filter .groupNameWithSign .label { color: #4b6c9e; font-size: 14px; display: inline-block; padding: 5px; cursor: pointer; } .filter .content .list { height: auto; padding: 0 16px 0 20px; } .filter .content .list li { display: block; color: #000; clear: both; margin: 0 0 3px; } .filter .content .list li:hover { background: #e6f3f7; } .filter .content .list .filterSelected { background: #cbe6ef; } .filter .content .list .filterSelected:hover { background: #c5e3ed; } .filter .content .list li .checkbox { margin: 0; padding: 2px 0 4px 24px; display: block; } .filter .content .list li .checkbox span:not(.bg) { line-height: 22px !important; padding: 0 0 0 10px; width: 100%; text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap; } .filter .content .list li .editor { margin: 0; } .filter .content .list li .editor .value { width: 100% !important; padding-right: 0; } .filter > .footer { z-index: 1 !important; position: relative !important; padding: 11px 0 !important; margin: 0 !important; height: auto !important; right: 0 !important; } .filter > .footer:after { display: none !important; } .filter .footer button { line-height: 20px; font-size: 16px; color: #4698d2; border: 1px solid transparent; cursor: pointer; display: inline-block; padding: 3px 10px; background: transparent; min-width: auto; min-width: initial; box-shadow: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; max-width: 28%; } .filter .footer button:disabled { color: #ddd; cursor: default; } .filter .footer button:first-child { float: left; max-width: 47%; } .filter .footer button:active { box-shadow: none; } .filter .footer .btnWrap { padding: 0; width: 100%; position: relative; overflow: hidden; white-space: nowrap; text-align: right; } .filter .ui-resizable-w { left: 0; } /*#endregion*/ /*#region -------------------------- REDNOTE --------------------------------------------*/ .redNote , .grayNote { position: absolute; left: 10px; bottom: 2px; font-size: 12px; color: #f50009; cursor: default; font-style: normal; } .wideNote { width: 100%; text-align: center; } .grayNote { font-size: 11px; color: #8b8b8b; } /*#endregion --------------------------------------------------*/ /*#region -------------------------- SEARCH -------------- */ .spyglass , .empty , .edit { display: block; position: absolute; top: 0; right: 6px; font-family: icomoon; color: #909090; width: 30px; height: 100%; font-size: 32px !important; line-height: 100% !important; z-index: 10; cursor: pointer; } .spyglass:before { position: absolute; content: '\e912'; top: 50%; left: 0; margin-top: -16px; } .empty { right: 35px; color: #4698d2 !important; } .empty:before { position: absolute; content: '\e91b'; top: 50%; left: 0; margin-top: -16px; } .empty:hover { color: #f50009 !important; } .edit { color: #4698d2; } .edit:before { position: absolute; content: '\e91c'; top: 50%; left: 0; margin-top: -16px; } .clearCross { position: absolute; top: 0; right: 35px; font-family: icomoon; width: 26px; height: 100%; font-size: 33px !important; line-height: 100% !important; z-index: 10; cursor: pointer; color: #4698d2 !important; } .clearCross:before { position: absolute; content: '\e91b'; top: 50%; left: -3px; margin-top: -16px; } /*todo wtf*/ .miniSearch { background: #fff; width: 100%; position: relative; } .miniSearch.disabled_search .input_wrapper { opacity: .25; } .miniSearch .input_wrapper { margin: 0; } .miniSearch .empty { right: 30px; } .miniSearch input[type=text] { background: transparent; border: 1px solid #d7d7d7; height: 26px; padding: 0 55px 0 10px !important; width: 100%; z-index: 3; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .miniSearch .input_label { font-size: 12px; line-height: 26px; } /*#endregion*/ /*#region -------------------------- ComboSearch with Select -------------- */ .comboSearch { background: #FFF; height: 26px; margin: 2px 0; width: 300px; position: relative; } .comboSearch.disabled_search .input_wrapper { opacity: .25; } .comboSearch input { background: transparent; background-color: transparent !important; border: 0 none; height: 26px; padding: 0 5px; width: 280px; z-index: 3; } .comboSearch .input_wrapper { margin: 0; width: 100%; border: 1px solid #eaeaea; } .comboSearch .input_wrapper .input_label { left: 100px; line-height: 26px; } .comboSearch .input_wrapper input { padding-left: 100px; padding-right: 60px; width: 100%; text-overflow: ellipsis; } .comboSearch .sbHolder { position: absolute; z-index: 1; top: 1px; left: 1px; width: 80px; border: 1px solid #fff; height: 24px; line-height: 24px; } .comboSearch .sbHolder:hover { border: 1px solid #d7d7d7; } .comboSearch .sbSelector { width: 50px; line-height: 24px; } .comboSearch .sbOptions { width: 80px; top: 24px !important; } .comboSearch .sbHolder .sbOptions li { padding: 0 !important; } .comboSearch .sbToggle:after { opacity: 0; top: 10px; } .comboSearch .sbHolder:hover .sbToggle:after { opacity: 1; } .comboSearch.withoutSpyglass .input_wrapper input { padding-right:12px; } .comboSearch .searchSelectbox { position: absolute; z-index: 2; top: 2px; left: 2px; width: 90px; border: 0 none; height: 24px; } .comboSearch .searchSelectbox .selectBoxBtn { border: 1px solid #fff; } .comboSearch .searchSelectbox > span { color: #d7d7d7 !important; line-height: 24px !important; font-size: 13px !important; outline: none; overflow: hidden !important; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; height: 24px; text-align: left; padding: 0 0 0 8px; cursor: default; background: #fff; position: relative; z-index: 0; } .comboSearch .searchSelectbox .selectBoxListWrapper ul li { padding: 0; } .comboSearch .searchSelectbox .selectBoxListWrapper ul li span { color: #5f5f5f; font-size: 13px; padding: 3px 7px; } .comboSearch .searchSelectbox .selectBoxBtn .autocompleteArrow { opacity: 0; } .comboSearch .searchSelectbox:hover .selectBoxBtn , .comboSearch .searchSelectbox .selectBoxBtn:focus { border: 1px solid #eaeaea; } .comboSearch .searchSelectbox:hover .selectBoxBtn .autocompleteArrow, .comboSearch .searchSelectbox .selectBoxBtn:focus .autocompleteArrow { opacity: 1; } .comboSearch .searchSelectbox .input_wrapper { margin: 0; border: 0 none; } .comboSearch.withoutSpyglass .empty { right: 0; } .editor .value.comboSearch .input_wrapper .input_label { line-height: 24px; } .editor .value.comboSearch .input_wrapper input { padding-left: 100px !important; padding-right: 60px !important; z-index: 3 !important; border: 0 none !important; } .editor .value.comboSearch .searchSelectbox , .editor .value.comboSearch .searchSelectbox .selectBoxBtn { height: 22px; } .editor .value.comboSearch .input_wrapper .empty { right: 35px; } /*#endregion*/ /*#region -------------------------- BUTTONS -------------- */ button:disabled { cursor: default; } .squeareButtons { font-size: 0; display: inline-block; } .squeareButtons:not(:first-child) { margin-left: 16px; } .squeareButtons > button { line-height: 20px; font-size: 15px; color: #7f7f7f; border: 1px solid #d7d7d7; cursor: pointer; display: inline-block; padding: 3px 20px; background: transparent; } .squeareButtons > button.selected { background: #4698d2; border: 1px solid #4698d2; color: #fff; } .squeareButtons > button:disabled , .squeareButtons > button:disabled.selected { color: #ddd; cursor: default; background: transparent; border: 1px solid #d7d7d7; } .btnGhost { color: #4698d2; margin: 0; min-width: unset; padding: 3px 15px; border-radius: 3px; background: transparent; border: 1px solid transparent; } .btnGhost.white { color: white; } .btnGhost.white:hover { background: transparent; color: #aed9f7; } .btnGhost:disabled, .btnGhost:disabled:hover { color: #ddd; background: transparent; border: 1px solid transparent; } .btnGhost:hover { background: #c7e0f1; } .btnGhost:focus, .btnGhost:active { border: 1px solid #4da8d6; } .btnGroup + .btnGroup { margin-left: 10px; } /*#endregion*/ /*#region -------------------------- allWidthLabelWithBorder -------------- */ .allWidthLabelWithBorder { display: block; background: #d7d7d7; margin: 0 0 8px; padding: 4px 10px; font-size: 13px; line-height: 18px; color: #5f5f5f; } .allWidthLabelWithBorder:not(:first-of-type) { margin: 8px 0; } .allWidthLabelWithBorder button { float: right; background: transparent; color: #3075cf; } .allWidthLabelWithBorder h1 { line-height: 28px; } /*#endregion*/ /*#region -------------------------- COMMENTS CONTAINER -------------- */ .commentScrollArea { overflow: hidden; position: relative; overflow-y: auto; height: 100%; padding: 0 1px 0 0; } .commentContainer { background: transparent; padding: 0; margin: 0 0 10px; width: 100%; border: 1px solid #d7d7d7; } .commentContainer .commentHeader { background: #ebebeb; padding: 7px; position: relative; } .commentContainer .commentHeader span { color: #5f5f5f; font-size: 13px; } .commentContainer .commentHeader .createdTitle , .commentContainer .commentHeader .lastModifiedTitle { float: left; margin-right: 15px; } .commentContainer .commentHeader .empty , .commentContainer .commentHeader .edit { color: #4698d2; } .commentContainer .commentHeader .empty:before { font-size: 39px; } .commentContainer .commentHeader .empty { right: 7px; } .commentContainer .commentHeader .edit { right: 30px; } .commentContainer .commentBody { padding: 5px; } .commentContainer .commentBody span { font-size: 13px; line-height: 22px; color: #5f5f5f; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; } .commentContainer .imgOuter { position: relative; width: 100px; height: 100px; margin: 5px 0 0; } .commentContainer .imgOuter img { max-width: 100px; max-height: 100px; } /*#endregion*/ .verDevider { height: auto; width: 1px; background: #d3d2d1; margin: 0 5px; flex-shrink: 0; } /*#region -------------------------- OTHER -------------- */ .content p { font-size:13px; line-height:20px; color:#000; padding:0 0 10px; } .headerTitle { font-size: 15px; line-height: 28px; color: #5f5f5f; margin: 0 0 5px; } /*#endregion*/ /*#region -------------------------- EDITOR -------- */ .editor { width: 100%; display: flex; flex-shrink: 0; flex-wrap: nowrap; background-color: transparent; max-width: 100%; position: relative; font-size: 0; line-height: 0; } .editor:not(:empty) { min-height: 24px; margin-bottom: 5px; } .editor.column { flex-direction: column; } .editor.column > .name:not(:empty) { margin-right: 0; margin-bottom: 2px; } .editor > .name, .editor > .value { display: flex; position: relative; cursor: default; } .popup .editor > .name { width: 43%; } .editor > .name { flex-shrink: 0; justify-content: flex-end; } .editor:not(.verticalEditor):not(.column) > .name { margin-right: 10px; } .editor > .value { flex: 1; min-width: 0; } .editor > .value { padding-right: 12px; } .editor > .name span, .editor > .value span, .editor > .value a { display: block; font-size: 13px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .editor > .value a { display: inline-block; max-width: 100%; } .editor > .name span, .editor > .value span:not(:empty) { flex-grow: 1; } .editor > .name span, .editor.builtInEditor > .name span { color: #878787; line-height: 23px; text-align: right; } .editor > .value > span { color: #000; text-align: left; } /* editor variations */ .editor.multilineName > .name > span, .editor.multilineEditor > .name > span, .editor.multilineEditor > .value > span { white-space: normal; } .editor.multilineEditor .value { justify-content: flex-end; align-self: flex-end; } .editor.multilineEditor .value, .editor.multilineValue .value { flex-direction: column; } .editor.multilineValue .value > span { white-space: normal; text-overflow: initial; } .editor.verticalEditor { flex-direction: column; } .editor.verticalEditor .value { padding-right: 0; } .editor.fullWidthValue .value { max-width: 100% !important; } .editor.verticalEditor > .name { width: 100%; margin-right: 0; justify-content: flex-start; } .editor.verticalEditor > .name > span { text-align: left; } .editor.verticalEditor > .value textarea.notes { height: 110px; } .editor.multipleValueInLine .value:not(:last-of-type) { margin-right: 10px; padding:0; } /* editor inputs */ .editor select, .editor textarea, .editor input[type="password"], .editor input[type="text"], .editor input[type="search"], .editor input[type="date"] { flex-grow: 1; } .red_asterisk { content: '*'; display: block; position: absolute; top: 3px; width: 7px; right: -11px; height: 22px; color: #f50009; font-size: 15px; line-height: 22px; cursor: default; z-index: 0; } .labelAfterInput + .red_asterisk, .linkAfterInput + .red_asterisk { right: 0; } .groupRequiredSymbol { font-size: 12px; margin-left: 5px; top: 0; line-height: 24px; } .editor .value .labelAfterInput, .editor .value .linkAfterInput { margin-left: 16px; } .editor .value ~ .labelAfterInput, .editor .value ~ .linkAfterInput { margin-left: 0; } .editor .value .labelAfterInput + .labelAfterInput, .editor .value .linkAfterInput + .linkAfterInput, .editor .labelAfterInput + .labelAfterInput, .editor .linkAfterInput + .linkAfterInput { margin-left: 10px; } /*#endregion*/ /*#region -------------------------- TWO EDITORS IN LINE -------- */ .twoEditorsInLine { display: flex; } .twoEditorsInLine .editor { width: auto; } .twoEditorsInLine.editor > .value, .twoEditorsInLine.editor > .value .input_wrapper { z-index: 1; } .twoEditorsInLine .builtInEditor { flex-grow: 1; min-width: 0; flex-shrink: 1; width: initial; margin-bottom: 0; margin-left: 10px; } .twoEditorsInLine .builtInEditor .name { width: initial !important; } .twoEditorsInLine .builtInEditor .value { padding: 0; max-width: 100% !important; } /*#endregion*/ /*#region -------------------------- EDITOR CUSTOMIZATION -------- */ .transferLineEditPopup .editor .name { width: 33%; } .simplePopup450 .content .editor .name { text-align: left; } .simplePopup550 .content .editor .name { text-align: right; width: 33%; } .changeCorrectionRule .editor { padding: 10px; } .changeCorrectionRule .editor .name { width: 38%; } .changeCorrectionRule .editor .value { width: 58%; } .changeCorrectionRule .editor .value .checkbox > span:not(.bg) { color: #8b8b8b; } .simplePopup650 .content .editor .name { text-align: right; width: 42% !important; } .simplePopup450 .content p + .editor , .simplePopup450 .content .editor + p { margin-top: 40px; } .lockedPopup .content .editor .onlyValue { width:100%; } .lockedPopup .content .editor .onlyValue .radio , .lockedPopup .content .editor .onlyValue .checkbox { margin-left:50px; } .lockedPopup .content .radio input[type="radio"] + span.bg + span:not(.bg) , .lockedPopup .content .checkbox input[type="checkbox"] + span.bg + span:not(.bg) { line-height:18px; margin-left: 10px; } /*#endregion*/ /*#region -------------------------- INPUTS -------- */ .editor .value input[type=text], .editor .value input[type=password], .editor .value input[type="search"], .editor .value input[type="date"], .editor input[type="email"] { height: 24px; z-index: 2; padding: 0 6px; line-height: 19px; color: #000; margin: 0; border: 1px solid #d7d7d7; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .editor input[type="email"] { padding: 0 30px 0 6px; width: 100%; } .editor input[type=text].ui-autocomplete-input, .editor.filters .value input[type=text] { padding: 0 25px 0 6px; } .editor input[type=text]:focus, .editor input[type=password]:focus, .editor .value input[type="search"]:focus, .editor .value input[type="date"]:focus, .editor input[type="email"]:focus { border-color: #4698D2; } .editor .value input[type]:disabled, .editor .value textarea.notes:disabled, .editor .value textarea.notes[readonly="true"], .editor .value textarea.notes[readonly] { color: #999 !important; border-color: #dcdcdc !important; background-color: #f3f3f3 !important; } .editor .onlyValue .radio, .editor .onlyValue .checkbox { margin-left:50px; } .popup .editor input[type=text].black { color: black !important; } /*#endregion*/ /*#region -------------------------- TEXTAREA -------- */ .dopHeight { height: 118px; } .fortextarea { margin-top: 1px; } .editor .value textarea.notes { height: 110px; /*width: 605px;*/ /*margin: 0;*/ z-index: 2; resize: none; padding: 2px 4px; border: 1px solid #d7d7d7; color: #000; background: white; position: relative; white-space: pre-wrap; } .editor .value textarea.notes:disabled:hover, .editor .value textarea.notes[readonly="true"]:hover, .editor .value textarea.notes[readonly="true"]:focus, .editor .value textarea.notes[readonly]:hover, .editor .value textarea.notes[readonly]:focus { border-color: #e5e5e5; } .editor .value textarea.notes:disabled { overflow-y: auto; } .editor .value textarea.notes:focus { border-color: #4698d2; } .popup .custom .editor .value textarea { width: 100%; float: left; padding: 4px; } /*#endregion*/ /*#region -------------------------- SELECT -------- */ select { border: 1px solid #d3d2d1; border-radius: 0; background: white; } /*#endregion*/ /*#region -------------------------- CHECKBOX -------- */ .popup .editor .value .checkbox { margin: 1px 0 0 0; } /*#endregion*/ /*#region -------------------------- CHECKBOX SPAN -------- */ .checkboxSpan { display: inline-block; position: relative; width: 22px !important; height: 22px !important; overflow: visible !important; font: 400 0/0 sans-serif; margin: 4px 0 0; margin: 0; padding: 0; background: #fff; border: 1px solid #d7d7d7; cursor: pointer; } .checkboxSpanSecondLine { margin: -2px auto 0 !important; display: block !important; } .checkboxSpan:before { font-family: 'icomoon' !important; content: "\e90e"; display: block; color: #4698d2; font-size: 30px; line-height: 10px; -webkit-transform: scale(1); transform: scale(1); position: absolute; top: 2px; left: -2px; } .checkboxSpan.unchecked:before , .checkboxSpan.unselected.unchecked:before { font-size: 0; -webkit-transform: scale(0); transform: scale(0); } .checkboxSpan.unselected:before { content: "-"; font-size: 30px; line-height: 10px; transform: scale(1); top: -1px; left: 0; width: 22px; } .checkboxSpan.disabled { background: #f1f1f1 !important; cursor: default !important; pointer-events:none; } .checkboxSpan.disabled:before { color: #9e9e9e !important; } .ui-jqgrid .ui-jqgrid-htable th div .checkboxSpan { margin: 0 auto; cursor: pointer !important; } /*#endregion*/ /*#endregion*/ /*#region -------------------------- INPUT WRAPPER -------- */ .editor .value .input_wrapper { display: flex; flex-grow: 1; min-width: 0; z-index: 0; font-size: 0; margin-bottom: 0px; background: #fff; position: relative; overflow: visible !important; } .editor .value.inp_error .input_wrapper { z-index: 1; } .editor .value .input_wrapper .empty { right: 0; } /*#endregion*/ /*#region -------------------------- AUTOCOMPLITE -------- */ .autocompleteArrow { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 100%; cursor: pointer; z-index: 4; } .selectBoxBtn .autocompleteArrow { right: 0; } .autocompleteArrow:after { display: block; content: ''; position: absolute; top: 50%; margin: -2.5px 0 0; right: 10px; z-index: 0; width: 0; height: 0; border-color: #9c9c9c transparent; border-style: solid; border-width: 5px 5px 0 5px; } .autocompleteArrow.up:after { border-width: 0 5px 5px; } .selectBoxBtn:disabled .autocompleteArrow { opacity: 0.3; cursor: default !important; } .customMultySelect button:disabled .autocompleteArrow { opacity: 0.3; cursor: default !important; } .customMultySelect button .autocompleteArrow { top: 0; right: 0; z-index: 2; } /*#endregion*/ /*#region -------------------------- SELECT-BOX && MULTY-SELECT (Ivan) ---------------------*/ .selectBoxBtn { width: 100%; height: 24px; text-align: left; padding: 0 30px 0 8px; cursor: default; background: #fff; border: 1px solid #d7d7d7; position: relative; z-index: 0; } .selectBoxBtn:focus { border-color: #4698D2; } .selectBoxBtn > span { color: #000 !important; line-height: 20px !important; font-size: 13px !important; outline: none; overflow: hidden !important; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display:block; } .selectBoxBtn:disabled { border-color: #e5e5e5; background-color: #fff; cursor: default !important; } .selectBoxBtn:disabled > span { opacity: 0.5; } .selectBoxBtn > .fakePlaceholder, .fakePlaceholder { color: #9e9e9e !important; } .selectBoxListWrapper , .multylineBoxListWrapper { color: #5f5f5f !important; border: 1px solid #b0bac2; background: #fff; display: block; position: relative; z-index: 5; max-height:211px; overflow:hidden; } .selectBoxListWrapper li , .multylineBoxListWrapper li { padding: 0 !important; } .selectBoxListWrapper li textarea , .selectBoxListWrapper li textarea:focus , .multylineBoxListWrapper li textarea , .multylineBoxListWrapper li textarea:focus { width: 100%; margin: 0; resize: none; padding: 2px 4px; color: #5f5f5f; font-size: 13px; z-index: 2; background: transparent; position: relative; height: 100px !important; border: 0 none !important; } .selectBoxListWrapper li span , .selectBoxListWrapper li xmp , .multylineBoxListWrapper li span { display: block; color: #000 !important; padding: 0 7px; zoom: 1; font-weight: normal; border: 1px solid #fff; font-size: 13px; line-height: 24px; height: 26px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .selectBoxListWrapper li:hover span , .selectBoxListWrapper li:hover xmp { border: 1px solid #daecf3; background: #daecf3; cursor: pointer; } .selectBoxListWrapper li.profitWarning span , .selectBoxListWrapper li.profitWarning xmp { background: #cbe6ef; border: 1px solid #9bd1df; } .customMultySelect button { width: 100%; height: 24px; text-align: left; padding: 0 16px 0 6px; color: #5f5f5f; background: #fff; border: 1px solid #d7d7d7; position: relative; z-index: 0; } .customMultySelect button:focus { border-color: #4698D2; } .customMultySelect button > span { line-height: 20px !important; } .customMultySelect button:disabled { border-color: #e5e5e5; background-color: ghostwhite; cursor: default !important; } .customMultySelect button:disabled > span { opacity: 0.5; cursor: default !important; } .multiSelectListWrapper { overflow-y: scroll; overflow-x: hidden; height: 158px; position: relative; z-index: 5; background: #fff; border: 1px solid #ddd; } .multiSelectListWrapper ul li { padding:0 0 0 5px; } .multiSelectListWrapper ul li.selectAllItem { padding:0; } .multiSelectListWrapper ul li .checkbox { height: 19px; margin: 4px 5px 3px; width: 97%; } .multiSelectListWrapper ul li .checkbox span:not(.bg) { line-height: 19px; margin: 0 0 0 5px; } .multiSelectListWrapper ul li:hover { background: #e6f3f7; } .multiSelectListWrapper ul .multyChecked { background: #cbe6ef; } .multiSelectListWrapper ul .multyChecked:hover { background: #c5e3ed; } .selectBoxOptionsContainer , .multylineBoxListWrapper { position: absolute; display: none; z-index: 1000; } .selectBoxOptionsContainer > *:not(span):not(a) { font-size: 13px; line-height: 20px; } /*#endregion*/ /*#region -------------------------- AUTOCOMPLETE ------------------------------ */ .ui-autocomplete { background: transparent; z-index: 1001; font-size: 13px !important; position: absolute; overflow: hidden; max-height: 211px; } .ui-autocomplete.ui-widget { font-family: inherit !important; } .ui-corner-all { border-radius: 0 !important; } .ui-autocomplete.ui-widget-content { color: #5f5f5f !important; border: 1px solid #d7d7d7; background: #fff; } .ui-autocomplete.ui-menu { padding: 0 !important; } .ui-autocomplete .ui-menu-item a { margin: 0 !important; color: #000 !important; background: #fff; border: 0 none; cursor: default; min-height: 23px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-right: 14px; } .ui-autocomplete .ui-menu-item a:hover , .ui-autocomplete .ui-menu-item a.ui-state-focus { background-color: #e5f2f6; } .ui-autocomplete .highlighted a { background: #cbe6ef; border: 1px solid #9bd1df; } .ui-helper-hidden-accessible { height: 0 !important; display: none !important; } .ellipsisButton { display: block !important; height: 13px; color: #000 !important; text-align: center; cursor: default; font-size: 10px !important; line-height: 13px !important; margin: 0 !important; padding: 0 !important; } /*customz*/ .popup .content .ui-autocomplete { font-size: 13px !important; } .content .editor .ui-autocomplete.ui-menu , .popup .content .ui-autocomplete.ui-menu { padding: 0 !important; } .transferLineEditPopup .ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; font-size: 13px !important; } .transferLineEditPopup .ui-autocomplete-input .ui-menu { padding: 0 !important; } /*#endregion*/ /*#region -------------------------- POSTAL CODES-------- */ .postalCodes { display: flex; flex-direction: column; flex-grow: 1; max-width: 100%; position: relative; } .postalCodesAutocomplete { font-size: 13px !important; background: #fff; color: #000; border: 1px solid #b0bac2; z-index: 3; top: 100%; position: absolute; left: 0; width: 100%; } .postalCodesAutocomplete ul { overflow-y: auto; height: auto; max-height: 200px; } .postalCodesAutocomplete li { padding: 2px .4em; line-height: 1.5; border: 1px solid transparent; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .postalCodesAutocomplete li.selectedCode { background: #cbe6ef; border: 1px solid #9bd1df; } .postalCodesAutocomplete li:hover { background-color: #e5f2f6; cursor: pointer; } .postalCodesAutocomplete a { text-align: center; display: block; margin: 0; padding: 2px 0; color: #000; background: #eee; line-height: 18px; } .postalCodesAutocomplete a:hover { color: #fff; background: #999; } /*#endregion*/ /*#region -------------------------- ADDITIONAL FIELD-------- */ .additionalField { height: 26px; margin: 2px 0 2px 30px; position: relative; z-index:1; display: inline-block; } .gridPopup700 .additionalField { margin: 2px 0 2px 10px; } .additionalField > span { font-size: 13px; line-height: 28px; color: #5f5f5f; display: inline-block; margin: 0 10px 0 0; } .additionalField .input_wrapper { display: inline-block; margin-bottom: 0; } .additionalField input { background: transparent; height: 26px; padding: 0 5px; width: 60px; border: 1px solid #d7d7d7; z-index: 3; } .additionalField > div[class*=Autocomplete] { display: inline-block; } .additionalField .selectBoxBtn { height: 26px; /*border: 0 none;*/ } .additionalField .editor { margin-bottom: 0; } .additionalField .editor .value .input_wrapper { border: 0 none; } .additionalField .editor .value .input_wrapper input { height: 26px; width: 100%; } /*#endregion*/ /*#region -------------------------- ATTRIBUTE -------- */ .popup .editor.attribute { white-space: nowrap; } .popup .attribute .name { width: 21%; } /*#endregion*/ /*#region -------------------------- OTHER ELEMENTS -------- */ /*#region -------------------------- attach input -------- */ .attach { position: relative; width: 100%; height: 24px; margin: 0; } .attach span.file { position: absolute; right: 0; top: 0; width: 35px; height: 23px; z-index: 5; overflow: hidden; } .attach.forLogo { border: 1px solid #d7d7d7; margin: 0 0 10px; flex-grow: 0 !important; } .attach.forLogo span.file { width: 29px; height: 29px; bottom: 20px; top: auto; right: 20px; opacity: 0.6; } .attach.forLogo input.file_select_btn { width: 29px; height: 29px; cursor: pointer; text-indent: 100px; overflow: hidden; background: transparent url(../imgs/editLogoIcons.png) no-repeat 0 0; } .attach.noLogo { background: url(../imgs/noLogo.png) no-repeat 50% 50%; } .attach.noPhoto { background: url(../imgs/noPhoto.png) no-repeat 50% 50%; } .attach input.file_fake { width: 100%; height: 24px; cursor: default; color: #000; float: right; margin: 0; background: #ebebeb; font-size: 12px; border-style: solid; border-width: 2px; border-color: #d0d6db #b0bac2 #b0bac2; } .attach input[type][readonly]:disabled.file_fake { background: transparent !important; } .attach.forLogo input.file_fake { width: 29px !important; height: 29px !important; border: 0 none !important; background: transparent; } .attach input.file_select { position: absolute; font-size: 15px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); z-index: 6; cursor: pointer; } .attach input.file_select_btn, .attach .file .file_select { padding: 0; } .attach input.file_select_btn { background: #4698d2; border: 0 none; width: 35px; height: 24px; font-size: 15px; line-height: 16px; letter-spacing: 3px; text-indent: 4px; color: #fff; position: absolute; top: 0; right: 0; z-index: 5; cursor: pointer; } .attach.forLogo .imgOuter img { display: block; float: none; margin: 0 auto; padding: 0; /*max-height: 148px; max-width: 128px;*/ position: static; } .attach.forLogo .removeLogo , .attach.forLogo .reloadLogo { width: 29px; height: 29px; cursor: pointer; text-indent: 100px; overflow: hidden; background: transparent url(../imgs/editLogoIcons.png) no-repeat 0 -29px; position: absolute; bottom: 20px; right: 20px; opacity: 0.6; } .attach.forLogo .removeLogo:hover , .attach.forLogo .reloadLogo:hover { opacity: 1; -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); } .attach.forLogo .reloadLogo { background: transparent url(../imgs/editLogoIcons.png) no-repeat 0 -58px; left: 20px; } .attach.forLogo .downloadLogo { position: absolute; left: 160px; bottom: 0; display: block; white-space: nowrap; cursor: pointer; font-size: 14px; line-height: 16px; color: #4698d2; } .attach.forLogo .downloadLogo:hover { text-decoration: underline; cursor: pointer; } /*#endregion*/ /*#region -------------------------- BIRTHDAY ELEMENT -------- */ .BDay, .BMonth { max-width: 50px; z-index: 3 !important; margin: 0 5px 0 0; } .BDay + .BMonth, .BMonth + .BDay { z-index: 2 !important; } .BYear { width: 94px; z-index: 1 !important; } /*#endregion*/ /*#region -------------------------- LINK AFTER INPUT -------- */ .labelAfterInput, .linkAfterInput { display: block; margin-left: 10px; flex-shrink: 0; font-size: 13px !important; position: relative; white-space: nowrap; line-height: 24px; text-decoration: none; } .labelAfterInput { color: #8b8b8b !important; cursor: default; } .linkAfterInput { color: #4698d2; cursor: pointer; line-height: 24px !important; } .singleLinkEditor { color: #4698d2; font-size: 13px; line-height: 16px; margin-right: 1%; text-decoration:underline; } .singleLinkEditor:hover { text-decoration:none; } .linkAfterInput:hover, .linkAfterInput:focus { text-decoration: underline; cursor: pointer } .linkAfterInput.unactive, .linkAfterInput.unactive:hover, .linkAfterInput.unactive:focus { text-decoration: none; cursor: default; color: #878787; } .labelAfterInput:disabled, .linkAfterInput:disabled, .labelAfterInput.disabled, .linkAfterInput.disabled { color: #a3a3a3 !important; cursor: default !important; text-decoration: none !important; } .multyLanguage { display: block; position: absolute; white-space: nowrap; line-height: 24px; width: 23px; height: 24px; top: 0; right: -14px; text-decoration: none; cursor: pointer; overflow: hidden; } .multyLanguage:before { position: absolute; top: 0; right: 5px; width: 23px; content: "\e942"; font-family: 'icomoon'; font-size: 32px; color: #4698d2; } .multyLanguage.withRequired { right: -26px; } /*#endregion*/ .singleLink { background: transparent; font-size: 13px; color: #4698d2 !important; line-height: 23px; display: block; } .editor .value .singleLink { line-height: 22px; } .singleLink:hover , .singleLink:focus { text-decoration: underline; cursor: pointer; } .popup .mailLink , .popup .wwwLink { display: block; position: absolute; background: transparent url(../imgs/envelope.png) no-repeat 0 -1px; width: 28px; height: 20px; top: 2px; right: 2px; text-indent: 30px; overflow: hidden; border: 0 none; z-index: 2; cursor: pointer; } .popup .wwwLink { display: none !important; } .tiny { font-size: 10px !important; line-height: 14px !important; color: #8b8b8b !important; } .tinyBlack { font-size: 11px !important; line-height: 15px !important; color: #000 !important; } .underInputBtn { float:left; font-size: 13px !important; line-height: 19px !important; margin-top: 2px; display: inline-block; background: transparent; color: #4698d2; text-decoration: none; } .underInputBtn:last-of-type { float: right; } .underInputBtn:disabled { color: #a3a3a3; cursor: default; } .underInputBtn:not([disabled]):hover { text-decoration: underline; } .popup .input_wrapper.email { padding: 0 32px 0 0; } .popup .redmessage { color: #f50009; font-size: 13px; line-height: 21px; cursor: default; } .popup .redMessageAreaText { color: #fff; font-size: 14px; line-height: 21px; display: inline-block; margin: 0 0 0 15px; cursor: default; } .popup .redMessageAreaText.info { position: absolute; right: 0; bottom: 8px; z-index: 2; color: #5f5f5f; font-size: 12px; } .popup .messageArea { height: 21px; } /*#endregion*/ /*#region -------------------------- UTILS -------- */ .editor .onlyValue { width:100%; } .popup .downloadLink { font-size: 13px; line-height: 24px; color: #2572c1; text-decoration: underline; } .popup .downloadLink:hover { text-decoration: none; } .editorTinyText { width: 100%; display: block; margin: 40px 0 0; } .editorTinyText .name { float: left; text-align: left; width: 9%; margin: 0 5px 0 0; display: block; cursor: default; } .editorTinyText .value { float: left; text-align: left; width: 89%; position: relative; } .editorTinyText p { font-size: 10px !important; line-height: 14px !important; color: #8b8b8b !important; padding: 1px 0 !important; margin: 0; } .headerTitle { font-size: 15px; line-height: 28px; color: #5f5f5f; } /*#endregion*/ /*#region -------------------------- POPUP ---------------------- */ .popup { font-size: 16px; display: block; padding: 0; width: 460px; background: #f2f2f2; position: fixed !important; top: 0; left: 0; z-index: 101 !important; /*-webkit-animation: fromBack ease-out 0.3s backwards; -moz-animation: fromBack ease-out 0.3s backwards; -o-animation: fromBack ease-out 0.3s backwards; animation: fromBack ease-out 0.3s backwards;*/ box-shadow: 2px 5px 2px rgba(0,0,0,0.1); /*border: 1px solid #eaeaea;*/ } .popup:before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: -1; box-shadow: 0 0 1px rgba(0,0,0,.2); } /*#endregion*/ /*#region -------------------------- POPUP FOOTER & HEADER -------------- */ .popup > .header { display: flex; width: auto; cursor: move; padding: 10px; overflow: hidden; height: 56px; min-height: 56px; flex-direction: row; justify-content: space-between; } .popup > .header > .label { color: #5f5f5f; font-size: 18px; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 36px; } .popup .footer { padding: 10px; white-space: nowrap; position: relative; z-index: 0; width: 100%; height: 52px; } .popup .footer .checkbox { margin:7px 0 0; } .popup .footer .checkbox span:not(.bg) { color:#000; padding:0 0 0 8px; line-height:18px; } .popup .footer .right { float: right; } .popup .footer .left { float: left; } .popup .footer .left button { margin: 0 8px 0 0; } .popup .footer .right button { margin: 0 0 0 8px; } /*#endregion*/ /*#region -------------------------- POPUP CONTENT -------------- */ .popup > .content { background: #fff; position: relative; margin: 0 10px; padding: 20px 10px; /*min-height: 150px;*/ min-height: 74px; border: 1px solid #eaeaea; } .popup > .content > .label { font-size: 14px; color: #5f5f5f; margin: 15px 0; } .popup > .content > .label:first-child { margin-top: 5px; } /*#endregion*/ /*#region -------------------------- POPUP WITHTABS --------------------------------- */ .popup.withTabs { width: 960px; height: 671px; } .popup.withTabs > .content { background: transparent; margin: 0; padding: 0; height: calc(100% - 108px); width: 100%; border: 0 none; } .popup.withTabs > .footer { position: absolute; left: 0; bottom: 0; } .popup > .content > .header { padding-left: 15px; } .popup.withTabs .content > .tabs { left: 0; top: 16px; bottom: 0; z-index: 1; width: 121px; position: absolute; background: transparent; } /*#region -------------------------- TABS WITH SCROLL --------------------------------- */ .popup.withTabs .content > .tabsWithScroll { top: 0; padding: 16px 0; overflow: hidden; } .popup.withTabs .content > .tabsWithScroll .scrollContainer { height: 100%; overflow: hidden; overflow-y: auto; margin-right: -12px; } .popup.withTabs .content .tabsWithScroll .scrollButton { left: 0; padding: 0; width: 100%; height: 16px; position: absolute; background-color: transparent; } .popup.withTabs .content .tabsWithScroll .scrollUpButton { top: 0px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .popup.withTabs .content .tabsWithScroll .scrollDownButton { bottom: 0px; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15); } .popup.withTabs .content .tabsWithScroll .scrollButton:not(:disabled):hover { background-color: #cdcdcd; } .popup.withTabs .content .tabsWithScroll .scrollButton:not(:disabled):active { box-shadow: inset 0 0 4px 0px rgba(0, 0, 0, 0.25); } .popup.withTabs .content .tabsWithScroll .scrollUpButton:not(:disabled):hover:after { border-bottom-color: #cdcdcd; } .popup.withTabs .content .tabsWithScroll .scrollDownButton:not(:disabled):hover:after { border-top-color: #cdcdcd; } .popup.withTabs .content .tabsWithScroll .scrollButton:before, .popup.withTabs .content .tabsWithScroll .scrollButton:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 0; height: 0; opacity: 1; display: block; background-color: transparent; } .popup.withTabs .content .tabsWithScroll .scrollUpButton:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #4698d2; } .popup.withTabs .content .tabsWithScroll .scrollUpButton:disabled:before { border-bottom-color: gray; } .popup.withTabs .content .tabsWithScroll .scrollDownButton:disabled:before { border-top-color: gray; } .popup.withTabs .content .tabsWithScroll .scrollUpButton:after { top: calc(50% + 2px); border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #f2f2f2; } .popup.withTabs .content .tabsWithScroll .scrollDownButton:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #4698d2; } .popup.withTabs .content .tabsWithScroll .scrollDownButton:after { top: calc(50% + -2px); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #f2f2f2; } /*#endregion*/ .popup .content > .tabs button { display: block; padding: 9px 0 9px 15px; color: #5f5f5f; width: 100%; text-align: left; text-decoration:none; background: transparent; cursor:default; position: relative; font-size: 15px; word-wrap: break-word; } .popup .content > .tabs button:hover, .popup .content > .tabs button:focus { background: #e6e6e6; cursor: pointer; } .popup .content > .tabs button.selected { z-index: -1; background:#fff; cursor: pointer; } .popup .content > .tabs button:disabled, .popup .content > .tabs button:disabled:hover { background: transparent; cursor: default; color: #aaa; } .popup .content > .tabs button:after { position: absolute; top: 100%; left: -1px; top: 0; width: 3px; height: 100%; background: #4698d2; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); transform: translateX(10px); } /*.popup .content > .tabs > button:hover::after*/ .popup .content > .tabs button:focus::after, .popup .content > .tabs button.selected::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .popup .content > .tabs button:disabled::after { display: none; } .popup .content > .tabs button:focus, .popup .content > .tabs button.selected:focus { /*background: transparent;*/ } .popup .content > .tabs button.selected:before { content:''; display: block; width: 1px; height: 100%; position: absolute; top:0; right: -1px; background: #fff; z-index: 1; } .popup > .content .form { position: absolute; top: 0px; right: 10px; bottom: 0; left: 120px; } .popup > .content .form > div { position: relative; min-height: 100%; border: 1px solid #eaeaea; padding: 10px; background: #fff; } .popup > .content .form > div > .content { background: transparent; padding: 0; /*position: relative; height: 100%;*/ position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; } .popup > .content .form > .itemTab { padding: 10px 10px 0 !important; } .popup > .content .form > .itemTab > .content { overflow: hidden; bottom: 0; } .popup.withTabs > .content .form > div > .content .scrollableTabContent { height: 100%; overflow: hidden; overflow-y: auto; padding: 0 1px 0 0; } .popup > .content .form > div.withScroll > .content { overflow: hidden; overflow-y: auto; padding: 0 1px 0 0; } .popup.withTabs > .content .form > .custom .customFieldsWrapper { height: 100%; overflow-y: auto; overflow-x: hidden; } /*#endregion*/ /*#region -------------------------- POPUP UTILS -------------- */ .customFieldsWrapper { overflow-y: auto; height: 100%; } .block-left { width: 49%; float: left; position: relative; z-index: 3; } .block-left ~ .block-left { z-index: 2; } .block-right { width: 49%; float: right; position: relative; z-index: 1; } .popup .block-left42 { width: 42%; float: left; position: relative; z-index: 1; } .popup .block-right55 { width: 55%; float: right; position: relative; z-index: 0; } .popup .block-left44 { width: 44%; float: left; position: relative; z-index: 1; } .popup .block-right44 { width: 44%; float: right; position: relative; z-index: 0; } .popup .leftGrid { width: 30%; overflow: hidden; position: relative; z-index: 1; } .popup .rightContent , .popup .rightGrid { width: 69%; overflow: hidden; position: relative; z-index: 0; } .popup .rightContent .content { background: #fff; padding: 10px; } .popup .rightGrid { padding: 0; background: transparent; } /*#endregion*/ /*======================== POPUP ADDONS ======================= */ /*#region -------------------------- ITEM TAB ---------------------------------*/ .popup .itemTab .header .tabs { position: static; width: 100%; border: none; border-bottom: 1px solid #eaeaea; padding: 2px 0 5px; } .popup .itemTab .header > .tabs > button, .popup .itemTab .header > .tabs > .groupButtonWrap button { line-height: 20px; font-size: 15px; color: #4698d2; border: 1px solid transparent; cursor: pointer; display: inline-block; padding: 3px 15px; border-radius: 3px; background: transparent; } .popup .itemTab .header > .tabs > button:hover, .popup .itemTab .header > .tabs > .groupButtonWrap button:hover { background: #c7e0f1; } .popup .itemTab .header > .tabs > button:disabled , .popup .itemTab .header > .tabs > button:disabled:hover , .popup .itemTab .header > .tabs > .groupButtonWrap button:disabled , .popup .itemTab .header > .tabs > button:disabled:hover , .popup .itemTab .header > .tabs > .groupButtonWrap button:disabled:hover , .popup .itemTab .header > .tabs > button:disabled:active , .popup .itemTab .header > .tabs > button:disabled:focus , .popup .itemTab .header > .tabs > .groupButtonWrap button:disabled:focus , .popup .itemTab .header > .tabs > .groupButtonWrap button:disabled:active { color: #ddd; cursor: default; background: transparent; border: 1px solid transparent; } .popup .itemTab .header > .tabs > button:active , .popup .itemTab .header > .tabs > button:focus , .popup .itemTab .header > .tabs > .groupButtonWrap button:focus , .popup .itemTab .header > .tabs > .groupButtonWrap button:active { border: 1px solid #4da8d6; } .popup .itemTab .header > .tabs > .groupButtonWrap { position:relative; display:inline-block; z-index:10; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList { position: absolute; display:none; top: 35px; left: 0; background: #7db7df; border: 1px solid #609fca; padding: 5px; width: -moz-max-content; } .popup .itemTab .header > .tabs > .groupButtonWrap.groupButtonShow > .groupButtonList { display: block; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButton { position:relative; padding-right:30px !important; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButton:after { content:""; display:block; position:absolute; top:12px; right:11px; width:0; height:0; border-style:solid; border-color:#4698d2 transparent; border-width:5px 5px 0 5px; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButton:disabled:after { border-color:#ddd transparent; } .popup .itemTab .header > .tabs > .groupButtonWrap.groupButtonShow > .groupButton:after { border-width: 0 5px 5px 5px; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList hr { padding: 0; margin: 0 auto; width: 90%; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList > button { display: block; white-space: nowrap; width: 100%; text-align:left; color: #fff; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList > button:disabled , .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList > button:disabled:hover { color: #ddd; cursor: default; background: transparent; } .popup .itemTab .header > .tabs > .groupButtonWrap > .groupButtonList > button:hover { background: transparent; color: #aed9f7; } .popup .itemTab .header .tabs .checkbox { margin: 10px 0 0 10px; } .popup .itemTab .header .tabs .checkbox span:not(.bg) { font-size: 12px; margin: 0 0 0 7px; line-height: 19px; } .popup .itemTab .header > .tabs.narrowButtons > button , .popup .itemTab .header > .tabs.narrowButtons > .groupButtonWrap button { padding: 3px 7px; } .popup .itemTab .header > .tabs .searchWrapper { margin-right: 15px; width: 200px; } .popup .itemTab .header .buttons { width: 100%; float: left; margin-top: 10px; } .popup .itemTab .header .buttons span { color: #A3A3A3; float: left; padding: 5px 15px; } .popup .itemTab .header .buttons span.add { color: #fff; } .popup .itemTab .header .buttons span.add:hover { cursor: pointer; background-color: #252525; } .popup .itemTab .miniSearch { margin: 0 0 2px; } /*#endregion*/ /*#region -------------------------- SEARCH FORM -------- */ .popup .search { background: #FFF; height: 30px; margin: 10px 0; width: 330px; position: relative; } .popup .search input { background: transparent; border: 1px solid #d7d7d7; height: 28px; padding: 0 5px; width: 280px; z-index: 3; } .popup .search.disabled_search .input_wrapper { opacity: .25; } /*#endregion*/ /*#region -------------------------- DETAILS CONTAINER ---------------------------------*/ /*.popup .detailsContainer .panel_daetails { padding: 0; }*/ /*.popup .detailsContainer .panel_daetails .button_details { margin: 3px 0 0 5px; }*/ /*.popup .detailsContainer .panel_daetails .tab_content { padding: 0; }*/ .popup .detailsContainer .style_content { padding: 5px; font-size: 13px; } .popup .detailsContainer .style_content.withTable { padding: 0 0 10px; overflow: hidden; } .popup .detailsContainer .photo_block { width: 80px; } .popup .detailsContainer .photo_block .minWidthForImage { width: 80px; } .popup .detailsContainer .photo_block img { width: 80px; } .popup .detailsContainer .style_content .one_block , .popup .detailsContainer .style_content .two_block , .popup .detailsContainer .style_content .three_block { width: 29%; } .popup .content .tableWithSetter .ui-resizable-s { background: transparent; border: 0 none; height: 5px; bottom: -6px; } /*#endregion*/ /*#region -------------------------- OTHER -------- */ .popup .withWarnings { height: 30px; font-size: 14px; line-height: 24px; padding-left: 30px; color: #5f5f5f; } .popup .withWarnings + .content { height: 413px; } .popup .filterBtn { margin: 0; } .popup .custom .block-name { border-bottom: 1px solid grey; color: #8B8B8B; float: left; font-size: 13px; width: 100%; margin: 7px 0; } .popup .filterMatrix { display: inline-block; width: 19px; height: 19px; background: url(../imgs/leyka.png) no-repeat 0 0; overflow: hidden; margin: 3px 0 0; } .popup .filterMatrix:hover { background-position: 0 -19px; cursor: pointer; } /*#endregion*/ /*======================== POPUP VARIATIONS ======================= */ /*#region -------------------------- FoundInvenItemsPopup -------------- */ .foundInvenItemsPopup , .transferLineEditPopup { width: 375px; background: #f2f2f2; position: fixed !important; top: 0; left: 0; z-index: 1000; /*-webkit-animation: fromBack 0.3s ease-out backwards; -moz-animation: fromBack 0.3s ease-out backwards; -o-animation: fromBack 0.3s ease-out backwards; animation: fromBack 0.3s ease-out backwards;*/ box-shadow: 2px 5px 2px rgba(0,0,0,0.1); padding:0; } .transferLineEditPopup > .content { background: #fff; padding: 20px 10px; color: rgb(163, 163, 163); overflow: visible; min-height: 74px; margin: 0 10px; border: 1px solid #eaeaea; } .foundInvenItemsPopup { width: 900px; z-index: 1000; box-shadow: 2px 5px 2px rgba(0,0,0,0.1); height: 606px; } .foundInvenItemsPopup > .content { background: #fff; padding: 10px 10px 0 !important; margin: 0 10px; } .foundInvenItemsPopup .content .invenItemsFoundCount { background-color: transparent; width: 100%; height: 40px; color: #5f5f5f; font-size: 13px; line-height: 40px; padding-left: 60px; border-top: 1px solid #eaeaea; } .foundInvenItemsPopup .invenItemGrid { width: 680px; overflow: auto; } .foundInvenItemsPopup .content .invenItemSearchWrapper { height: 30px; width: 100%; margin-bottom: 10px; position: relative; z-index: 2; } .foundInvenItemsPopup .content .invenItemSearch { background: #FFF; float: right; height: 26px; width: 300px; position: relative; } .foundInvenItemsPopup .content .invenItemSearch input { background: #FFF; border: 0 none; height: 26px; padding: 0 5px; width: 280px; } .foundInvenItemsPopup .content .contentInvenItems { background: transparent; overflow: hidden; width: 100%; height: 406px; } /*#foundInvenItemsPopup .content .contentInvenItems*/ #foundMultipleInvenItemsPopup .content .contentInvenItems { height: 404px; } #foundInvenItemsPopup .content .contentInvenItems .tableContainer , .foundInvenItemsPopup .content .contentInvenItems .tableContainer , #foundInvenStylePopup .content .contentInvenItems .tableContainer , #foundMultipleInvenItemsPopup .content .contentInvenItems .tableContainer { height: 100% !important; } .foundInvenItemsPopup .pagingContainer { position: relative !important; } .foundInvenItemsPopup .paging .records span:first-child { padding-left: 10px; } /*#endregion*/ /*#region -------------------------- InvenItemSearch ---------------------------------*/ .invenItemSearch .sbHolder { position: absolute; z-index: 1; top: 1px; left: 1px; width: 80px; border: 1px solid #fff; height: 24px; } .invenItemSearch .sbHolder:hover { border: 1px solid #666; } .invenItemSearch .sbSelector { width: 50px; line-height: 24px; } .invenItemSearch .sbOptions { width: 80px; top: 24px !important; } .invenItemSearch .sbToggle:after { opacity: 0; top: 10px; } .invenItemSearch .sbHolder:hover .sbToggle:after { opacity: 1; } .invenItemSearch .input_label { left: 90px !important; } .invenItemSearch input { padding-left: 85px !important; } .changeCorrectionRule { width: 482px; } .changeCorrectionRule .content { padding: 20px; } /*#endregion*/ /*#region -------------------------- Locked Popup -------------------------*/ .lockedPopup .content { background:#fff; padding: 10px; min-height: 100px; } .lockedPopup.info { width:470px; } .lockedPopup.confirm { width:372px; } .lockedPopup.confirmWithOptions { width:400px; } .lockedPopup .content p { font-size:14px; line-height:20px; color:#000; padding:0 0 0 10px; } .lockedPopup.info .content p:first-child { background: transparent url(../imgs/information.png) no-repeat 10px 7px; padding:8px 5px 10px 50px; } .lockedPopup.confirm .content p:first-child { background: transparent url(../imgs/confirmation.jpg) no-repeat 0 7px; padding:8px 5px 10px 40px; } /*#endregion*/ /*#region -------------------------- Printing Popup -------------------------*/ #printingPopup { width:700px; } #printingPopup .imgsContainer { height:475px; margin: 10px 10px 0 10px; overflow: hidden !important; background: #fff; position:relative; } #printingPopup .imgsContainer .printImg { display:block; } #printingPopup .imgsContainer .printImg img { border:0 none; width:auto; height:auto; } /*#endregion*/ /*#region -------------------------- Reviewer Popup -------------------------*/ .reviewPopup , .reviewCopyPopup { width:370px; } .reviewPopup .content , .reviewCopyPopup .content { background: #fff; padding: 20px 10px; min-height: auto; min-height: unset; } .reviewPopup .content p , .reviewCopyPopup .content p { color:#000; text-align:center; padding:0 0 15px; } .reviewPopup .reviewLoaderBoxWrapper , .reviewCopyPopup .reviewLoaderBoxWrapper { display: block; } .reviewCopyPopup .content .checkbox { margin: 15px 0 0; } .reviewCopyPopup .content .checkbox span:not(.bg) { font-size: 12px; line-height: 20px !important; color: #000; } /*#endregion*/ /*#region -------------------------- SIMPLE POPUP -------------- */ .simplePopup450 { width: 450px; } .simplePopup500 { width: 500px; } .simplePopup550 { width: 550px; } .simplePopup650 { width: 650px; } .simplePopup900 { width: 900px; } .simplePopup450 .content , .simplePopup500 .content , .simplePopup550 .content , .simplePopup650 .content { padding: 20px 30px; background: #fff; border: 1px solid #eaeaea; position: relative; } .simplePopup550 .content , .simplePopup550 .content { padding: 10px 10px 20px; } .simplePopup450 .checkbox span:not(.bg) { padding: 0 0 0 8px; color: #8b8b8b; } .simplePopup450 .content .input_label { line-height: 23px; } /*#endregion*/ /*#region -------------------------- Popup with grid and buttons -------------------------*/ .gridPopup700 /*dont forget to add 'foundInvenItemsPopup' to this class and 'contentInvenItems' to grid wrapper*/ { width: 700px; height: auto; } .gridPopup700.narrow350 { width: 350px; } .gridPopup700.narrow450 { width: 450px; } .gridPopup700 .content .buttonsContainer { margin: 0 0 10px; padding: 0; height: auto; } .gridPopup700 .content .buttonsContainer .wrapper { padding: 0; } .gridPopup700 .content .contentInvenItems { height: 336px; } .gridPopup700 .content .buttonsContainer .wrapper > button { padding: 3px 15px; margin-left: 5px; } .gridPopup700 .content .buttonsContainer .narrowButtons.wrapper > button { padding: 3px 7px; } .gridPopup700 .content .buttonsContainer .wrapper > .vertDevider { margin-left: 10px; } .gridPopup700 .additionalField { margin: 2px 0 2px 10px; } /*#endregion*/ /*#region -------------------------- IMPORT POPUP -------------------------*/ .importPopup { width: 680px; } .importPopup .content { padding: 20px 10px; } .importPopup .editor .name { width: 37%; } /*#endregion*/ /*#region ------------------------- UTILS CLASSES ------------------------*/ .topSpace5 { margin-top: 5px !important; } .topSpace10 { margin-top: 10px !important; } .pd-left-20 { padding-left: 20px; } .pd-left-50 { padding-left: 50px; } .additionalPadding5 { padding: 5px; } .additionalPadding5tb { padding: 5px 0; } .additionalPadding10 { padding: 10px; } .boldNote { width: 100%; display: block; font-size: 12px; font-weight: 900; line-height: 24px; color: #878787; padding: 0 0 0 10px; } .middle_bottom_space { margin-top: 10px !important; } .topSpace20 { margin-top: 20px; } .nomargin, .noMargin { margin: 0 !important; } .nopadding, .noPadding { padding: 0 !important; } .bottomSpace5 { margin-bottom: 5px !important; } .bottomSpace8 { margin-bottom: 8px !important; } .bottomSpace10 { margin-bottom: 10px !important; } .bottomSpace13 { margin-bottom: 13px !important; } .bottomSpace15 { margin-bottom: 15px !important; } .bottomSpace20 { margin-bottom: 20px !important; } .mg-left-5 { margin-left: 5px; } .no_bottom_margin { margin-bottom: 0 !important; } .no_top_margin { margin-top: 0 !important; } .withScroll { overflow-y: auto; } .hg-auto { height: auto !important; } .inline { display: inline; } .italic { font-style:italic !important; } .lowercase { text-transform:lowercase; } .column { flex-direction: column; } .noSelect { /*-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;*/ } .allowSelect { -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; } .allowSelect::selection { background: rgba(70,152,210,.7) !important; color: #fff; } .allowSelect::-moz-selection { background: rgba(70,152,210,.7) !important; color: #fff; } .pullLeft { float: left !important; font-size: 0; line-height:0; } .pullRight { float: right !important; font-size: 0; line-height:0; } .fadePopup { -webkit-animation: fade 0.35s ease-out backwards; -moz-animation: fade 0.35s ease-out backwards; -o-animation: fade 0.35s ease-out backwards; animation: fade 0.35s ease-out backwards; } .hide { display: none !important; } .ellipsis { display: inline-block; overflow: hidden !important; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap !important; } .unellipsis { white-space: normal !important; overflow: visible !important; } .inputWithClear { padding: 0 30px 0 6px !important; } .red { color: #f50009 !important; } .blue { color: #4698d2 !important; } .green { color: #32CD32; } .w30 { width: 30px; } .w50 { width: 50px; } .w70 { width: 70px; } .width230 { width: 230px !important; } .width300 { width: 300px !important; } .full-height { height: 100% !important; } .full-width { width: 100% !important; } /* deprecated*/ /*.w100p { width: 100% !important; }*/ .nowrap { white-space: nowrap; } .half-width { width: 50%; } /* remove this classes after refactoring gridz */ .textcentered { text-align: center !important; } .textrightaligned { text-align: right !important; } .inlineFieldHierarchy0 { z-index: 0; } .inlineFieldHierarchy1 { z-index: 1; } .inlineFieldHierarchy2 { z-index: 2; } .inlineFieldHierarchy3 { z-index: 3; } .inlineFieldHierarchy4 { z-index: 4; } @-webkit-keyframes slideIn { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0px); } } @-moz-keyframes slideIn { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0px); } } @keyframes slideIn { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0px); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-10px); } 60% { opacity: 1; -webkit-transform: translateX(4px); } 80% { opacity: 1; -webkit-transform: translateX(-3px); } 100% { opacity: 1; -webkit-transform: translateX(0px); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-10px); } 60% { opacity: 1; -moz-transform: translateX(4px); } 80% { opacity: 1; -moz-transform: translateX(-3px); } 100% { opacity: 1; -moz-transform: translateX(0px); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-20px); } 60% { opacity: 1; transform: translateX(4px); } 80% { opacity: 1; transform: translateX(-3px); } 100% { opacity: 1; transform: translateX(0px); } } @-webkit-keyframes fadeOut { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0); } } @-moz-keyframes fadeOut { 0% { -moz-transform: scale(1); } 100% { -moz-transform: scale(0); } } @keyframes fadeOut { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes fromBack { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fromBack { 0% { -webkit-transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes fromBack { 0% { -moz-transform: scale(0); opacity: 0; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes fade { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @-webkit-keyframes fade { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); opacity: 0; } } @-moz-keyframes fade { 0% { -moz-transform: scale(1); opacity: 1; } 100% { -moz-transform: scale(0); opacity: 0; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes cssload-wave { 50% { background: #c7e0f1; margin-right: 10px; -webkit-transform: translateX("-20px"); } } @-moz-keyframes cssload-wave { 50% { background: #c7e0f1; margin-right: 10px; -moz-transform: translateX("-20px"); } } @keyframes cssload-wave { 50% { background: #c7e0f1; margin-right: 10px; transform: translateX("-20px"); } } @keyframes progress-bar-move { from{right: 0;} to{right: -100%;} } @-webkit-keyframes progress-bar-move { from{right: 0;} to{right: -100%;} } @-moz-keyframes progress-bar-move { from{right: 0;} to{right: -100%;} } /*============================= EXTERNAl CSS LIBRARIES ================================*/ /*#region ------------------------------ UI-JQGRID KOSTbILI -----------------------------------------------*/ .ui-jqgrid .ui-jqgrid-hdiv { /*border-bottom-color: #606060 !important;*/ background: #ddd !important; border-bottom: 0 none !important; position:static; border-radius: 0 !important; } .ui-jqgrid .ui-jqgrid-htable th { height: 30px; font-size: 13px; line-height: 22px; padding: 0 10px; border: 1px solid #f2f2f2; border-bottom: 0 none; border-left: 0 none !important; background: #ddd; color: #5f5f5f; vertical-align: middle; } .ui-jqgrid .ui-jqgrid-htable th[colspan] { border-bottom: 1px solid #f2f2f2; } .ui-jqgrid .ui-jqgrid-htable th.ui-state-highlight { background: #8a8a8a; } .ui-jqgrid .frozen-div.ui-jqgrid-hdiv th { /*padding: 7px 0 0;*/ padding: 0; /* fix TWD-2984 */ } .ui-jqgrid .ui-jqgrid-htable th div { cursor: default; height: 22px; width: 100%; min-width: 22px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* SORT ICONS */ .ui-jqgrid .ui-jqgrid-htable th .s-ico .ui-grid-ico-sort { position: relative; display: inline-block; width: 12px; } .ui-jqgrid .ui-jqgrid-htable th .s-ico .ui-state-disabled { display: none !important; } /* -------- */ .ui-jqgrid .ui-jqgrid-htable th div.ui-jqgrid-sortable { cursor: pointer; } .ui-jqgrid .ui-jqgrid-htable th .headerLink { color: #4698d2; font-size: 14px; cursor: pointer; padding:2px 0 0; } .ui-jqgrid .ui-jqgrid-htable th .headerLink.disabled { color: #5f5f5f; cursor: default; } .autoHeightHeaderGrid .ui-jqgrid .ui-jqgrid-htable th { height: auto; padding-top: 4px; } .autoHeightHeaderGrid .ui-jqgrid .ui-jqgrid-htable th div { height: auto; /*white-space: normal;*/ } .ui-jqgrid .ui-jqgrid-bdiv { overflow: auto !important; } .ui-jqgrid tr.jqgfirstrow { height: 1px !important; background: #ddd; } .ui-jqgrid tr.jqgfirstrow.ui-state-hover , .ui-jqgrid tr.jqgfirstrow.ui-state-highlight { border: 0 none; } .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgfirstrow { height: 0 !important; } .ui-jqgrid tr.jqgfirstrow td , .ui-jqgrid tr.jqgfirstrow.ui-state-hover td , .ui-jqgrid tr.jqgfirstrow.ui-state-hover.ui-state-highlight td { border: 0 none; background: #ddd; } .ui-jqgrid .ui-jqgrid-bdiv td { border-color: #eaeaea !important; } .ui-jqgrid tr.jqgrow td { height: 30px; background: #fff; color: #000; font-size: 13px; line-height: 22px; border: 1px solid #eaeaea; border-top: 0 none !important; border-bottom: 0 none !important; border-left: 0 none !important; /*padding: 0 12px;*/ padding: 0 10px; /* fix TWD-2984 */ vertical-align: middle; } .ui-jqgrid tr.jqgrow:last-child td { border-bottom: 1px solid #f2f2f2 !important; } .ui-jqgrid tr.jqgrow td:last-child { border-right: 0 none; } .ui-jqgrid tr.jqgrow td , .ui-jqgrid tr.jqgrow td span , .ui-jqgrid tr.jqgrow td xmp { /*font-size: 13px; line-height: 19px;*/ font-family: 'Open Sans',sans-serif; cursor: default; } .ui-jqgrid tr.jqgrow td .checkbox { margin: 0; } .ui-jqgrid tr.jqgrow td > span, .ui-jqgrid tr.jqgrow td > a, .ui-jqgrid tr.jqgrow td > xmp, .ui-jqgrid tr.jqgrow td > .grid_error > span, .ui-jqgrid tr.jqgrow td > div:not(.checkbox):not(.err_holder):not(.radioCheckBox):not(.ui-progressbar), .ui-jqgrid tr.jqgrow td > .grid_error > div:not(.checkbox):not(.radioCheckBox):not(.err_holder) { display: block; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0; min-height: 22px;/*fix for safari*/ } .ui-jqgrid tr.jqgrow td > div:not(.checkbox):not(.err_holder):not(.radioCheckBox):not(.ui-progressbar) { position: relative; } .ui-jqgrid tr.jqgrow td > div:not(.checkbox):not(.radioCheckBox):not(.ui-progressbar) > span { min-height: 18px; display: block; overflow: hidden; /* added for fix bug when not ellipsis editable cell */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .ui-jqgrid tr.jqgrow td > .grid_error > span , .ui-jqgrid tr.jqgrow td > .grid_error > div:not(.checkbox):not(.radioCheckBox):not(.err_holder) { line-height:18px; /* setted line-height to fit the field height */ } .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv { overflow: hidden !important; z-index: 1; } .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv td { padding: 0; } .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv td > xmp , .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv td > span , .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv td > div { /*padding: 0 12px;*/ padding: 0 10px; /* fix TWD-2984 */ } .rowWithError { position:relative; overflow:visible !important; } .rowWithError:after { display:block; position:absolute; content:""; top:-6px; left:-12px; height:31px; width:4px; background:#f50009; } .ui-jqgrid tr.jqgrow td > div.ui-progressbar { padding: 1px; width: auto; } .ui-jqgrid tr.jqgrow:nth-child(odd) td { background: #f2f2f2; } .ui-jqgrid tr.jqgrow.ui-state-highlight , .ui-jqgrid tr.jqgrow.ui-state-hover { border: 0 none !important; } .ui-jqgrid tr.jqgrow.ui-state-highlight td { background: #7db7df !important; color: #fff; } .ui-jqgrid tr.jqgrow.ui-state-hover td ,.ui-jqgrid tr.jqgrow.ui-state-highlight.ui-state-hover td { background: #c7e0f1 !important; color: #000; } .ui-jqgrid tr.jqgrow.ui-state-highlight td .smallLoader { background:url(../imgs/small_loader_ffffff.gif) no-repeat scroll 50% 50%; } .ui-jqgrid tr.jqgrow.ui-state-hover td .smallLoader { background:url(../imgs/small_loader_hover.gif) no-repeat scroll 50% 50%; } .ui-jqgrid .ui-icon { background-image: url(../imgs/ui-icons_555555.png) !important; margin-top: 4px; } .ui-state-disabled { opacity: 0 !important; background-image: none !important; } .ui-jqgrid .ui-jqgrid-resize-ltr { margin: -2px -10px -2px 0; cursor: e-resize !important; width: 10px; } .ui-jqgrid .frozen-div.ui-jqgrid-hdiv .ui-jqgrid-resize-ltr { margin: -2px 0px 0 -10px; z-index: 2; } .ui-jqgrid .loading , .jqgrid-overlay { display: none !important; } .ui-jqgrid-bdiv .input_wrapper { margin: 1px 0 0; } .ui-jqgrid-bdiv .err_holder:after { border-color: #dc000c #dc000c transparent transparent; } .ui-jqgrid-bdiv input[type=text] { width: 100%; height: 19px; padding: 0 10px 0 0; font-size: 12px; line-height: 13px; color: #000; margin: 0; border: 1px solid #fff; z-index: 2; background: #fff !important; position: relative; } .ui-jqgrid-bdiv .input_wrapper.inp_error { z-index: 2; } .ui-jqgrid-bdiv .input_wrapper.inp_error input[type=text] { border-width: 1px !important; width: 100% !important; } .ui-jqgrid-bdiv .input_wrapper.inp_error > span { display: block; height: 19px; padding: 0 10px 0 0; font-size: 13px; line-height: 16px; border: 1px solid #dc000c; position: relative; color:#000; } .ui-jqgrid-bdiv tr td.ui-state-highlight .span_wrapper > .err_holder { display:none; } .ui-jqgrid-bdiv tr td.ui-state-highlight .span_wrapper.grid_error > .err_holder { display:block; } .ui-jqgrid-bdiv .input_wrapper.inp_error .err_holder .inp_error_message { top: -3px; left: 17px; display: none; } .ui-jqgrid-bdiv .input_wrapper .autocompleteArrow { width: 18px; } .ui-jqgrid-bdiv .input_wrapper .autocompleteArrow:after { right: 5px; } .ui-jqgrid-bdiv .jqgrow.ui-state-highlight > td a , .ui-jqgrid-bdiv .jqgrow > td a , .ui-jqgrid-bdiv .jqgrow > td .carrierError { color: #2572c1; text-decoration: underline; } .ui-jqgrid-bdiv .jqgrow.ui-state-highlight > td a:hover , .ui-jqgrid-bdiv .jqgrow > td a:hover , .ui-jqgrid-bdiv .jqgrow > td .carrierError:hover { cursor:pointer; text-decoration: none; } .list + .ui-autocomplete { font-size: 13px !important; } .treeGrid tr:not(.collapseHeader) td { background: #fff !important; border-bottom: 1px solid #eaeaea !important; color: #000; } .treeGrid tr.collapseHeader td { /*background: #ddd;*/ color: #000; border-bottom: 1px solid #eaeaea !important; } .treeGrid .collapseArrow { display: none !important; width: 0 !important; height: 0; text-indent: 20px; position: relative; cursor: pointer !important; } .treeGrid .collapseHeader .collapseArrow { display: block !important; width: 100% !important; height: 100%; background: transparent; overflow: visible; } .treeGrid .collapseArrow:after { content: ''; display: block; position: absolute; top: 50%; left: 2px; margin: -4px 0 0 0; border-color: transparent #4b4b4b; border-style: solid; border-width: 5px 0 5px 5px; height: 0; width: 0; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .treeGrid .collapseArrow.expand:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 3px; } .treeGrid tr td.collapseColumn , .treeGrid tr.jqgrow.ui-state-hover td.collapseColumn , .treeGrid tr.jqgrow.ui-state-highlight td.collapseColumn { background: #e6e6e6 !important; border-color: #e6e6e6 !important; } /*.treeGrid tr.collapseHeader td.collapseColumn , .treeGrid tr.jqgrow.ui-state-hover.collapseHeader td.collapseColumn , .treeGrid tr.jqgrow.ui-state-highlight.collapseHeader td.collapseColumn { border-color: #f2f2f2 !important; }*/ .treeGrid tr.collapseHeader td.collapseColumn { overflow: visible; } .treeGrid tr.collapseHeader td.collapseColumn .collapseArrow:before { content: ''; display: block; width: 30px; height: 1px; background-color: #f2f2f2; position: absolute; top: -1px; left: -11px; } .treeGrid tr.jqgrow td.edit-cell { position:relative; } .treeGrid tr.jqgrow.ui-state-highlight td.edit-cell:not(.collapseColumn):after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 29px; background: rgba(250,250,250,.01); border: 1px dashed #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .treeGrid tr.jqgfirstrow { height: 1px !important; } .treeGrid tr.jqgfirstrow td { border: 0 !important; background: #f2f2f2 !important; } .orangeText , .ui-jqgrid tr.jqgrow.orangeText td { color: #f5ad2b !important; } .redText , .ui-jqgrid tr.jqgrow.redText td { color: #f50009 !important; } .lightBlueText { color: #4698d2 !important; font-size:11px !important; white-space: normal !important; line-height: 18px !important; } .blueText , .ui-jqgrid tr.jqgrow.blueText td { color: #0F34FF !important; } .greenText , .ui-jqgrid tr.jqgrow.greenText td { color: #12a142 !important; } .grayText , .ui-jqgrid tr.jqgrow.grayText td { color: #878787 !important; } .boldText , .ui-jqgrid tr.jqgrow.boldText td { font-weight: bold; } .MMList .ui-jqgrid tr.jqgrow.redText td span.blueText { color: #F00 !important; } .MMList .ui-jqgrid tr.jqgrow.blueText td span.redText { color: #0F34FF !important; } .ui-jqgrid tr.jqgrow.blueText.ui-state-highlight td { color: #fff !important; } .ui-state-highlight .orangeText, .ui-state-highlight .grayText, .ui-state-highlight .blueText { color: #fff !important; } .colorPickerGrid { } .colorPickerGrid span { display: inline-block !important; } .colorPickerGrid span:last-child { width: 18px; margin: 2px 0 0 8px; } .editGridIcon , .lockGridIcon { display:block !important; width:19px !important; height:19px; min-height: 19px !important; margin:0 0 0 -7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAA5CAYAAADUZxCcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjYzQzc5RDcwQUYxMUU0QTZGMzlCQ0E5M0QyQTlBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjYzQzc5RTcwQUYxMUU0QTZGMzlCQ0E5M0QyQTlBNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJCNjNDNzlCNzBBRjExRTRBNkYzOUJDQTkzRDJBOUE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJCNjNDNzlDNzBBRjExRTRBNkYzOUJDQTkzRDJBOUE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e5OoHwAAAsZJREFUeNrklTtoVEEUhufq+kAWRSWKgUgqI7qxW7cQYmfh2qTaLgELI2gpRAyIRSAWNsFCSSNZC5PGFR+IIPgAC9EV1GRFMTZRSYoYshFJQtzxH/PfME5mbubebYQc+HYeZ+a/Z15nhRRCxCQFToJ34IbuEzIZUuNuEjEVUQmcBQ1g0RSMG9EvTs6CTWBBE7zpK3IdPGH9NSfnKDjPds1HqJeDB7S+CvsOgzSYAmd8hbrYHgPDrL+h7xTYvtqe9WqDVfst2++1Md95RSJP04xolO07bF8DT7nE9VFiV4yIKobQebZfmnNdQqfZHjGEutketq1Ib1xeZWmh0C3XPoeVoxzY7RC6wHYx6vTDSomDBZ9GbCFdTPJmq5NpA/3s76Fv0OelqJ/9nHDMcT0Gfd9uCpwQS3YQbAOdIM++AdAlfI1PRBo8AIW4eS7AzweUi6AEHoPnIqlJxCH/nuMKawRFMM0Pz4Ah0OzUcIi1grmIFeXiiJU5aRJ0gAwogHH2V3zF8loEWeMjGc3Xboqts+xVuIQX4JXhGwGPWD9iTrSJ7WY55jizLyx3mY6UZfB9sAPcdojdAw28Sv9YEO5XEASquAQOgI9gD2gCC9r4jeAr+Ab2McoeGYpoB9CX8A/+qu00JxKKTdlOc4v7+Yr5MMtYbEPUaZp2EWwG5+K8zapjGS0cqg6jZvFXoy6taZ1aGUQN9BFrM8q6xNJGWdee1ZjLfjv81j175vie2qetEaso2yLbC0b5tVlG6mKW4z6rZ7XiBVhoBEUwLZdsBgyBZtccl1ArmJNuy8URK3PSJOgAGVAA4+yv+IrltQiyhi+j+drNuWstbdMSpe3lXKdtYJ9MZstpW49sQtuvOPYD7DQP4D9N26Dq2JMW+ptAzeJfa2k75SF2iGk7HSeyutO2fmlV2n7I5/Qz4l6FH0gzGRwHn1TnHwEGAEdrNiNzdOk8AAAAAElFTkSuQmCC') no-repeat 0 0; } .lockGridIcon { background-position:0 -19px; } .giftBoxIcon { height:19px; min-height: 19px !important; background: url(../imgs/giftBox_two.png) no-repeat 100% 0; padding: 0 19px 0 0; width: 100%; margin: 0; } .ui-state-highlight .giftBoxIcon , .ui-state-hover .giftBoxIcon { background: url(../imgs/giftBox_two.png) no-repeat 100% -19px; } .ui-jqgrid tr.jqgrow.ui-state-highlight .tdWithoutBorder .lockGridIcon , .ui-jqgrid tr.jqgrow.ui-state-hover .tdWithoutBorder .lockGridIcon { background-position:0 -38px; } .squareForExternal , .ui-jqgrid tr.jqgrow.ui-state-hover .squareForExternal , .ui-jqgrid tr.jqgrow.ui-state-highlight.ui-state-hover .squareForExternal { height:19px; background: url(../imgs/linkSquare_.png) no-repeat 0 4px; width: 100%; margin: 0; padding: 0 0 0 20px !important; } .ui-jqgrid tr.jqgrow.ui-state-highlight .squareForExternal { background-position: 0 -21px; } .tableErrorMessage { background: #f50009; width: 100%; text-align: center; font-size: 0; line-height: 0; cursor:default; position: absolute; left: 0; bottom: 0; } .tableErrorMessage span { color:#fff; display: inline-block; padding: 3px 10px; font-size: 12px; line-height: 16px; } .errorToLeft { position: relative; } .errorToLeft .hoverShowError { position: absolute; padding: 2px 5px; background: #f50009; color: #fff; top: -1px; right: 90%; border-radius:4px; display: none; } .errorToLeft:hover { overflow: visible !important; } .errorToLeft:hover .hoverShowError { display: block; } .thcolumnheaderleft > div { text-align: left !important; } .thcolumnheaderright > div { text-align: right !important; } .thcolumnheaderright .checkboxSpanSecondLine { margin: -2px 0 0 auto !important; } .thcolumnheadercenter > div { text-align: center !important; } /******************* CUSTOM GRID *********************************/ .customGridWrapper { overflow: auto; position: relative; width: 100%; height: 266px; display: inline-block; font-size: 0; line-height: 0; margin: 0; border: 1px solid #d7d7d7; } .customGrid { border-collapse: collapse; border: 0 none; cursor: default; table-layout: auto; width: 100%; } .customGrid th { height: 30px; font-size: 13px; line-height: 22px; font-weight: 400; padding: 5px 10px; border: 1px solid #fff; border-bottom: 0 none; border-left: 0 none !important; background: #ddd; color: #5f5f5f; overflow: hidden; white-space: nowrap; text-align: left; border-top: 0 none; } .customGrid th .checkbox , .customGrid tr td:first-child .checkbox { margin-right: 10px; } .customGrid tr td { height: 30px; background: #f2f2f2; color: #000; font-size: 13px; /*line-height: 19px;*/ line-height: 22px; border: 1px solid #d7d7d7; border-top: 0 none !important; border-bottom: 0 none; border-left: 0 none !important; padding: 5px 9px; white-space: nowrap; text-align: center; } .customGrid tr:last-child td { border-bottom: 1px solid #d7d7d7; } .customGrid tr td:last-child { border-right: none; } .customGrid tr td:first-child { text-align: left; } .customGrid tr td:first-child:not(.grey) { text-align: center; } .customGrid tr td:first-child:not(.grey) .checkbox { margin: 0 auto; } .customGrid tr:nth-child(odd) td { background: white; } .customGrid th , .customGrid tr td { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*#endregion*/ /*#region ------------------------------------------ JQUERY UI DIALOG --------------------------------------*/ .ui-dialog { /*min-width: 340px;*/ min-width: 410px; z-index: 1000 !important; position:fixed !important; border: 1px solid #eaeaea; background: #f2f2f2 !important; display: block; box-shadow: 2px 5px 2px rgba(0,0,0,0.1); } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-dialog-titlebar { background: transparent; color: #5f5f5f; font-weight: 400; font-size: 18px; line-height: 46px; padding: 0 0 0 10px; min-height: 46px; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { display: none !important; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { display: none; } .ui-dialog .ui-dialog-content { height: auto !important; min-height: 74px !important; max-height:300px !important; margin: 0 10px 5px; background: #fff !important; padding: 20px; border-radius: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; border: 1px solid #eaeaea; color: #000; } .ui-dialog .ui-dialog-content p { font-size: 13px; } .ui-dialog .ui-dialog-buttonset { float: right; margin: 0 5px 5px 0; } .ui-dialog .ui-dialog-buttonpane { background: transparent !important; } .ui-dialog .ui-dialog-buttonset .ui-button { display: inline-block !important; margin: 5px !important; padding: 4px 10px; background: #4698d2; border: 2px solid #4698d2; cursor: pointer; min-width: 102px; min-height: 32px; } .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-focus , .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-active { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .ui-dialog .ui-dialog-buttonset .ui-button .ui-button-text { font-size: 15px; line-height: 20px; color: #fff; } .ui-widget-overlay { background: rgba(0,0,0,.4); z-index: 100; position: fixed; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } /*---------- DIALOG BOX ADDITIONAL ------------------*/ .giftMessageDialog { width: 500px !important; } .giftMessageDialog .ui-dialog-content { min-height: 250px !important; } .giftMessageDialog #messageDialogBox { word-wrap: break-word; white-space: pre-line; } .discardDialog { width: 405px !important; } .discardDialog .ui-dialog-content { min-height: 100px !important; } /*.discardDialog .ui-dialog-content p { font-size: 13px; }*/ .infoDialog, .confirmDialog { width: 450px !important; } .serverLogDialog { width: 860px !important; } .serverLogDialog #dialogBox { max-height: 500px !important; } .infoDialog .ui-dialog-content p , .confirmDialog .ui-dialog-content p { padding: 12px 5px 10px; } .confirmDialog .ui-dialog-content p .indent { display: inline-block; } /*#endregion*/ /*#region --------------------------------JQUERY UI TOOLTIP-------------------------------*/ .ui-tooltip { position: absolute; z-index:99999999; background: transparent !important; -o-animation: fadeIn 0.4s ease forwards; -webkit-animation: fadeIn 0.4s ease forwards; -moz-animation: fadeIn 0.4s ease forwards; animation: fadeIn 0.4s ease forwards; } .ui-tooltip-content { border-radius: 3px; box-shadow: 2px 3px 3px rgba(0,0,0,.4); background: #dc000c; color: #fff; white-space:nowrap; overflow: hidden; font-size: 12px; line-height: 23px; padding: 0 5px; } /*#endregion*/ /*#region ---------- jQuery UI Datepicker -------------------------- */ .ui-datepicker { width: 16.6em; /*padding-bottom: .2em;*/ display: none; z-index: 1003 !important; color: #5f5f5f; box-shadow: 0 2px 13px rgba(0,0,0,.7); } .ui-datepicker .ui-datepicker-header { height: 25px; border: 0 none !important; background: #4698d2; position: relative; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { color: white; font-size: 13px; font-weight: normal; line-height: 25px; } .ui-datepicker .ui-datepicker-prev , .ui-datepicker .ui-datepicker-next { position: absolute; top: 0; width: 25px; height: 25px; } .ui-datepicker .ui-datepicker-prev { left: 0px; } .ui-datepicker .ui-datepicker-next { right: 0px; } /*.ui-datepicker .ui-datepicker-prev-hover , .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span , .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev:hover , .ui-datepicker .ui-datepicker-next:hover { background: transparent; cursor: pointer; border: 0 none; } .ui-datepicker .ui-datepicker-prev:before , .ui-datepicker .ui-datepicker-next:before { width: 0; height: 0; content: ''; display: block; position: absolute; border-style: solid; border-color: transparent; } .ui-datepicker .ui-datepicker-prev:before { border-width: 4px 4px 4px 0; border-right-color: white; top: 9px; right: 10px; } .ui-datepicker .ui-datepicker-next:before { border-width: 4px 0 4px 4px; border-left-color: white; top: 9px; right: 10px; } .ui-datepicker .ui-datepicker-title { line-height: 25px; width: 100%; text-align: center; overflow: hidden; padding: 0 25px; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker span.ui-datepicker-month { max-width: 103px; display: inline-block; overflow: hidden; } .ui-datepicker table { /*width: 100%;*/ width: calc(100% - 8px); font-size: .9em; border-collapse: collapse; margin: 4px; border-spacing: 0; color: #5f5f5f; font-size: 11px; } .ui-datepicker th { text-align: center; font-weight: 600; border: 1px solid #eaeaea; border-width: 0 1px 1px 0; cursor: default; max-width: 25px; min-width: 25px; line-height: 25px; } .ui-datepicker th.activeWeekday , .datepicker_table th.activeWeekday { color: #4698d2; } .ui-datepicker th > span { display: inline-block; width: 20px; overflow: hidden; } .ui-datepicker td { cursor: pointer; border: 1px solid #eaeaea; border-width: 0 1px 1px 0; background: transparent; font-weight: 600; font-size: 11px; padding: 0; text-align: center; } .ui-datepicker td span, .ui-datepicker td a { line-height: 25px; background: transparent; padding: 0; } .ui-datepicker td .ui-state-default , .ui-datepicker td .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent; border: 0 none; text-decoration: none; font-weight:600; color: #5f5f5f; } .ui-datepicker th.ui-datepicker-current-week-day { color: #4698d2 !important; } .ui-datepicker td.ui-datepicker-current-day { background: #4698d2; position: relative; } .ui-datepicker td.ui-datepicker-current-day:after { content: ''; display: block; border: 1px solid #4698d2; position: absolute; bottom: -1px; top: 0; right: -1px; left: 0; } .ui-datepicker td.ui-datepicker-current-day .ui-state-active , .ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day .ui-state-highlight { color: #fff; } .ui-datepicker td.ui-datepicker-today { position: relative; } .ui-datepicker td.ui-datepicker-today .ui-state-highlight { color: #5f5f5f; } .ui-datepicker td.ui-datepicker-today:not(.ui-state-disabled):after { content: ''; display: block; border: 1px solid #4698d2; position: absolute; bottom: -1px; top: 0; right: -1px; left: 0; } .ui-datepicker td:not(.ui-state-disabled):not(.ui-datepicker-current-day):hover { background: #daecf3; border-color: #daecf3; } .ui-datepicker tr:last-child td { border-bottom: 0 none; } .ui-datepicker th:last-child , .ui-datepicker td:last-child { border-right: 0 none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; } .ui-datepicker-today .ui-state-highlight { background: #b1c3c9; color: #fff; } .ui-datepicker-today .ui-state-active { color: #222; } .ui-datepicker .ui-state-disabled { opacity: 0.4 !important; cursor: default; } .ui-datepicker td.ui-state-disabled { opacity: 1 !important; } .ui-datepicker .ui-state-disabled .ui-state-default { color: #ccc; } /* Component containers----------------------------------*/ .ui-widget { font-family: 'Open Sans', sans-serif; font-size: 11px; } .ui-widget-content { border: 0 none; background: #ffffff; color: #5f5f5f; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 0 none !important; background: #d2dde7; color: #222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgba(0,0,0,.07); background: rgba(0,0,0,.04); /*border:1px solid #d3d3d3;background:#e6e6e6 url(../imgs/ui-bg_gl.png) 50% 50% repeat-x;*/ font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #daecf3; background: #daecf3; /*border:1px solid #999999;background:#dadada url(../imgs/ui-bg_gm.png) 50% 50% repeat-x;*/ font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #cae5ee; border: 1px solid #6dbdd1; /*border:1px solid #aaaaaa;background:#ffffff url(../imgs/ui-bg_gn.png) 50% 50% repeat-x;*/ font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../imgs/ui-icons.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-datepicker-trigger , .ui-timepicker-trigger { width: 24px; height: 24px; margin-left: 7px; } .ui-datepicker-trigger { width: 23px; height: 23px; } .ui-timepicker-trigger { position: relative; border: 0 none; } .ui-datepicker-trigger:hover , .ui-timepicker-trigger:hover { cursor: pointer; } .ui-timepicker-trigger:before { position: absolute; font-family: icomoon; content: '\e93a'; display: block; left: -5px; top: 0; font-size: 32px; line-height: 24px; color: #4698d2; } .ui-timepicker-trigger.timepicker-disable:before , .ui-timepicker-trigger.timepicker-disable:hover:before { color: #ddd; cursor: default; } .ui-draggable.ui-resizable > .ui-resizable-se { right:-3px; bottom:-3px; width:18px; height:18px; } /*#endregion*/ .datepicker { display: inline-block; font: 14px/1.5 Segoe UI,Verdana,Arial,Helvetica,sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0 none; background: #fff; color: #5f5f5f; /*width: 17em !important;*/ min-width: 233px !important; z-index: 103 !important; box-shadow: 0 2px 13px rgba(0,0,0,.7); } /*------ datepicker_header -------*/ .datepicker > .datepicker_header { text-align: left; font-size: 9pt; font-weight: 700; border: 0 none !important; background: #4698d2; /*color: #222;*/ position: relative; } .datepicker > .datepicker_header > a { /*background: url(../../../imgs/ui-icons.png) no-repeat; display: inline-block; text-indent: -99999px;*/ cursor: pointer; width: 25px; height: 25px; overflow: hidden; position: absolute; content: ''; top: 0px; } .datepicker > .datepicker_header > .prevMonth { left: 0 } .datepicker > .datepicker_header > .nextMonth { right: 25px; } ..datepicker > .datepicker_header > .prevMonth:hover , .datepicker > .datepicker_header > .nextMonth:hover { background: transparent; cursor: pointer; border: 0 none; } .datepicker > .datepicker_header > .prevMonth:before , .datepicker > .datepicker_header > .nextMonth:before { width: 0; height: 0; content: ''; display: block; position: absolute; border-style: solid; border-color: transparent; } .datepicker > .datepicker_header > .prevMonth:before { border-width: 4px 4px 4px 0; border-right-color: white; top: 8.5px; left: 10.5px; } .datepicker > .datepicker_header > .nextMonth:before { border-width: 4px 0 4px 4px; border-left-color: white; top: 8.5px; right: 10.5px; } /*.datepicker > .datepicker_header > a:hover { background-color: #daecf3; }*/ .datepicker > .datepicker_header > span { display: inline-block; padding: 0 50px 0 25px; white-space: nowrap; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; color: white; font-size: 13px; font-weight: normal; height: 25px; line-height: 25px; } .datepicker > .datepicker_header > a.icon-close { position: absolute; border-radius: 30px; height: 12px; width: 12px; background: white; right: 6.5px; top: 6.5px; } .datepicker > .datepicker_header > a.icon-close:after, .datepicker > .datepicker_header > a.icon-close:before { content:""; position: absolute; top: 5px; left: 2px; height: 2px; width: 8px; background: #4698d2; } .datepicker > .datepicker_header > a.icon-close:after { transform: rotate(45deg) } .datepicker > .datepicker_header > a.icon-close:before { transform: rotate(-45deg) } /*---------------- datepicker_inner_container -------------------*/ .datepicker > .datepicker_inner_container { margin: 0; background: transparent; border: 0 none; /*width: 194px;*/ padding-right: 2px; } .datepicker > .datepicker_inner_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*-------- datepicker_inner_container > datepicker_calendar ----------*/ .datepicker > .datepicker_inner_container > .datepicker_calendar { float: left; width: auto; background-color: #fff; border: none; margin: 3px; border-right: 1px solid #eaeaea; padding-right: 3px; } .datepicker > .datepicker_inner_container > .datepicker_calendar > table { width: 100%; font-size: .8em; border-collapse: separate; border-spacing: 0px; } /*------- datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell) -------------*/ .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th { text-align: center; font-weight: 600; border: 1px solid #eaeaea; border-width: 0 1px 1px 0; cursor: default; max-width: 25px; min-width: 25px; line-height: 25px; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th:last-child { border-right: 0 none; } /*-------- datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell) ------------*/ .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td { cursor: pointer; border: 1px solid rgba(0,0,0,.07); border-width: 0 1px 1px 0; background: transparent; font-weight: 600; font-size: 11px; padding: 0; line-height: 25px; text-align: center; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:last-child > td { border-bottom: 0 none; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td:last-child { border-right: 0 none; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range { background: rgba(0,0,0,.01); color: #ccc; cursor: default; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today { position: relative; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today::after { content: ''; display: block; border: 1px solid #4698d2; position: absolute; bottom: -1px; top: 0; right: -1px; left: 0; } /*.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat { color: #0044aa; }*/ /*.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun { color: #e13b00; }*/ .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat.out_of_range { color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun.out_of_range { color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month { color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past { cursor: default; color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active { background: #4698d2; font-weight: normal; color: white; position: relative; } /*.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today.active { background: #b1c3c9; }*/ .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover { background: #daecf3; border-color: #daecf3; } /*--------------- datepicker_inner_container > datepicker_timelist ------------------*/ .datepicker > .datepicker_inner_container > .datepicker_timelist { float: right; width: 45px; height: 100px !important; margin: 6px 0 0; padding: 0; overflow: hidden; background-color: #fff; position: relative; } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item { padding: 3px 0; margin-bottom: 2px; font-size: 12px; cursor: pointer; display: block; width: 37px; height: 25px; text-align: center; } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range { background: rgba(0,0,0,.01); color: #ccc; cursor: default; /*padding: 1px 11px 1px 10px; margin-bottom: 2px; font-size: small; cursor: pointer; display: inline-block;*/ } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:last-child { margin-bottom: 0; } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past { cursor: default; color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active { color: #fff; background-color: #4698d2; } .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover { color: #000; background-color: #daecf3; } /*--------------- datepicker_inner_container > datepicker_timelist_AMPM ------------------*/ .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm { position: absolute; right: 3px; bottom: 3px; width: 45px; height: unset !important; margin: 0; padding: 0; overflow: hidden; background-color: #fff; } .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm > div.timelist_ampm_item { /*padding: 1px 0 1px 20px;*/ padding: 1px 0; text-align: center; height: 25px; font-size: small; cursor: pointer; } .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm > div.timelist_ampm_item.time_in_past { cursor: default; color: #ccc; } .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm > div.timelist_ampm_item.active { color: #fff; border: 1px solid #4698d2; background-color: #4698d2; } .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm > div.timelist_ampm_item.hover { background-color: #daecf3; } .datepicker > .datepicker_inner_container > .datepicker_timelist_ampm > div.timelist_ampm_item:not(active) { border: 1px solid #eaeaea; } .error { border: 1px solid red; } /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container button:focus , .sp-container .sp-cancel:focus { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #fff; border: solid 1px #4698D2; padding: 0; } .sp-container, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; /*padding: 10px; padding-bottom: 300px; margin-bottom: -290px;*/ padding: 10px 10px 50px; min-height: 198px; } .sp-picker-container { width: 184px; width: 217px; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border-right: solid 1px transparent; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 2px; /*display:inline-block;*/ /**zoom: 1;*/ /**display: inline;*/ /*border: solid 1px #91765d;*/ /*background: #eee;*/ /*color: #333;*/ /*vertical-align: middle;*/ position: absolute; display: block; right: -50px; top: 0; border: 1px solid #d7d7d7; background: #fff; color: #000; } .sp-container { display: flex; } .sp-palette-container { min-width: 165px; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #4698D2; } .sp-replacer.sp-disabled { cursor: default; border-color: #dcdcdc; color: #999; background: #f3f3f3; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; } .sp-preview { position: relative; width: 22px; height: 17px; border: solid 1px #dcdcdc; margin-right: 5px; float: left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ /*.sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }*/ .sp-container .sp-cancel, .sp-container .sp-choose, .sp-container .sp-palette-toggle { display: inline-block; min-width: 78px; padding: 4px 10px; color: #fff; background: #4698d2; border: 2px solid #4698d2; font-size: 15px; line-height: 20px; cursor: pointer; margin: 0 10px; text-decoration: none; text-align: center; vertical-align: middle; float: right; } .sp-container .sp-choose { float: left; } .sp-palette-container .sp-palette-button-container , .sp-picker-container .sp-button-container { position: absolute; bottom: 10px; right: 0; width: 100%; } /*.sp-container .sp-cancel, .sp-container .sp-choose { float: left; }*/ /*.sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }*/ .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } /*============================= CHQ AREAS SPECIFIC CSS ================================*/ /* INVENTORY */ /*#region -------------------------------- Adjustments ------------------------------------------------------*/ #AdjustmentNew .editor .name { width: 18%; } #AdjustmentNew .editor .value { width: 73%; } #AdjustmentEdit .editor .name { width: 30%; } #AdjustmentEdit #items-form > .content div > .editContent { height: 431px; } #AdjustmentEdit #general-form { padding-bottom: 30px; } #AdjustmentEdit #general-form .editor.fortextarea .value textarea.notes { height: 76px; } #AdjustmentEdit .general #adjustmentsCustomFieldsContainer { height: 372px; } #adjustmentEditItem #adjustmentItemCustomFieldsContainer { height: 200px; } #adjustmentEditItem #adjustmentItemCustomFieldsContainer .customFieldsWrapper .editor { width: 98%; } #adjustmentImportErrors .content { padding: 10px 10px 0; } #adjustmentImportErrors .content .contentInvenItems { height: 310px; } #adjustmentEditItem { width: 800px; } #adjustmentEditItem .content { padding: 10px; } #adjustmentImportPopup { width: 610px; } #adjustmentImportPopup.purchaseOrderImport .editor .name { width: 65px; } #adjustmentImportPopup.purchaseOrderImport .editor .value { width: calc(100% - 85px); } /*#endregion*/ .damageMemo { width: 510px; } .damageMemo > .content { background: #fff; overflow: visible; padding: 10px; } .minWidthForImage { width: 160px; height: 1px; clear: both; } .damageMemo .editor .name { width: 30%; } .damageMemo .editor .value textarea.notes { height: 100px; } .rightInsertedEditorPopition { position: absolute; top: 0; right: 0; width: 70px; } .rightInsertedEditorPopition .editor .name { width: 45%; } .rightInsertedEditorPopition .editor .value { justify-content: flex-end; padding: 0; text-align: right; } .description { float: left; font-size: 13px; color: #464646; line-height: 20px; width: 100%; margin: 0; padding: 0; } .description h3 { font-size: 18px; } .description h3 , .description span { display: block; line-height: 21px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .descriptionImg { float: right; border: 0 none; width: 160px; height: 120px; } #damageMemoEditPopup .description { margin: 0 -165px 0 0; padding: 0 165px 0 0; } .damageMemoList .style_content .row_parameter { margin: 0 0 1px; } .damageMemoList .style_content .scrollingItems { width:24.5% !important; float: right; height: 142px; overflow: hidden; } .damageMemoList .buttonsContainer { min-width: 1054px; } /*#region --------------- TREE VIEW -----------*/ .upcList { border: 1px solid #d7d7d7; } .upcList ul { height: 60px; overflow: hidden; position: relative; z-index: 1; } .upcList ul li { font-size: 13px; line-height: 23px; display: block; padding: 0; background: transparent; color: #5f5f5f; padding-right: 15px; margin-left: 2px; margin-top: 2px; } .upcList ul li .upc_item span { padding: 0 8px; } .upcList ul li:hover , .upcList ul li.selectedCode { background: #e6f3f7; color: #000; cursor: pointer; } .upcList ul li.selectedCode:hover { background: #c5e3ed; } .upcList ul li .upc_item { border: 1px solid transparent; position: relative; } .upcList ul li .upc_item.inp_error { border-color: rgb(220, 0, 12); } .upcList ul.withScroll li .upc_item { width: calc(100% - 13px); } .upcListButtons button { font-size: 13px; line-height: 18px; display: inline-block; padding: 2px; background: #fff; margin-left: 25px; color: #4698d2; } .upcListButtons button:disabled { color: #ddd; cursor: default; } #addUpcPopup .editor .name { width: 13%; } .unitedByCheckbox { position: relative; } .unitedByCheckbox .editor:last-child { width: 120px; position: absolute; top: 0; left: 55%; } .unitedByCheckbox .editor:first-child , .unitedByCheckbox .editor:only-child { width: 100%; position: relative; left: 0; } .unitedByCheckbox .editor:last-child:not(:only-child) .name { width: 50px !important; } .unitedByCheckbox .editor:only-child .name { width: 43% !important; } .pullLeft .unitedByCheckbox .editor:only-child .name { width: 33% !important; } #invenStyleEditPopup { width: 1000px; height: 700px; } #invenStyleEditPopup .leftGrid { margin-right: 10px; height: 100%; display: flex !important; flex-direction: column; overflow: hidden; } #invenStyleEditPopup #modelStockTab-form .rightContent { display: flex; flex-direction: column; height: 100%; } #invenStyleEditPopup #modelStockTab-form .rightContent .content { height: auto !important; display: flex !important; flex-direction: column; overflow: hidden; flex-grow: 1; } #invenStyleEditPopup #modelStockTab-form .rightContent .content .appendedGrid, #invenStyleEditPopup .leftGrid .appendedItemsGrid, #invenStyleEditPopup .leftGrid .appendedGrid { flex-grow: 1; flex-shrink: 1; display: flex !important; flex-direction: column; overflow: hidden; } #invenStyleEditPopup #modelStockTab-form .rightContent .content .appendedGrid .tableContainer, #invenStyleEditPopup .leftGrid .appendedItemsGrid .tableContainer, #invenStyleEditPopup .leftGrid .appendedGrid .tableContainer { flex-grow: 1; flex-shrink: 1; display: flex !important; height: auto !important; flex-direction: column; } #invenStyleEditPopup #itemsTab-form .leftGrid , #invenStyleEditPopup #modelStockTab-form .leftGrid { width: 25%; } #invenStyleEditPopup #itemsTab-form .rightContent , #invenStyleEditPopup #channelsTab-form .rightContent , #invenStyleEditPopup #categoriesTab-form .rightContent , #invenStyleEditPopup #collectionsTab-form .rightContent , #invenStyleEditPopup #modelStockTab-form .rightContent { width: calc(70% - 10px); height: calc(100% - 10px); } #invenStyleEditPopup #itemsTab-form .rightContent , #invenStyleEditPopup #modelStockTab-form .rightContent { width: calc(75% - 10px); } #invenStyleEditPopup #modelStockTab-form .onlyContent.rightContent { width: 100%; } #invenStyleEditPopup #vendorsTab-form .rightContent > .allWidthLabelWithBorder.header , #invenStyleEditPopup #itemsTab-form .rightContent > .allWidthLabelWithBorder.header , #invenStyleEditPopup #channelsTab-form .rightContent > .allWidthLabelWithBorder.header , #invenStyleEditPopup #collectionsTab-form .rightContent > .allWidthLabelWithBorder.header , #invenStyleEditPopup #modelStockTab-form .rightContent > .allWidthLabelWithBorder.header , #invenStyleEditPopup #serialNumbersTab-form .rightContent > .allWidthLabelWithBorder.header { background: #f2f2f2; border: 1px solid #eaeaea; text-align: center; height: 27px; padding: 0; margin: 0; } #invenStyleEditPopup #itemsTab-form .rightContent > .allWidthLabelWithBorder.header > span , #invenStyleEditPopup #vendorsTab-form .rightContent > .allWidthLabelWithBorder.header > span , #invenStyleEditPopup #channelsTab-form .rightContent > .allWidthLabelWithBorder.header > span , #invenStyleEditPopup #collectionsTab-form .rightContent > .allWidthLabelWithBorder.header > span , #invenStyleEditPopup #modelStockTab-form .rightContent > .allWidthLabelWithBorder.header > span , #invenStyleEditPopup #serialNumbersTab-form .rightContent > .allWidthLabelWithBorder.header > span { font-size: 14px; color: #5f5f5f; line-height: 27px; } #invenStyleEditPopup #vendorsTab-form .rightContent > .content, #invenStyleEditPopup #itemsTab-form .rightContent > .content , #invenStyleEditPopup #channelsTab-form .rightContent > .content , #invenStyleEditPopup #collectionsTab-form .rightContent > .content , #invenStyleEditPopup #modelStockTab-form .rightContent > .content , #invenStyleEditPopup #serialNumbersTab-form .rightContent > .content { border: 1px solid #eaeaea; height: auto; overflow: hidden; border-top: 0 none; padding: 10px; } #invenStyleEditPopup #serialNumbersTab-form .rightContent > .content { padding: 10px 10px 0; } #invenStyleEditPopup #modelStockTab-form .rightContent > .content.singleItemContent { border: 0 none; padding: 0; } #invenStyleEditPopup #itemsTab-form .rightContent > .content , #invenStyleEditPopup #modelStockTab-form .rightContent > .content { height: calc(100% - 27px); } #invenStyleEditPopup #itemsTab-form .rightContent > .content #invenStyleEditPopup #channelsTab-form .rightContent > .content , #invenStyleEditPopup #collectionsTab-form .rightContent > .content { padding-bottom: 0; } #invenStyleEditPopup #itemsTab-form .appendedItemsGrid .tableContainer { height: 504px; } #invenStyleEditPopup #modelStockTab-form .appendedItemsGrid .tableContainer { height: 540px; } #invenStyleEditPopup #itemsTab-form .rightContent .content .block-right , #invenStyleEditPopup #itemsTab-form .rightContent .content .block-left { height: 100%; } #invenStyleEditPopup #itemsTab-form .rightContent .content .block-right .customWrap { /*height: calc(100% - 405px);*/ height: calc(100% - 455px); overflow-y: auto; } #invenStyleEditPopup #vendorsTab-form .appendedVendorGrid .tableContainer { position: relative; } #invenStyleEditPopup #vendorsTab-form .appendedStyleVendorItemGrid .tableContainer { height: 519px; } #invenStyleEditPopup #channelsTab-form .appendedChannelsGrid .tableContainer { height: 431px; } #invenStyleEditPopup #modelStockTab-form .appendedMinMaxGrid .tableContainer { height: 486px; } /*#invenStyleEditPopup #minMaxTab-form .appendedMinMaxGrid .tableContainer { height: 570px; }*/ #invenStyleEditPopup #serialNumbersTab-form .leftGrid { margin: 0; } #invenStyleEditPopup #serialNumbersTab-form .appendedItemsGrid .tableContainer { height: 540px; } #invenStyleEditPopup #serialNumbersTab-form .appendedStyleSerialNumberItemGrid .tableContainer { height: 492px; } #invenStyleEditPopup #vendorsTab-form .appendedVendorGrid .tableContainer , #invenStyleEditPopup #channelsTab-form .appendedItemsGrid .tableContainer , #invenStyleEditPopup #categoriesTab-form .leftGrid .tableContainer { height: 504px; } #invenStyleEditPopup #generalServiceItemTab-form .content , #invenStyleEditPopup #generalSingleItemTab-form .content , #invenStyleEditPopup #generalStyleModelTab-form .content , #invenStyleEditPopup .form div[id^='custom'] .content { overflow: hidden; overflow-y: auto; height: unset; padding: 0 1px 0 0; bottom: 17px; } #invenStyleEditPopup .soDepositRequiredOption { position: relative; } #invenStyleEditPopup .soDepositRequiredOption .editor .value.percentValue { max-width: 14%; } #invenStyleEditPopup #itemsTab-form .controlUsageWrapper { overflow-y: auto; height: calc(100% - 105px); padding-right: 2px; } #invenStyleEditPopup #itemsTab-form .controlUsageWrapper.attributes2 { height: calc(100% - 134px); } #invenStyleEditPopup #itemsTab-form .controlUsageWrapper.attributes2.attributes3 { height: calc(100% - 158px); } #invenStyleEditPopup #itemsTab-form .controlUsageWrapper .editor .name { width: 48%; } #invenStyleEditPopup #itemsTab-form .presale .editor .name , #invenStyleEditPopup #itemsTab-form .productsId .editor .name { width: 37%; } #generalServiceItemTab-form .content .pullRight { padding-right: 10px; } #generalServiceItemTab-form .pullLeft .unitedByCheckbox .editor:only-child .name { width: 43% !important; } /* ---- multiline EDITOR for GENERAL tab ---- */ #invenStyleEditPopup .form #generalStyleModelTab-form .editor .name > span { white-space: normal !important; } #invenStyleEditPopup .form #generalStyleModelTab-form .editor .value { align-items: flex-end; } /* --------------------------------------------- */ /*LEFT PART OF TAB*/ #invenStyleEditPopup .form #generalStyleModelTab-form .content > div:first-child .editor .name ,#invenStyleEditPopup .form #generalSingleItemTab-form .content > div:first-child .editor .name { width: 33%; } #invenStyleEditPopup .form div[id^='custom'] .content > div:first-child .editor .name { width: 42%; } /*RIGHT PART OF TAB*/ #invenStyleEditPopup .form #generalStyleModelTab-form .content > div:last-child .editor .name ,#invenStyleEditPopup .form #generalSingleItemTab-form .content > div:last-child .editor .name ,#invenStyleEditPopup .form div[id^='custom'] .content > div:last-child .editor .name { width: 44% !important; } #invenStyleEditPopup #pricingTab-form .appendedInvenItemPricingGrid .tableContainer { position: relative; height: 506px; } .tableHeader { color:#5f5f5f; font-size: 13px; line-height: 24px; } #invenStyleEditPopup #vendorsTab-form .leftGrid { width: 40%; } #invenStyleEditPopup #vendorsTab-form .rightContent { width: calc(60% - 10px); height: calc(100% - 10px); } #invenStyleEditPopup #vendorsTab-form .tableErrorMessage { background: transparent; } #invenStyleEditPopup #vendorsTab-form .tableErrorMessage span { color: #ef383f; } #invenStyleEditPopup #channelsTab-form > .content .content .editor .name { width: 80px; } #invenStyleEditPopup #categoriesTab-form > .content div .header .tabs .channelSelectBox { display: inline-block; height:24px; width: 200px; margin: 2px 0 0 8px; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-left , #invenStyleEditPopup #categoriesTab-form > .content .content .block-right { padding: 5px; min-height: 524px; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-left { border-right: 1px solid #eaeaea; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .photo_block { height: 150px; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .photo_block img { max-height: 150px; margin: 0 auto; display: block; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .editor .name { width: 29%; justify-content: flex-start; text-align: left; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .editor .name span { color: #000; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .descript , #invenStyleEditPopup #categoriesTab-form > .content .content .block-right .keywords { height: 145px; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-left .search { width: 100%; } #invenStyleEditPopup #categoriesTab-form > .content .content .block-left .treeContainer { height:461px; overflow: auto; } #invenStyleEditPopup #categoriesTab-form .treeView li div:hover { background: #c6e0f1 !important; } #invenStyleEditPopup #categoriesTab-form .treeView li div.selected , #invenStyleEditPopup #categoriesTab-form .treeView li div:focus:hover { background: #7db7df !important; } #invenStyleEditPopup #collectionsTab-form .appendedItemsGrid .tableContainer { height: 500px; } #invenStyleEditPopup #collectionsTab-form .appendedCollectionsGrid .tableContainer { height: 492px; } #addItemsByAttr .buttonParent .additionalField:nth-child(2) { margin-right:15px; } #addItemsByAttr .staticDoubleHeader { display: table; width: 100%; background: #ddd; height: 28px; cursor: default; } #addItemsByAttr .staticDoubleHeader .autoCell { display: table-cell; text-align: center; color: #5f5f5f; font-size: 13px; vertical-align: middle; border-left:1px solid transparent; border-left:1px solid #ddd; border-bottom:1px solid #fff; } #addItemsByAttr .staticDoubleHeader .settedCell { border-right:1px solid #fff; } #addItemsByAttr .staticDoubleHeader .autoCell { border-bottom:1px solid #fff; } #addItemsByAttr .content .contentInvenItems .customGridWrapper { height:298px; } #addItemsByAttr .attributesGrid td.grey { text-align:left; } #setUpMatrix .content > .tabs { width: 160px; } #setUpMatrix .form { left: 160px; } #setUpMatrix .form .content .tableContainer { height: 475px; } #editStylePrice { width: 550px; } #editStylePrice .editor .name { width: 139px; } #editStylePrice .content label.checkbox { margin: 40px 0 0 20px; } #editIci #general-form .editor .name { width: 16%; } #editIci #general-form .editor textarea { height: 292px; } #editIci .itemTab .content .editContent { height: 472px; } #editIci #options-form .editor .name { width: 23%; } #editIciLine #classification-form .editor .name , #editIciLine #vendor-form .editor .name { width: 144px; } #editIciLine #classification-form .editor .value , #editIciLine #vendor-form .editor .value { max-width: 300px; } #editIciLine #general-form div[class^='attributeSet'] { width: 63%; display: inline-block; } #editIciLine #general-form div[class^='attributeSet'] .editor .name { width: 37%; } #editIciLine #general-form div[class*='ValueAutocomplete'] { display: inline-block; width: 35%; } #editIciLine #general-form .block-right55 .editor .name { width: 47%; } #editIciLine #price-form .content > .editor:first-child { width: 50%; } #editIciLine #price-form .content > .editor:first-child .name { width: 82px; } #editIciLine #price-form .customPriceTable th { height: 30px; font-size: 13px; line-height: 22px; padding: 0 10px; border: 1px solid #f2f2f2; border-bottom: 0 none; border-left: 0 none !important; background: #ddd; color: #5f5f5f; vertical-align: middle; font-weight: normal; } #editIciLine #price-form .customPriceTable { margin: 5px 0 0; width: 100%; table-layout: fixed; } #editIciLine #price-form .customPriceTable tr td { background: #fff; color: #000; font-size: 13px; border: 1px solid #eaeaea; border-top: 0 none !important; border-bottom: 0 none !important; border-left: 0 none !important; padding: 0 12px; vertical-align: middle; height: 30px; } #editIciLine #price-form .customPriceTable tr:hover { background: #C7E0F1; } #editIciLine #price-form .customPriceTable tr:nth-child(odd) td { background: #f2f2f2; } #editIciLine #price-form .customPriceTable tr td:first-child .markAutocomplete .editor .name { display: none; } #editIciLine #price-form .customPriceTable .value { padding: 0; } #editIciLine #price-form .customPriceTable .input_wrapper, #editIciLine #price-form .customPriceTable .editor .value, #editIciLine #price-form .customPriceTable .editor, #editIciLine #price-form .customPriceTable input { margin-bottom: 0; min-height: 22px; height: 22px; flex-grow: 1; } #editIciLine #price-form .customPriceTable tr.selected td { background: #7DB7DF !important; color: #fff; } #editIciLine #price-form .customPriceTable tr.selected:hover td , #editIciLine #price-form .customPriceTable tr:hover td { background: #C7E0F1 !important; color: #000; } #editIciLine #price-form .customPriceTable tr.selected td .smallLoader { background:url(../imgs/small_loader_ffffff.gif) no-repeat scroll 50% 50%; } #editIciLine #price-form .customPriceTable tr.selected:hover td .smallLoader , #editIciLine #price-form .customPriceTable tr:hover td .smallLoader { background:url(../imgs/small_loader_hover.gif) no-repeat scroll 50% 50%; } #editIciLine #price-form .customPriceTable .carrierError { color: #2572c1; text-decoration: underline; } #editIciLine #price-form .customPriceTable .carrierError:hover { text-decoration: none; cursor:pointer; } #iciLineErrorsPopup { width:700px; height:575px; } #iciLineErrorsPopup.foundInvenItemsPopup > .content { padding: 10px 10px 0; } #iciLineErrorsPopup.foundInvenItemsPopup > .content .appendedGrid { height: 100%; width: 100%; } #iciLineErrorsPopup.foundInvenItemsPopup .appendedGrid .tableContainer { height: calc(100% - 40px) !important; } #mmiEdit #errors-form .content .tableContainer { height: 480px; } #mmiEdit .general .editor .name { width: 17%; } #mmiEdit .general textarea { height: 100px; } #locationAvailabilityForStylePopup { height: unset; } #locationAvailabilityForStylePopup .styleItems .header , #locationAvailabilityForStylePopup .itemAvailabilityEmbeded .header { height: 40px; display: block; width: auto; margin: 0; padding: 10px 0 0 15px; overflow: hidden; } #locationAvailabilityForStylePopup .styleItems .header { cursor: move; } #locationAvailabilityForStylePopup .styleItems .header .label , #locationAvailabilityForStylePopup .itemAvailabilityEmbeded .header .label { color: #5f5f5f; font-size: 16px; line-height: 32px; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 98%; } #locationAvailabilityForStylePopup .styleItems .content , #locationAvailabilityForStylePopup .itemAvailabilityEmbeded .content { background: #fff; margin: 10px 10px 0; padding: 10px 10px 0; } #locationAvailabilityForStylePopup .styleItems .contentInvenItems , #locationAvailabilityForStylePopup .itemAvailabilityEmbeded .contentInvenItems { height: 245px; } #locationAvailabilityForStylePopup .styleItems .tableContainer , #locationAvailabilityForStylePopup .itemAvailabilityEmbeded .tableContainer { height: 205px !important; } #digitalMetricsPopup { width: 460px; } #relatedPopup , #detailsOnItemLevelPopup { height: 626px; } #relatedPopup > .content > .invenItemSearchWrapper , #detailsOnItemLevelPopup > .content > .invenItemSearchWrapper { height: auto; } #relatedPopup > .content > .invenItemSearchWrapper .buttonsContainer { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0; margin: 7px 0; } #relatedPopup > .content > .invenItemContent .contentInvenItems { height: 343px; } #detailsOnItemLevelPopup > .content > .invenItemContent .contentInvenItems { height: 428px; } #detailsOnItemLevelPopup > .content > .invenItemSearchWrapper .buttonWrapper { border-bottom: 1px solid #eee; padding: 0 0 8px; margin: 0 0 9px; } #detailsOnItemLevelPopup > .content > .invenItemSearchWrapper .squeareButtons { margin: 0; } #detailsOnItemLevelPopup > .content > .invenItemContent .contentInvenItems.leftGrid { width: 40%; float: left; } #detailsOnItemLevelPopup > .content > .invenItemContent .contentInvenItems.rightGrid { width: calc(60% - 10px); float: right; } #detailsOnItemLevelPopup > .content > .invenItemContent .contentInvenItems .tableContainer { height: calc(100% - 40px) !important; } /*#endregion*/ /*#region -------------------------------- ASSEMBLY orders ------------------------------------------------------*/ #assemblyOrdersNew .editor .name { width: 28%; } #assemblyOrdersNew .editor .value { width: 63%; } #assemblyOrdersEdit { width: 990px; } #assemblyOrdersEdit .splitBtn { margin: 0 25px 0 0; } #assemblyOrdersEdit #general-form .tab_content { padding: 0; margin: 10px 0 0; position: relative; z-index: 0; height: auto; min-height: inherit; } #assemblyOrdersEdit > .content .tab_content .one_block , #assemblyOrdersOrderCompleteEdit > .content .tab_content .one_block { width: 36%; } #assemblyOrdersEdit > .content .tab_content .two_block , #assemblyOrdersOrderCompleteEdit > .content .tab_content .two_block { width: 27%; } #assemblyOrdersEdit > .content .tab_content .three_block , #assemblyOrdersOrderCompleteEdit > .content .tab_content .three_block { width: 36%; } #assemblyOrdersEdit > .content .tab_content .one_block .row_parameter > span:first-child , #assemblyOrdersOrderCompleteEdit > .content .tab_content .one_block .row_parameter > span:first-child { width: 110px; } #assemblyOrdersEdit > .content .tab_content .one_block .row_parameter > span.value , #assemblyOrdersOrderCompleteEdit > .content .tab_content .one_block .row_parameter > span.value { margin: 0 0 0 -120px; padding: 0 0 0 120px; } #assemblyOrdersEdit > .content .tab_content .two_block .row_parameter > span:first-child , #assemblyOrdersOrderCompleteEdit > .content .tab_content .two_block .row_parameter > span:first-child { width: 80px; } #assemblyOrdersEdit > .content .tab_content .two_block .row_parameter > span.value , #assemblyOrdersOrderCompleteEdit > .content .tab_content .two_block .row_parameter > span.value { margin: 0 0 0 -90px; padding: 0 0 0 90px; } #assemblyOrdersEdit > .content .tab_content .three_block .row_parameter > span:first-child , #assemblyOrdersOrderCompleteEdit > .content .tab_content .three_block .row_parameter > span:first-child { width: 170px; } #assemblyOrdersEdit > .content .tab_content .three_block .row_parameter > span.value , #assemblyOrdersOrderCompleteEdit > .content .tab_content .three_block .row_parameter > span.value { margin: 0 0 0 -180px; padding: 0 0 0 180px; } #assemblyOrdersEdit #general-form .block-left { width: 56%; } #assemblyOrdersEdit #general-form .block-right { width: 42%; } #assemblyOrdersEdit #general-form .block-left .editor .name { width: 27%; } #assemblyOrdersEdit #general-form .block-left .editor .value { width: 66%; } #assemblyOrdersEdit #general-form .block-right .editor .name { width: 40%; } #assemblyOrdersEdit #general-form .searchWraper .input_label { line-height: 23px; } #assemblyOrdersEdit #general-form .searchWraper input { padding: 0 60px 0 6px; } #assemblyOrdersEdit #general-form .searchWraper .empty { right: 30px; } #assemblyOrdersEdit #general-form .searchWraper .spyglass { right: 0; } #assemblyOrdersEdit #general-form .grayText { color: #878787 !important; } #assemblyOrdersEdit #general-form hr { margin: 0 0 10px; } #assemblyOrdersEdit #general-form .editor.fortextarea .name { width: 15%; } #assemblyOrdersEdit #general-form textarea.notes { height: 75px; } #assemblyOrdersEdit #general-form .editor.qty .value span { max-width: 50px; } #assemblyOrdersEdit #general-form .editor.timeEditor .value , #editAssociate .editor.timeEditor .value { flex-grow: 0; min-width: initial; } #assemblyOrdersEdit #general-form .editor.timeEditor .value input , #editAssociate .editor.timeEditor .value input { width: 40px; flex-grow: 0; flex-shrink: 0; } #assemblyOrdersEdit #general-form .editor.assembleQty .completedQty { width: 44%; } #assemblyOrdersEdit #general-form .editor.assembleQty .value { width: 20%; } #assemblyOrdersEdit #general-form .editor.assembleQty .completedQty .name { width: 70%; } #assemblyOrdersEdit #general-form .editor.trainingOrder .value .trainingAutocomplete { margin-left: auto; width: 80%; } #assemblyOrdersEdit #general-form .editor.trainingOrder .value .trainingAutocomplete .value { padding-right: 0; } #assemblyOrdersEdit #general-form .associate { position: relative; } #assemblyOrdersEdit #general-form .associateAutocomplete .value span { max-width: 60%; } #assemblyOrdersEdit #general-form .associate .linkAfterInput { left: 70%; position: absolute; top: 0; } #assemblyOrdersEdit #finishedGoods-form .vertDevider { margin: 0; } #assemblyOrdersEdit #finishedGoods-form .comboSearch { margin: 0 15px 0 0; } #assemblyOrdersEdit #finishedGoods-form .editContent , #assemblyOrdersEdit #qcHistory-form .editContent , #assemblyOrdersEdit #progress-form .editContent , #assemblyOrdersEdit #associate-form .editContent { height: 477px; } #assemblyOrdersEdit #associate-form .pagingContainer , #assemblyOrdersEdit #progress-form .pagingContainer , #assemblyOrdersEdit #qcHistory-form .pagingContainer , #assemblyOrdersEdit #kitDefinition-form .pagingContainer { border-top: 0 none; } #assemblyOrdersEdit #progress-form .paging .records , #assemblyOrdersEdit #qcHistory-form .paging .records { float: right; } #assemblyOrdersEdit #components-form .header .tabs .comboSearch { margin: 0 20px 0 0; } #assemblyOrdersEdit #components-form .editContent { height: 215px; } #assemblyOrdersEdit #kitDefinition-form .editContent { height: 511px; } #editAssociate .editor .name { width: 26%; } #assemblyOrdersOrderCompleteEdit #finishedGoods-form .tab_content { border-top: 0 none; height: auto; min-height: unset; } #assemblyOrdersOrderCompleteEdit #finishedGoods-form .content .appendedGrid .tableContainer { height: 217px; } #assemblyOrdersOrderCompleteEdit #finishedGoods-form .content .paging .records span:first-child { padding-left: 5px; } #assemblyOrdersOrderCompleteEdit #components-form .editContent { height: 511px; } #splitOrder .editor .name , #editProgress .editor .name { width: 34%; } #addQCNotesPopup { width: 680px; } #addQCNotesPopup .content { padding: 10px; } #addQCNotesPopup .assemblyDetails { padding: 25px 0 0; } #addQCNotesPopup .editor .value { max-width: 60%; } #addQCNotesPopup .editor .name { width: 24%; } #addQCNotesPopup .editor.qualityNote > .value span.labelAfterInput , #addQCNotesPopup .editor.qualityNote > .value span { color: #000 !important; flex-grow: unset; } #addQCNotesPopup .editor.qualityNote .value .input_wrapper { max-width: 100px; } .assemblyDetails .style_content .photo_block , .assemblyDetails .style_content .photo_block .minWidthForImage { width: 80px; } .assemblyDetails .tab_content .one_block { width: 50% !important; } .assemblyDetails .tab_content .one_block .row_parameter > span:first-child { width: 115px; } .assemblyDetails .tab_content .one_block .row_parameter > span.value { margin: 0 0 0 -125px; padding: 0 0 0 125px; } .assemblyDetails .tab_content .two_block { width: 36% !important; } .assemblyDetails .tab_content .two_block .row_parameter > span:first-child { width: 75px; } .assemblyDetails .tab_content .two_block .row_parameter > span.value { margin: 0 0 0 -85px; padding: 0 0 0 85px; } #assemblyOrdersEdit .editor .name { width: 37%; } #assemblyOrdersEdit .editor .value .customValue { width: 22px; margin-left: 5px; display: inline-block; float: right; } #assemblyOrdersEdit .editor .value .customName { display: inline-block; float: right; font-size: 13px; line-height: 19px; color: #8b8b8b; text-align: right; margin: 2px 0 3px 10px; cursor: default; } #modifyItemPopup { width: 960px; } #modifyItemPopup > .content { padding: 10px; position: relative; height: calc(100% - 108px); } #modifyItemPopup .comboSearch { margin: 0 15px 0 0; } #modifyItemPopup .appendedGrid .tableContainer { height: 200px; } .wraperForLoader { position: relative; } /*#endregion*/ .interactionForm.kitsPage .des_btn li button { padding: 25px 17px 0; } #kitEditPopup { height: 758px; width: 960px; } #quickAdjustmentPopup { height: 671px; } #quickAdjustmentPopup .content > .header:first-child { margin-bottom: 10px; } #quickAdjustmentPopup .content > .header .block-left > .editor .name { width: 12%; } #quickAdjustmentPopup .content > .header .block-right > .editor .name { width: 25%; } #quickAdjustmentPopup .content > .header .block-left > .editor .value , #quickAdjustmentPopup .content > .header .block-right > .editor .value { width: 72.5%; } #quickAdjustmentPopup .itemTab .header .tabs { border-bottom: 0 none; margin-top: 0; padding: 0; margin-bottom: 10px; } #kitEditPopup > .content .header .comboSearch , #quickAdjustmentPopup > .content .header .comboSearch { margin-right: 15px; } #quickAdjustmentPopup > .content { height: calc(100% - 109px); overflow: visible; } #kitEditPopup > .content .tab_content { border-top: 0 none; padding: 0; } #kitEditPopup .content .header .tabs { border-bottom: 0 none; } #kitEditPopup > .content .tab_content , #quickAdjustmentPopup > .content .tab_content { padding: 0; position: relative; z-index: 0; height: auto; min-height:inherit; } #quickAdjustmentPopup .content .header { position: relative; z-index: 1; } #quickAdjustmentPopup .content .block-left { z-index: 3; } #quickAdjustmentPopup .content .block-right { z-index: 2; } #kitEditPopup > .content .tab_content .style_content .one_block .row_parameter > span { width: 106px; } #quickAdjustmentPopup > .content .tab_content .style_content .one_block .row_parameter > span { width: 106px; } #kitEditPopup > .content .tab_content .style_content .one_block .row_parameter > span.value , #quickAdjustmentPopup > .content .tab_content .style_content .one_block .row_parameter > span.value { width: 100%; padding: 0 0 0 115px; } #kitEditPopup > .content .tab_content .style_content .two_block .row_parameter > span , #quickAdjustmentPopup > .content .tab_content .style_content .two_block .row_parameter > span { width: 70px; } #kitEditPopup > .content .tab_content .style_content .two_block .row_parameter > span.value , #quickAdjustmentPopup > .content .tab_content .style_content .two_block .row_parameter > span.value { width: 100%; margin: 0 0 0 -80px; padding: 0 0 0 80px; } #kitEditPopup > .content .tab_content .style_content .three_block .row_parameter > span { width: 161px; } #kitEditPopup > .content .tab_content .style_content .three_block .row_parameter > span.value { width: 100%; margin: 0 0 0 -171px; padding: 0 0 0 171px; } #quickAdjustmentPopup > .content .tab_content .style_content .three_block .row_parameter > span { width: 152px; } #quickAdjustmentPopup > .content .tab_content .style_content .three_block .row_parameter > span.value { width: 100%; margin: 0 0 0 -162px; padding: 0 0 0 162px; } #quickAdjustmentPopup > .content .tab_content .style_content .one_block { width: 33%; } #quickAdjustmentPopup > .content .tab_content .style_content .two_block { width:25%; } #quickAdjustmentPopup > .content .tab_content .style_content .three_block { width:42%; } #kitEditPopup > .content .tab_content .style_content .one_block { width: 40%; } #kitEditPopup > .content .tab_content .style_content .two_block { width:25%; } #kitEditPopup > .content .tab_content .style_content .three_block { width:35%; } #kitEditPopup > .content .tab_content.thirdSection .style_content .one_block { width: 50%; } #kitEditPopup > .content .tab_content.thirdSection .style_content .two_block { width: 40%; } #kitEditPopup > .content .tab_content.thirdSection .style_content .two_block .row_parameter > span { width: 130px; } #kitEditPopup > .content .tab_content.thirdSection .style_content .two_block .row_parameter > span.value { width: 100%; margin: 0 0 0 -140px; padding: 0 0 0 140px; } #kitEditPopup > .content .tab_content .style_content .smallLoader { height: 17px; } #kitEditPopup .kitItem hr { margin: 10px 0 15px; } #kitEditPopup .kitItem hr:first-of-type { margin: 10px 0; } #kitEditPopup .kitItem .secondSection .editor .name { width: 150px; } #kitEditPopup .kitItem .twoEditorsInLine .value > .input_wrapper { max-width: 180px; } #kitEditPopup .kitItem .builtInEditor { margin-left: 50px; } #kitEditPopup .itemTab .notes { height: 120px; } #assemblePopup .content , #disassemblePopup .content { padding: 30px 15px 45px; } #assemblePopup .content .editor .name , #disassemblePopup .content .editor .name { width: 20%; } #assemblePopup .content .editor .customWidth , #disassemblePopup .content .editor .customWidth { max-width: 30%; } #kitEditPopup #components-form .componentTabGrid .tableWithSetter { height: 200px; } #KitViewImportPopup #errors-form .content .tableContainer { height: 480px; } #KitViewImportPopup .general .fortextarea .name { width: 21%; } /*#region ------------------------- Price Memos -----------------------------------------------*/ #priceMemoImportPopup .editor .name { width: 30%; } #priceMemoImportPopup .shorted .value { max-width: 38%; } #PmiEditor { height: 691px; } #PmiEditor .editor .name { width: 17%; } #PmiEditor .editor:not(.fortextarea) .value { max-width: 30%; } #PmiEditor #general-form .editor .value textarea.notes { height: 53px; } #PmiEditor #errors-form > .content .editContent { height: 500px; } /*#endregion -----------------------------------------------------------------------------------*/ .PromoGrpupsPage .recent_transfer_order td > div { font-size: 12px; } #promoGroupsEdit > .content .content .editor.short { width: 50%; } #promoGroupsEdit .editor .name { width: 200px; } #promoGroupsEdit > .content .content textarea { height: 67px !important; } #promoGroupsEdit { height: 703px; width: 960px; } #promoGroupsEdit > .content .header .headerTitle { border-bottom: 1px solid #eaeaea; } #promoGroupsEdit > .content .header .tabs.narrowButtons { border-bottom: 0 none; } #promoGroupsEdit > .content { padding-bottom: 10px; } #promoGroupsEdit.promoGroupEditStyle > .content > .contentInvenItems { height: 233px; } #promoGroupsEdit.promoGroupEditDcss > .content > .contentInvenItems { height: 171px; } #promoGroupsEdit > .content > .promoGroupsItems .tableContainer { height: 100%; } #promoGroupsEdit > .content > .header { padding: 0; } #pgiEdit #general-form .editor .name { width: 21.5%; } #pgiEdit #general-form .editor.fortextarea .value textarea { height: 207px; } #pgiEdit #errors-form .content .tableContainer { height: 480px; } /*#region -----------------------------------StockCount EDIT-------------------------------------------------*/ #stockCountEditPopup #general-form .block-left42 .editor .name { width: 38%; } #stockCountEditPopup #zoneCount-form > .content .editContent { height: 451px; } #stockCountEditPopup #zoneCount-form .header > .tabs.narrowButtons > button { padding: 3px; } #stockCountEditPopup #review-form > .content .editContent { height: 451px; } #stockCountEditPopup #review-form > .content .messageArea .redMessageAreaText { color: black; } .vertDevider { display: inline-block; height: 28px; width: 1px; background: #d3d2d1; margin: 0 2px; } #importFromExcel { text-decoration: none; overflow: hidden; line-height: 20px; font-size: 15px; color: #4698d2; border: 1px solid transparent; cursor: pointer; display: inline-block; padding: 3px 15px; border-radius: 3px; background: transparent; } #importFromExcel:hover { background: #c7e0f1; } #importFromExcel:active { border: 1px solid #4da8d6; } #importFromExcel > div { position: relative; z-index: 0; } #importFromExcel > div > span { display: block; position: relative; z-index: 1; top: 0; left: 0; } #importFromExcel > div > div { width: 103px; height: 21px; opacity: 0; z-index: 2; position: absolute; top: 0; left: -28px; overflow: hidden; } #importFromExcel + span { color: #ddd; cursor: default; line-height: 20px; font-size: 15px; border: 1px solid transparent; display: inline-block; padding: 3px 15px; border-radius: 3px; background: transparent; } #xlsx2csv { cursor: pointer; } #general-form .totalz .name { width: 55%; } #stockCountEditPopup #general-form .block-left42 { width: 46%; } #stockCountEditPopup #general-form .block-right55 { width: 50%; } .forDisableInputs { position: absolute; display: block; width: 640px; height: 214px; top: 189px; left: 10px; background: rgba(250,250,250,.6); z-index: 5; } .scrollableContent { overflow-x: hidden; overflow-y: auto; height: 271px; } #stockCountEditPopup .scrollableContent { height: 350px; } .popup .scrollableContent .editor .name { width: 41%; } #zoneCountEditPopup #counts-form > .content .editContent { height: 439px; } #zoneCountEditPopup #counts-form > .content .tableContainer { height: 506px; } #zoneCountEditPopup #items-form > .content > .appendedGrid > .editContent { height: 426px; } #zoneCountEditPopup .itemTab .header .tabs .checkbox { margin: 3px 0 0 10px; } #zoneCountEditPopup .itemTab .header .comboSearch { margin: 0; } .btnPlus , .btnSearch { width: 28px; height: 28px; padding: 0 !important; border: 1px solid #4698d2; background: #4698d2 !important; margin: 0 0 0 10px; font-size: 32px !important; line-height: 28px !important; font-family: icomoon; color: #fff !important; position: relative; cursor: pointer; } .btnPlus:before { position: absolute; content: '+'; top: -5px; left: 4px; font-weight: bold; } .btnSearch:before { position: absolute; content: '\e912'; top: -1px; left: -3px; } .btnPlus:active , .btnPlus:focus , .btnSearch:active , .btnSearch:focus { border-color: #2979b1 !important; box-shadow: 2px 3px 2px rgba(0,0,0,0.2); } .btnSearch:disabled , .btnSearch:disabled:hover , .btnSearch:disabled:active , .btnSearch:disabled:focus { background: #cdcdcd !important; border: 1px solid #cdcdcd !important; } #batchZoneAddPopup { width: 450px; height: 224px; } #batchZoneAddPopup > .content { padding-bottom: 40px; position: relative; } #batchZoneAddPopup .editor.shorted .value { max-width: 25%; } #printZoneTagsPopup , #EditScanItemPopup { height: 617px; } #printZoneTagsPopup .contentInvenItems , #EditScanItemPopup .contentInvenItems { height:455px !important; } #printPopup { width: auto; min-width: 410px; max-width: 700px; height: 193px; } #printPopup > .content { min-height: unset; padding: 20px 10px; } #printPopup .blueButton { margin:0 8px; } .stockCountFinalze { width: 670px; z-index: 1000 !important; } .stockCountFinalze > .content { background: #fff; font-size: 13px; line-height: 20px; } .stockCountFinalze > .content p { padding: 10px 0 25px; } .stockCountFinalze > .content .editor .name { width:20%; } .lockedPopup.foreignCurrency { width:640px; height:263px; } .lockedPopup.foreignCurrency .content .editor .onlyValue .radio { margin-left:10px; } #filterDialogPopup .appendedGrid .tableWithSetter { height: 266px; } #stockCountNewPopup .content { padding: 10px 10px 20px; } #stockCountNewPopup .editor .name { width: 24%; } #stockCountNewPopup .editor .value.shorted { max-width: 200px; } #stockCountNewPopup .editor .value.shorted span { text-align: center; } /*#endregion*/ /*#region ----------------------------------TRANSFER MEMO EDIT---------------------------------------------*/ #transferMemoPopup .general .block-left { width: 50%; } #transferMemoPopup .itemTab .content .editContent { height: 511px; } #transferMemoPopup .editor .value .notes { height: 104px; } #transferMemoPopup .editor .value .height { height: 279px; } #transferMemoPopup .editor .value .brazilTaxHeight { height: 216px; } #transferMemoPopup .editor .value .height.brazilTaxHeight { height: 48px; } #transferMemoPopup .editor.fortextarea .name { width: 21%; } .checkLabel { display: inline-block !important; width: 18px !important; height: 18px; text-indent: 100%; overflow: hidden; background: url(../imgs/galka.png) no-repeat 0 0; } .ui-state-hover .checkLabel , .ui-state-highlight .checkLabel { background-position: 0 -18px; } /*#endregion*/ /*#region ------------------------------------- TRANSFER ORDER EDIT ----------------------------------------*/ #transferOrderPopup .general .content .block-left { width: 50%; } #transferOrderPopup .itemTab .content .editContent { height: 426px; } #transferOrderPopup .editor.fortextarea .name { width: 21.5%; } #transferOrderPopup .editor.fortextarea .value textarea.notes { height: 76px; } #toiEditPopup .general .editor .name { width: 24.5%; } #toiEditPopup .general .editor.fortextarea .name { width: 24.5%; } #toiEditPopup .editor.fortextarea .value textarea.notes { height: 149px; } #toiEditPopup .itemTab .content .tableWithSetter { height: 481px; } #transferLocationMatrixEdit > .content > .form { margin: 0; } #transferLocationMatrixEdit #transferLocation-form > .content , #transferLocationMatrixEdit #transferLocation-form > .content .editContent { height: 465px; } #toiImportPopup .editor .name { width: 47%; } /*********************** M A T R I X STYLES ***********************/ .matrix .staticDoubleHeader { display: table; width: 100%; background: #ddd; height: 28px; cursor: default; } .matrix .staticDoubleHeader .settedCell , .matrix .staticDoubleHeader .autoCell { display: table-cell; text-align: center; color: #5f5f5f; font-size: 13px; vertical-align: middle; border-left:1px solid transparent; border-bottom:1px solid transparent; } .matrix .staticDoubleHeader .autoCell { border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; } .matrix .ui-jqgrid .frozen-div .ui-jqgrid-htable th { border-bottom: 1px solid #f2f2f2 !important; border-right: 1px solid #f2f2f2 !important; background: #e6e6e6; } .matrix .ui-jqgrid .ui-jqgrid-labels > th { background: #e6e6e6; } .matrix .ui-jqgrid .ui-jqgrid-labels > th.thcolumnheaderleft > div , .matrix .ui-jqgrid .ui-jqgrid-labels > th.thcolumnheaderright > div { padding: 0 10px; /* fix TWD-2984 */ } .matrix .ui-jqgrid tr.jqgrow td { border-right: 1px solid #f2f2f2 !important; border-bottom: 1px solid #f2f2f2 !important; background: #fff; color: #000; } .matrix .ui-jqgrid tr.jqgrow:nth-child(odd) td { background: #fff; } .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv td , .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgrow:nth-child(odd) td , .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgrow.ui-state-hover td { background: #e6e6e6 !important; color: #000; } .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgrow.ui-state-highlight td , .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgrow.ui-state-highlight.ui-state-hover td , .matrix .ui-jqgrid .frozen-bdiv.ui-jqgrid-bdiv tr.jqgrow:nth-child(odd) tr.jqgrow.ui-state-highlight td , .headerFocusedCell { background: #daeaf6 !important; } .matrix .ui-jqgrid tr.jqgrow.ui-state-highlight td { color: #000; background: #fff !important; } .matrix .ui-jqgrid tr.jqgrow.ui-state-hover td , .matrix .ui-jqgrid tr.ui-state-highlight.jqgrow.ui-state-hover td { color: #000; background: #fff !important; } .matrix .ui-jqgrid tr.jqgrow td.matrixEmptyCell , .matrix .ui-jqgrid tr.jqgrow.ui-state-highlight td.matrixEmptyCell , .matrix .ui-jqgrid tr.jqgrow.ui-state-hover td.matrixEmptyCell , .matrix .ui-jqgrid tr.jqgrow.ui-state-highligh.ui-state-hover td.matrixEmptyCell { background: #eee !important; } /*.matrix .ui-jqgrid tr.jqgrow td.grayBackground { background: #c0c0c0; color: #fff !important; }*/ .matrix tr.jqgrow td.matrixFocusedCell , .matrix tr.jqgrow.ui-state-highlight td.matrixFocusedCell , .matrix tr.jqgrow.ui-state-hover td.matrixFocusedCell , .matrix tr.jqgrow.ui-state-highlight.ui-state-hover td.matrixFocusedCell { color: #fff; background: #7DB7DF !important; } /*#endregion*/ /*#region VISUAL ALLOCATION*/ #vaReleasePopup .poTypeDescription { margin: 0 0 20px 175px; font-size: 12px; color: #8b8b8b; width:304px; } #VAEdit #general-form .editor .name { width: 20%; } #VAEdit #general-form .editor.shorted .value { max-width: 53.5%; } #VAEdit #general-form .recalculate-group { display: flex; margin-bottom: 20px; } #VAEdit #general-form .recalculate-group.released .editorsWrapper { flex-grow: 1; } #VAEdit #general-form .recalculate-group:not(.released) .editorsWrapper { width: 70%; margin-right: 5px; } #VAEdit #general-form .recalculate-group:not(.released) .editorsWrapper .editor .name { width: 57%; } #VAEdit #general-form .recalculate-group:not(.released) .editorsWrapper .editor:last-child { margin-bottom: 0; } #VAEdit #general-form .recalculate-group button.recalculate { padding: 4px 10px; color: #fff; background: #4698d2; border: 2px solid #4698d2; font-size: 15px; line-height: 20px; cursor: pointer; width: 102px; } #VAEdit #general-form .recalculate-group button.recalculate:disabled { cursor: default; background: #cdcdcd; border-color: #cdcdcd; } #VAEdit #general-form .recalculate-group button.recalculate:active, #VAEdit #general-form .recalculate-group button.recalculate:focus { border-color: #2979b1; box-shadow: 2px 5px 2px rgba(0,0,0,0.2); } #VAEdit #general-form .block-left .editor .name, #VAEdit #general-form .block-right .editor .name { width: 40%; } #VAEdit #general-form .content > .editor:nth-child(4) { margin-bottom: 40px; } #VAEdit #styles-form > .content .appendedGrid .tableContainer { height: 427px; } #VAEdit #orders-form .content .appendedGrid .tableContainer { height: 475px; } #VAEdit #releaseErrors-form .content .appendedGrid .tableContainer { height: 511px; } #VAEdit #styles-form .detailsContainer .style_content .one_block { width: 40%; } #VAEdit #styles-form .detailsContainer .style_content .two_block { width: 60%; } #VAEdit #styles-form .detailsContainer .style_content .one_block .row_parameter span:first-child , #VAEdit #styles-form .detailsContainer .style_content .two_block .row_parameter span:first-child { width: 106px; } #VAEdit #styles-form .detailsContainer .style_content .one_block .row_parameter span.value , #VAEdit #styles-form .detailsContainer .style_content .two_block .row_parameter span.value { margin: 0 0 0 -116px; padding: 0 0 0 116px; } #VAEdit #orders-form .header .tabs .counter { margin: 2px 15px; } #selectValuePopup .content .editor.cb .name { width: 65%; } #selectValuePopup .content .editor.cb .value { width: 25%; } #vaAnalyseStylesPopup { width: 950px; } #vaAnalyseStylesPopup > .content .appendedGrid { height: 261px; overflow: hidden; } #vaAnalyseStylesPopup .content .periods .editor > .name:first-child { width: 15%; } #vaAnalyseStylesPopup .content .periods .value:not(.value2) { max-width: 33%; } #vaAnalyseStylesPopup .content .editor .value2 { padding: 0; font-size: 13px; line-height: 23px; color: #878787; margin: 0 10px 0 16px; } #vaAnalyseStylesPopup .content .editor .value2 .to { padding: 0 15px; flex-shrink: 0; color: #878787; line-height: 23px; } /*#endregion ----------------------------------------------------------------------------------*/ /*#region DECISION MATRIX */ #decisionMatrix { width: 1150px; height: 710px; } #decisionMatrix > .content .form { left: 10px; } #decisionMatrix .additionalField { margin: 0 15px; } #decisionMatrix .additionalField input { text-align: right; } #decisionMatrix .additionalField .sortBySelectBox { display: inline-block; } #decisionMatrix .additionalField .sortBySelectBox .input_wrapper { width: 130px; } #decisionMatrix .filterBtn .buttonDown.buttonUp:after { display: none; } #decisionMatrix .filterBtn > span { line-height: 30px; } #decisionMatrix #gridContainer { height: calc(100% - 66px); width: calc(100% - 380px); float: left; overflow:hidden; position: relative; } #decisionMatrix #matrixTableWrapper { height: 100%; width: 100%; overflow:auto; } #decisionMatrix #gridContainer.actionsVisible { width: 100%; } #decisionMatrix #actionGridContainer { width: 370px; height: calc(100% - 96px); overflow: hidden; float: right; } #decisionMatrix .detailsContainer { height: 20px; } #decisionMatrix .detailsContainer.openedDetails { height: 140px; } #decisionMatrix #gridContainer.withOpenedDetails { height: calc(100% - 186px); } #decisionMatrix #actionGridContainer.withOpenedDetails { height: calc(100% - 216px); } #decisionMatrix .detailsContainer .styleInfo , #decisionMatrix .detailsContainer .analyzeInfo { margin: 25px 0 5px; border: 1px solid #eaeaea; height: calc(100% - 25px); } #decisionMatrix .detailsContainer .style_content .row_parameter { margin: 0 0 3px; } #decisionMatrix .detailsContainer .styleInfo { width: calc(100% - 380px); float: left; } #decisionMatrix .detailsContainer .analyzeInfo { width: 370px; float: right; } #decisionMatrix .detailsContainer .styleInfo .one_block { width: 46%; } #decisionMatrix .detailsContainer .styleInfo .two_block { width: 54%; } #decisionMatrix #actionGridContainerFooter { background-color: #ddd; padding: 0 20px; height: 30px; width: 370px; float: right; } #decisionMatrix #actionGridContainerFooter span { color: #000; font-size: 13px; line-height: 30px; padding: 0 2px; } #decisionMatrix .customGrid > table { width: 100% !important; } #decisionMatrix #gridContainer th , #decisionMatrix #actionGridContainer th { vertical-align: middle; text-align: center; border-bottom: 1px solid #fff; padding: 0 5px; } #decisionMatrix #gridContainer th > div { width: 100%; /* max-width: 250px; TWD-3624 */ overflow: hidden; display: block; text-overflow: ellipsis; } #decisionMatrix .customGrid tr td { background: #fff; border-bottom: 1px solid #b0b0b0; padding: 0; vertical-align: middle; } #decisionMatrix #gridContainer tr td { border-bottom-color: #000; } #decisionMatrix #gridContainer tr td:first-child { padding: 3px 7px 0; vertical-align: top; max-width: 240px; width: 100px; overflow: hidden; text-overflow: ellipsis; } #decisionMatrix #gridContainer tr td.crosscellHeaderCol { width: 80px; } #decisionMatrix #gridContainer tr td div:nth-child(even) , #decisionMatrix #actionGridContainer tr:nth-child(even) td { background: #f0f0f0; } #decisionMatrix #gridContainer tr td .zeroValueCell { background: rgb(255,210,179) !important; } #decisionMatrix #gridContainer tr td.srcSelectedAction > div.qtyOut:after , #decisionMatrix #gridContainer tr td.srcSelectedAction > div.qtyNet:after , #decisionMatrix #gridContainer tr td.trgSelectedAction > div.qtyIn:after , #decisionMatrix #gridContainer tr td.trgSelectedAction > div.qtyNet:after { content: ''; display: block; height: 100%; position: absolute; top: 0; left: -1px; right: -1px; background: rgba(70, 152, 210,.25); } #decisionMatrix .customGrid tr td > div { height: 30px; min-height: 30px; padding: 5px 7px; position: relative; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; } #decisionMatrix .customGrid tr td > div:only-child { height: 100%; display: flex; align-items: center; justify-content: center; } #decisionMatrix .customGrid tr td.selected > div { border-left: 1px solid #f50009 !important; border-right: 1px solid #f50009 !important; } #decisionMatrix .customGrid tr td.dragging > div:after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: -1px; background: rgba(255,255,0,.2); } #decisionMatrix .customGrid tr td.shaded > div:after { content:''; display: block; height: 100%; position: absolute; top: 0; left: -2px; right: -2px; background: rgba(0,0,0,.2); } #decisionMatrix .customGrid tr td > div .pipes { font-weight: 900; letter-spacing: -3px; } #decisionMatrix .customGrid tr td > div .dotes { font-weight: 900; font-size: 19px; line-height: 10px; } #decisionMatrix #actionGridContainer .tableContainer { width: 370px; height: 100% !important; } #decisionMatrix #actionGridContainer .clearCross { position: relative; right: 0; width: 30px; margin: 0 auto; } #decisionMatrix #actionGridContainer .clearCross:hover { color: #f50009 !important; } #decisionMatrix #actionGridContainer tr td > div:not(.clearCross) { width: 100%; max-width: 250px; height: 30px; padding: 0 5px; overflow: hidden; display: block; text-overflow: ellipsis; padding: 0 5px; line-height: 30px; text-align: left; } #decisionMatrix #actionGridContainer tr td:last-child > div { text-align: right; width: 55px; max-width: 55px; margin: 0 auto; } #decisionMatrix #actionGridContainer tr td:last-child > div span { width: 100%; display: block; } #decisionMatrix #actionGridContainer tr td .input_wrapper { margin: 4px auto 0; padding: 0; height: 22px; min-height: 22px; width: 45px; max-width: 45px; border: 1px solid #d7d7d7; line-height: 20px; } #decisionMatrix #actionGridContainer tr td .input_wrapper input { text-align: center; width: 100%; } .sales { color: rgb(0, 153, 51); } #decisionMatrix #gridContainer tr.vendor td { background: #daebf6; } #decisionMatrix #gridContainer tr.intransit td { background: #b3b3b3; } #decisionMatrix #gridContainer tr.intransit td:first-child { background: #fff; } /*#endregion*/ #reserveOrdersEdit .general .editor { width: 100%; } #reserveOrdersEdit #general-form .block-left .editor .name { width: 36%; } #reserveOrdersEdit #general-form .block-left .editor .value { width: 55%; } #reserveOrdersEdit #general-form .editor .value.fortextarea { width: 100%; } #reserveOrdersEdit #general-form .editor.fortextarea textarea { height: 250px; } #reserveOrdersEdit #items-form > .content .tableContainer { height: 431px; } .PreSetsPage .recent_transfer_order td > div { font-size: 12px; } .PreSetsPage .recent_transfer_order td > .name { max-width: 301px; } .PreSetsPage .recent_transfer_order td > .sc1col , .PreSetsPage .recent_transfer_order td > .textrightaligned { width: 150px; } #preSetsEditImportPopup #errors-form .tableContainer { height: 480px; } #preSetsEditImportPopup #general-form .notes { height: 192px; } #preSetsEditImportPopup #general-form .editor .name { width: 21.5%; } #editPreSetCategoryPopup #items-form .name { width: 20%; } #preSetEditDialog #items-form .content .content { padding: 10px 0; position: relative; height: calc(100% - 38px); } #preSetEditDialog #items-form .block-left { height: 100%; border-right: 1px solid #eaeaea; width: 39%; } #preSetEditDialog #items-form .block-left .categoryTreeContainer { height: calc(100% - 96px); overflow: auto; padding: 0 2px 1px 0; } #preSetEditDialog #items-form .block-right { height: 100%; width:59%; } #preSetEditDialog #items-form .block-right .tableContainer { height: 303px; } #preSetEditDialog #items-form .block-right .buttonParent button { padding: 3px 7px; } #preSetEditDialog #items-form .block-right .categoryDescr { margin: 0 -115px 0 0; padding: 0 115px 0 0; float: left; font-size: 13px; color: #464646; line-height: 20px; width: 100%; } #preSetEditDialog #items-form .block-right .categoryDescr .name { width: 20%; } #preSetEditDialog #items-form .block-right .appendImage { float: right; border: 0 none; } #preSetItemEditDialogPopup { width: 510px; } #preSetItemEditDialogPopup .description { margin: 0 -165px 0 0; padding: 0 165px 0 0; float: left; font-size: 13px; color: #464646; line-height: 20px; width: 100%; } #preSetItemEditDialogPopup .descriptionImg { float: right; border: 0 none; width: 160px; height: 120px; } #copyPreSetResultPopup .content { padding: 10px; } /* PURCHASING */ .ASNPage .recent_transfer_order td .sc1col { width:70%; } .ASNPage .recent_transfer_order td .sc3col { width: 30%; } .ASNPage .recent_transfer_order td .first_row .sc1col { width:40%; } .ASNPage .recent_transfer_order td .first_row .sc3col { width: 58%; } .ASNPage .recent_transfer_order td .recentNum { height: 22px; } .ASNPage #ASNDetailedSearchContainer .datepicker_wrapper .inn_label { width: 38px; padding-right: 0; } .ASNPage #ASNDetailedSearchContainer .datepicker_wrapper .inn_label:first-child ~ .inn_label { padding-right: 6px; } .ASNPage #ASNDetailedSearchContainer .datepicker_wrapper .inn_label::before { right: -113px; } .ASNPage #ASNDetailedSearchContainer .field_devider .datepicker_wrapper input[type="text"] { width: 114px; padding-left: 6px; } #asnEdit { height: 700px; } #asnEdit #general-form .customNotes { height: 105px; width: 100%; position:relative; padding:0 15px 0 0; overflow: hidden; } #asnEdit #items-form .customNotes { padding-right:15px; } #asnEdit #general-form .customNotes span ,#asnEdit #items-form .customNotes span { font-size: 13px; color: #000; -ms-word-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; } #asnEdit #customFieldsContainer { height:104px; position: relative; } #asnEdit #customFieldsContainer .editor { width: 98%; } #asnEdit #customFieldsContainer .editor .value { width: 52%; } #asnEdit #items-form > .content > .itemsTable.appendedGrid > .editContent { height: 505px; } #asnEdit #items-form .detailsContainer .style_content .row_parameter { margin: 0; } #asnEdit #items-form .detailsContainer .style_content .row_parameter > span { width: 108px; } #asnEdit #items-form .detailsContainer .style_content .row_parameter span.value { margin: 0 0 0 -118px; padding: 0 0 0 118px; width: 100%; } #asnEdit #items-form .detailsContainer .style_content .one_block .row_parameter > span , #asnEdit #items-form .detailsContainer .style_content .three_block .row_parameter > span { width: 70px; } #asnEdit #items-form .detailsContainer .style_content .one_block .row_parameter span.value , #asnEdit #items-form .detailsContainer .style_content .three_block .row_parameter span.value { margin: 0 0 0 -80px; padding: 0 0 0 80px; width: 100%; } #asnEdit #items-form .detailsContainer .style_content .one_block , #asnEdit #items-form .detailsContainer .style_content .three_block { width: 28%; } #asnEdit #items-form .detailsContainer .style_content .two_block { width:32%; } #asnsImportEditPopup .editor .name { width: 133px; } #asnsImportEditPopup #general-form .editor .value textarea.notes { height: 134px; } #asnsImportEditPopup #errors-form > .content .tableWithSetter { height: 481px; } .MMList > .content > .detailsContainer .cells { float: left; width: 23%; margin: 0 1% } .MMList > .content > .detailsContainer .tableContainer { top:0; } #MMEdit #globalFees-form > .content .editContent { height: 536px; } #MMEdit #items-form > .content > .appendedGrid > .editContent { height: 499px; } #MMEdit #general-form .totalz .cells { float: left; width: 38%; margin: 0 2%; } #MMEdit #general-form .totalz .cells.cost { width: 54%; } #MMEdit #general-form .totalz .cells.cost .name { width: 50%; } #MMEdit #general-form .totalz .cells.cost .value { width: 45%; } #MMEdit #items-form .detailsContainer.upc_middle .style_content .two_block { width: 26%; } #MMEdit #items-form .detailsContainer.upc_middle .style_content .three_block { width: 31%; } #MMEdit #items-form .detailsContainer.upc_middle .style_content .three_block .name { width: 150px; } #MMEdit #items-form .detailsContainer.upc_middle .style_content .three_block .value { margin: 0 0 0 -160px; padding: 0 0 0 160px; width: 100%; } #MMEdit #items-form .detailsContainer .style_content .cells { margin: 0 1%; width: 31%; } #MMEdit #items-form .detailsContainer .scrollingItems { width:100% !important; height:126px; position:relative; } #MMItemEdit { height: 611px; } #MMItemEdit #fees-form > .content .editContent { height: 451px; } #MMItemEdit #general-form > .content #itemsCustomFieldsContainer { height: 303px; margin-bottom: 13px; } #MMItemEdit #general-form > .content textarea { height: 107px; } #MMItemEdit #general-form .block-left44 .editor .name { width: 47%; } #MMItemEdit #general-form .block-left44 .editor .value { width: 49%; } /*#region --------------------------------------- purchaseOrder ---------------------------------------*/ .purchaseOrder .content { background: #fff; color: #878787; overflow: visible; padding: 10px 0; } .purchaseOrder .editor .name { width: 37%; } .purchaseOrder .editor .value { width: 58%; } .purchaseOrder .editor .value textarea.notes { height: 112px; width: 100%; } .purchaseOrder .editor .value textarea.notes:hover , .purchaseOrder .editor .value textarea.notes:focus { border-color: #4698D2; } .attach input:disabled.file_select_btn { opacity: .5; color: #fff; z-index: 3; } .v_outer { width:100%; height:100%; display:table !important; overflow:hidden; position:absolute; text-align:center; } .v_outer .v_middle { left:50%; top:50%; display: table-cell !important; vertical-align: middle; position: static; width: 100%; } .v_outer .v_middle .v_inner { left:-50%; top:-50%; position:static; width:100%; } .purchaseOrderNewImportPopup .singleArea { display: flex; margin: 15px 0; } .purchaseOrderNewImportPopup .checkField { width:430px; padding:0 0 0 70px; display:table-cell; border-right:1px solid #ccc; } .purchaseOrderNewImportPopup .checkField .radio { font-size:13px; line-height:16px; } .purchaseOrderNewImportPopup .descriptionField { width: 185px; padding: 0 0 0 10px; display: flex; align-items: center; font-size: 13px; line-height: 17px; color: black; } .POEdit { height: 700px; width: 1000px; } .POEdit #globalFees-form > .content .editContent { height: 475px; /*504*/ } .POEdit #items-form > .content .editContent { height: 431px; /*455*/ } .POEdit #items-form .tabs .patternSelectbox { width: 130px; display: inline-block; } .POEdit #items-form .tabs .patternSelectbox .selectBoxBtn:focus { border-color: #4698D2; } .POEdit #items-form .detailsContainer { height: 145px; } .POEdit #items-form .detailsContainer .style_content .row_parameter { margin: 0; } .POEdit #general-form .block-left { width: 55%; height: 100%; } .POEdit #general-form .block-right { width: 43%; } /*.POEdit #general-form .notePinnedBottom { position: absolute; bottom: 10px; right: 0; width: 100%; z-index: 4; } .POEdit #general-form .notePinnedBottom.singleAddress { width: 43%; }*/ .POEdit #general-form .block-left .editor .name { width: 34%; } .POEdit #general-form .block-right .editor .name { width: 34.5%; } .POEdit #general-form .block-right #customFieldsContainer .editor .name { width: 37%; } .POEdit #general-form #customFieldsContainer { min-height: 103px; height: 103px; overflow: hidden; } .POEdit #customFieldsContainer > .customFieldsWrapper { width:99%; } .POEdit #general-form .editor.verticalEditor .value { padding: 0; } .POEdit #general-form .editor .value textarea.notes { height: 59px; } .editor.shipToAddressArea { height: calc(100% - 413px); overflow: hidden; position: relative; } .editor.shipToAddressArea > .value { overflow-y: auto; height: 100%; } .editor > .value > .customerBlock { width: 100%; padding: 0 1px 0 0; } .POEdit #general-form .editor.shipToAddressArea.shipToAddressAreaSized { height: calc(100% - 341px); } .POEdit #general-form .consumerDropShip .linkAfterInput { margin-left: auto; } .POEdit #general-form .consumerDropShip .value { padding: 0; } .POEdit #general-form .redNote { left: 2px; bottom: -6px; } .POEdit #general-form .builtInEditor { max-width: 87px; } .POEdit #general-form .block-right .editor .customValue { max-width: 42px; } .POEdit .editor .value .customValue input[type=text] { padding:0 6px; } .POEdit #billing-form .block-left .editor .name { width: 26%; } .POEdit #billing-form .block-left .editor .value { width: 69%; } #poHistoryDialog .appendedGrid ,#poACKHistoryDialog .appendedGrid ,#poItemACKHistoryDialog .appendedGrid { height: 487px; } #poHistoryDialog .appendedGrid .tableContainer , #poACKHistoryDialog .appendedGrid .tableContainer , #poItemACKHistoryDialog .appendedGrid .tableContainer { height: calc(100% - 40px) !important; } #POItemEdit { height: 637px; } #POItemEdit #general-form .block-left { padding-bottom: 30px; } .POItemEdit > .content .tabs { width:130px; } .POItemEdit #fees-form > .content .editContent { height: 441px; /*431*/ } .POItemEdit #itemsCustomFieldsContainer { height: 181px; margin-bottom: 13px; } .POItemEdit #general-form .block-left , .POItemEdit #general-form .block-right { position: relative; height: 100%; } .POItemEdit #general-form .block-left .editor .name , .POItemEdit #general-form .fortextarea .name { width:121px; } .POItemEdit #general-form .block-left .editor .value { width:100%; padding-left:122px; margin-left:-122px; } .POItemEdit #general-form .block-left .editor.partialWidth .value { width: 78%; } .POItemEdit #general-form .editor.verticalEditor .value { padding: 0; } .POItemEdit #general-form .editor.verticalEditor .value textarea.notes { height: 75px; } .POItemEdit #general-form .block-left .editor.shipToAddressArea { height: calc(100% - 370px); } .POItemEdit #foreignCurrency-form > .content { height: 475px; } .POItemEdit #foreignCurrency-form .editor .name { width: 60%; } .POItemEdit #foreignCurrency-form .discountAbsolute { position: absolute; top: 104px; left: 61%; z-index: 0; } #poItemArrivalDateHistory { } #poItemArrivalDateHistory .content { padding: 10px 10px 0; } #poItemArrivalDateHistory .content .contentInvenItems .tableContainer { height: 296px !important; } .editGlobalFeePopup { width: 450px; } .editGlobalFeePopup > .content { height: auto; position: relative; } .editGlobalFeePopup .editor .name { width: 29%; } .editGlobalFeePopup .block-left { width: 66%; } .editGlobalFeePopup .block-left .editor .name { width: 44%; } .editGlobalFeePopup .block-left .editor .value { width: 45%; } .editGlobalFeePopup .block-right { width: 34%; padding: 58px 0 0; } .editGlobalFeePopup .footer { position: relative !important; } #editGlobalFeePopup .editor .value.shorted, #editItemFeePopup .editor .value.shorted { max-width: 134px; } #editItemFeePopup .builtInEditor, #editGlobalFeePopup .builtInEditor { max-width: 189px; } #purchaseOrderPopup .fortextarea .name { width: 21%; } #purchaseOrderPopup .fortextarea .value { width: 77%; } #purchaseOrderImportEdit { height: 684px; } #purchaseOrderImportEdit .editor .name , #purchaseOrderImportEdit .fortextarea .name { width: 24%; } #purchaseOrderImportEdit .editor .value textarea.notes { height: 60px; } #purchaseOrderImportEdit #errors-form .tableWithSetter { height: 494px; } #emailPo { width: 700px; } #emailPo > .content { background: #fff; padding: 20px 15px 35px; } #emailPo > .content .editor .name { width: 120px; } #emailPo > .content .editor .name .checkbox { width: 100%; } #emailPo > .content .editor .name .checkbox span.bg { text-align: left; } #shipToAddressPopup .content { padding: 20px 10px 10px; } #emailPo > .content .redNote { font-size: 10px; left: unset; right: 27px; bottom: 20px; } /*.purchaseOrderPage #dropShipDonePopup .content, .purchaseOrderList #dropShipDonePopup .content*/ #dropShipDonePopup .content { padding-bottom: 30px; } #dropShipDonePopup , #shipToAddressDialogPO { width: 450px; } #shipToAddressDialogPO .content { padding: 20px 20px 15px; min-height: 80px; } #archiveDialog .content { padding: 20px; } #archiveDialog .editor .onlyValue .radio { margin-left: 0; } #archiveDialog .editor .name { width: 33%; } /*#endregion*/ /*#region --------------------------------------- PURCHASE RECEIPTS -------------------------------------- */ #PRImportPopup #errors-form .content .tableContainer { height: 480px; } #PRImportPopup #general-form .editor .value textarea.notes { height: 137px; width: 100%; } #PRImportPopup #general-form .editor .name { width: 22%; } /*#endregion*/ /*#region -------------------------------- Purchase RECEIPT ------------------------------------------------------*/ .PRPage .recent_transfer_order td > div { max-width: 150px; } .PRPage .recent_transfer_order td:nth-child(2) { max-width:100px; } #PREdit .general .redNote { bottom: -4px; } #PREdit .editor .name { width: 32%; } #PREdit .general #prCustomFieldsContainer { height: 98px; } #PREdit #poAsn-form .wideArea .editor .name { width: 13.5%; } #PREdit #poAsn-form .wideArea .editor .value { width: 83%; } #PREdit #poAsn-form #poCustomFieldsContainer { height:240px; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ } #PREdit #items-form > .content div > .editContent { height: 420px; } #PREdit #items-form .header .tabs { padding: 10px 0; } #PREdit #items-form .header .tabs:first-child { padding-top: 0; } #PREdit #items-form .header .tabs .checkbox { margin: 5px 0 0 30px; } #PREdit #items-form .header .tabs .checkbox span:not(.bg) { font-size: 13px; line-height: 18px !important; color: #5f5f5f; margin: 0; } #PREdit #globalFees-form .content .editContent { height: 475px; } #PREdit #notes-form .editor .name { width: 6%; } #PREdit #notes-form .editor .value { width: 92.6%; } #PREdit #notes-form .fullHeightTextarea { height: 539px; } #PRItemEdit .form { left: 140px; } #PRItemEdit #general-form .editor.fortextarea .name { width: 17%; } #PRItemEdit #general-form .editor:not(.fortextarea) .name { width: 35.5%; } #PRItemEdit #general-form #prTtemCustomFieldsContainer { height: 333px; margin: 0 0 20px; } #PRItemEdit #general-form .editor .value textarea { height: 152px; } #PRItemEdit > .content > .tabs { width: 140px; } #PRItemEdit #fees-form > .content > div > .editContent { height: 475px; } #PRItemEdit #foreignCurrency-form .editor .name { width: 56%; } #PRItemEdit #foreignCurrency-form .editor .value { width: 41%; } #PRItemEdit #general-form .block-left { z-index:4; } #PRItemEdit #general-form .block-right { z-index:3; } #editPRFeePopup { width: 490px; } #editPRFeePopup .customWidth { width: 30%; } #editPRFeePopup .editor .value { max-width: 60%; } /*#region ----------------------------ECOMMERCE MEMO ------------------------------------*/ #editEcmHeader #general-form .editor .name { width: 30%; } #editEcmHeader #general-form .editor.fortextarea .name { width: 15%; } #editEcmHeader #general-form .editor.fortextarea .value { width: 83%; } #editEcmHeader #general-form .editor.fortextarea .value textarea { height: 270px; } #editEcmHeader #items-form .content , #editEcmHeader #items-form .content .appendedGrid .tableContainer { height: 418px; } /*#endregion*/ /*#region -------------------------------- VendorInvoice & matchingMemo ----------------------------------------------*/ #VIEdit { height: 696px; } #VIEdit #general-form #customFieldsContainerVI { height: 387px; } #VIEdit #general-form > .content > .block-left { z-index: 2; } #VIEdit #general-form > .content > .block-right { z-index: 1; } #MMEdit { height: 696px; } #MMEdit #general-form #customFieldsContainer { height: 395px; } #VIEdit #general-form .clearCross { display: block; position: absolute; right: 0; } /*#VIEdit .editor:not(.fullWidthField) .name , #MMEdit .general div:not(.totalz) > div >.editor:not(.fullWidthField) .name { width: 36%; }*/ #VIEdit #general-form .forFileName { padding-right: 16px; position: relative; } #VIEdit #general-form .forFileName a:hover { text-decoration: underline; } #VIEdit #general-form input[type=file] { position: absolute; width: 100%; height: 23px; z-index: 2; opacity: 0; left: 0; top: 0; cursor: pointer; } #VIEdit #general-form a.fictiveLink { position: absolute; z-index: 1; left: 0; top: 0; } #VIEdit #general-form input[type=file]:hover + a.fictiveLink { text-decoration: underline; } #VIEdit #general-form textarea.notes { height: 96px; } #VIEdit .redNote { bottom: -4px; } #VIMatchingMemo { width: 810px; } #VIMatchingMemo .content { padding: 10px 10px 0; } #VIMatchingMemo .content .headerTitle { margin: 0; } #VIMatchingMemo > .content .appendedGrid { height: 300px; overflow: hidden; } #VIEdit #items-form > .content .tableContainer { height: 499px; } #vendorInvoiceImportEditPopup #general-form .fortextarea .name { width: 21%; } #vendorInvoiceImportEditPopup #general-form .fortextarea .value { padding: 0; } #vendorInvoiceImportEditPopup #general-form .fortextarea .value textarea { height: 192px; } #vendorInvoiceImportEditPopup #general-form .fortextarea .inp_error_message { left: unset; right: 0px; top: -26px; } #vendorInvoiceImportEditPopup #errors-form .tableContainer { height: 480px; } /*#region -----------------------------------Vendor EDIT-------------------------------------------------*/ .vendor-popup > .content .form > .itemTab > .content .editContent { height: 536px; } #vendorEditPopup { height: 702px; } #contactEditPopup { width: 950px; } #contactEditPopup #contact-general-form .editor .name { width: 157px; } #contactEditPopup #contact-general-form .editor .value { width: 207px; } #contactEditPopup #contact-general-form .addressscrollArea { height: 152px; overflow: hidden; overflow-y: auto; } .vendor-popup .editor .value textarea.fullHeightTextarea { height: 570px; width: 100%; } .vendor-popup #vendor-custom-form .content { overflow-y: auto; } /*#endregion*/ /* SALES */ .OMSList .ui-jqgrid tr.jqgrow td { overflow: visible; } #salesOrderEditor #order-form .block-left , #salesOrderEditor #order-form .block-right , #salesOrderEditor #customer-form .block-left , #salesOrderEditor #customer-form .block-right { height: 100%; } #salesOrderEditor #order-form .customNotes { height: 170px; overflow: hidden; position:relative; padding:0 15px 0 0; } #salesOrderEditor #order-form .customNotes span { font-size: 13px; color: #000; -ms-word-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; } #salesOrderEditor #order-form textarea { height: 100% !important; } #salesOrderEditor #order-form .editor.flexHeightTextarea { height: calc(50% - 118px); } #salesOrderEditor #order-form .shiftedSection { padding-left: 20px; overflow: hidden; overflow-y: auto; height: calc(50% - -16px); } #salesOrderEditor #order-form .shiftedSection.shiftedSectionHigher { height: calc(100% - 342px); } #salesOrderEditor #order-form .shiftedSection .editor { margin: 0; } #salesOrderEditor #order-form .shiftedSection .editor .value > span { flex-basis: 0; } #salesOrderEditor #order-form .shiftedSection .name { width: 40%; } #salesOrderEditor #order-form .shiftedSection .editor .value > span:nth-child(2) { color: #878787; } #salesOrderEditor .shiftedSection hr { margin: 3px 0; } .total .name span , .total .value span { font-size:16px !important; color:#000 !important; text-align: right; } .total .name span::first-letter { text-transform: uppercase; } .total .value { padding: 0; } #salesOrderEditor #order-form .errorToRight { position: relative; } .errorToRight .hoverShowError { position: absolute; padding: 2px 5px; background: #f50009; color: #fff; top: -3px; left: calc(100% + 15px); border-radius:4px; display: none; } .errorToRight:hover { overflow: visible !important; cursor: default; } .errorToRight:hover .hoverShowError { display: block; } #salesOrderEditor .description { margin:0; padding:0; } #salesOrderEditor .description span { line-height: 21px; } #salesOrderEditor .customerBlock { min-height:150px; /**/ max-height: 210px; overflow: hidden; overflow-y: auto; margin: 10px 0; } .customerBlock .customerBlockAdditional .name { width:62px !important; } .customerBlock .customerBlockAdditional .name span { width:100%; line-height: 20px; color:#878787 ; } .customerBlock .customerBlockAdditional .value { width: 100% !important; padding: 0 0 0 72px !important; margin: 0 0 0 -72px !important; } #salesOrderEditor .alternativeBlock .checkbox span:not(.bg) { color: #8b8b8b; } #salesOrderEditor .alternativeBlock .name { width: 24.5%; } #salesOrderEditor .alternativeBlock .value { width: 70%; } #salesOrderEditor #orderCustomFieldsWrapper { height: calc(100% - 356px); } #salesOrderEditor #orderCustomFieldsContainer { overflow:hidden; height: calc(100% - 34px); } #salesOrderEditor .customerCustomFields { position: relative; height: calc(100% - 259px); } #salesOrderEditor #customer-form .block-left .membershipBlock .name { width: 32%; } #salesOrderEditor #customer-form .block-left .membershipBlock .value { width: 63%; } #salesOrderEditor #customerCustomFieldsContainer { height: calc(100% - 34px); position: relative; overflow:hidden; overflow-y: auto; padding: 0 1px 0 0; } #salesOrderEditor #csrNotes-form .commentScrollArea.withButton { height: calc(100% - 36px); } #salesOrderEditor #items-form > .content .editContent { height: 438px; } #salesOrderEditor #items-form > .content .tabs:nth-child(2) { min-height: 38px; } #salesOrderEditor #items-form > .content .tabs .searchWrapper { margin: 2px 0 -2px; } #salesOrderEditor #items-form > .content .appendedGrid { position: static; } #salesOrderEditor #items-form > .content .detailsContainer { position: absolute; bottom: 40px; } #salesOrderEditor #items-form .showDetailsButton { top:auto; bottom:15px; } #salesOrderEditor #items-form .pagingContainer.countContainer { position: absolute; bottom: 0; left: 0; z-index: 91; } #salesOrderEditor #items-form .detailsContainer .two_block { width: calc(27% - 26px); } #salesOrderEditor #items-form .detailsContainer .two_block .notes { height: calc(100% - 44px); } #salesOrderEditor #items-form .detailsContainer .two_block .notes .value { overflow-y: auto; height: 100%; white-space: pre-wrap; word-wrap: break-word; } #salesOrderEditor #items-form .detailsContainer .scrollingItems { width: 35% !important; float: right; height: 140px; overflow: hidden; } #salesOrderEditor #items-form .detailsContainer .scrollingItems .editor { margin:0 0 2px; } #salesOrderEditor #items-form .detailsContainer .scrollingItems .editor .name { width:50%; } #salesOrderEditor #items-form .detailsContainer .scrollingItems .editor .value { margin: 0 0 0 -53%; padding: 0 0 0 53%; height: auto; } #salesOrderEditor #items-form .detailsContainer .scrollingItems .editor .value > span { line-height: 19px; } #salesOrderEditor #items-form .detailsContainer .style_content .two_block .row_parameter > span:not(.value) { width:62px; } #salesOrderEditor #items-form .detailsContainer .style_content .two_block .row_parameter > span.value { margin: 0 0 0 -72px; padding: 0 0 0 72px; } #salesOrderEditor #items-form .tableErrorMessage , #invenStyleEditPopup #vendorsTab-form .tableErrorMessage { position:absolute; left:0; bottom:14px; z-index:100; } #salesOrderEditor #items-form .detailsContainer .style_content .row_parameter { margin:0; } #salesOrderEditor #items-form .serchWrapper { width: 135px; } .appendedSSOGrid , .appendedSSOItemGrid { position: relative; } #viewSalesReceiptsDialog .content { padding: 10px 10px 0; } #viewSalesReceiptsDialog .contentInvenItems { height: 380px; } #viewSalesReceiptsDialog .contentInvenItems .tableContainer { height: calc(100% - 40px) !important; } #salesOrderItemEditPopup #general-form .block-left , #salesOrderItemEditPopup #general-form .block-right { height: 100%; } #salesOrderItemEditPopup #general-form .editor .name { width: 35%; } #salesOrderItemEditPopup #general-form .editor .value { width: 58%; } #salesOrderItemEditPopup #general-form .editor .singleLinkEditor { margin-right: 50px; float: right; } #salesOrderItemEditPopup #general-form .editor .linkAfterInput { right: 2px; left: auto; } #salesOrderItemEditPopup #general-form .editor .value.fortextarea { width: 100%; } #salesOrderItemEditPopup #general-form .editor .value .notes.gift { height: 60px; } #salesOrderItemEditPopup #general-form .customFields { margin-top: 8px; position: relative; height: calc(100% - 310px); } #salesOrderItemEditPopup #general-form .block-left .customFieldsWrapper { height: calc(100% - 381px); } #salesOrderItemEditPopup #general-form #itemCustomFieldsContainer { height: calc(100% - 34px); overflow: hidden; position: relative; } #salesOrderItemEditPopup #general-form .customFields.height1 { height: calc(100% - 337px); } #salesOrderItemEditPopup #general-form .customFields.height2 { height: calc(100% - 364px); } #salesOrderItemEditPopup #fees-form > .content .editContent { height: 475px; } #salesOrderItemEditPopup #discount-form .block-left { width: 70%; } #salesOrderItemEditPopup #discount-form .editor .name { width: 35%; } #salesOrderItemEditPopup #discount-form .editor .value { max-width: 45%; } #salesOrderItemEditPopup #associates-form .block-left { width: 80%; } #salesOrderItemEditPopup #associates-form .associatesList .editor .name { width: 25%; } #salesOrderItemEditPopup #associates-form .associatesList .editor .value:nth-child(2) { max-width: 30%; } #salesOrderItemEditPopup #associates-form .associatesList .editor .value:nth-child(3) { max-width: 20%; padding-right: 0; } #salesOrderItemEditPopup #associates-form .associatesList .editor .value:nth-child(3) input { text-align: right; } #salesOrderItemEditPopup #associates-form .editor .linkAfterInput, #salesOrderItemEditPopup #associates-form .editor .labelAfterInput { margin-left: 10px; } #salesOrderItemEditPopup #associates-form .editor .labelAfterInput { font-size: 16px !important; font-weight: lighter; } #salesOrderItemEditPopup #associates-form .total { width: 80%; } #salesOrderItemEditPopup #associates-form .total .name { width: 68%; } #salesOrderItemEditPopup #associates-form .total .value { padding-right: 2px; } #salesOrderItemEditPopup #delivery-form .header { margin-bottom: 10px; } #salesOrderItemEditPopup #delivery-form .squeareButtons > button { min-width: 140px; } #salesOrderEditor #globalFees-form > .content .editContent { height: 475px; } #salesOrderEditor #shipments-form > .content .editContent { position:relative; height:217px; } #salesOrderEditor #billing-form .block-right { height: 100%; } #salesOrderEditor #billing-form .block-left .paymentsScroll { height: calc(100% - 32px); overflow: hidden; overflow-y: auto; } #salesOrderEditor #billing-form .block-left .editor.payments { white-space: nowrap; overflow: hidden; } #salesOrderEditor #billing-form .block-left .editor.payments .name { width: auto; } #salesOrderEditor #billing-form .block-left .editor.payments .name span { color: #000; } #salesOrderEditor #billing-form .block-left .editor.payments .name span { width: 100%; padding: 0 0 0 10px; max-width: 154px; } #salesOrderEditor #billing-form .block-left .editor.payments .value span { display: inline-block; width: auto; margin: 0 20px 0 0; } #salesOrderEditor #billing-form .block-left .editor.payments .value span:first-child { max-width: 136px; } #salesOrderEditor #billing-form .block-left .editor.payments .value span:empty , #salesOrderEditor #billing-form .block-left .editor.payments .value span:last-child { margin: 0; } #editPaymentPopup .editor .name { width: 53%; } #salesOrderEditor #globalDiscount-form .block-left { width: 70%; } #salesOrderEditor #globalDiscount-form .editor .name { width: 33%; } #salesOrderEditor #globalDiscount-form .editor .value { max-width: calc(68% - 100px); } #preSetNotesPopup { width: 800px; } #preSetNotesPopup .content { height: 500px; padding: 10px; } #preSetNotesPopup .notesContainer { border: 1px solid #f2f2f2; border-top: 0 none; height: calc(100% - 26px); overflow-y: auto; } #preSetNotesPopup .notesContainer .presetNote { display: block; color: black; padding: 5px 5px 5px 5px; max-height: 76px; overflow: hidden; white-space: pre-wrap; text-overflow: ellipsis; font-size: 13px; } #preSetNotesPopup .notesContainer .presetNote.selectedNote { background-color: rgba(70,152,210, 0.7) !important; color: white !important; } #preSetNotesPopup .notesContainer .presetNote:nth-child(even) { background-color: #f2f2f2; } #preSetNotesPopup .notesContainer .presetNote:last-child:not(:nth-child(even)) { border-bottom: 1px solid #f2f2f2; } #unlinkPoPopup .editor .name , #dropShipDoneRejectReasonDialog .editor .name { width: 24%; text-align: right; } #unlinkPoPopup .content , #dropShipDoneRejectReasonDialog .content { padding-bottom: 30px; } #unlinkPoPopup .editor .value , #dropShipDoneRejectReasonDialog .editor .value { width: 70% !important; text-align: right; } .splitter { position:relative; height:0; width:100%; background:#ccc; } #itemAvailabilityPopup { height: 670px; } #itemAvailabilityPopup > .content { padding: 10px 10px 0 10px; margin: 0 10px; } #itemAvailabilityPopup .contentInvenItems { height:auto; } #itemAvailabilityPopup .content .contentInvenItems .appendedGrid .tableContainer { height: 510px !important; } #itemAvailabilityPopup .content .contentInvenItems .pagingContainer .redMessageAreaText.info { top: 8px; } #invenStyleEditPopup .blueButton { padding: 0; margin: 0; } #confirmChangeLocationDialog .content p ,#confirmChangeDeliveryMethodDialog .content p { padding: 0 0 20px 10px; } #confirmChangeLocationDialog .content .editor .onlyValue .checkbox ,#confirmChangeDeliveryMethodDialog .content .editor .onlyValue .checkbox { margin-left: 10px; } #changeFulFillLocationDialog .editor .name { width: 22%; } #changeDeliveryMethodDialog .editor .name { width: 30%; } #changeFulFillLocationDialog .editor .value { width: 70%; } #changeDeliveryMethodDialog .editor .value { width: 63%; } #soiEdit #errors-form > .content .editContent { height: 474px; } #soiEdit #general-form > .content .editor .name { width: 21%; } #soiEdit #general-form .value textarea.notes { height: 237px; width: 100%; } .resolvingPopup .content p { font-size:14px; line-height:20px; color:#000; padding:0 0 10px 10px; } #shipToAddressPopup { width: 720px; } #shipToAddressPopup .content { padding: 10px 10px 20px; } #shipToAddressPopup .header .tabs { padding: 0 0 10px; } #shipToAddressPopup .block-left { width: 57%; } #shipToAddressPopup .block-left .editor .name { width: 28%; } #shipToAddressPopup .block-right { width: 40%; } #shipToAddressPopup .block-left .editor .block-right .customValue { width: 60%; float: right; } #shipToAddressPopup .block-left .editor .block-right .customName { color: #8b8b8b; } #shipToAddressPopup .block-left .twoEditorsInLine .builtInEditor { margin-left: 20px; } #shipToAddressPopup .shipToAddressList { height: 400px; overflow: hidden; padding: 0 20px 0 0; } .shipToAddressItem { display: block; margin: 0 0 10px; } .shipToAddressItem .shipToAddressItemHead { background: #ebebeb; color: #5f5f5f; padding: 10px; } .shipToAddressItem .shipToAddressItemHead span { font-size: 13px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; padding: 0 100px 0 0; margin: 0 -100px 0 0; } .shipToAddressItem .shipToAddressItemHead .addressType { color: #3075cf; float: right; width: 100px; text-align: right; padding: 0; margin: 0; } .shipToAddressItem .shipToAddressItemBody { padding: 10px; } .shipToAddressItem .shipToAddressItemBody span { font-size: 13px; display: block; color: #000; } .shipToAddressItem:hover .shipToAddressItemHead , .shipToAddressItem.selected .shipToAddressItemHead { background: #375f92; cursor: pointer; } .shipToAddressItem:hover .shipToAddressItemHead span , .shipToAddressItem.selected .shipToAddressItemHead span { color: #fff; cursor: pointer; } .shipToAddressItem:hover .shipToAddressItemBody , .shipToAddressItem.selected .shipToAddressItemBody { background: #ebebeb; cursor: pointer; } #customPopup { width: 450px; } #customPopup .content { background: #fff; } #customPopup #customerCustomFieldsContainer { height: 365px; position: relative; } #customPopup #customerCustomFieldsContainer .input_label { line-height: 23px; } #customPopup #customerCustomFieldsContainer .customFieldsWrapper .input_wrapper input { padding: 0 25px 0 6px; } #customPopup #customerCustomFieldsContainer .customFieldsWrapper .input_wrapper .clearCross { right: 1px; } #customPopup #customerCustomFieldsContainer .customFieldsWrapper .input_wrapper.dateWrapper .clearCross , #customPopup #customerCustomFieldsContainer .customFieldsWrapper .input_wrapper.autocomplete .clearCross { right: 31px; } #customPopup #customerCustomFieldsContainer .customFieldsWrapper .input_wrapper.autocomplete input { padding: 0 45px 0 6px; } #ShipFromVendorPopup .content { padding: 25px 20px; } #changeDeliveryMethodDialog .redNote, #createTOPopup .redNote, #createPOPopup .redNote, #unlinkPoPopup .redNote, #promiseDatePopup .redNote, #CancelSoItemPopup .content .redNote, #ShipFromVendorPopup .content .redNote { left: 15px; bottom: 7px; } #CancelSoItemPopup .content { padding-bottom: 40px; } #CreateSmSoItemPopup { width: 350px; } #CreateSmSoItemPopup .editor .name { width: 10%; } #CreateSmSoItemPopup .editor .value { width: 85% !important; } #CancelSoItemPopup { width: 400px; } #CancelSoItemPopup .editor .name { width: 13%; } #CancelSoItemPopup .editor .value { width: 78% !important; } #ShipFromVendorPopup .editor .name { width: 22%; } #ShipFromVendorPopup .editor .value { width: 42% !important; } #createTOPopup .editor .name, #createPOPopup .editor .name { width: 34%; } #createTOPopup .content .editor .tiny { margin-top: 5px; padding-left: 130px; } #createPOPopup > .content > p, #createTOPopup >.content > p { padding-bottom: 0; } #createPOPopup > .content > .editor:first-of-type, #createTOPopup > .content > .editor:first-of-type { margin-top: 20px; } #createTOPopup > .content, #createPOPopup > .content { padding-bottom: 30px; } #createTOPopup > .tiny, #createPOPopup > .tiny { margin-top: 30px; } #createRmaOrderPopup { width: 500px; } #createRmaOrderPopup .content { padding: 20px 20px 10px 20px; } #createRmaOrderPopup .tiny { margin-top: 10px; } #createRmaOrderPopup .editor .name { width: 26%; } #createRmaOrderPopup .editor .value { width: 70%; } #viewPoToDialog { height: 450px; } #viewPoToDialog .appendedGrid { height: 251px; } #viewPoToDialog .content { min-height: 342px; } #linkSoItemToToPopup, #linkSoItemToPoPopup { height: 500px; } #linkSoItemToToPopup .appendedGrid, #linkSoItemToPoPopup .appendedGrid { height: 301px; } #addNotePopup { width: 670px; } #addNotePopup .editor .name { width: 50px; } #addNotePopup .editor .value { width: 560px; } #addNotePopup .editor .value textarea { height: 250px; } #promiseDatePopup .content { padding-bottom: 50px; } #promiseDatePopup .editor .name { width: 25%; } #promiseDatePopup .editor .value { width: 68%; } #promiseDateHistoryPopup { width: 575px; } #promiseDateHistoryPopup .content .contentInvenItems { height: auto; } #promiseDateHistoryPopup .content .contentInvenItems .tableContainer { height: 400px !important; } #fillLocationPopup .editor { margin-top: 40px; } #fillLocationPopup .editor .name { width: 70% !important; } #fillLocationPopup .editor .value { width: 10% !important; } #candelOrderPopup .editor { margin-top: 0; } #ReplacementItemPopup > .content { height: 140px; } #ReplacementItemPopup > .comboSearch { width: initial; } #ReplacementItemPopup .foundInvenItemsPopup .content { padding: 10px 10px 0; } #editSalesOrderFeePopup .valueCustomWidth .value { max-width: 120px; } #viewCartonsDialog .tableContainer { height: calc(100% - 40px) !important; } #committedQtyPopup { width: 750px; height: 600px; } #committedQtyPopup .content .appendedGrid { height: 440px; } .PromotionList .buttonsContainer .search_form { width: 340px; } .PromotionList .buttonsContainer .search_form .input_wrapper { margin: 0; } .PromotionList .buttonsContainer .search_form input { height: 28px; } .PromotionList .buttonsContainer .search_form .input_label { line-height: 27px; } #promotionEngineEditDialog { width: 694px; height: 660px; } #promotionEngineEditDialog .content { padding: 10px; height: 550px; overflow-y: auto; overflow-x: hidden; position: relative; } #promotionEngineEditDialog .twoEditorsInLine .editor { width: auto; } #promotionEngineEditDialog .twoEditorsInLine .editor:first-of-type { margin-right: 5px; } #promotionEngineEditDialog .twoEditorsInLine .editor:nth-of-type(2) { flex-grow: 1; } #promotionEngineEditDialog .checkbox span:not(.bg) { color: #000; } #promotionEngineEditDialog .advancedOptionsWrapper .editor .name { width: 200px; } #promotionEngineEditDialog .advancedOptionsWrapper .editor .value { max-width: 359px; } #promotionEngineEditDialog .editor.items_from_promo_groups .name { width: 166px; } /*#promotionEngineEditDialog .editor.items_from_promo_groups .value { width: 228px; }*/ #promotionEngineEditDialog .editor.buy_get .name { width: 26px; } /*#promotionEngineEditDialog .editor.buy_get .value { width: 133px; }*/ #promotionEngineEditDialog .buttonsContainer { padding: 10px 0; } #promotionEngineEditDialog .tableCont { overflow: hidden; } #promotionEngineEditDialog .tableCont .tableContainer { height: 142px; } #promotionEngineEditDialog .advancedOptionsWrapper { width: 100%; position: relative; } #promotionEngineEditDialog .iIcon { left: 100%; } #promotionEngineEditFilter .buttonsContainer .wrapper { padding: 11px 0; } #promotionEngineEditFilter .buttonsContainer .search_form input { height: 28px; } .PriceLevelAutocomplete .name { width: 328px !important; } .PriceLevelAutocomplete .value { max-width: 231px !important; } .PriceLevelAutocomplete .value .iIcon { left: calc(100% + 6px) !important; } .promoEnginePriceLevelTooltip { width: 288px; } .promoEnginePriceLevelTooltip:after { display: block; position: absolute; content:''; border-style: solid; border-width: 0 5px 5px 5px; border-color: #f50009 transparent; top:-5px; right: 7px; } .promoEnginePriceLevelTooltip .ui-tooltip-content { white-space: normal; line-height: 18px; padding: 5px 8px; } #editRuleBMGMPopup { width: 485px; } #editRuleBMGMPopup .editor .name { width: auto; } #editRuleBMGMPopup .editor .value { max-width: 100px; } #editRuleBMGMPopup .twoEditorsInLine { margin-bottom: 10px; } /*#region ----------------------------------- RMA ORDERS -------------------------------------------------*/ #RMAEditPopup { height: 712px; } #RMAEditPopup .content { padding-bottom: 5px; } /*#endregion ----------------------------------------------------------------------------------*/ /*#region -----------------------------------RMA RETURN WORKSHEETS -------------------------------------------------*/ #rmawEdit .tableWithSetter { height: 420px; } #rmawEdit #general-form .notes { height: 85px; } #rmawEdit #items-form .tabs { padding: 10px 0; } #rmawEdit #items-form .tabs:first-child { padding-top: 0; } #rmawEdit #items-form .tabs .conditionAutocomplete .input_wrapper { width: 140px !important; } #rmawEdit #items-form .tabs .additionalField { margin: 2px 20px 2px 0; } #rmawEdit #items-form .tabs .additionalField .value { padding: 0; } #rmawEdit #items-form .detailsContainer.upc_right .rmaItemDetails .one_block .row_parameter > span:first-child { width: 80px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaItemDetails .two_block .row_parameter > span:first-child { width: 110px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaItemDetails .one_block .row_parameter > span.value { margin: 0 0 0 -90px; padding: 0 0 0 90px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaItemDetails .two_block .row_parameter > span.value { margin: 0 0 0 -120px; padding: 0 0 0 120px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .one_block .row_parameter > span:first-child , #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .two_block .row_parameter > span:first-child { width: 100px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .one_block .row_parameter > span.value , #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .two_block .row_parameter > span.value { margin: 0 0 0 -110px; padding: 0 0 0 110px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .three_block { width: 33%; } #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .three_block .row_parameter > span:first-child { width: 110px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaRMAinfo .three_block .row_parameter > span.value { margin: 0 0 0 -120px; padding: 0 0 0 120px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .one_block , #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .two_block , #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .three_block , #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .four_block { width: 25%; float: left; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .four_block { float: right; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .one_block .row_parameter > span:first-child { width: 65px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .one_block .row_parameter > span.value { margin: 0 0 0 -75px; padding: 0 0 0 75px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .two_block .row_parameter > span:first-child { width: 100px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .two_block .row_parameter > span.value { margin: 0 0 0 -110px; padding: 0 0 0 110px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .three_block .row_parameter > span:first-child { width: 110px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .three_block .row_parameter > span.value { margin: 0 0 0 -120px; padding: 0 0 0 120px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .four_block .row_parameter > span:first-child { width: 45px; } #rmawEdit #items-form .detailsContainer.upc_right .rmaExeptionInfo .four_block .row_parameter > span.value { margin: 0 0 0 -55px; padding: 0 0 0 55px; } #RMAWItemEditPopup { height: 761px; } #RMAWItemEditPopup .content { padding-bottom: 5px; } #RMAWItemEditPopup .content textarea.notes { height: 81px; } /*#endregion ----------------------------------------------------------------------------------*/ /*#region ----------------------------------- SALES RECEIPTS -------------------------------------------------*/ /*#region ----------------------------------- PAGE -------------------------------------------------*/ .SalesReceiptPage .recent_transfer_order td:nth-child(2) > div:nth-child(2) { font-size: 13px; } /*#endregion ---------------------------------------------*/ #salesReceiptNewImportPopup { width: 515px; } #salesReceiptNewImportPopup .editor .name { width: 27%; } #salesReceiptNewImportPopup .editor .value { width: 66%; } #salesReceiptNewImportPopup .shiftWrap { margin: 0 0 0 35px; } #salesReceiptNewImportPopup .shiftWrap .editor .name , #salesReceiptNewImportPopup .editor .importBySelectbox { width: 35%; } #salesReceiptNewImportPopup .shiftWrap .editor .value { width: 57.5%; } #salesReceiptNewImportPopup .shiftWrap .editor .radio span:not(.bg) { color: #878787; } #salesReceiptEditImportPopup .general .editor .name { width: 175px; } #salesReceiptEditImportPopup .itemTab .content .tableWithSetter { height: 480px; } /*#region ---------- EDIT SALES RECEIPT POPUP -----------------------*/ .editSalesReceiptPopup #general-form .customFieldsWrapper { height: calc(100% - 34px); overflow-y: auto; } .editSalesReceiptPopup #general-form .editor { width: 100%; } .editSalesReceiptPopup #general-form .editor textarea { height: 200px; } .editSalesReceiptPopup #items-form .tableContainer { height: 475px; } /*#endregion ---------------------------------------------*/ /*#region ---------- ASSOCIATES POPUP -----------------------*/ .editAssociatesPopup { width: 456px; } .editAssociatesPopup .content { padding-left: 25px; } .editAssociatesPopup .associatesList { overflow-y: auto; overflow-x: hidden; } .editAssociatesPopup .associatesList > .editor.associatesListItem > .name { max-width: 20%; margin-right: 15px; } .editAssociatesPopup .associatesList > .editor.associatesListItem > .value:nth-child(2) { max-width: 42%; } .editAssociatesPopup .associatesList .editor.associatesListItem > .value:nth-child(3) { max-width: 16%; padding: 0; } .editAssociatesPopup .associatesList .editor.associatesListItem .percentValue { padding: 4px; text-align: right; } .editAssociatesPopup .editor .labelAfterInput, .editAssociatesPopup .editor .linkAfterInput { margin-left: 5px; } .editAssociatesPopup .total .value span, .editAssociatesPopup .total .name span { text-align: right; font-size: 14px !important; font-weight: 600 !important; } .editAssociatesPopup .total .name { width: 63%; } .editAssociatesPopup .total .value { padding: 0; max-width: 16%; } /*#endregion ---------------------------------------------*/ /*#region ---------- createCreditMemo POPUP -----------------------*/ #createCreditMemoPopup .block-left , #createCreditMemoPopup .block-right { min-height: 368px; padding: 0 0 7px; } #createCreditMemoPopup .block-left .editor .value { max-width: 44%; } #createCreditMemoPopup .block-right .editor .value { max-width: 52%; } #createCreditMemoPopup .editor .name { width: 33%; } #createCreditMemoPopup .editor.fortextarea .value { padding: 0; max-width: 100%; } #createCreditMemoPopup .fortextarea textarea { height: 108px; } #createCreditMemoPopup .fortextarea textarea.increased { height: 182px; } #createCreditMemoPopup .content { padding:10px; } #createCreditMemoPopup .content .tiny { position: absolute; bottom: -8px; left: 10px; } /*#endregion ---------------------------------------------*/ /*#endregion ----------------------------------------------------------------------------------*/ /*#region ---------------------------------- SHIP Orders -----------------------------------*/ .SSOPage .recent_transfer_order td .sc1col { width:60%; } #shipOrdersEditor #memo-form .pullLeft , #shipOrdersEditor #memo-form .pullRight { width: 49%; height: 100%; position: relative; z-index: 0; } #shipOrdersEditor #memo-form .pullLeft { z-index: 1; } #shipOrdersEditor #memo-form .customNotes { height: 65px; margin: 0 0 10px; overflow: hidden; overflow-y: auto; position:relative; padding:0 15px 0 0; line-height: 14px; } #shipOrdersEditor #memo-form .customNotes span { font-size: 13px; color: #000; -ms-word-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; } #shipOrdersEditor #memo-form .value span a { text-decoration: underline; } #shipOrdersEditor #memo-form .value span a:hover { text-decoration: none; } #shipOrdersEditor .description span { line-height: 21px; } #shipOrdersEditor .customerBlock { overflow-y: auto; height: calc(50% - 91px); } #shipOrdersEditor .customerBlock .name { width:62px; } #shipOrdersEditor .customerBlock .name span { width:100%; } #shipOrdersEditor .customerBlock .value { width:78%; } #shipOrdersEditor #memo-form .CustomFieldsAreaWrapper { height: calc(100% - 426px); } #shipOrdersEditor #shipMemoCustomFieldsContainer { height: calc(100% - 34px); } #shipOrdersEditor #memo-form .pullRight .editor .name { width: 25%; } #shipOrdersEditor #memo-form .pullRight .editor .value { width: 71%; } #shipOrdersEditor #items-form > .content .editContent { height: 475px; } #selectCartonPopupDialog .appendedGrid.tallGrid { height: 280px; } #selectCartonPopupDialog .appendedGrid { height: 246px; } #selectCartonPopupDialog { height: 400px; } #selectCartonPopupDialog .appendedGrid { height: 246px; } #selectCartonPopupDialog .appendedGrid .tableContainer { height: calc(100% - 40px) !important; } #selectCartonPopupDialog .tiny { margin:10px 0; } #shipCartonDialog .editor .name { text-align: right; width: 35% !important; } #shipCartonDialog .bottomNote { margin: 0; padding: 0; margin-top: 30px; margin-left: -18px; margin-bottom: 20px; } #shipCartonDialog .redNote { bottom: 7px; } #pickUpDialog .editor { margin: 20px 0; } #pickUpDialog p { margin: 10px 0; padding: 0; } #pickUpDialog .editor .name { text-align: right; width: 35% !important; } #pickUpDialog .editor .value { width: 50% !important; } #pickUpDialog .redNote { bottom: 7px; } #rejectPopup { height: 587px; } #rejectPopup , #selectCartonPopup { width:380px; } #rejectPopup .content { padding-bottom: 0; } #rejectPopup .content .editContent, #selectCartonPopup .content .editContent { position:relative; top:0; } #rejectPopup .content .editContent { height:423px; } #rejectPopup .content .tiny { margin-top: 10px; } #rejectPopup .additionalHeight .editContent { height: 457px; } #selectCartonPopup .content .editContent { height:455px; } #rejectPopup .paging .records , #selectCartonPopup .paging .records { margin: 0; padding: 0 0 0 15px; } #selectCartonPopup .content { height:300px; } #selectCartonPopup .content .editContent { height:240px; } #shippingPopup .reviewingLoaderBlock { top: 5px; left: 5px; right: 5px; bottom: 5px; } #authErrorDialog { width: 500px; } #authErrorDialog .content { padding: 30px; } #authErrorDialog .content .editor { margin-left: 30px; width: calc(100% - 30px); } #authErrorDialog .content .editor .value { width: 54%; } /*#endregion*/ /*#region --------------------------------- FORECASTING IMPORT ----------------------------------------*/ #forecastingNewImportPopup { width: 650px; } #forecastingNewImportPopup .editor .name { width: 30%; } #forecastingEditImportPopup #general-form textarea { height: 147px; } #forecastingEditImportPopup #general-form .editor:not(.fortextarea) .name { width: 35%; } #forecastingEditImportPopup #general-form .editor.fortextarea .name { width: 17.2%; } #forecastingEditImportPopup #errors-form .tableContainer { height: 480px; } /*#endregion*/ #editCustomerPopup #shipToAddresses-form .tableContainer , #editCustomerPopup #giftcards-form .tableContainer , #editCustomerPopup #contacts-form .tableContainer , #editCustomerPopup #storeCredit-form .tableContainer { height: 475px; } #editCustomerPopup #general-form .content { bottom: 25px; } #editCustomerPopup #general-form .content .BDay, #editCustomerPopup #general-form .content .BMonth { max-width: 55px; margin: 0 15px 0 0; z-index: 2; } #editCustomerPopup #general-form .content .BMonth { z-index: 3; } #editCustomerPopup #general-form .content .BYear { max-width: 62px; z-index: 1; } #editCustomerPopup #system-form .block-left { width: 65%; } #editCustomerPopup #system-form .block-right { width: 35%; } #editCustomerPopup #system-form .block-left .editor .name { width: 28%; } #editCustomerPopup #system-form .block-right .editor .name { width: 30%; } #editCustomerPopup #notes-form textarea { height: 510px; } .editContactPopup #contact-general-form .editor.verticalEditor > .value textarea { height: 85px; } .editContactPopup #contact-general-form .editor { width: 100%; } #editContactPopup #contact-general-form .content .BDay, #editContactPopup #contact-general-form .content .BMonth { max-width: 55px; margin: 0 15px 0 0; z-index: 3; } #editContactPopup #contact-general-form .content .BMonth { z-index: 2; } #editContactPopup #contact-general-form .content .BYear { max-width: 65px; z-index: 1; } .CustomersPage .recent_transfer_order td:first-child > span { text-align: center; width: 25px; padding-left: 2px; } .CustomersPage .recent_transfer_order td:first-child > span.icon-guest:before { color: gray; } .CustomersPage .recent_transfer_order td.number { vertical-align: inherit; } .CustomersPage .recent_transfer_order td { font-size: 13px; } #editShipToAddressPopup .content { position: absolute; top: 56px; left: 0; right: 0; bottom: 55px; min-height: 498px; } #editShipToAddressPopup .footer { position: absolute; bottom: 0; } #newStoreCreditPopup .editor .name { width: 22%; } #viewStoreCredit .content { height: calc(100% - 108px); } #viewStoreCredit .editor .name { width: 31%; } #giftCardEditDialog #transactions-form .tableWithSetter { height: 475px; } #giftCardEditDialog #general-form .customerBlock { height: 200px; } /* ANALYTICS */ /*#region ------------------------------ REPORTS -----------------------------------*/ .reportsPage .des_btn li button { display: flex; justify-content: center; align-items: center; } .reportsPage .recent_transfer_order td > div { width: 142px; font-size: 12px; } .reportsPage .recent_transfer_order td:nth-child(2n+1) > div { text-align: right; } .reportsList .additionalField { position:absolute; right: 195px; top:10px; } .reportsList .additionalField input { width: 200px; } .reportsList .additionalReportInfo { } .reportsList .progress-panel { width: 200px; background: #ddd; position: absolute; display: block; overflow: hidden; right: 0; bottom: 40px; top: 43px; z-index: 3; } .reportsList .progress-panel-content { overflow: hidden; overflow-y: auto; border-left: 1px solid #d7d7d7; height: 100%; padding: 5px; } .reportsList .content > .buttonsContainer > .buttonParent > .filterBtn .buttonDown.buttonUp:after { width: 0px; } .reportsList .detailsContainer .tab_content .style_content .row_parameter span.value { float: left; white-space: normal; width: calc(100% - 190px); max-width: none; margin: 0; padding: 0; } .reportsList .detailsContainer .tab_content .style_content.customNotes { overflow: hidden; overflow-y:auto; padding-right: 15px; } .reportsList .detailsContainer .tab_content .style_content.customNotes span { font-size: 13px; color: #000; -ms-word-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; } .reportsList #reportsListGrid tr td:first-child { padding: 0; } .reportsList #reportsListGrid tr td:first-child .checkbox { padding: 0; width: 100%; height: 100%; } .reportsList #reportsListGrid tr td:nth-child(1) .checkbox input[type=checkbox] { width: 100%; height: 100%; left: 0; top: 0; margin: 0; } .reportsList #reportsListGrid tr td:nth-child(1) .checkbox .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } #resolveConflictChangeStatusDialog #resolveConflictChangeStatusDialogGrid { height: 306px; padding-bottom: 1px; } .snapshot { width: 100%; margin:0 0 10px; } .snapshot .header { background-color: #7a7a7a; position: relative; } .snapshot .header span { color: #fff; padding: 2px 20px 2px 3px; font-size: 13px; line-height: 18px; display: block; width: 100%; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; cursor: default; } .snapshot .header .close { display: block; width: 14px; height: 14px; background: url(../imgs/customClose.png) no-repeat 0 0; text-indent: 100%; overflow: hidden; position: absolute; top: 4px; right: 4px; } .snapshot .body { background: #fff; padding: 5px; } .snapshot .body p { padding: 5px 5px 0; color: #000; font-size: 13px; line-height: 18px; } .snapshot .body p span { color: #676565; } .snapshot .body .progressBar { width: 100%; height: 13px; margin: 17px 0 0; background: url(../imgs/loader_loaderBox.gif) no-repeat 0 0; background-size: 100% 13px; } #editReportDialog { width: 600px; } #editReportDialog .content { padding:10px; } #editReportDialog .editor .name { width: 18%; text-align: right; } #editReportDialog .editor .value { width: 79% !important; } #editReportDialog .editor .value textarea.notes { height: 150px; } #editReportDialog #reportAreasSelectbox { max-width: 212px !important; } #runReportDialog .content { padding: 10px; } #runReportDialog .required-bottom { color: #f50009; margin-top: 10px; font-size: 12px; position: relative; } #runReportDialog .required-bottom div:last-child { position: absolute; top: 18px; } .errorDialogWithDetail { width: 650px !important; height: 450px !important; } .errorDialogWithDetail .ui-dialog-content { height: 352px !important; max-height: none !important; padding: 5px 15px; } .parametersWrapper { height: 433px; overflow: hidden; overflow-y: auto; padding: 0 1px 0 0; } .parameter .paramContent { background-color: #fff; padding: 10px; } .parameter .paramContent .date-parameter, .parameter .paramContent .multiselect-parameter, .parameter .paramContent .selectbox-parameter, .parameter .paramContent .string-parameter { width: 362px; } .parameter .paramContent .input_wrapper:not(.dateWrapper) { min-width: 350px; } .parameter .paramContent .date-parameter .editor .weightSelectbox, .parameter .paramContent .multiselect-parameter .editor .customMultySelect, .parameter .paramContent .selectbox-parameter .editor .weightSelectbox, .parameter .paramContent .string-parameter .editor .textBox { width: 100%; } .parameter .paramTitle { display: block; background: #d7d7d7; margin: 0 0 8px; padding: 4px 10px; font-size: 13px; line-height: 18px; color: #5f5f5f; } .parameter .paramTitle .redWarning { display: block; float: left; background: #f50009; width: 19px; height: 19px; line-height: 19px; border-radius: 50%; text-align: center; font-weight: 700; font-size: 13px; margin: 0 0 0 10px; text-indent: -1px; color: #fff; cursor: default; } .parameter .paramTitle .paramExpand { background: transparent; display: block; position: relative; /*cursor: pointer;*/ margin: 0; float: left; } .parameter .searchContainer { padding-right: 12px; } .parameter.multiTextParameter .editor { z-index: 1; } .parameter.multiTextParameter .editor .weightSelectbox { flex-direction: column; min-height: 24px; } .parameter.multiTextParameter .editor .weightSelectbox .selectBoxBtn { flex-shrink: 0; } .parameter.multiTextParameter .editor .selectBoxListWrapper { flex-shrink: 0; } .parameter.booleanParameter .paramContent .editor .input_wrapper { flex-grow: 0; min-width: 0; } .parameter .paramTitle .paramExpand.expanded:before { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .parameter .paramTitle .paramExpand > span { display: block; } .parameter .paramTitle .paramExpand > span:first-letter { text-transform: uppercase; } .parameter .paramContent .checkbox { overflow: visible; } #newReportDialog.gridPopup900, #runReportDialog.gridPopup900 { width: 900px; height: auto; } #newReportDialog.gridPopup900 .content .buttonsContainer, #runReportDialog.gridPopup900 .content .buttonsContainer { margin: 0; padding: 0; height: auto; } #newReportDialog.gridPopup900 .content .buttonsContainer .wrapper, #runReportDialog.gridPopup900 .content .buttonsContainer .wrapper { padding: 0 0 10px; } #newReportDialog .content, #runReportDialog .content { height: 495px; } #newReportDialog .content .appendedGrid { height: 418px; } #newReportDialog .content .appendedGrid .editContent { height: 412px; } #newReportDialog #newReportDialogGrid span.success { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 0; text-decoration: none; border: none; width: 26px; height:26px; } #newReportDialog #newReportDialogGrid span.error { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 -25px; text-decoration: none; border: none; width: 26px; height:26px; } #newReportDialog #newReportDialogGrid span.info { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 -50px; text-decoration: none; border: none; width: 26px; height:26px; } #newReportDialog .messageArea .redMessageAreaText { color: black; } #newReportErrorsPopup { width: 450px; } #newReportErrorsPopup span.success { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 -78px; text-decoration: none; border: none; width: 50px; height:50px; } #newReportErrorsPopup span.error { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 -126px; text-decoration: none; border: none; width: 50px; height:50px; } #newReportErrorsPopup span.info { display:inline-block; background: url(../imgs/reports_upload_icons.png) no-repeat 0 -175px; text-decoration: none; border: none; width: 50px; height:50px; } #newReportErrorsPopup .message-class-icon-block { float: left; margin-right: 10px; } #newReportErrorsPopup p { padding: 16px 0 10px; color: #5f5f5f; font-size: 14px; } #downloadReportDialog { width: 600px; } #downloadReportDialog .editor .name { text-align: right; width: 32%; } #downloadReportDialog .content { padding: 20px 10px; } #downloadReportDialog .zip-options { margin-left: 20px; } #downloadReportDialog .radio input[type="radio"] + span + span:not(.bg) { font-size: 13px; line-height: 16px; } #downloadReportDialog .editor .customName { width: 16%; } #downloadReportDialog p { padding: 0; } #changeStatusReportDialog p { padding: 10px 10px 20px; } #changeStatusReportDialog .content { padding: 10px; } #changeStatusReportDialog .editor .name , #newReportChangeStatusDialog .editor .name , #newReportChangeAreaDialog .editor .name { text-align: right; width: 32%; } #viewSqlReportDialog > .content > .tabs { width: 240px; } #viewSqlReportDialog > .content > .tabs > span { display: block; padding: 2px 0 15px 10px; color: #000; width: 100%; text-align: left; text-decoration: none; background: transparent; cursor: default; position: relative; font-size: 15px; } #viewSqlReportDialog > .content > .form { left: 240px; } #viewSqlReportDialog > .content .tabs .additionalField { background:#fff; margin:0; padding: 0 0 0 10px; position:static; } #viewSqlReportDialog > .content .tabs .additionalField span { font-size: 13px; color: #000; } #viewSqlReportDialog > .content > .form .sqlCode { overflow:auto; height: 466px; background:#23241f; padding: 10px; } #viewSqlReportDialog > .content > .form .sqlCode code { white-space: pre-wrap; font-size: 12px; } #runReportDialog .inp_error { position: relative; } #runReportDialog .inp_error input[type=text], #runReportDialog .inp_error .customMultySelect button, #runReportDialog .inp_error .weightSelectbox button { border-width: 1px !important; width: 100% !important; border-color: #f50009 !important; } #runReportDialog .inp_error > span { display: block; height: 19px; padding: 0 10px 0 0; font-size: 13px; line-height: 16px; border: 1px solid #dc000c; position: relative; color:#000; } #runReportDialog tr td.ui-state-highlight .span_wrapper > .err_holder { display:none; } #runReportDialog tr td.ui-state-highlight .span_wrapper.grid_error > .err_holder { display:block; } /*#endregion --------------------------------*/ /*#region --------------- BIList ----------------*/ .BIList .detailsContainer .flexHeightTextarea { height: calc(100% - 20px); } .BIList .detailsContainer .flexHeightTextarea .fortextarea { height: 100%; } .BIList textarea.notes:disabled { resize: none; width: 250px; height: 100%; } .BIList .detailsContainer .scrollWrapper { height: 100%; overflow: auto; } .BIList .detailsContainer .scrollWrapper .row_parameter .value { -ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; overflow: visible;; } /*#endregion*/ /*#region --------------- BI or DATAMINES POPUP ----------------*/ .BIPage .recent_transfer_order td > div { font-size: 12px; } #BIAddEdit .content .layout .columnsWrapper { height: calc(100% - 45px); } #BIAddEdit .ui-state-highlight { height: 28px; border: 1px solid #a2cbe8; background: transparent; margin-bottom: 2px; } #BIAddEdit .general .block-left { width: 50%; } #BIAddEdit .content .layout .column { float: left; width: 180px; border: 1px solid #eaeaea; } #BIAddEdit #filters-form .content #filter .itemsWrapper { padding: 10px 10px 0; border: 1px solid #eaeaea; } #BIAddEdit .content .column .header { color: #5f5f5f; font-size: 15px; border-bottom: 1px solid #eaeaea; padding: 2px 0; } #BIAddEdit .column .itemsWrapper { padding: 10px 10px 0; max-height: 460px; overflow-y: hidden; } #BIAddEdit .content .itemsList { overflow-y: auto; max-height: 424px; padding: 0 1px 0; } #BIAddEdit #filters-form .content .itemsList { max-height: 470px; } #BIAddEdit .content .itemsList { min-height: 26px; } #BIAddEdit .content .itemsList li:last-child { margin-bottom: 0; } #BIAddEdit .content .itemsList:empty { padding-top: 0; margin-top: -10px; } #BIAddEdit .content .itemsList:empty ~ .drag-drop { margin-top: -26px; } #BIAddEdit .content .itemsWrapper .drag-drop { display: block; color: #9e9e9e; font-size: 13px; text-align: center; line-height: 26px; cursor: default; } #BIAddEdit #layout-form .content .layout , #BIAddEdit #filters-form .content .filters { width: 560px; height: 100%; float: left; } #BIAddEdit #filters-form .content .filters { width: 270px; } #BIAddEdit #layout-form .content .layout .columnsWrapper .column:nth-child(n+2) { margin-left: 10px; } #BIAddEdit #layout-form .content .layout .columnsWrapper .dimentionsIcon , #BIAddEdit #layout-form .content .layout .columnsWrapper .valuesIcon { position: relative; font-size: 14px; padding: 0 0 0 30px; } #BIAddEdit #layout-form .content .layout .columnsWrapper .dimentionsIcon:before , #BIAddEdit #layout-form .content .layout .columnsWrapper .valuesIcon:before { font-family: icomoon; font-size: 32px; color: #4698d2; position: absolute; display: block; } #BIAddEdit #layout-form .content .layout .columnsWrapper .dimentionsIcon:before { content: "\e92b"; left: 3px; top: -5px; } #BIAddEdit #layout-form .content .layout .columnsWrapper .valuesIcon:before { content: "\e937"; left: 1px; top: -6px; } #BIAddEdit #layout-form .tree { float: right; width: 226px; margin: 0 0 10px; } #BIAddEdit #filters-form .tree { float: left; width: 270px; } #BIAddEdit #filters-form .tree .treeContainer , #BIAddEdit #layout-form .tree .treeContainer { overflow: auto; padding: 0 1px 0 0; } #BIAddEdit #filters-form .fullHeightTreeView { height: 100%; } #BIAddEdit #layout-form .content .redmessage { text-align: center; } #BIAddEdit .ui-draggable-dragging > p { cursor: copy !important; } #BIAddEdit .dimensionsSortable > p { cursor: context-menu; } #BIAddEdit .halfHeightTreeView .searchLabel , #BIAddEdit .fullHeightTreeView .searchLabel { line-height: 26px; } #BIAddEdit .halfHeightTreeView .searchInput , #BIAddEdit .fullHeightTreeView .searchInput { height: 26px; } #BIAddEdit .halfHeightTreeView .treeContainer { height: 200.5px; } #BIAddEdit .fullHeightTreeView .treeContainer { height: calc(100% - 65px); } #BIAddEdit .dimension , #BIAddEdit .measure , #BIAddEdit .dataMineFilter { color: #5f5f5f; font-size: 14px; background: #efefef; padding: 5px 28px 5px 10px; margin-bottom: 2px; line-height: 16px; position: relative; font-weight: 100; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #BIAddEdit #filters-form .draggable , #BIAddEdit #layout-form .draggable { color: #5f5f5f; width : 154px !important; font-size: 14px; background: #efefef; font-weight: 100; padding: 5px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 26px; } #BIAddEdit #filters-form .draggable { width: 246px !important; } #BIAddEdit #filters-form #filterDimensions { height: calc(100% - 30px); } #BIAddEdit .treeView li > input + button + ul::before { border: 0 none; } #BIAddEdit .treeView li > input + button + ul::after , #BIAddEdit .treeView li > input + button + ul::before { left: 5px; top: 9px; border-width: 5px 0 5px 5px; } #BIAddEdit .treeView li > input + button > span { display: inline-block; position: relative; padding: 0 0 0 23px; cursor: default; } #BIAddEdit .treeView .treeElementText { color: #000; font-size: 13px; line-height: 22px; display: inline-block; padding: 0 0 0 2px; position: relative; cursor: default; } #BIAddEdit .treeView li > input + button > span:after , #BIAddEdit .treeView .treeElementText:after { display: block; font-family: icomoon; font-size: 32px; position: absolute; top: 0; color: #4698d2; } #BIAddEdit .treeView li > input + button + ul > li { margin-left: 20px !important; height: 26px; } #BIAddEdit .dimensionsWrapper .treeView li > input + button > span:after { content: "\e92c"; left: -7px; } #BIAddEdit .dimensionsWrapper .treeView .treeElementText:after { content: "\e92b"; left: -55px; cursor: move; } #BIAddEdit .valuesWrapper .treeView li > input + button > span:after { content: "\e92a"; left: -7px; } #BIAddEdit .valuesWrapper .treeView .treeElementText:after { content: "\e937"; left: -57px; cursor: move; } #BIAddEdit .itemsWrapper .empty { position: absolute; right: 1px; } #BIAddEdit .filters { height: 526px; display: inline-block; width: 30%; float: left; margin-right: 10px; } #BIAddEdit #filters-form .column:first-child { width: 30%; margin-right: 10px; } #biRunDialog .content { height: 495px; padding: 10px; } #biRunDialog .parameters { height: 433px; overflow: auto; overflow-x: hidden; padding-right: 1px; } #biRunDialog .required-bottom { color: #f50009; margin-top: 10px; font-size: 12px; position: relative; } #biRunDialog .required-bottom div:last-child { position: absolute; top: 18px; } #biRunDialog .dimensionsWrapper { height: calc(100% - 30px); } #biRunDialog .parameter .paramContent .editor { margin: 0 0 6px; } #biRunDialog .parameter .multiselect-parameter .editor .value { width: 100%; } #viHistoryDialog .appendedGrid { height: 446px; } #viHistoryDialog .appendedGrid .tableContainer { height: calc(100% - 40px) !important; } /*#endregion*/ /* SERVICES */ /*#region ---------------------------------- DEVICE CONTROLLER ---------------------------------------------*/ .popup.deviceController { height: 652px; } .popup.deviceController .block-left { position: relative; width: 50%; float: left; z-index: 2; } .popup.deviceController .block-right { position: relative; width: 50%; float: right; z-index: 1; /*max-height: 232px;*/ } .popup.deviceController .block-right.withGrid { overflow: hidden; height: auto; } .popup.deviceController .block-right.selectUpper { z-index: auto; } .popup.deviceController .block-right h4 { color: #5f5f5f; font-size: 16px; margin: 4px 0 15px 5px; } .popup.deviceController .block-right .tableContainer { height: 167px; position: absolute; top: 60px; left: 5px; bottom: inherit; right: 12px; border: 1px solid #eaeaea; } .popup.deviceController > .content > .form > .general > .content { background: #fff; z-index: 0; } .popup.deviceController .general .block-left .name, .popup.deviceController .general .editor.fortextarea .name { width: 140px; } .popup.deviceController .general .block-right .name { width: 155px; } .popup.deviceController .fortextarea .value textarea.notes { height: 50px; } .popup.deviceController > .content .form > .directPrinters > .content .editContent , .popup.deviceController > .content .form > .pinPads > .content .editContent { height: 492px; } .popup.deviceController > .content .form > .restrictedPayments > .content .editContent { height: 454px; } .popup.deviceController .editor .name { width: 25%; } .popup.deviceController .editor.customNotes .value { max-height: 120px; min-height: 24px; overflow: auto; } .popup.deviceController .general hr { margin: 7px 0 13px; } .popup.deviceController .block-right .changeSVSToken .name { width: 68%; line-height: 24px; color: #878787; padding-right: 10px; } .popup.deviceController .block-right .changeSVSToken .name:after { content: ''; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #5f5f5f; position: absolute; right: 0; top: 7px; } .popup.deviceController .generate { color: #4698d2; font-size: 15px; line-height: 24px; cursor: pointer; } .popup.deviceController .generate:disabled { color: #ddd; cursor: default; } .popup.deviceController #info-form .editor .name { width: 48%; } .popup.deviceController #info-form .blueButton { padding: 4px 20px; margin: 0 0 10px 20%; } #copyLayoutPopup { width: 960px; } #copyLayoutPopup .content { padding: 10px; } #copyLayoutPopup .content .tableContainer { height: 303px; } /*#endregion*/ /*#region ----------------------------- TIME CARDS -------------------------------------------*/ #TCView .editor { width: 100%; } #TCView #general-form .editor .name { width: 27%; } #TCView #clockInOut-form .appendedGrid { position: static; } #TCView #clockInOut-form .appendedGrid .tableContainer { height: 473px; } #TCView #clockInOut-form .showDetailsButton { bottom: 15px; top: auto; } #TCView #clockInOut-form .countContainer { position: absolute; bottom: 0; left: 0; z-index: 91; } #TCView #clockInOut-form .detailsContainer { position: absolute; bottom: 40px; } #TCView #clockInOut-form .detailsContainer .one_block , #TCView #clockInOut-form .detailsContainer .two_block { width: 32%; } #TCView #clockInOut-form .detailsContainer .one_block span { width: 77px; } #TCView #clockInOut-form .detailsContainer .one_block span.value { margin: 0 0 0 -87px; padding: 0 0 0 87px; width: 100%; } #TCView #clockInOut-form .detailsContainer .two_block span { width: 107px; } #TCView #clockInOut-form .detailsContainer .two_block span.value { margin: 0 0 0 -117px; padding: 0 0 0 117px; width: 100%; } #TCView #clockInOut-form .detailsContainer .scrollingItems { width: calc(36% - 165px); height: 100% !important; float: right; } #TCView #clockInOut-form .detailsContainer .scrollingItems span { white-space: pre-wrap; display: block; overflow: auto; height: 100%; width: 100%; } #TCView #clockInOut-form .detailsContainer .photo_block { width: 150px; } #TCView #clockInOut-form .detailsContainer .photo_block img { width: 100%; } #editEventDialog { width: 700px; } .clockInOutPopup .block-right , .clockInOutPopup .block-left { width: 49%; } .clockInOutPopup .block-left .editor .name { width: 34%; } .clockInOutPopup .block-left .imgOuter { width: 150px; height: 150px; position: relative; border: 1px solid #eaeaea; } .clockInOutPopup .block-left .imgOuter img { max-width: 148px; max-height: 148px; } .clockInOutPopup .block-right .editor.fortextarea .value { width: 100%; } #editEventDialog .block-right textarea { height: 440px; } /*#endregion*/ /*#region --------------------------------- DEVICE MANAGEMENT IMPORT ----------------------------------------*/ #deviceManagementNewImportPopup , #deviceManagementNewImportDeviceUpdatesPopup { width: 650px; } #deviceManagementNewImportPopup .editor .name , #deviceManagementNewImportDeviceUpdatesPopup .editor .name { width: 30%; } #deviceManagementEditImportPopup #general-form textarea , #deviceManagementEditImportDeviceUpdatesPopup #general-form textarea { height: 147px; } #deviceManagementEditImportPopup #general-form .editor:not(.fortextarea) .name , #deviceManagementEditImportDeviceUpdatesPopup #general-form .editor:not(.fortextarea) .name { width: 35%; } #deviceManagementEditImportPopup #general-form .editor.fortextarea .name , #deviceManagementEditImportDeviceUpdatesPopup #general-form .editor.fortextarea .name { width: 17.2%; } #deviceManagementEditImportPopup #errors-form .tableContainer , #deviceManagementEditImportDeviceUpdatesPopup #errors-form .tableContainer { height: 480px; } /*#endregion*/ /*#region --------------------------------- LOCATION MANAGEMENT IMPORT ----------------------------------------*/ #locationManagementNewImportPopup { width: 650px; } #locationManagementNewImportPopup .editor .name { width: 30%; } #locationManagementEditImportPopup #general-form textarea { height: 147px; } #locationManagementEditImportPopup #general-form .editor:not(.fortextarea) .name { width: 35%; } #locationManagementEditImportPopup #general-form .editor.fortextarea .name { width: 17.2%; } #locationManagementEditImportPopup #errors-form .tableContainer { height: 480px; } /*#endregion*/ /*#region --------------------------------- DEVICE REINITIALIZE IMPORT ----------------------------------------*/ #deviceReinitializeNewImportPopup { width: 650px; } #deviceReinitializeNewImportPopup .editor .name { width: 30%; } #deviceReinitializeEditImportPopup #general-form textarea { height: 147px; } #deviceReinitializeEditImportPopup #general-form .editor:not(.fortextarea) .name { width: 35%; } #deviceReinitializeEditImportPopup #general-form .editor.fortextarea .name { width: 17.2%; } #deviceReinitializeEditImportPopup #errors-form .tableContainer { height: 480px; } /*#endregion*/ #customImportEditPopup #general-form .fortextarea .name { width: 21%; } #customImportEditPopup #general-form .fortextarea .notes { height: 163px; } #customImportEditPopup #errors-form .tableContainer { height: 511px; } #selectCustomImportPopup { width: 500px; } #selectCustomImportPopup .content { padding: 20px; } #selectCustomImportPopup .editor .name { width: 25%; } /* SETTINGS */ /*#region -------------------------------- USERS EDIT ------------------------------------------------------*/ #userEdit { height: 700px; } #userEdit #locations-form > .content .editContent , #userEdit #roles-form > .content .editContent , #userEdit #rights-form > .content .editContent { height: 501px; } #userEdit #pos-form > .content .name { width: 48% } #userEdit #pos-form > .content .value { width: 47% } #userEdit #employee-custom-form > .conten { overflow-y: auto; } #userEdit #employee-custom-form > .content { overflow-y: auto; } #userEdit #employee-custom-form > .content .customFieldsWrapper { height: 568px; } /*#endregion*/ /*#region -------------------------------- ROLES EDIT ------------------------------------------------------*/ #rolesMatrixEdit { height: 700px; } #roleEdit #rights-form > .content .editContent , #roleEdit #users-form > .content .editContent , #roleEdit #hqReports-form > .content .editContent , #roleEdit #opsReports-form > .content .editContent { height: 501px; } #roleEdit #pos-form > .content .block-left44 { width: 70%; } #roleEdit #pos-form > .content .name { width: 53% } #roleEdit #pos-form > .content .value { width: 42% } #rolesMatrixEdit > .content > .form { left: 10px; } #rolesMatrixEdit #matrix-form > .content .editContent { height: 475px; } .rightsMatrix .staticDoubleHeader .settedCell { border-bottom: 1px solid #f2f2f2; } #RolesMatrixValue .editor .name { width: 12%; } #RolesMatrixValue .editor .value { width: 81%; } .SSOPage .recent_transfer_order td .sc1col { width:60%; } /*#endregion*/ .settigsContent .list > .content > .appendedGrid > .tableContainer::after , .settigsContent .list > .content > .appendedGrid > .tableContainer::before { display: block; } /*#region ------------------------------- S E T T I N G S ---------------------------------------*/ .settigsTreeView { padding: 0; width: 284px; max-width: 284px; border-right: 1px solid #eaeaea; height: 100%; display: inline-block; position: relative; z-index: 1; background: #f2f2f2; } .settigsTreeView .settingsWrapper { min-height: 500px; padding: 10px 0; } .settigsTreeView .settingsTreeViewLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } /*HIDE PANEL styles*/ .settigsTreeView .buttonWrapper { position: absolute; top: 0; right: 0; height: 20px; width: 100%; z-index: 2; } .settigsTreeView .toggle-button { width: 14px; height: 14px; position: absolute; top: 3px; right: 3px; background: transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .settigsTreeView .toggle-button:before { content: ''; position: absolute; top: 0; right: 4px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:7px solid #4698d2; } .settigsTreeView .toggle-button:after { content: ''; position: absolute; width: 0; height: 0; top: 4px; right: 4px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid #f2f2f2; } .settigsTreeView .toggle-button.flip { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; right: 11px; } .settigsTreeView .search_form { width: auto; margin: 10px 7px; float: none; } .settigsTreeView .search_form .input_wrapper , .settigsContent .search_form .input_wrapper { margin:0; } .settigsTreeView .search_form .input_label , .list.settingsList .search_form .input_label { line-height: 30px; font-size: 12px; } .settigsTreeView .search_form input[type=text] , .list.settingsList .search_form input[type=text] { border: 1px solid #e6e6e6; height: 30px; font-size: 12px; line-height: 20px; padding: 0 60px 0 10px; } .settigsTreeView .treeContainer { overflow: auto; margin: 0 7px; padding: 0 1px 0 0; } .settigsTreeView .treeView li { background: #f2f2f2; border: 0 none; } .settigsTreeView .treeView li button:hover { background: #E6E6E6; } .settigsTreeView .treeView li:last-child , .settigsTreeView .treeView ul li:last-child { border-bottom: 0 none; } .settigsTreeView .treeView > li { background: #ddd; border-bottom: 1px solid #f2f2f2; } .settigsTreeView .treeView li > input { width: 15px; height: 15px; } .settigsTreeView .treeView ul .selectedNode { background:#4698d2; color: #fff; } .settigsTreeView .treeView li > input + button + ul { height: auto; } .treeView li button:hover , .treeView li button:focus , .treeView li button:focus:hover { background: transparent; } .settigsTreeView .treeView li button { padding: 0; margin: 0; width: 100%; display: block; } .settigsTreeView .treeView li ul button span { padding-left: 35px; line-height: 31px; } .settigsTreeView .treeView li ul ul button span { padding-left: 60px; } .settigsTreeView .treeView li ul input { left: 18px; } .settigsTreeView .treeView li ul ul input { left: 36px; } .settigsTreeView .treeView li ul ul:after { left: 23px; } .settigsTreeView .treeView li ul ul ul:after { left: 46px; } .settigsTreeView .treeView li button span { color: #5f5f5f; font-size: 14px; line-height: 34px; display: block; text-align: left; padding: 0 0 0 18px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .settigsTreeView .treeView li li button span { color: #5f5f5f; } .settigsTreeView .treeView li ul { background: #fff; } .settigsTreeView .treeView li > input { top: 8px; } .settigsTreeView .treeView li > input:checked + button + ul { padding: 1.563em 0 0 58px; } .settigsTreeView .treeView li > input + button + ul:after , .settigsTreeView .treeView li > input:checked + button + ul:after { border-color: transparent transparent transparent #5f5f5f; border-width: 4px 0 4px 4px; } .settigsTreeView .treeView > li > input:hover + button + ul:after { border-color: transparent transparent transparent #4698d2; } .settigsTreeView .treeView li > input + button + ul:before { display: none; } .settigsTreeView .treeView li > input + button + ul:after { top: 14px; } .settigsTreeView .treeView li > input + button + ul > li { padding-left: 0; } /*----------------------- settigsContent ----------------------------*/ .settigsContent { padding-left: 285px; margin-left: -285px; width: 100%; height: 100%; display: inline-block; position: relative; /*z-index: 0;*/ } /*HIDE PANEL styles*/ .settigsContent.wide { padding-left: 40px; margin-left: -40px; } /**/ .settigsContent .list .content { margin: 0 10px; } .settigsContent .list .content.withOutGrid { overflow: hidden; height: 100%; position: relative; } .settigsContent .list .buttonsContainer { height: auto; } .settigsContent .list > .content.withOutGrid > div:not(.buttonsContainer):not(.appendedPaging):not(.popup):not(.tabBtnContainer):not(.tabContentWrapper):not(.search_form) { overflow: auto; padding: 0 1px 10px 0; position: relative; height: calc(100% - 62px); } .settingsList .settingsList { padding: 5px 0 5px 10px; } .list.settingsList .search_form { width: 268px; margin: 10px 0 10px 0; } .settingsMenuCategoryList li.unvisibleCategoryItem { display: none; } .settingsMenuCategoryList { width: 268px; overflow-y: auto; overflow-x: hidden; padding-right: 2px; height: calc(100% - 121px); } .settingsMenuCategoryList li.category { margin-left: 10px; } .settingsMenuCategoryList li.category a { display: block; font-size: 15px; line-height: 35px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; } .settingsMenuCategoryList li.category a:hover { text-decoration: underline; } .settigsContent .list h1 { font-size: 17px; line-height: 46px; height: 46px; } .settigsContent .noTreeMessage { font-size: 15px; line-height: 32px; color: #5f5f5f; padding: 7px 10px; } .settigsContent .buttonParent > .search_form { margin-top: 9px; } .settigsContent .list .allWidthLabelWithBorder { padding: 5px 10px; margin: 10px 0; } .settigsContent .list .editor .name { width: 296px; } .settigsContent .list .editor .name .span { color: #8b8b8b; width: 296px; } .settigsContent .list .editor .value { max-width: 360px; color: #5f5f5f; z-index: 1; } /*.settigsContent .list .editor .value > *:not(span):not(a) { flex-grow: 1; font-size: 13px; line-height: 20px; }*/ .settigsContent .list .editor .value > span:not(.checkbox):not(:empty) { color: #464646; width: 100%; } .settigsContent .list .editor .value textarea { height: 100px; } .settigsContent .list .editor input[type=text] , .settigsContent .list .editor input[type=password] { width: 100%; height: 24px; padding: 0 6px; font-size: 13px; line-height: 20px; color: #464646; margin: 0; border: 1px solid #d7d7d7; z-index: 2; background: transparent; position: relative; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .settigsContent .list .editor input[type=text]:focus { border-color: #4698d2; } .settigsContent .list .editor input[type=text]:disabled { border-color: #dcdcdc; color: #999; background-color: #f3f3f3; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .settigsContent .list .autocompleteArrow { width: 22px; height: 22px; /*top: 0;*/ } .settigsContent .list .autocompleteArrow:after { /*top: 9px;*/ right: 8px; } .settigsContent .list .footer { padding: 10px; white-space: nowrap; height: 52px; position: relative; } .settigsContent .list .footer:after { display: block; content: ''; position: absolute; top: 0; left: 10px; right: 10px; border: 0 none; height: 1px; background: #eaeaea; } .settigsContent ~ .transferLineEditPopup .editor .name { width: 48%; } #mobilePrintingDesignEdit .block-left { width: 60%; } #mobilePrintingDesignEdit .editor .name { width: 21%; } #mobilePrintingDesignEdit #printingAreas-form .tableContainer { height: 505px; } #editPrintingAreasTabPopup .editor .name { width: 28%; } #FrequentBuyerEdit .content > .tabs { width: 150px; } #FrequentBuyerEdit > .content .form { margin: 0 0 0 30px; } #FrequentBuyerEdit #creditItems-form > .content > .appendedGrid > .tableContainer , #FrequentBuyerEdit #awardItems-form > .content > .appendedGrid > .tableContainer { height: 436px; } #FrequentBuyerEdit #programSettings-form .appendedGrid { height: auto; } #FrequentBuyerEdit #programSettings-form .appendedGrid .tableContainer { height: 104px; position: relative; } #FrequentBuyerEdit #programSettings-form .appendedGrid .pagingContainer.countContainer { bottom: -25px; } #FrequentBuyerEdit #programSettings-form .redNote { position: relative; } #FrequentBuyerEdit #programSettings-form .editor .name { width: 37%; } .settigsContent .securitySettings .editor .name { width: 200px; } #editSettingEntityPopup.customFieldsEditPopup .editor .name { width: 18%; } /*#region COMPANY SETTINGS */ .settigsContent .companyInformation .editor .name { width: 130px; } .settigsContent .generalSvsSettings .content.withOutGrid .editor .name { width: 294px; } .settigsContent .generalSvsSettings .content.withOutGrid .editor .value { max-width: 477px; } .settigsContent .list.lrpSettings .editor .name { width: 323px; } .settigsContent .list.lrpSettings .builtInEditor { max-width: 192px; } .settigsContent .list.lrpSettings .footer:after { display: none; } .settigsContent .list.lrpSettings .tabs-widget .tabBtnContainer { margin-top: 10px; } .settigsContent .list.lrpSettings .tabs-widget .tabContentWrapper { border: 1px solid #eaeaea; padding: 10px; height: calc(100% - 46px); overflow-y: auto; width: 100%; } .settigsContent .list.lrpPromotions .withOutGrid.tabs-widget > .tabContentWrapper { padding-bottom: 0; } .settigsContent .list.lrpPromotions .withOutGrid .tableContainer { overflow: hidden; } .settigsContent .houseAccountSettings .editor .name , .settigsContent .tokenSettings .editor .name { width: 165px; } .settigsContent .giftCardSettings .editor .name { width: 250px; } .settigsContent .storeCreditSettings .editor .name { width: 160px; } .settigsContent .memberIdSettings .editor .name { width: 150px; } #editLrpPromotions .content { min-height: 367px; } .companyInformation .attach.forLogo .imgOuter img { max-width: 118px; max-height: 138px; } /*#editLrpPromotions .editor .value > * { max-width: 260px; } #editLrpPromotions .filters .input_wrapper { overflow: hidden !important; } #editLrpPromotions .filters .value input { min-width: 260px; }*/ #editLrpPromotionFilter { height: auto; } #editLrpPromotionFilter .content { padding: 10px 10px 0; } #editLrpPromotionFilter .content .contentInvenItems , #editLrpPromotionFilter .content .contentInvenItems .tableContainer { height: 270px; } #editExchabgeRate , #editCurrency , #editCouponSettingsGeneral { width: 410px; } #editCouponSettingsCouponPrograms #sellCouponItems-form > .content > .appendedGrid > .tableContainer { height: 436px; } #editCouponSettingsCouponPrograms #programSettings-form .editor { width: 50%; } #editExchabgeRate .editor .name { width: 43%; } #exchangeRateList .content .contentInvenItems .filter .footer button { max-width: 100%; } .registrationTokenDialog .editor .name { width: 122px !important; } #editMacAddress .editor .name { width: 28%; } #editTaxCategory .editor .name { width: 51%; } #editTaxZonePopup { max-height: 631px; } #editTaxZonePopup .withScroll { overflow: hidden; overflow-y: auto; padding: 0 2px 0 0; max-height: 481px; } #editTaxZonePopup .editor .name { width: 25%; } #editSettingEntityPopup.salesTaxJurisdictions { width: 550px; } #setUpIcmsTaxDetails { height: 610px; } #setUpIcmsTaxDetails .itemTab .content .editContent { height: 450px; } #setUpIcmsTaxDetails > .content > .form { margin: 0; left: 10px; } #editPostalCode .editor .name , #editSettingEntityPopup.timeZones .editor .name { width: 31%; } #editStatePopup .editor .name { width: 21%; } #editSettingEntityPopup.countriesRegions .editor .name { width: 23%; } #editSettingEntityPopup.salesTaxJurisdictions .editor .name { width: 37%; } #editSettingEntityPopup.shippingMethodsPopup { width: 510px; } #editSettingEntityPopup.shippingMethodsPopup .editor .name { width: 45%; } #editCouponSettingsCouponPrograms .customFieldsWrapper { max-height: 143px; } #editCouponSettingsCouponPrograms .linkAfterInput { left: calc(100% + 17px); } #editCouponSettingsCouponPrograms .iIcon { left: calc(100% + 47px); } #editShopperDisplaySettings #images-form .appendedGrid .tableWithSetter { height: 511px; } #editSettingEntityPopup.shopperDisplayGroupPopup .editor .name { width: 25%; } #editSettingEntityPopup.shopperDisplayGroupPopup .editor .value { width: 65%; } #editSettingEntityPopup.shopperDisplayGroupPopup .editor:nth-child(2) { margin-bottom: 20px; } #addImageDialog .editor .name { text-align: right; width: 25%; } #addImageDialog .editor .value { width: 72% !important; } #editShopperDisplaySettings #images-form .rightContent { height: calc(100% - 10px); } #editShopperDisplaySettings #images-form .imagesWrapper { height: calc(100% - 36px); padding: 10px; border: 1px solid #f2f2f2; } #editShopperDisplaySettings #images-form .header .tabs { border: 0 none; } #editShopperDisplaySettings #images-form #imagesContent { height: 100%; overflow-y: auto; padding: 2px 0; } #editShopperDisplaySettings #images-form .totals { height: 40px; color: gray; width: 100%; font-size: 13px; display: flex; align-items: center; justify-content: flex-end; line-height: 100%; } #editShopperDisplaySettings #images-form .totals .title { margin-right: 5px; display: block; } #editShopperDisplaySettings #images-form #imagesContent .imageWrapper { width: 200px; height: 200px; margin: 0 auto 2px; display: block; outline: 1px solid #d6d6d6; } #editShopperDisplaySettings #images-form #imagesContent .imageWrapper:not(:last-child) { margin-bottom: 10px; } #editShopperDisplaySettings #images-form #imagesContent .imageWrapper:hover, #editShopperDisplaySettings #images-form #imagesContent .imageWrapper.selected { outline: 2px solid #4698d2; } #editShopperDisplaySettings #images-form #imagesContent .image { height: 100%; width: 100%; display: block; object-fit: contain; position: relative; overflow: hidden; } #editShopperDisplaySettings #images-form #imagesContent .image:after { content: attr(alt); font-size: 16px; color: #5f5f5f; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; line-height: 200px; background-color: white; text-transform: lowercase; text-align: center; } #imageLargeViewDialog { width: 600px; height: 600px; padding: 10px 35px; background: white; } #imageLargeViewDialog .close { position: absolute; right: 10px; top: 10px; color: #8d8d8d; font-size: 20px; line-height: 16px; cursor: pointer; } #imageLargeViewDialog .close:hover { color: #4698d2; } #imageLargeViewDialog .imageLarge { height: 100%; width: 100%; object-fit: contain; border: 1px solid #d6d6d6; } /*#region ---------------- appTheme ----------------------*/ .settigsContent .appTheme .leftForm { position: relative; height: 100%; float: left; width: 460px; padding: 0 10px 0 0; overflow: hidden; z-index: 2; border-right: 1px solid #eaeaea; } .settigsContent .appTheme .rightForm { position: relative; height: 100%; float: right; width: 100%; padding: 0 0 0 470px; margin: 0 0 0 -470px; overflow: hidden; z-index: 1; } .settigsContent .appTheme .ui-state-highlight { height: 24px; margin: 0 0 5px; border: 1px solid #a2cbe8; background: transparent; } .settigsContent .appTheme .rightForm .headerTitle { font-weight: 600; line-height: 64px; margin: 0; } .settigsContent .appTheme .rightForm .headerTitle a { font-weight: 400; text-decoration: none; } .settigsContent .appTheme .rightForm .headerTitle a:hover { text-decoration: underline; } .settigsContent .appTheme .rightForm .allWidthLabelWithBorder { margin: 0 0 10px; } .settigsContent .appTheme .leftForm .cathegoryWrapper { position: relative; height: calc(100% - 53px); overflow: hidden; } .settigsContent .appTheme .leftForm .appThemeTreeContainer { position: relative; height: calc(100% - 10px); overflow: auto; margin: 10px 0 0; } .settigsContent .appTheme .leftForm .appThemeTreeContainer .categoryTreeView { padding: 0; } .settigsContent .appTheme .rightForm .layout-container { height: calc(100% - 50px); overflow: auto; } .settigsContent .appTheme .rightForm .layout-container .layout { height: auto; overflow: auto; padding: 0; } .settigsContent .appTheme .rightForm .layout-container > span { text-align: left; background: #eaeaea; padding: 0 8px; margin: 0 0 5px; color: #777; font-size: 13px; line-height: 23px; width: 33.33%; display: inline-block; border-bottom: 1px inset white; box-sizing: border-box; height: 23px; } .settigsContent .appTheme .rightForm .layout-container > span:last-of-type { text-align: right; } .settigsContent .appTheme .rightForm .layout-container .layout .editor span { padding: 0 8px; } .settigsContent .appTheme .rightForm .layout-container .layout { margin-bottom: 5px; } .settigsContent .appTheme .rightForm .layout-container .layout .editor:last-child { margin: 0; } .settigsContent .appTheme .rightForm .layout-container .layout .editor .value { width: 33.33%; padding: 0; max-width: initial; } .settigsContent .appTheme .rightForm .layout-container .layout .editor .value:nth-child(2) { margin-right: 5px; } .settigsContent .appTheme .rightForm .layout-container .layout .editor .value:last-of-type input { text-align: right; } .settigsContent .appTheme .rightForm .layout .editor .value .input_wrapper { margin: 0; } .settigsContent .appTheme .rightForm .layout-container .drag-drop { display: block; color: #9e9e9e; font-size: 13px; text-align: center; line-height: 26px; cursor: default; border: 1px solid #cdcdcd; } .settigsContent .appTheme .rightForm .layout-container .layout .editor:hover , .settigsContent .appTheme .rightForm .dragList .appendAvailableFields .editor:hover { background: transparent; } .settigsContent .appTheme .rightForm .layout-container .layout .editor:hover .value:first-child , .settigsContent .appTheme .rightForm .dragList .appendAvailableFields .editor:hover .value:first-child { cursor: move; } .settigsContent .appTheme .rightForm .layout-container .layout .editor.ui-sortable-helper , .settigsContent .appTheme .rightForm .dragList .appendAvailableFields .editor.ui-sortable-helper { background: #c7e0f1; } .settigsContent .appTheme .rightForm .layout-container .layout .editor.ui-sortable-helper .value:first-child , .settigsContent .appTheme .rightForm .dragList .appendAvailableFields .editor.ui-sortable-helper .value:first-child { display: block; width: 100%; } .settigsContent .appTheme .rightForm .dragList { height: calc(100% - 50px); } .settigsContent .appTheme .rightForm .dragList .appendAvailableFields { height: calc(100% - 84px); padding: 0 1px 0 0; } .settigsContent .appTheme .rightForm .dragList .appendAvailableFields .editor .value:first-child { display: block; padding: 0 0 0 5px; width: 100%; } /*#endregion*/ /*#region ------------ copyright --------------*/ #editCopyright { width: 450px; } #editCopyright .content { padding: 10px 10px 20px; } #editCopyright .editor textarea.notes { height: 150px; } #editCopyright .editor .copyrightText { height: 150px; width: 100%; padding: 2px 4px; border: 1px solid #d7d7d7; color: #999; background-color: #f3f3f3; position: relative; white-space: pre-wrap; overflow: auto; } #editCopyright .editor.nameCopyright .name { width: 100px; } #editCopyright .editor.showInAppCopyright .name { width: 376px; } #editCopyright .editor.fileNameCopyright .name { width: 69px; } #editCopyright .editor.fileNameCopyright .attach.forLogo { width: 120px; height: 130px; } #editCopyright .editor.fileNameCopyright .attach.forLogo img { max-width: 118px; max-height: 128px; } /*#endregion*/ /*#region LANGUAGES*/ #editLanguage .name { width: 34%; } #translationDialog { width: 550px; } #translationDialog .name { width: 40%; } /*#endregion*/ /*#endregion*/ /*#region GENERAL INFORMATION */ #denominationsList hr { margin: 10px 0 5px; } #denominationsList .content .contentInvenItems { height: 304px; } #denominationsList .editor .value { max-width: 212px; } #exchangeRateList .content .contentInvenItems { height: 370px; } #ViewTaxDetails .content .contentInvenItems { height: 355px; } #denominationsList .content .contentInvenItems .tableContainer , #exchangeRateList .content .contentInvenItems .tableContainer { bottom: 35px; top: 0; height: 294px; } #exchangeRateList .content .contentInvenItems .tableContainer , #exchangeRateList .content .contentInvenItems .filter { height: 330px; } #denominationsList .content .editor .name { width: 33%; } #editLookupValue .editor .name { width: 17%; } /*#endregion*/ /*#region LOCATION SETTINGS */ #ViewLocations .content .contentInvenItems , #PriceRanges .content .contentInvenItems , #visibilityPopup .content .contentInvenItems , #distributionList .content .contentInvenItems , #locationSettings .content .contentInvenItems , #ViewDrawerStations .content .contentInvenItems , #ViewJurisdictions .content .contentInvenItems , #LookupValuesPopup .content .contentInvenItems , #ViewTaxDetails .content .contentInvenItems , #ViewLocations .content .contentInvenItems .tableContainer , #PriceRanges .content .contentInvenItems .tableContainer , #visibilityPopup .content .contentInvenItems .tableContainer , #distributionList .content .contentInvenItems .tableContainer /*, #locationSettings .content .contentInvenItems .tableContainer*/ , #ViewDrawerStations .content .contentInvenItems .tableContainer , #ViewJurisdictions .content .contentInvenItems .tableContainer , #LookupValuesPopup .content .contentInvenItems .tableContainer , #ViewTaxDetails .content .contentInvenItems .tableContainer { height: 326px; } #locationSettings .content .contentInvenItems .tableContainer { height: 100%; } #ViewDrawerStations .content , #ViewTaxDetails .content , #ViewLocations .content , #weeksOfSupplyByLocation .content , #locationSettings .content , #copyLocationSettings .content , #visibilityPopup .content , #distributionList .content , #PriceRanges .content , #editApiKey .content , #denominationsList .content , #exchangeRateList .content , #LookupValuesPopup .content { padding: 10px !important; } #franchiseGroups { height: auto; } #franchiseGroups .editor .name { width: 21%; } #franchiseGroups .content { padding-bottom: 20px; } #LocationEdit { height: 800px; } #LocationEdit #details-form .content { bottom: 5px; } #LocationEdit #details-form .attach.forLogo { width: 100px; height: 100px; } #LocationEdit #details-form .attach.forLogo span.file { top: 60px; right: 10px; } #LocationEdit #details-form .attach.forLogo .reloadLogo { top: 60px; left: 10px; } #LocationEdit #details-form .attach.forLogo .removeLogo { top: 60px; right: 10px; } #LocationEdit #details-form .attach.forLogo .imgOuter { width: 100px; max-height: 100px; } #LocationEdit #details-form .attach.forLogo .imgOuter img { max-height: 98px; max-width: 98px; } #LocationEdit #details-form .block-left { height: calc(100% - 17px); display: flex; flex-direction: column; } #LocationEdit #details-form .block-right { height: 100%; display: flex; flex-direction: column; } #LocationEdit #details-form .addressScrollArea , #LocationEdit #details-form .detailsScrollArea { overflow: hidden; overflow-y: auto; /*position: absolute; top: 30px; bottom: 157px;*/ width: 100%; /*max-height: 410px;*/ padding-right: 4px; display: flex; flex-direction: column; flex: 1; } #LocationEdit #details-form .pictureArea { /*position: absolute; bottom: 0;*/ width: 100%; margin-top: 10px; } #LocationEdit #details-form .addressScrollArea .editor .name { width: 33%; } #LocationEdit #schedule-form .content > table { margin: 0 0 5px; } #LocationEdit #schedule-form .content > table th { color: #5f5f5f; font-size: 13px; line-height: 24px; font-weight: 400; } #LocationEdit #schedule-form .content > table td { color: #5f5f5f; font-size: 13px; line-height: 24px; padding: 0 10px; overflow: visible !important; } #LocationEdit #schedule-form .content > table td .input_wrapper { margin: 0 0 3px; } #LocationEdit #schedule-form .content > table td input[type=text] { border: 1px solid #e6e6e6; height: 24px; font-size: 12px; line-height: 24px; padding: 0 10px; } #LocationEdit #schedule-form .content > table td input[type=text]:disabled { border-color: #e5e5e5; background-color: ghostwhite; color: #999; } #LocationEdit #schedule-form .content .appendedGrid { height: 223px; } #LocationEdit #schedule-form .content .appendedGrid .tableContainer { height: 264px; } #LocationEdit .content > .tabs { width: 140px; } #LocationEdit > .content .form { margin: 0 0 0 20px; } #LocationEdit #generalSettings-form .content .scrollableContent { height: unset; padding: 0 1px 0 0; position: relative; height: 100%; width: 100%; } #LocationEdit #generalSettings-form .block-left { width: 68%; } #LocationEdit #generalSettings-form .editor { width: 100%; } #LocationEdit #generalSettings-form .editor .name { width: 52%; } #LocationEdit #generalSettings-form .editor.custom .name { width: 35%; } #LocationEdit #generalSettings-form .editor .value ~ .labelAfterInput { margin-right: 12px; } #LocationEdit #sales-form .content .scrollableContent { overflow: hidden; overflow-y: auto; height: unset; padding: 0 1px 0 0; position: relative; height: calc(100% - 17px); width: 100%; } #LocationEdit #sales-form .content .redNote { bottom: -5px; } #LocationEdit #sales-form .block-left .editor .name { width: 58%; } #LocationEdit #sales-form .block-right .editor .name { width: 51%; } #LocationEdit #sales-form .block-left .multilineEditor .input_wrapper { flex-grow: 0; } #LocationEdit #payments-form .payments .editor:nth-child(2) .name span , #LocationEdit #payments-form .payments .editor:nth-child(5) .name span { white-space: normal !important; } #LocationEdit #payments-form .block-left .editor .name { width: 51%; } #LocationEdit #payments-form .payments .editor .name { width: 60%; } #LocationEdit #payments-form .block-right .editor .name { width: 37%; } #LocationEdit #payments-form .editor textarea { width: 100%; height: 74px; } #LocationEdit #payments-form .block-right .editor.paymentRestriction .name { width: 40%; } #LocationEdit #purchasing-form .editor .name , #LocationEdit #transfer-form .editor .name , #LocationEdit #svs-form .editor .name { width: 54%; } #LocationEdit #salesReceiptTabs-form .editor .selectBox { width: 190px !important; } #LocationEdit #salesReceiptTabs-form .additionalPadding5tb , #LocationEdit #salesOrderTabs-form .additionalPadding5tb { border-bottom: 1px solid #eaeaea; padding: 0 0 5px; margin: 0 0 5px; } #LocationEdit #salesReceiptTabs-form .content .tableContainer { height: 421px; } #LocationEdit #salesOrderTabs-form .content .tableContainer { height: 487px; } #LocationEdit #customSettings-form > .content { overflow-y: auto; } #LocationEdit #priceBreaks-form .icons { display: flex; overflow: hidden; justify-content: center; } #LocationEdit #priceBreaks-form .icons .editor { width: auto; margin: 0 5px; } #LocationEdit #priceBreaks-form .icons .editor .attach { height: 100px; width: 100px; margin: 0; } #LocationEdit #priceBreaks-form .icons .editor .attach img { max-height: 98px; } #LocationEdit #priceBreaks-form .icons .editor .attach.forLogo span.file , #LocationEdit #priceBreaks-form .icons .editor .attach.forLogo .removeLogo { right: 10px; bottom: 10px; } #editAvailabilityGroupsPopup { width: 377px; } #editAvailabilityGroupsPopup .editor .name { width: 31%; } #newLocationPopup .content { padding: 10px 20px 30px; } #newLocationPopup .editor .name { width: 28% } #editExternalLocation .editor .name { width: 25%; } #editSettingEntityPopup.locationPriceGroup .editor .name { width: 21%; } #locationSettings.popup { width: 960px; height: 671px; } #locationSettings.popup .content .contentInvenItems { height: 501px; } #editSettingEntityPopup.modelStockGroups .editor .name { width: 17%; } #DenominationPlanGroupEditForm .editor .name { width: 33%; } #DenominationPlanGroupEditForm .editor .value { width: 59%; } #BulkEditPopup #settings-form .scrollableContent { padding: 0 1px 0 0; position: relative; height: 100%; width: 100%; } #BulkEditPopup #settings-form .editor { max-width: 80%; } #BulkEditPopup #settings-form .editor .name { width: 52%; } #BulkEditPopup #settings-form .linkAfterInput { left: calc(100% + 5px); position: absolute; bottom: 1px; } #BulkEditPopup #copyTo-form .additionalField { margin: 2px 0 2px 10px; } #BulkEditPopup #copyTo-form .additionalField .selectBoxBtn { width: 200px; } #BulkEditPopup #copyTo-form .tableWithSetter { height: 473px; } /*#endregion*/ /*#region SVS Location group */ #svsNamespaceEdit { width: 980px; } #svsNamespaceEdit.popup.withTabs .content > .tabs { width: 135px; } #svsNamespaceEdit.popup > .content .form { left: 135px; } #svsNamespaceEdit #general-form > .content > div > .editor .name { width: 200px; } #svsNamespaceEdit #general-form > .content > div > .editor .value { max-width: calc(100% - 488px); } #svsNamespaceEdit #locations-form > .content .appendedGrid .tableContainer { height: 475px; } #svsNamespaceEdit #houseAccount-form > .content .editor .name , #svsNamespaceEdit #frequentBuyer-form > .content .editor .name , #svsNamespaceEdit #tokens-form > .content .editor .name , #svsNamespaceEdit #coupon-form > .content .editor .name { width: 180px; } #svsNamespaceEdit #houseAccount-form > .content .editor .value, #svsNamespaceEdit #coupon-form > .content .editor .value, #svsNamespaceEdit #tokens-form > .content .editor .value, #svsNamespaceEdit #customer-form .content .editor .value { max-width: calc(40% + 12px); } #svsNamespaceEdit #customer-form > .content .editor .name { width: 305px; } #svsNamespaceEdit #giftCards-form > .content .editor .name { width: 240px; } #svsNamespaceEdit #giftCards-form > .content .editor .value { max-width: calc(100% - 488px); } #svsNamespaceEdit #storeCredit-form > .content .editor .name { width: 140px; } #svsNamespaceEdit #lrp-form > .content .editor .value { max-width: 48%; } #svsNamespaceEdit #membershipLevels-form .buttonParent { padding: 0 0 7px; } #svsNamespaceEdit #membershipLevels-form > .content .appendedGrid .tableContainer { height: 249px; } #svsNamespaceEdit #membershipLevels-form .content { overflow-y: auto; padding-right: 5px; } .twoEditorsInline .editor { max-width: calc(45% + 35px); } #svsNamespaceEdit #lrpPromotions-form > .content .appendedGrid .tableContainer { height: 415px; } #svsNamespaceEdit #lrpPromotions-form > .tabs-widget > .tabContentWrapper { height: calc(100% - 46px); } #svsNamespaceEdit #coupon-form > .content .appendedGrid .tableContainer { height: 339px; } #svsNamespaceEdit #frequentBuyer-form > .content .appendedGrid .tableContainer { height: 368px; } #svsNamespaceEdit #frequentBuyer-form > .content .search_form , #svsNamespaceEdit #coupon-form > .content .search_form , #svsNamespaceEdit #lrpPromotions-form > .content .search_form { width: 225px; margin-right: 15px; } #selectItemFilter { width: 900px; } #selectItemFilter .appendedGrid { height: 500px; } /*#endregion*/ /*#region INVENTORY CATALOG */ .posCatalogCategories > .content > div:not(.buttonsContainer):not(.loading) { margin: 10px 0; padding: 0 1px 0 0 !important; height: calc(100% - 122px) !important; } .posCatalogRootCategory { display: inline-block; padding: 5px 10px; margin: 10px 0; font-size: 14px; line-height: 18px; color: #5f5f5f; cursor: pointer; } .posCatalogRootCategory.selectedCategory { background: #ddd; } .searchContainer { height: 18px; } .searchContainer .searchControls button:last-child { margin-left: 15px; } .searchContainer .searchControls button , .searchContainer .searchResult span { background: transparent; color: #000; font-size: 12px !important; line-height: 18px !important; } .searchContainer .searchControls button { color: #4698d2; } .searchContainer .searchControls button:disabled { color: #d3d2d1 !important; } .categoryTreeContainer.treeView .categoryTreeView li button { padding: 4px 7px 5px; } .categoryTreeContainer.treeView .categoryTreeView li button span { color: #5f5f5f; } .categoryTreeContainer.treeView .categoryTreeView li button:focus { background: #efefef; } .selectedCategory { background: #ddd !important; } .categoryIsUnActive button span { color: #d3d2d1 !important; } .categoryIsUnActive button.selectedCategory span { color: #fff !important; } #AttributteEdit #attribute-form .editor .name { width: 21%; } #AttributteEdit .itemTab .content .tableContainer { height: 505px; } .unvisibleInactiveTreeItem { display: none !important; } #editDepartmentClassifications { width: 400px; } #editDepartmentClassifications .editor .name , #editAlternateClassifications .editor .name { width: 36%; } #editWeeksOfSupplyPopup .editor .name { width: 33%; } #editClassificationClasses .editor .name { width: 14%; } #weeksOfSupplyByLocation .appendedGrid { height: 301px; } #weeksOfSupplyByLocation .appendedGrid .tableContainer { height: 291px; } .settigsContent .inventorySettings .editor .name { width: 200px; } .settigsContent .inventorylabels .editor .name { width: 155px; } .settigsContent .inventoryImport .editor .name { width: 200px; } #editSettingEntityPopup.inventoryCatalogSeasons .editor .name , #editSettingEntityPopup.inventoryCatalogBrands .editor .name { width: 12%; } #editCatalogCategory .editor .name { width: 18%; } #editAttributeValue .editor .name { width: 32%; } #editPresetItemOptionPopup .editor .name { width: 27%; } #addEditModelStockPeriodPopup .editor .name { width: 25%; } #editQualityControlLabelsPopup .editor .name , #editProgressLabelsPopup .editor .name { width: 21%; } #editDescriptionLabelsPopup .editor .name { width: 22%; } /*#endregion*/ /*#region SALES */ .settigsContent .list.posSettings .editor .name { width: 235px; } #editSalesFeesPopup { width: 750px; } #editSalesFeesPopup > .content { padding-bottom: 25px; } #editSalesFeesPopup .block-left44 .editor .name { width: 31%; } #editSalesFeesPopup .block-right55 .editor .name { width: 44%; } #editSalesFeesPopup .block-right55 .linkAfterInput { margin-left: 8px; } #editPriceRangePopup { width: 430px; } #editSettingEntityPopup.priceChangeReason .editor .name , #editSettingEntityPopup.returnReasons .editor .name , #editSettingEntityPopup.taxExemptReasons .editor .name , #editSettingEntityPopup.comissionGroups .editor .name { width: 23%; } #editSettingEntityPopup.priceChangeReason .editor , #editSettingEntityPopup.returnReasons .editor { width: 97%; } #editSettingEntityPopup.salesPreSetNotes .editor .name { width: 16%; } #editMembershipGeneral { width: 457px; } #editMembershipGeneral .editor .name { width: 54%; } .priceCostCodes td { padding: 1px 3px; } .priceCostCodes td span { font-size: 15px; line-height: 20px; color: #000; padding: 2px; display: block; text-align: center; width: 30px; } .priceCostCodes td input[type=text] { border: 1px solid #e6e6e6; height: 26px; line-height: 26px; padding: 0 7px; width: 30px; text-align: center; font-size: 14px; color: #000; margin: 0; z-index: 2; background: transparent; position: relative; } #copyLocationSettings .content p { min-height: 30px; } #copyLocationSettings .additionalField .selectBoxBtn { width: 180px; } #copyLocationSettings .content .contentInvenItems , #copyLocationSettings .content .contentInvenItems .tableContainer { height: 269px; } .settigsContent .list.salesDocuments .editor .name { width: 385px; } .settigsContent .list.paymentProcessing .editor .name { width: 365px; } .settigsContent .list.shipItems .editor .name { width: 410px; } .forFileName a { color: #4698d2; } .forFileName a:hover { text-decoration: underline; } .forFileName .fileName { display: block; overflow: hidden; width: 250px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; line-height: 24px; } .settigsContent .list.salesEmail .editor .onlyValue { max-width: 100%; } #editLocationSettingPopup .content .redNote , #newPaymentMethodPopup .content .redNote , #editPaymentMethodPopup .content .redNote { bottom: 5px; } #editLocationSettingPopup .content , #newPaymentMethodPopup .content , #editPaymentMethodPopup .content { padding: 10px 10px 25px; } #editPaymentMethodPopup .content .contentWrapper { overflow: hidden; padding-right: 2px; overflow-y: auto; max-height: 555px; } #editLocationSettingPopup .editor .name , #editPaymentMethodPopup .editor .name { width: 50%; text-align: right; } #editPaymentMethodPopup .content .attach.forLogo , #editQrCodePayLogo .content .attach.forLogo { width: 100px; height: 100px; } #editPaymentMethodPopup .content .attach.forLogo span.file , #editQrCodePayLogo .content .attach.forLogo span.file { top: 60px; right: 10px; } #editPaymentMethodPopup .content .attach.forLogo .removeLogo , #editQrCodePayLogo .content .attach.forLogo .removeLogo { top: 60px; right: 10px; } #editPaymentMethodPopup .content .editor .attach img , #editQrCodePayLogo .content .editor .attach img { max-height: 98px; } #editPaymentMethodPopup { width: 670px; } #editPaymentMethodPopup .editor { width: 96%; } #editLocationSettingPopup .editor { width: 98%; } #editPriceLevelPopup .editor .name , #locationClosaedDatePopup .editor .name , #editMembershipLevelZero .editor .name , #newPaymentMethodPopup .editor .name { width: 35%; } #editDenomination { width:450px; } #editDenomination .editor .name { width: 46%; } #editSalesOrderType { width: 460px; } #editSalesOrderType .editor .name { width: 54%; } #editReceiptTabValue .editor .name { width: 35%; } #editTaxDetailPopup { width: 410px; } #editOpenReturnRequiredFields .editor .name { width: 20%; } #editMembershipLevel { width: 457px; } #editMembershipLevel .editor .name { width: 175px; } #editMembershipLevel #customFieldsContainerML , #editMembershipLevel #customFieldsContainerML .customFieldsWrapper { max-height: 108px; } .discountReaseonsList .detailsContainer .two_block { width: 20%; } .discountReaseonsList .detailsContainer .three_block { width: 40%; } .discountReaseonsList .detailsContainer .three_block .row_parameter > span { width: 300px; } #editDiscountReason #general-form .scrollableTabContent { height: calc(100% - 20px); } #editDiscountReason #general-form .block-left { width: 65%; } #editDiscountReason .editor .name { width: 50%; } #editDiscountReason #quickDiscount-form .tableContainer { height: 507px; } #membershipLevelsList .content .tableWithoutPaging { border-bottom: 0 none; } #membershipLevelsList .detailsContainer .style_content .row_parameter > span { width: 165px; } #membershipLevelsList .detailsContainer .style_content .row_parameter > span.value { margin: 0 0 0 -175px; padding: 0 0 0 175px; width: 100%; } #membershipLevelsList .content .buttonsContainer .editor .value { max-width: 100%; } .paymentProcessing .paymentProcessingFindInvenItemCotainer .glass_small { z-index: 100 !important; } .salesDocuments .fileName:before , .salesDocuments .fileName:after { content: '"'; display: inline-block; } .salesDocuments .salesDocumentsFindInvenItemCotainer .glass_small , .salesDocuments .salesDocumentsFindInvenItemAllCotainer .glass_small { z-index: 100 !important; } #excludedServiceItems > .content { padding: 10px; } #editSettingEntityPopup.returnConditionsPopup .editor .name { width: 21%; } .commissionGroup.list > .content > .buttonsContainer .allWidthLabelWithBorder { margin: 0; } .commissionGroup.list .appendedGrid .tableWithSetter { height: 310px; } .commissionGroup.list .appendedDetailGrid .tableWithSetter { height: 307px; } .salesReceiptTimer .buttonsContainer .additionalField { padding-top: 2px; } #editSalesReceiptTimerPopup .editor .name { width: 22%; } #editSalesReceiptTimerPopup .editor .value { width: 67%; } #editSalesReceiptTimerPopup .sp-replacer { position: relative; margin-left: 5px; right: unset; } #defaultLineDiscountEditDialog .editor .name { width: 30% !important; } #defaultLineDiscountEditDialog .editor .value { width: 60% !important; } #defaultLineDiscountEditDialog .shortEditor .value { width: 35% !important; } #installmentPayments .content { padding: 10px; } #addInstallmentPaymentPopup .editor .name { width: 38%; } #editNoveltyItem .editor .name { width: 35%; } #reqItems .content { padding: 10px; } #reqItems .content .comboSearch { margin: 0 0 2px; } #reqItems .content .tableContainer { height: 100%; } /*#endregion*/ /*#region ORDER MANAGEMENT */ .settigsContent .list.customerOrders > .content.withOutGrid > div:not(.buttonsContainer) { margin-top: 10px; margin-bottom: 5px; padding-bottom: 0 !important; height: calc(100% - 77px) !important; } .settigsContent .list.customerOrders > .content.withOutGrid > div:not(.buttonsContainer) > div:not(.editor):last-child { margin-bottom: 0; } .settigsContent .list.customerOrders > .content.withOutGrid > div:not(.buttonsContainer) .allWidthLabelWithBorder:first-child { margin-top: 0; } .settigsContent .list.customerOrders .editor { position: relative; } #editShipToRequiredFieldsPopup .editor .name { width: 28%; } #editSettingEntityPopup.deliveryOrderTimeRanges .editor .name { width: 16%; } #editSettingEntityPopup.shipmentRejectReasons .editor .name { width: 21%; } #editSettingEntityPopup.shippingBoxes .editor .name { width: 31%; } .tableWithSetter .notActiveLogicRow td { color: #a0a0a0 !important; } .tableWithSetter .notActiveLogicRow.ui-state-highlight td { color: #eaeaea !important; } #orderFulfillmentSettingsList .buttonsContainer .editor .name { width: 360px; } #editSettingEntityPopup.primaryLocationRank .editor .name { width: 16%; } #editOrderFulfillmentSettingsGeneral { width: 580px; } #editOrderFulfillmentSettingsGeneral .editor .name { width: 66%; } #shipmentRejectReasons .editor .name { width: 25%; } /*#endregion*/ /*#region PURCHASING */ .settigsContent .list.vendorDefaults .editor .name { width: 150px; } .settigsContent .list.purchaseDocuments .editor .name { width: 400px; } .settigsContent .list.purchaseDocuments .emailPurchaseOrderDescription .onlyValue span { text-align: right; } .settigsContent .list.purchaseDocuments .emailPurchaseOrderDescription .name { width: 350px; } .settigsContent .list.purchaseDocuments .emailPurchaseOrderDescription .value { max-width: 440px; } .paymentTerms { width: 420px; } #editSettingEntityPopup.paymentTerms .editor .name { width: 51%; } #editSettingEntityPopup.allocationPatternPopup .editor .name { width: 20%; } #editDistribution .editor .name { width: 39%; } #editPurchasingFeesPopup .editor .name { width: 26%; } /*#endregion*/ /*#region TRANSFERS */ #editSettingEntityPopup.transferRejectReasonsPopup .editor .name { width: 20%; } /*#endregion*/ /*#region DRAWER MANAGEMENT */ .settigsContent .list.drawerMemoSettings .editor .name , .settigsContent .list.transferDocuments .editor .name , .settigsContent .list.customerOrders .editor .name { width: 355px; } #editSettingEntityPopup.drawermemopresetnotes .editor .name { width: 12%; } #editPaidInOutPopup .editor .name { width: 26%; } #DenominationPlanEditForm .editor .name { width: 22%; } #DenominationPlanEditForm .editor .value { width: 70%; } #Denominations .content { padding: 10px; } #Denominations .content .appendedGrid .tableContainer { height: 450px; } .settigsContent .paindInOutList .content .buttonsContainer .editor .value { max-width: 100%; } /*#endregion*/ /*#region CUSTOMER */ .customerSettings .editor .name { width: 305px; } .customerSettings .addressVerificationService { flex-grow: 1; } #editSettingEntityPopup { width: 451px; } #fedExConfigurationDialog .editor .name { width: 22%; } #editSettingEntityPopup .editor .name { width: 50%; } #editContactRequiredFieldsPopup .editor .name { width: 30%; } #editSettingEntityPopup.customerTitles .editor .name , #editSettingEntityPopup.shipToAddressTypes .editor .name { width: 12%; } #editCustomerRequiredFieldsPopup .editor .name , #editUniversalCustomerSearch .editor .name , #editDeviceCustomerInfo .editor .name { width: 29%; } #editContactTypePopup .editor .name { width: 22%; } /*#endregion*/ /*#region PRINTING */ .settigsContent .list.printingDesignSettings .editor .name { width: 120px; } .settigsContent .list.printingDesignSettings .fileName { width: 295px; } .selectReportDialog .content .contentInvenItems { height: 305px; } .selectReportDialog .content .contentInvenItems .tableContainer { height: 295px; } #mobilePrinting .style_content .one_block , #mobilePrinting .style_content .two_block { width: 50%; } #mobilePrinting .style_content > div , #mobilePrinting .style_content > div .two_block , #mobilePrinting .style_content > div .two_block .row_parameter , #mobilePrinting .style_content > div .two_block .row_parameter .value { height: 100%; } #mobilePrinting .style_content .two_block textarea { background: #f3f3f3; border: 1px solid #d7d7d7; resize: none; height: 100%; width: 100%; position: relative; overflow: hidden; overflow-y: auto; color: #5f5f5f; padding: 10px; } /*#endregion*/ /*#region REPORTS */ .settigsContent .list.reportsSettings .editor .name { width: 150px; } /*#endregion*/ /*#region eCOMMERCE */ #editEcommercePricePopup .editor .name { width: 23%; } #ChannelEdit #general-form .editor .name { width: 24%; } #ChannelEdit .editor .value { max-width: 43%; } #ChannelEdit #connection-form .editor .name { width: 10%; } #ChannelEdit #properties-form .content .editContent { height: 439px; } #ChannelEdit .itemTab .content .editContent { height: 475px; position: relative; } #ChannelEdit .content.withTableInfo .tableContainer { height: 432px; } #ChannelEdit #categories-form .content .search_form { margin: 10px 0 0; } #ChannelEdit #categories-form .content .search_form .input_wrapper { margin: 0; } #ChannelEdit #categories-form .content .block-right , #ChannelEdit #categories-form .content .block-left { width: 50%; height: calc(100% - 38px); } #ChannelEdit #categories-form .content .block-left { padding-bottom: 1px; border-right: 1px solid #e6e6e6; } #ChannelEdit #categories-form .content .block-right { padding-left: 10px; } #ChannelEdit #categories-form .editor .value textarea { height: 75px !important; } #ChannelEdit #categories-form .block-left .categoryTreeContainer { overflow: auto; height: calc(100% - 106px); } #ChannelEdit #categories-form .customWrap { height: calc(100% - 344px); position: relative; overflow: hidden; overflow-y: auto; padding-top: 1px; } #ChannelEdit .tableErrorMessage { background: transparent; } #ChannelEdit .tableErrorMessage span { color: #7c7c7c; } #ChannelEdit .tableErrorMessage span { color: #ef383f; } #editchannelMappingPopup { width: 450px; } #editchannelMappingPopup .editor .name { width: 48%; } #ChannelCategoryEdit #general-form .editor .name { width: 10%; } #ChannelCategoryEdit #general-form .editor .value { max-width: 38%; } /*#endregion*/ /*#region scheduler Settings */ .settigsContent .list.schedulerSettings .editor .name { width: 200px; } /*#endregion*/ /*#region Dashboard */ .settigsContent .dashboardSettings .editor .name { width: 185px; } /*#endregion*/ /*#region Integration */ #editApiType .editor .name { width: 28%; } #editApiKey .editor .name , #editApiKey .block-left .editor .name { width: 98px; } #editApiKey .block-right55 { width: 58%; } #editApiKey .block-right55 .editor .name { width: 80px; } #editApiKey .editor .value textarea.notes { height: 75px; } #editApiKey .searchWrapper { margin: 5px 0; padding: 10px 0 2px; border-top: 1px solid #eaeaea; width: 100%; } #editApiKey .searchWrapper .miniSearch { width: 291px; } #editApiKey .editor .span_wrapper { position: relative; display: inline-block; } #editApiKey .content .contentInvenItems { height: 268px; } #editApiKey .content .tableContainer { height: 258px; } #editApiKey .ui-jqgrid tr.jqgrow td .checkboxSpan { display: inline-block; cursor: pointer; } #editExpirationDate .editor .name { width: 28%; } #editExpirationDate .linkAfterInput { position: relative; display: inline-block; left: auto; margin: 0 18px 0 0; } #WebHooksSubscribersEdit #general-form .editor .name { width: 26%; } #WebHooksSubscribersEdit #events-form .content .tableContainer { height: 474px; } /*#endregion*/ /*#region ---------- SERVER TASKS ---------------*/ #editTask .block-left .editor .name { width: 33%; } #editTask .block-right .editor .name { width: 36%; } .schedulerStatus .contentWrapper { margin: 10px 0 0 9px; } .schedulerStatus .contentWrapper .linkAfterInput { top: 0; font-size: 14px !important; } .schedulerStatus .contentWrapper #status { min-width: 230px; font-size: 14px; } /*#endregion*/ /*#region ------------------------------- PLUG-IN'S -------------------------------------------*/ #MobilePluginEdit #general-form .editor:not(.fortextarea) .name , #MobilePluginLibraryEdit #general-form .editor:not(.fortextarea) .name { width: 31%; } #MobilePluginEdit #general-form .editor.fortextarea .name , #MobilePluginLibraryEdit #general-form .editor.fortextarea .name { width: 15.2%; } #MobilePluginEdit #general-form .editor .notes { height: 371px; } #MobilePluginLibraryEdit #general-form .editor .notes { height: 396px; } #MobilePluginEdit #content-form .editor .notes , #MobilePluginLibraryEdit #content-form .editor .notes { height: 504px; } #MobilePluginEdit #mpl-form > .content .editContent ,#MobilePluginLibraryEdit #mp-form > .content .editContent { height: 472px; } #editSettingEntityPopup.chqCustomImports .editor .name { width: 25%; } /*#endregion ----------------------------------------------------------------------------------*/ /*#region ------------------------------- ADMINISTRATION --------------------------------*/ #editSyncEntity .content { padding: 20px 10px 10px; } #editSyncEntity .editor .name { width: 30%; } #editSyncEntity .editor { width: 70%; } #editSyncEntity .tableContainer { height: 250px; } #addSyncEntity .editor .name { width: 21%; } /*#endregion ----------------------------------------------------------------------------*/ /*#endregion ----------------------------------------------------------------------------------*/ .translationDialog .content { min-height: 280px; } #availablePaymentModels .allWidthLabelWithBorder { margin: 0; } #availablePaymentModels .content { padding: 0; } #availablePaymentModels .editor { padding: 8px; margin: 0; border-bottom: 1px solid #D7D7D7; } #availablePaymentModels .editor:last-child { border-bottom: 0 none; } /*#region --------------- Styles & Items Designer ----------------*/ #designerPopup .content { height: calc(100% - 108px); } #designerPopup .ui-state-highlight { height: 23px; border: 1px solid #a2cbe8; background: transparent; } #designerPopup .block-right , #designerPopup .block-left { position: unset; } .content .layout-container { width: calc(100% - 290px); float: left; height: 100%; margin-right: 20px; } .content .layout-container .layout { height: calc(100% - 44px); overflow: auto; padding-right: 10px; } .content .layout-container .layout .groups { margin-bottom: 10px; } .content .layout-container .layout .groups .emptyList { height: 24px; margin-top: -10px; } .content .layout-container .layout .groups .emptyList ~ .drag-drop { margin-top: -25px; } .content .layout-container .layout .groups .drag-drop { display: block; color: #9e9e9e; font-size: 13px; text-align: center; line-height: 26px; cursor: default; } .content .layout-container .layout .groups .input_wrapper { margin: 0; } .content .layout-container .layout .groups .group_body { padding: 10px 10px 0; border: 1px solid #eaeaea; border-top: 0 none; } .content .layout-container .layout .groups .sortable .editor .value span { padding: 0 8px; line-height: 22px; } .content .layout-container .layout .groups .sortable .editor:first-child .input_wrapper input[type="text"] , .content .layout-container .layout .groups .sortable .editor:first-child span { border-top: 1px solid #eaeaea; } .content .layout-container .layout .groups .sortable .editor:nth-last-child(2) .name , .content .layout-container .layout .groups .sortable .editor:nth-last-child(1) .name { border-bottom: 0 none; } .content .layout-container .layout .groups .sortable .editor .input_wrapper input[type="text"] , .content .layout-container .layout .groups .sortable .editor .value span { border: 1px solid #eaeaea; border-width: 0 1px 1px 1px; } .content .layout-container .layout .groups .input_wrapper .group_name { width: 100%; height: 26px; padding: 0 8px; border: 1px solid #eaeaea; } .content .layout-container .layout .groups .editor { margin: 0; } .content .layout-container .layout .groups .editor .name { text-align: left; background: #eaeaea; padding: 0 8px; margin: 0; line-height: 23px; width: 50%; border-bottom: 1px inset white; box-sizing: border-box; height: 23px; } .content .layout-container .layout .groups .editor .value { width: 50%; height: auto; } .content .dragList { float: left; width: 270px; height: 100%; } .dragList .appendAvailableFields { overflow: hidden; overflow-y: auto; height: calc(100% - 80px); margin-top: 10px; } .content .layout-container .layout > .editor.ui-sortable-helper , .dragList .appendAvailableFields .editor:hover { background: #c7e0f1; } .content .layout-container .layout > .editor.ui-sortable-helper .name , .dragList .appendAvailableFields .editor .name { width: 97%; text-align: left; } .content .layout-container .layout > .editor.ui-sortable-helper .name > span , .dragList .appendAvailableFields .editor .name > span { padding-left: 10px; } .content .layout-container .layout > .editor.ui-sortable-helper .value , .dragList .appendAvailableFields .editor .value { display: none; } /*#endregion*/