/* Minification failed. Returning unminified contents. (814,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (815,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (1067,21): run-time error CSS1033: Expected closing bracket, found 'i' (1067,22): run-time error CSS1031: Expected selector, found ']' (1067,22): run-time error CSS1025: Expected comma or open brace, found ']' (1091,21): run-time error CSS1033: Expected closing bracket, found 'i' (1091,22): run-time error CSS1031: Expected selector, found ']' (1091,22): run-time error CSS1025: Expected comma or open brace, found ']' (1100,21): run-time error CSS1033: Expected closing bracket, found 'i' (1100,22): run-time error CSS1031: Expected selector, found ']' (1100,22): run-time error CSS1025: Expected comma or open brace, found ']' (1230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1316,20): run-time error CSS1039: Token not allowed after unary operator: '-login-surface-light' (1325,15): run-time error CSS1039: Token not allowed after unary operator: '-login-text-muted' (1332,15): run-time error CSS1039: Token not allowed after unary operator: '-login-text-error' (1344,60): run-time error CSS1039: Token not allowed after unary operator: '-login-background' (1355,10): run-time error CSS1039: Token not allowed after unary operator: '-login-background' (1362,15): run-time error CSS1039: Token not allowed after unary operator: '-login-link-color' (1372,37): run-time error CSS1039: Token not allowed after unary operator: '-login-shadow-color' (1375,20): run-time error CSS1039: Token not allowed after unary operator: '-login-surface-main' (1390,26): run-time error CSS1039: Token not allowed after unary operator: '-login-header' (1402,15): run-time error CSS1039: Token not allowed after unary operator: '-login-primary' (1420,15): run-time error CSS1039: Token not allowed after unary operator: '-login-text-subtle' (1487,33): run-time error CSS1039: Token not allowed after unary operator: '-login-border-color' (1491,15): run-time error CSS1039: Token not allowed after unary operator: '-login-sso-button-color' (1511,15): run-time error CSS1039: Token not allowed after unary operator: '-login-disabled' (1519,26): run-time error CSS1039: Token not allowed after unary operator: '-login-primary-light' (1520,15): run-time error CSS1039: Token not allowed after unary operator: '-login-sso-button-hover-color' (1524,26): run-time error CSS1039: Token not allowed after unary operator: '-login-surface-medium' (1550,15): run-time error CSS1039: Token not allowed after unary operator: '-login-label-color' (1560,15): run-time error CSS1039: Token not allowed after unary operator: '-login-text-default' (1577,33): run-time error CSS1039: Token not allowed after unary operator: '-login-border-color' (1589,15): run-time error CSS1039: Token not allowed after unary operator: '-login-submit-color' (1590,26): run-time error CSS1039: Token not allowed after unary operator: '-login-primary' (1600,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (1642,22): run-time error CSS1039: Token not allowed after unary operator: '-login-error' (1677,26): run-time error CSS1039: Token not allowed after unary operator: '-login-surface-main' (3175,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (3905,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-svg-color' (4264,20): run-time error CSS1030: Expected identifier, found '>' (4264,42): run-time error CSS1031: Expected selector, found ')' (4264,42): run-time error CSS1025: Expected comma or open brace, found ')' (6165,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6233,37): run-time error CSS1033: Expected closing bracket, found 'i' (6233,38): run-time error CSS1031: Expected selector, found ']' (6233,38): run-time error CSS1025: Expected comma or open brace, found ']' (6373,26): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-scroll' (6380,26): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-scroll-hover' (6398,20): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-popup-background' (6399,26): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-popup-border' (6403,22): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-hover' (6407,22): run-time error CSS1039: Token not allowed after unary operator: '-alloy-theme-selected' (6425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6429,16): run-time error CSS1030: Expected identifier, found '#reportViewer' (6429,30): run-time error CSS1031: Expected selector, found ')' (6429,30): run-time error CSS1025: Expected comma or open brace, found ')' (6446,38): run-time error CSS1046: Expect comma, found '0' (6446,42): run-time error CSS1046: Expect comma, found '/' (6528,38): run-time error CSS1046: Expect comma, found '0' (6528,42): run-time error CSS1046: Expect comma, found '/' (6614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6648,22): run-time error CSS1039: Token not allowed after unary operator: '-header-back-color' (6652,28): run-time error CSS1039: Token not allowed after unary operator: '-header-back-color' (6657,45): run-time error CSS1039: Token not allowed after unary operator: '-header-input-back-color' (6658,35): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6663,45): run-time error CSS1039: Token not allowed after unary operator: '-header-input-hover-color' (6668,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-main-light-color' (6673,17): run-time error CSS1039: Token not allowed after unary operator: '-header-pale-color' (6677,17): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6681,28): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6682,31): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6695,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-main-light-color' (6700,16): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6704,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6708,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6712,28): run-time error CSS1039: Token not allowed after unary operator: '-header-input-hover-color' (6722,28): run-time error CSS1039: Token not allowed after unary operator: '-header-input-hover-color' (6727,17): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6732,16): run-time error CSS1039: Token not allowed after unary operator: '-header-pale-color' (6733,17): run-time error CSS1039: Token not allowed after unary operator: '-header-pale-color' (6737,17): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6741,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pale-color' (6745,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6749,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pale-color' (6753,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6757,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6763,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6769,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6773,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6774,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6778,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6782,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6790,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pale-color' (6794,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6798,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6804,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6811,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6819,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pale-color' (6824,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pale-color' (6828,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6832,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color' (6836,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color' (6840,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6844,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6848,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6851,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-darkMedium-color' (6855,28): run-time error CSS1039: Token not allowed after unary operator: '-chevron-pale-color' (6856,17): run-time error CSS1039: Token not allowed after unary operator: '-chevron-light-color' (6860,17): run-time error CSS1039: Token not allowed after unary operator: '-chevron-primary-color' (6861,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6866,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6870,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (6874,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6878,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-20' (6893,33): run-time error CSS1039: Token not allowed after unary operator: '-chevron-pale-color' (6898,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6903,33): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6907,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6913,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6918,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-4' (6919,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6923,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6924,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6933,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6934,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6941,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (6946,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-60' (6951,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (6955,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6956,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-20' (6962,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (6963,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-20' (6967,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (6971,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-60' (6975,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6980,16): run-time error CSS1039: Token not allowed after unary operator: '-header-input-back-color' (6984,16): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (6988,28): run-time error CSS1039: Token not allowed after unary operator: '-header-input-hover-color' (6994,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-4' (7000,23): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (7005,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (7009,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-60' (7014,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-20' (7018,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-10' (7024,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-60' (7028,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-80' (7034,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-svg-color' (7038,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (7043,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-active' (7047,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-svg-color' (7051,28): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (7056,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-60' (7060,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color' (7064,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color' (7068,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (7072,28): run-time error CSS1039: Token not allowed after unary operator: '-header-lightDark-color' (7076,28): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' (7080,27): run-time error CSS1039: Token not allowed after unary operator: '-header-lightDark-color' (7084,27): run-time error CSS1039: Token not allowed after unary operator: '-header-light-color' */ /* * -------------------------------- * Alloy Navigator * * Copyright 2002-2025 Alloy Software, Inc. * https://www.alloysoftware.com * -------------------------------- */ .accent-color { background-color: steelblue; } html { height: 100%; } body { font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 14px; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; color: #111315; background-color: #f2f4f5; top: 0 !important; } .dark-theme body { background-color: #121212; color: #CCCCCC; } .dark-theme body #reportViewer_ReportViewer { background-color: white; } div { outline: none; } /*a { color: #428bca; text-decoration: none; } a:hover { color: #2a6496; cursor: pointer; }*/ hr { border-style: none; border-top: 1px dashed #a8a4a4; padding-bottom: 6px; margin-top: 2px; margin-bottom: 2px; } :focus::-webkit-input-placeholder, :focus::-moz-placeholder, :focus:-moz-placeholder, :focus:-ms-input-placeholder { color: transparent; } /*override user agentcolor for selected tables */ table:focus { outline-color: transparent !important; } input [placeholder], input::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder input:-ms-input-placeholder { text-overflow: ellipsis; } /* override sprite white color for calendar header */ .dxeCalendarHeader_anDefault img { filter: brightness(30%); } /* override visited link class for devexpress grids */ a.hyperlink { color: #1d60ff !important; } /* override visited link class for other grids (Announcements) */ a.override-link, a.override-link:visited { color: #428bca; text-decoration: none; } a.override-link:hover { color: #2a6496; } /* disable bootstrap blue glow for form controls */ .form-control:focus { border-color: #cccccc; -webkit-box-shadow: none; box-shadow: none; } /* override bootstrap markups */ .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline .form-horizontal .label { padding-top: 3px; margin-top: 0; margin-bottom: 0; font-weight: normal; } /*label { font-weight: normal !important; }*/ /* additional properties to hide borders and color for input and */ .input-group .no-color { background-color: inherit; } .input-group .no-border { border: none; } /* ============================================================================== App header and menu controls ============================================================================== */ .asp-form { left: 0; top: 0; right: 0; bottom: 0; position: absolute; min-width: 1190px; } .asp-form.react-frame { min-width: auto; } #logo { margin-top: 3px; margin-left: 16px; float: left; height: 50px; display: flex; align-items: center; } #logo img { max-height: 100%; max-width: 200px; } .main-header, .main-wrapper { min-width: 100%; } .main-header { height: 60px; background-color: #ffffff; border-bottom: none; } .main-header .navbar-right { margin: 0; margin-left: auto; float: none !important; display: flex; flex-wrap: nowrap; } .main-header .navbar-left { margin: 15px 50px; } .main-wrapper { position: absolute; top: 56px; bottom: 0; left: 0; right: 0; } .navbar-wrapper { display: none; position: fixed; top: 0px; bottom: 0; width: 280px; background-color: #f2f4f5; border-right: 1px solid #ccc; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .navbar-wrapper.navbar-visible { display: block; } .navbar-wrapper.navbar-pinned { box-shadow: none; } .navbar-wrapper .navbar { position: absolute; width: 280px; overflow: auto; overflow-x: hidden; -ms-zoom: 1; height: 100%; border-width: 0; } .navbar-right .help-options .dropdown-menu { min-width: 360px; } .navbar-right .header-options .dropdown-menu > li > a img, .navbar-right .help-options .dropdown-menu > li > a img { padding-right: 20px; vertical-align: bottom; } .navbar-right .header-options .dropdown-menu > li > a svg, .navbar-right .help-options .dropdown-menu > li > a svg { padding-right: 20px; vertical-align: bottom; box-sizing: content-box; } .navbar-right .header-options .dropdown-menu > li > a, .navbar-right .help-options .dropdown-menu > li > a { padding: 12px 28px; } /* Main page header for grids without menu */ .main-page-header { -ms-grid-row: 1; padding: 8px 20px; border-bottom: 1px solid #ccc; } .page-title { /*background-color: SteelBlue;*/ /*accent*/ padding: 10px 16px; height: 68px; color: #333333; font-size: 18px; } .page-title .view-list-menu { font-size: 18px; font-weight: 500; } /* Module title (Dashboard, Incident List, Assets & etc. ) */ .main-page-title { display: inline-block; vertical-align: middle; display: flex; align-items: center; } .main-page-title-img-wrapper { width: 38px; height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ecf4f8; display: flex; align-items: center; justify-content: center; } .main-page-title-img-wrapper img { height: 24px; width: 24px; border-radius: 15%; filter: grayscale(30%); /*margin-top: -3px;*/ } .main-page-title-text-wrapper { display: inline-block; line-height: 32px; padding-left: 12px; padding-right: 12px; font-weight: 500; } .main-page-title-arrow { padding-left: 10px; padding-right: 3px; } .main-page-title { font-size: 18px; } /* fullscreen edit form */ .full-form-wrapper > .main-page-header { -ms-grid-row: 1; padding: 0; padding-bottom: 10px; background-color: #f6f6f7; } .full-form-wrapper .main-page-title { font-size: 18px; font-weight: normal; text-shadow: 0 1px 0 #fff; color: #5c5c5c; display: inline; } /* Misc styles and modificators */ a.empty-link { text-decoration: none; outline: none; pointer-events: none; } img.empty-link { display: none; } .empty-link:hover { cursor: text; text-decoration: none; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-bold { font-weight: normal; } /* Misc wrapper */ .main-page-right { float: right; } .main-page-content { height: 100%; } .an-breadcrumb-root { background: #f2f4f5; height: 36px; } /* Left sidebar */ .navbar { font-size: 14px; } .navbar.main-header { margin-bottom: 0; } .navbar .dxnb-header .dxnb-btn { margin: 4px 6px 0 0; /* align open header arrow with others */ } /* style for main left sidebar images */ .navbar .dxnbLite_anDefault .dxnb-img { height: 20px; width: 20px; margin-right: 14px; } /* move arrows to right */ .navbar .dxnbLite_anDefault .dxnb-btnLeft, .dxnbLite_anDefault .dxnb-rtlHeader .dxnb-btn { float: right; } .navbar .navbar-group-header-collapsed::after, .navbar .navbar-group-header::after { font-family: "Font Awesome\ 5 Pro"; content: "\f107"; position: absolute; right: 10px; padding-top: 2px; } .navbar .navbar-group-header-collapsed::after { content: "\f105"; } .navbar-group-header-only a { width: 100%; } .navbar .navbar-group-header-only::after { content: "" !important; } #menuBar { border-radius: 50%; display: inline-block; margin: 6px 0px 6px 16px; padding: 11px; overflow: hidden; vertical-align: middle; cursor: pointer; height: 44px; width: 44px; font-size: 22px; float: left; } #menuBarOnNav { border-radius: 50%; display: inline-block; margin: 6px 8px 6px 16px; padding: 11px; overflow: hidden; vertical-align: middle; cursor: pointer; font-size: 22px; color: #d4edff; float: left; border-radius: 20px; } #menuBar .hidden { display: none; } @media (max-width: 690px) { .main-header #profile-menu-container > .MuiStack-root { min-width: 0; } .main-header #profile-menu-container > .MuiStack-root > .MuiTypography-root { display: none; } .main-header .header-search .header-btn { padding: 0 6px; } .main-header .header-search .header-btn > span { display: none; } } @media (min-width: 768px) { .navbar { border-radius: 0; } } @media (min-width: 768px) { .navbar-right .search-panel ul.dropdown-menu { right: -313px; } } @media (max-width: 1200px) { .navbar-right .search-panel ul.dropdown-menu { right: auto; } .navbar-right ul.dropdown-menu { right: auto; left: 0; } } @media (max-width: 767px) { .navbar-nav .open ul.dropdown-menu { position: absolute; background-color: white; } } /* @media (max-width: 1270px) { .col-lg-6 { width: 100%; } } */ .side-bar_wrapper { display: inline-block; vertical-align: top; margin: 8px 4px 20px 4px; border-bottom: 1px solid #edf4f8; width: 230px; } .side-bar_wrapper .input-group-addon { color: #edf4f8; background-color: transparent; border-style: none; padding: 5px 4px 5px 8px; } .side-bar_wrapper .fal.fa-times { cursor: pointer; } .side-bar_wrapper .dxeTextBox_anDefault { background-color: transparent; } .side-bar_filter { border-style: none; } .side-bar_filter input.dxeEditArea_anDefault { color: #edf4f8; background-color: transparent; } #uEmptyText { display: none; padding: 4px; text-align: center; color: #edf4f8; } .mandatory-label { background-color: inherit; } div.required::after { content: "\f069"; font-family: "Font Awesome 5 Pro", Helvetica, Arial, sans-serif; color: #d00; font-weight: 400; position: relative; margin-left: 5px; font-size: 10px; top: -1px; } .resizable-textarea div.required::after { content: ""; } .required::after { } .radio-wrap { display: block; padding-left: 12px; } .radio-wrap.mandatory { background: inherit; } .radio-wrap.mandatory.notvalid { border: 1px solid #d00; } .radio-btn input[type="radio"]:focus { outline: 1px dotted #333; } .radio-wrap.required > span::after { content: "\f069"; font-family: "Font Awesome 5 Pro", Helvetica, Arial, sans-serif; color: #d00; font-weight: 400; position: absolute; } /* .readonly-field { border: 1px solid #DCDCDC !important; color: black; } */ .radio-btn-field label { display: inline-block; position: relative; bottom: 2px; left: 2px; } /* ============================================================================== Panels, menu, grids ============================================================================== */ .main-form { height: 100%; width: 100%; background: #f6f6f7; border: 1px solid #ccc; } .main-form .toolbar-wrapper { border: none; border-bottom: 1px solid #ccc; } .form-gridpanel { padding-bottom: 4px; margin-bottom: 6px; } .form-gridpanel-content { height: 100%; padding-bottom: 0; } .form-gridpanel-content .toolbar-wrapper { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .form-grid-wrapper { padding-bottom: 0; } .form-row { width: 100%; display: table; } .Panel, .an-panel { padding-bottom: 4px; margin-bottom: 6px; background-color: inherit; } .an-panel .an-header { /*font-size: 12px;*/ font-weight: 900; color: #444; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; margin-bottom: 4px; white-space: nowrap; vertical-align: top; border-bottom: 1px dashed #a8a4a4; } .an-panel .an-row { margin-top: 3px; display: table; text-align: left; width: 100%; } .an-panel .label { display: table-column; float: left; text-align: left; } .an-panel .control { float: left; display: table-column; } /* ============================================================================== Modal form Override and expand bootstrap classes ============================================================================== */ .modal-header { padding-top: 0; border: none; } .modal-content-wrapper { display: grid; grid-template-rows: auto 76px; height: 100%; } .modal-content-wrapper .modal-body { grid-row: 1; } .modal-content-wrapper.with-padding { padding: 8px; } .modal-content-wrapper .popup-footer { grid-row: 2; } .modal-body { padding: 0; background: #ffffff; border: none; height: 100%; grid-row: 1; } .modal-body.with-padding { padding: 0 8px 0 8px; } .modal-body .tab-content { padding-top: 8px; } .customize-dialog .modal-body.with-padding { padding: 0 8px 0 8px; } .modal-body .absolute-mod { position: absolute; top: 0; left: 0; right: 0; bottom: 76px; } .modal-body-nopadding .col-sm-8 { padding-left: 0px; padding-right: 0px; } .customize-dialog { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .customize-view-error { display: flex; flex-direction: row; align-items: center; padding: 15px; background-color: #f3f2f1; } .customize-view-error i { font-size: 20px; color: #605e5c; padding-right: 7px; } .hl-grid-container { } /* ============================================================================== Buttons ============================================================================== */ .modal-footer-btn { padding-right: 16px; } .modal-footer-btn:last-child { padding-right: 0; } .modal-footer-btn .dxbButton_anDefault { color: #666666; background-color: #ffffff; border: 1px solid #cccccc; box-shadow: none; font-weight: 600; border-radius: 4px; } .modal-footer-btn .dxbButton_anDefault.primary { color: #ffffff; background-color: var(--primary-active); border: 1px solid var(--primary-active); } .modal-footer-btn .dxbButtonHover_anDefault.primary, .modal-footer-btn .dxbButtonHover_anDefault { color: #ffffff; background-color: #2b528b; } .modal-footer-btn .dxbButton_anDefault.dxbDisabled_anDefault { color: #a2a2a2; } .modal-footer-btn .dxbButton_anDefault.submit-Btn span::before { font-family: "Font Awesome\ 5 Pro"; content: "\f00c"; color: inherit; position: relative; left: -8px; } .modal-footer-btn .dxbButton_anDefault.close-Btn div.dxb { padding-left: 21px; } .modal-footer-btn .dxbButton_anDefault.close-Btn span::before { font-family: "Font Awesome\ 5 Pro"; content: "\f00d"; color: inherit; position: relative; left: -8px; } .modal-footer-btn .dxbButton_anDefault.next-Btn span::after { font-family: "Font Awesome\ 5 Pro"; content: "\f061"; color: inherit; position: relative; left: 8px; } .modal-footer-btn .dxbButton_anDefault.back-Btn span::before { font-family: "Font Awesome\ 5 Pro"; content: "\f060"; color: inherit; position: relative; left: -8px; } .modal-footer-btn .dxbButton_anDefault.apply-Btn span::before { font-family: "Font Awesome\ 5 Pro"; content: "\f33d"; color: inherit; position: relative; left: -8px; } /* ============================================================================== Version Web60 styles ============================================================================== */ .PanelTitle { font-size: 14px; font-weight: 600; color: #444; padding-top: 12px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; margin-bottom: 4px; white-space: nowrap; vertical-align: top; /*border-bottom: 1px solid #a8a4a4;*/ } .PanelRow { padding: 12px 12px 0px 12px; text-align: left; /* padding-top: 3px; padding-bottom: 0; padding-left: 8px; padding-right: 8px; */ } .PanelRowTopOffset { padding-top: 8px; } .PanelTitleEmpty { padding-left: 6px; padding-right: 6px; vertical-align: top; border-top: 1px dashed #a8a4a4; } .PanelRowPage { padding-top: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; } .PanelDivider { padding-top: 6px; padding-bottom: 0; padding-left: 0; padding-right: 0; } /* Truncated text with ellipsis (...) */ .full-form-tasks li > div.text-ellipsis { padding-left: 29px; } .full-form-tasks li > a > div.text-ellipsis { padding-left: 0px; } .text-ellipsis { line-height: 16px; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* ============================================================================== Rating styles in Forms an grids ============================================================================== */ .x-progress-bar { height: 16px; overflow: hidden; position: absolute; width: 0; } .x-progress.voteInd { height: 17px; border: none; position: relative; margin-right: 4px; background: transparent url(../images/StarEmpty.svg) repeat-x !important; } .voteInd .x-progress-bar { height: 16px; border: none; background: transparent url(../images/StarFill.svg) repeat-x !important; } /* Rating style in Grid */ .x-rating { height: 16px; } .x-rating-outer { background: transparent url(../images/StarEmpty.svg) repeat-x !important; } .x-rating-inner { float: left; background: transparent url(../images/StarFill.svg) repeat-x !important; } #emptyText { position: absolute; top: 50%; left: 35%; } /* Warning message about outdated browser */ .top-warning-message { width: 100%; position: absolute; top: 0; left: 0; right: 0; height: 50px; margin: 0 auto; z-index: 100; } /* ============================================================================== Styles for Select attachment form ============================================================================== */ .message-helper { z-index: 40000 !important; } .dxpcLite_anDefault .message-helper .dxpc-content { padding: 0 20px 20px 20px; } .message-helper span.dx-vam { padding-top: 10px; margin-bottom: 3px; } .dark-theme .message-helper { background-color: #393939; border: none; color: #cccccc; } .dark-theme .message-helper .message-content-wrapper, .dark-theme .message-helper .progress-content-wrapper, .dark-theme .message-helper .popup-footer { background-color: #393939; } .dark-theme .message-helper .modal-footer-btn { background-color: transparent; border-color: #ffffff66; } .dark-theme .message-helper .modal-footer-btn.primary { background-color: #1189f4; border-color: #1189f4; } .dark-theme .message-helper .dxpc-headerContent { color: #cccccc; } .img-wrapper { float: left; margin: 0 10px 0 0; } .modal-content-wrapper.hide-icon .img-wrapper { display: none; } .msg-body { padding-bottom: 20px; padding-top: 12px; } .default-btn, input[type="button" i], .message-button { min-width: 79px; height: 37px; padding: 10px 0px; margin-right: 16px; display: flex; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; color: #666666; background-color: #ffffff; border: 1px solid #cccccc; box-sizing: border-box; border-radius: 4px; } .default-btn.primary, input[type="button" i].primary, .message-button.primary { color: #ffffff; background-color: var(--primary-active); border: 1px solid var(--primary-active); } .default-btn:hover, .default-btn:active, input[type="button" i]:hover, input[type="button" i]:active, .message-button:hover, .message-button:active { color: #ffffff; background-color: #2b528b; border: 1px solid #2b528b; } /* Popup styles */ .popup-body { padding: 20px; } .popup-footer { background-color: #fff; height: 76px; padding: 20px 8px 8px 8px; width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .popup-footer_absolute { position: absolute; left: 0; bottom: 0; } .popup-footer_fixed { position: fixed; left: 0; bottom: 0; } .popup-footer_fixed.paste-image-dialog { padding: 8px; bottom: -8px; } .popup-footer_action-form { height: 76px; padding: 0 40px; } .popup-footer__btn-wrap { display: flex; flex-direction: row; justify-content: flex-end; } .main-page-wrapper .popup-footer__btn-wrap { justify-content: flex-start; } .main-page-wrapper #popupImage { object-fit: contain; width: 100%; height: 100%; } .main-page-wrapper .popup-footer__btn-wrap.popup-footer-right { justify-content: flex-end; } .with-fixed-footer { /* margin-bottom: 76px; */ } .pager-fixed-footer { margin-bottom: 60px; } /* ============================================================================== ErrorPage ============================================================================== */ .error-page.main-header { position: static; } .error-page-title { margin: 0 auto; padding-top: 15px; width: 10%; font-size: 20px; text-align: center; } .error-wrapper { margin: 25px 55px; } .error-title { margin: 10px; } .error-title span { white-space: normal; font-size: 12pt; color: red; } .error-text span { font-size: 10pt; color: rgb(184, 34, 34); } .error-additional { margin: 10px; } .error-additional span { font-size: 9pt; color: rgb(115, 27, 27); } /* ============================================================================== Login dialog ============================================================================== */ :root { --login-primary: #145ac2; --login-primary-light: #d4edff; --login-background: #cfe2f8; --login-text-default: #000000; --login-text-muted: #909090; --login-text-subtle: rgba(0, 0, 0, 0.7); --login-text-error: rgb(169, 68, 66); --login-border-color: rgba(0, 0, 0, 0.38); --login-surface-light: #f2f4f5; --login-surface-medium: #f0f0f0; --login-disabled: gray; --login-label-color: #2b528b; --login-surface-main: #fff; --login-shadow-color: #00000026; --login-error: red; --login-submit-color: #fff; --login-link-color: #145ac2; --login-sso-button-color: var(--gray-60); --login-sso-button-hover-color: var(--gray-80); --login-header: var(--header-back-color); } :root.dark-theme { --login-primary: #1189f4; /* #145AC2; */ --login-primary-light: rgba(17, 138, 248, 0.08); /* #D4EDFF; */ --login-background: #cfe2f8; --login-text-default: #fff; /* #000000; */ --login-text-muted: #909090; --login-text-subtle: rgba(255, 255, 255, 0.6); /* rgba(0, 0, 0, 0.6); */ --login-text-error: #eb3a14; /* rgb(169, 68, 66); */ --login-border-color: rgba(255, 255, 255, 0.38); --login-surface-light: #f2f4f5; --login-surface-medium: #f0f0f0; --login-disabled: gray; --login-label-color: #1189f4; /* #2B528B; */ --login-surface-main: #121212; /* #fff; */ --login-shadow-color: #00000026; --login-error: red; --login-submit-color: #fff; --login-link-color: #145ac2; --login-sso-button-color: #999; --login-sso-button-hover-color: #ccc; --login-header: #1c3f74; } .dark-theme .login-dialog table { background: transparent; } .dark-theme .login-dialog input { background: transparent; } /* .dark-theme .login-dialog-wrapper { background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.7); } */ #login-header-wrapper { display: flex; align-items: center; height: 56px; background-repeat: repeat-x; padding-left: 30px; width: 100%; } #login-header-title { float: left; padding-left: 30px; } #login-header-image { height: 50px; display: flex; align-items: center; } #login-header-image img { max-height: 100%; max-width: 200px; } .gray-header { height: 48px; width: 100%; background: var(--login-surface-light); } #login-header-title h1 { font-size: 20pt; margin: 0; } #login-header-title h4 { color: var(--login-text-muted); font-size: 12pt; font-style: italic; margin: 0; } #login-header-hint { color: var(--login-text-error); font-size: 14px; font-weight: bold; padding-top: 15px; width: 100%; text-align: center; } .login-dialog-wrapper { width: 100%; min-height: 100vh; height: 100%; background: url("../Images/login_bg.svg") no-repeat var(--login-background); background-size: cover; padding-top: 32px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .dark-theme .login-dialog-wrapper { background: url("../Images/login_bg_dark.svg") no-repeat var(--login-background); background-size: cover; } .login-dialog-wrapper .powered-by-label { text-align: center; text-decoration: underline; color: var(--login-link-color); margin-top: 35px; margin-bottom: 16px; } .login-dialog { width: 400px; z-index: 1; display: flex; flex-direction: column; box-shadow: 0px 0px 22px 0px var(--login-shadow-color); border-radius: 12px; position: relative; background: var(--login-surface-main); overflow: hidden; } .login-dialog * { font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; } .login-dialog .login-dialog-header .login-header-image { height: 90px; display: flex; justify-content: center; margin-bottom: 20px; padding: 20px 0; background-color: var(--login-header); align-items: center; } .login-dialog .login-dialog-header .login-header-image img { max-height: 100%; max-width: 200px; } .login-dialog .login-dialog-header .login-header-title { font-size: 28px; line-height: 32px; color: var(--login-primary); font-weight: 400; margin: 0; text-transform: capitalize; padding: 0 40px; } .login-dialog .login-username { padding-bottom: 35px; } .login-dialog .login-rememberme { padding-top: 35px; } .login-dialog .login-rememberme label { font-weight: 500 !important; line-height: 18px; color: var(--login-text-subtle); } .login-dialog .login-separator { height: 40px; } .login-panel-wrapper { display: flex; flex-direction: column; justify-content: center; } .login-dialog-body { padding: 40px; } .login-sso-buttons { margin-top: 10px; position: relative; } .login-sso-buttons:hover .login-http-warning { display: flex; } .login-sso-button input { width: 100%; border: none; background-color: transparent; text-align: left; font-weight: inherit; font-size: inherit; padding: 0; justify-content: flex-start; line-height: inherit; color: inherit; height: 100%; position: absolute; right: 0; top: 0; padding-left: 56px; z-index: 2; margin: 0; } .login-sso-button input:hover { border: none; background-color: transparent; color: inherit; } .login-signin-button { margin-top: 30px; } .login-sso-button { font-size: 14px; font-weight: 400; color: inherit; width: 100%; line-height: 16px; } #Separator { margin-top: 20px; height: 1px; border-bottom: 1px solid var(--login-border-color); } .login-sso-row { color: var(--login-sso-button-color); } .login-sso-row, .login-sso-row-disabled { display: flex; align-items: center; padding: 10px 8px; border-radius: 12px; position: relative; } .login-sso-row img, .login-sso-row-disabled img { margin-right: 16px; z-index: 1; position: relative; } .login-sso-row-disabled { color: var(--login-disabled); } .login-sso-row-disabled img { filter: grayscale(1); } .login-sso-row:hover { background-color: var(--login-primary-light); color: var(--login-sso-button-hover-color); } .login-http-warning { background-color: var(--login-surface-medium); margin-top: 4px; margin-left: -40px; margin-right: -40px; padding: 16px 40px; display: none; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 10; } .login-http-warning:hover { display: flex; } .login-http-warning img { margin-right: 20px; } .anit-panel.panel { border-radius: 0; } .login-username label, .login-password label { color: var(--login-label-color); font-size: 13px; font-weight: 500 !important; margin-bottom: 0px; line-height: 12px; } .login-username input, .login-password input { font-size: 16px !important; color: var(--login-text-default) !important; } @media (min-height: 768px) { .login-dialog-wrapper { padding-top: 8%; justify-content: flex-start; } .powered-by-label { margin-bottom: 4%; } } #tbStdUserName, #tbStdPwd { border: none; border-bottom: 1px solid var(--login-border-color); } #tbStdUserName .dxic, #tbStdPwd .dxic { padding-left: 0; padding-right: 0; } #btnLogin { border: none; border-radius: 30px; color: var(--login-submit-color); background-color: var(--login-primary); height: 42px; text-transform: capitalize; } #btnLogin img { margin-left: -10px; } .anit-panel .panel-gray { background-color: var(--gray-10); } .anit-panel .panel-title .fal { float: right; cursor: pointer; } .anit-panel .panel-heading { border-radius: 0; padding: 15px 13px; } .anit-panel .panel-title { font-size: 17px; font-weight: 400; text-rendering: optimizeLegibility; width: 100%; } .anit-panel .fa-chevron-down, .anit-panel .fa-chevron-up { margin-left: 15px; padding: 0px 5px; } /* StorageCapacityNumeric */ .input-right { text-align: right; } .input-left { text-align: left; } /* Invalid fields style */ .invalid-field { border-color: var(--login-error); } @media (min-width: 1200px) { .col-6-extend { width: 100%; } } @media (min-width: 1404px) { .col-6-extend { width: 50%; } } .calculate-disabled .dxeButton { pointer-events: none; filter: brightness(2); } .checkbox-field { display: inline-block; margin-right: 3px; } .checkbox-field span.dxichCellSys.dxeTAR { padding-left: 0px; } .dev-checkbox label { margin-top: 2px; margin-bottom: 0; } .dev-checkbox { background-color: var(--login-surface-main); } .checkbox-label { display: inline-block; vertical-align: middle; } .checkbox-hint { clear: both; /* margin-left: 159px;*/ } /* ============================================================================== RDL REPORT VIEWER ============================================================================== */ .ReportViewArea > table { width: 100% !important; } .ReportViewArea:nth-of-type(1) img[src*="Blank.gif"] { display: none; } .refresh-report { display: inline-block; font-family: Verdana; font-size: 8pt; vertical-align: top; } .refresh-report > div { border: 1px solid transparent; height: 23px; width: 20px; margin-top: 2px; margin-bottom: 2px; cursor: pointer; } #refresh-report { margin-top: 13px; margin-left: 8px; width: 19px; height: 16px; background-image: url(../Images/report-refresh.svg); background-size: cover; cursor: pointer; } .dragging-container { height: 25px; /*position: relative;*/ width: 100%; } .size-grip { position: absolute; bottom: 7px; right: 7px; width: 12px; height: 12px; cursor: se-resize; } .resize-rect { position: absolute; z-index: 20001; border: 2px solid #808080; } .onmove-popup { z-index: 13001 !important; } .spinedit { margin-top: -5px; } .radio-wrapper { margin: 0 15px; border: 1px solid #a5acb5; } .radio-wrapper .panel-body { padding-left: 10px; } .radio-readonly label { color: #cccccc; } .div.notvalid { border: 1px solid #d00; } .form-control.input-sm { border-radius: 0; } .radio-wrapper label { vertical-align: middle; margin-left: 2px; } .preview-wrapper { padding: 3px; padding-left: 13px; min-height: 30px; margin-left: 40px; margin-right: 40px; position: relative; } .max-record-info { display: block; padding: 4px; font-size: 12px; } .preview-wrapper span { display: inline; /*font-size: 12px;*/ font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; border: none; margin: 0; padding: 0; color: #0645ad; white-space: pre-wrap; padding-left: 8px; } .line-clamp { overflow: hidden; } a.preview-row:hover, a.preview-row:visited, a.preview-row:link, a.preview-row:active { text-decoration: none; color: black; } pre { background-color: inherit; } .image-center { display: block; margin-left: auto; margin-right: auto; } .small-label { display: table-cell; vertical-align: top; min-width: 130px; padding-left: 10px; } #highlighting .field-cell { padding-left: 0; padding-right: 5px; } #highlighting .panel { margin-bottom: 0; } .font-properties { float: left; margin-bottom: 0; } .font-properties > table { float: left; margin-right: 10px; } #highlighting .small-label { min-width: 160px; } #highlighting .small-label.mandatory-label { min-width: 130px; padding-left: 0; } #highlighting .apply-to .small-label { min-width: 130px; } #highlighting .panel-heading { border: none; } #highlighting .apply-to { padding-top: 0; } .apply-to .field-cell { padding-top: 78px; } #rowExample { max-height: 56px; white-space: nowrap; overflow: hidden; margin-left: 5px; text-overflow: clip; } #rowExample table { border: 1px solid #dbdee1; width: 100%; margin-top: 10px; border-collapse: collapse; } #rowExample td { padding: 0; margin: 0; } #rowExample span { display: block; padding: 8px 6px; overflow: hidden; text-overflow: ellipsis; } .filter-wrapper { height: 233px; overflow: auto; border: 1px solid #dcdcdc; background-color: rgb(253, 253, 253); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; } .sql-filter-memo { border: none; } #divGroup > div > div { margin-bottom: 5px; } .full-form .toolbar { border: none; } .form-footer { color: #333; padding-top: 10px; border-top: 1px solid #dcdcdc; } div.grippie { cursor: s-resize; height: 6px; overflow: hidden; } .remove-selection { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #leftHiddenPanel { display: none; background: white; display: none; position: absolute; bottom: 0; top: 27px; overflow-x: hidden; overflow-y: hidden; width: 28px; } #divMasterPageShowLeft { z-index: 9050; } #pinBar { position: relative; z-index: 1051; right: 6px; top: 10px; cursor: pointer; float: right; padding: 10px 12px; border-radius: 20px; } table.radioWithProperWrap label { white-space: nowrap !important; } td.footer-cell { padding-left: 15px; } .BeforeEmptyMenuItem { min-width: 50px !important; max-width: 75px; } .EmptyMenuItem { min-width: 5px; max-width: 15px; height: 25px; } .custom-editor .contentCell { padding: 11px; } .custom-editor .buttonsCell { background-color: #e9edf1; border-top: 1px solid #c9cdd2; padding: 10px 11px; } .unselectable { -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .message-text { white-space: pre-wrap; max-height: 500px; overflow-y: auto; display: block; } #ff-paste-box { opacity: 0; position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden; } .progress-wrapper { padding: 6px; border: 1px solid #ccc; background-color: #f2f2f2; margin-bottom: 5px; } .attach-text { font-size: 9pt; } .attach-bar { height: 9px; border: 1px solid black; width: 100%; margin-top: 9px; margin-bottom: 1px; } .attach-bar progress { width: 100%; display: block; color: #0063a6; height: 7px; } .actions-menu .btn-primary { color: black; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; padding-bottom: 3px; padding-top: 5px; border: none; background-color: #f2f2f2; background-image: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(100%, #f2f2f2) ); background-image: -moz-linear-gradient(90deg, #f2f2f2 0%, white); background-image: -ms-linear-gradient(90deg, #f2f2f2 0%, white); } .actions-menu .btn-primary:hover { background: #dcdcdc linear-gradient(#fff, #dcdcdc); box-shadow: 0 0 0 1px #aaa inset, 0 0 0 #aaa; } .actions-menu .btn-primary:active { background: none; box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 2px #fff; } .actions-menu .dropdown-menu, .memo-editor .dropdown-menu, .text-toolbar .dropdown-menu { border-radius: 0; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; padding: 2px; border-color: #a7abb0; } .memo-editor .dropdown-menu > li > a, .actions-menu .dropdown-menu > li > a { padding: 5px 20px; } .pull-right > li > a { text-align: left; } .actions-menu img { margin-right: 18px; } .actions-menu img#action-img { width: 20px; height: 16px; margin-right: 0; } .actions-menu .btn-primary .caret, .memo-editor .btn-primary .caret { border-top-color: #3b3b3b; border-left-width: 3px; } .memo-wrap { width: 100%; position: relative; padding: 0; } .memo-wrap .scroll-textarea { border: 1px solid #dcdcdc; border-radius: 2px; } .memo-wrap .scroll-textarea_focused { border-color: steelblue; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px 0 4px 3px; border-left-color: #3b3b3b; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #3b3b3b; } .dropdown-menu .dropdown-group-header { font-weight: bold; } .dropdown-menu .dropdown-group-item { padding-left: 15px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .attachment-wrapper { margin-right: 15px; padding-bottom: 15px; } .attachment-wrapper .ui-buttonset { margin-right: 2px; } .checkbox-wrapper { position: relative; height: 16px; width: 17px; margin-top: 3px; } .checkbox-wrapper input[type="checkbox"] { opacity: 0; height: 16px; width: 17px; position: absolute; top: 0; left: 0; z-index: 2; } .checkbox-wrapper input[type="checkbox"] + label { background-image: none; height: 16px; width: 17px; display: inline-block; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; } .checkbox-wrapper .checkbox-hover input[type="checkbox"]:checked:hover + label { background-image: url(data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAObv+v+Hsez/Ponh/x9w1v8hcdv/QIbh/4ex7P/m7/r/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAK/K8v8hbtz/Hm/T/x5v0/8eb9P/Hm/T/x5v0/8eb9P/IW7c/6/K8v8AAAAAAAAAAAAAAAAAAAAAAAAAAK/K8v8eb9P/Hm/T/x5v0/8eb9P/Hm/T/x5v0/8eb9P/Ln7f/yN33f8eb9P/r8ry/wAAAAAAAAAAAAAAAObv+v8hbtz/Hm/T/x5v0/8eb9L/HWnQ/x1p0P8dadD/Jnfd/6zM8v+bwO//Jnfd/yFu3P/m7/r/AAAAAAAAAACHsez/Hm/T/x5v0/8eb9P/Hm/T/x5v0/8eb9P/Hm/T/yBx2P90qOn/4e76/4Kw6/8eb9P/iLPs/wAAAAAAAAAAPonh/x5v0/9mnuf/Z6Dn/2eg5/9Tk+T/Hm/T/x5v0/8eb9P/IHLZ/53B7//e6/r/Hm/T/0CG4f8AAAAAAAAAAB9t2P8eb9P//Pz+//z8/v/8/P7/wtf1/x5v0/8eb9P/Hm/T/x5v0/9on+f//Pz+/x5v0/8hcdv/AAAAAAAAAAAfbdj/Hm/T///////4+v7/xdr1/zmC4P8eb9P/Hm/T/x5v0/8eb9P/grDr//D1/P8eb9P/H23Y/wAAAAAAAAAAPonh/x5v0///////m8Dv/+Ds+v+xzfP/OIDg/x9v1f8gctn/S5Dj/9Hg+P+ryfH/Hm/T/z6J4f8AAAAAAAAAAIex7P8eb9P/i7Xs/zeD4P9jnOb/1+X5/9Ph+P+Yv+//pMTx/97r+v/G2fX/P4jh/x1p0P+Is+z/AAAAAAAAAADm7/r/IW7c/x5v0/8eb9P/HnDV/0aL4v+Vve//xdr1/77Y9P+Ltez/NH/f/x5r0v8hbtz/AAAAAAAAAAAAAAAAAAAAAK/N8f8eb9P/Hm/T/x5v0/8eb9P/Hm/T/x5v0/8eb9P/Hm/T/x1p0P8eb9P/r83x/wAAAAAAAAAAAAAAAAAAAAAAAAAAr83x/yFu3P8eb9P/Hm/T/x5v0/8eb9P/Hm/T/x5v0/8hbtz/r8ry/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADm7/r/h7Hs/z+G4f8fbdj/H23Y/z+G4f+Hsez/5u/6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAPAPAADgBwAAwAMAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAwAAwAMAAOAHAADwDwAA//8AAA==); height: 16px; width: 17px; display: inline-block; padding: 0; } .checkbox-wrapper input[type="checkbox"]:checked + label { background-image: url(data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAO/37f+k2Z3/b8Bj/1G0RP9Wtkn/cMFk/6TZnf/v9+3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMTlv/9Wt0r/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/VrdK/8Tlv/8AAAAAAAAAAAAAAAAAAAAAAAAAAMTlv/9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/xOW//wAAAAAAAAAAAAAAAO/37f9Wt0r/T7NB/0+zQf9PskH/TbBA/02wQP9NsED/T7NB/0+zQf9Ps0H/T7NB/1a3Sv/v9+3/AAAAAAAAAACk2Z3/T7NB/0+zQf9OsUD/TbBA/6LDnf//////ibWD/02wQP9Ps0H/T7NB/0+zQf9Ps0H/pdie/wAAAAAAAAAAb8Bj/0+zQf9NsED/TbBA/63LqP///////P38//r7+v9qomP/TbBA/0+zQf9Ps0H/T7NB/3DBZP8AAAAAAAAAAFK0Rf9Ps0H/TK0+/7fUtP//////xuTC/2S4Wf/o8+b/7vXt/2qiY/9MrT7/T7NB/0+zQf9Wtkn/AAAAAAAAAABStEX/T7NB/0+vQv/f8N3/odSZ/02uP/9MrkD/bLxg//b69f/Z59f/TbBA/02wQP9Ps0H/UrRF/wAAAAAAAAAAb8Bj/0+zQf9MrkD/TK0//0yuQP9PskH/T7NB/0ytP/+Dx3r//v7+/73Uuv9NsED/T7NB/2/AY/8AAAAAAAAAAKTZnf9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/TK0//6LVm///////fMNy/02wQP+l2J7/AAAAAAAAAADv9+3/VrdK/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+yQf9Nrj//gsZ6/1GwRP9Wt0r/AAAAAAAAAAAAAAAAAAAAAMXkwP9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Ps0H/T7NB/02vQP9Ps0H/xeTA/wAAAAAAAAAAAAAAAAAAAAAAAAAAxeTA/1a3Sv9Ps0H/T7NB/0+zQf9Ps0H/T7NB/0+zQf9Wt0r/xOW//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADv9+3/pNmd/2/BY/9StEX/UrRF/2/BY/+k2Z3/7/ft/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAPAPAADgBwAAwAMAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAwAAwAMAAOAHAADwDwAA//8AAA==); height: 16px; width: 17px; display: inline-block; padding: 0; } img.menu-image { max-width: 24px; max-height: 24px; } .memo-editor .editor-content { margin: 7px; background: none repeat scroll 0 0 #f8f8f8; position: absolute; top: 100px; bottom: 76px; right: 0; left: 0; } .memo-editor textarea { width: 100%; height: 100%; resize: none; } .memo-editor .popup-footer { background: none repeat scroll 0 0 #f8f8f8; } .memo-editor .nav button { border: none; background-image: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(100%, #f2f2f2) ); display: block; float: left; margin: 0; } .text-toolbar { display: flex; justify-content: flex-end; padding-right: 40px; margin-top: 10px; } .text-toolbar a { text-decoration: none; } .action-form-instruction .text-toolbar span { margin-left: -4px; color: #444444; } .text-toolbar img { vertical-align: middle; margin-bottom: 5px; } .text-toolbar a[disabled="disabled"] { pointer-events: none; filter: grayscale(1) brightness(2.2); } .memo-editor .toolbar, .text-toolbar .toolbar { height: 25px; padding: 2px; } .memo-editor .separator { height: 20px; margin-top: 3px; } .memo-editor .separator b { background: #bbbfc4; width: 1px; display: block; height: 100%; } .memo-editor .nav { padding-left: 0; margin-bottom: 0; list-style: none; border-bottom: 1px solid #afbcc8; padding: 2px 0 2px 4px; background-image: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(100%, #f2f2f2) ); } .modal-header.action-form-header { padding: 0px 20px 0px 20px; font-size: 24px; color: #333333; min-height: 56px; display: flex; flex-direction: row; align-items: center; background-color: #f9fafa; border: none; } .action-form-header span { font-size: 24px; line-height: 32px; padding-top: 7px; padding-bottom: 7px; } .action-form-instruction { padding-left: 20px; padding-top: 8px; min-height: 50px; } .action-form-instruction span { color: #898989; } .action-form-logo { display: flex; align-items: center; justify-content: center; margin-right: 15px; } .action-form-logo img { height: 24px; width: 24px; } .action-form-header h4 { margin: 0; } .action-form-header .text-toolbar .nav { border: none; background-image: none; } .action-form-header .nav > li { display: inline-block; float: none; } .text-toolbar .nav { border: none; } .memo-editor .nav > li > a, .text-toolbar .nav > li > a { padding: 1px 3px; background-color: inherit; border-radius: 0; color: black; } .memo-wrap .me-btn { right: 2px; font-size: 11px; top: -22px; } .panel-with-memo .memo-wrap .me-btn { right: 36px; top: -23px; } .memo-wrap .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 1px; width: 10px; } .memo-wrap .scroll-textarea > .scroll-content > textarea { padding-right: 14px; padding-left: 4px; } .memo-wrap .scroll-textarea > .scroll-content.scroll-scrolly_visible > textarea { padding-right: 2px; } .me-btn { position: absolute; top: 2px; right: 1px; cursor: pointer; z-index: 11; } .memo-editor .nav .caret, .text-toolbar .nav .caret { border-top-color: black; border-bottom-color: black; } .memo-editor .btn-default, .text-toolbar .btn-default { border-color: transparent; border-radius: 3px; } .text-toolbar .caret, .memo-editor .caret { margin-left: 5px; } .memo-editor .btn-default:hover, .text-toolbar .btn-default:hover { border-color: #adadad; } .me-readonly #me-cut, .me-readonly #me-paste, .me-readonly #me-timestamp { opacity: 0.3; cursor: inherit; } .me-readonly #meOkBtn, .me-readonly #me-snippet { display: none; } .me-readonly textarea { background-color: #f6f6f7; } .textarea-scrollbar.mandatory.notvalid { border: 1px solid #d00; } #memoEditor:focus { outline: none; border: 1px solid #808891; } .sp-editor .two-pane-page { left: 10px; top: 35px; bottom: 110px; right: 10px; } .sp-editor .right-pane { left: 210px; } .sp-memo { height: 105px; position: absolute; bottom: 0; width: 100%; } .sp-tree { border: 1px solid #ccc; } .sp-editor .sp-placeholder { position: absolute; bottom: 67px; left: 10px; right: 10px; } ul.sp-categories { list-style: none; padding: 0; margin: 0; } ul.sp-categories li { padding: 3px; } ul.sp-categories li.focused { color: white; background-color: #cccccc; } ul.sp-categories li .sp-arrow { float: right; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid black; margin: 5px 7px; } ul.sp-categories li.focused .sp-arrow { border-left-color: white; } ul.categories li { padding: 5px; display: block; } ul.categories li.submenu:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px 0 4px 3px; border-left-color: #3b3b3b; margin-top: 4px; margin-right: 5px; } ul.categories li.focused.submenu:after { border-left-color: white; } ul.categories li.focused { color: white; background-color: #859ebf; } #placeholderDetails { margin-top: 5px; border: 1px solid #cccccc; height: 85px; overflow: auto; width: 100%; background-color: #f6f6f7; resize: none; } #placeholderDetails:focus { outline: none; } .ci-table tr td { padding-bottom: 4px; } .ci-tb { height: 23px; background-color: #f6f6f7; padding: 3px 3px 2px 3px; border: 1px dotted gray !important; color: black; } /* ============================================================================== NEW CUSTOMIZE VIEW ============================================================================== */ .dual-panel { height: 100%; display: block; min-height: 0; padding: 8px 0 0 0; } .dual-panel-row { height: 100%; display: grid; grid-template-columns: 1fr 165px 1fr; overflow: hidden; } .l-header, .r-header { padding-top: 10px; } .l-content, .r-content { border: 1px solid #cccccc; display: block; overflow: hidden; height: 100%; } .l-cell, .r-cell { display: grid; overflow: hidden; grid-template-rows: 36px auto; } .m-cell { display: flex; justify-content: center; padding-top: 36px; } .dual-panel table, .dual-panel tr, .dual-panel td { padding: 0; } .ui-selectmenu-menu .ui-menu, .dual-panel .ui-selectmenu-button { border-radius: 0; } .ui-widget-content .ui-menu-item { font-weight: normal; color: #2b2b2b; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; background: #fff; } .ui-widget-content .ui-state-focus { border: 1px solid #ccc; background: #f9fafa; } .dual-panel .ui-selectmenu-text { font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: normal; color: black; } .btn-wrap { height: 100%; display: grid; grid-template-rows: auto auto 1fr; } .btn-wrap button { margin: 5px; } .btn-wrap-top { } .btn-wrap-mid { margin-top: 20px; } .btn-wrap-bot { align-self: end; } .dual-panel ol, .dual-panel ul { list-style: none; margin: 0; padding: 0; } .dual-panel ul { vertical-align: top; overflow: hidden; overflow-y: scroll; height: 100%; } .dual-panel li { background-color: white; padding: 3px 0; height: 25px; margin: 0; } .dual-panel td.editable { border-left: 1px solid #dbdee1; } .dual-panel li.editable { padding: 0; height: 28px; } .dual-panel .ui-sortable > li:hover { background-color: #f2f9ff; } .dual-panel .ui-sortable > li.selected { background-color: #d1e5fd; } .dual-panel li table { table-layout: fixed; width: 100%; height: 100%; border-collapse: collapse; } .dual-panel table td { padding: 0; } .dual-panel li select { width: 100%; height: 25px; } .dual-panel .ui-selectmenu-button { display: block; } .dual-panel .ui-selectmenu-button.ui-button { width: 100%; outline: none; padding: 0.4em 0.5em; } .dual-panel .ui-selectmenu-button span.ui-selectmenu-text { padding: 0; } .dual-panel .ui-state-default[role="combobox"] { border: none; background: white; outline: none; width: 100% !important; } .dual-panel .ui-button-text { font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: 400; color: #000; } .dual-panel .ui-state-default .ui-icon { display: none; } .dual-panel .ui-state-hover .ui-icon { display: block; } .ui-selectmenu-open { -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); } .ui-selectmenu-open ul { border-color: #a5acb5; } .datepickers-container .datepicker--day-name, .datepickers-container .datepicker--button, .datepickers-container .datepicker--cell.-current- { color: #145ac2; } .datepickers-container .datepicker--cell.-selected-, .datepickers-container .datepicker--cell.-selected-.-current-, .datepickers-container .datepicker--cell.-selected-.-focus- { color: #fff; background-color: #2b528b; } .dlp-header { border-collapse: collapse; font-style: normal; font-weight: 500; font-size: 14px; line-height: 28px; color: #333333; } .dlp-header table { width: 100%; table-layout: fixed; } .dlp-header table span { line-height: 20px; padding-left: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dlp-header span { display: block; padding: 3px 6px; } .dual-panel button { width: 120px; display: block; } .dlp-label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 6px; cursor: grab; } .static-bar, .action-form .static-bar { position: fixed; z-index: 1000; width: 100%; top: 0; } .summary-msg { height: 180px; display: table-cell; vertical-align: middle; text-align: center; } .summary-msg br { line-height: 30px; } .summary-panel { padding-left: 60px; width: 295px; } .summary-panel .display-val { text-align: right; } .summary-panel .TicketValueLabel { padding-bottom: 2px; padding-top: 2px; } /* ip address form */ .ipaddr-wrap .TicketValueLabel { padding-top: 3px; } .ipaddr-wrap td { vertical-align: middle; } .ipaddr-with-button { display: grid; grid-template-columns: 1fr 1fr; } .ipaddr-with-button .suggestButton { margin-left: 12px; } .summary-panel .PanelRow { padding-top: 0; } .customize-highlighting-tab .dxgvCSD { /*border: 1px solid #cccccc;*/ } .customize-highlighting-tab { height: 100%; } .customize-options-tab { height: 100%; overflow-x: hidden; overflow-y: auto; } /* ============================================================================== NEW HTML EDITOR STYLES ============================================================================== */ .cke_top.cke_top, .cke_bottom.cke_bottom { background: none; } .cke_contents.cke_contents { padding: 4px 2px 2px 2px; } .cke_inner .cke_resizer { margin-top: 16px; } .cke_inner { padding: 4px; } .MuiInputBase-root .cke { border: none; } .MuiInputBase-root .cke_top, .MuiInputBase-root .cke_bottom { background-color: inherit; } .MuiInputBase-root .cke_button__maximize { margin-right: 5px; } .cke .cke_top { position: relative; padding-right: 35px; } .cke_top .cke_toolbar_last { position: absolute; right: -4px; } .cke_button_label.cke_button__back_label { display: block; } .cke_maximized .cke_top .cke_toolbar_last { right: -3px; } .cke_maximized .cke_top { padding-left: 3px; } .cke .cke_button__maximize_icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABcUlEQVQ4T92TPU7DQBCFZ7wxXAACJ0BCkEOQ0CSK194iouIG4Qbkx+IC0CFKKiQKm00RJCTnDgQ6ThCgR2HXiybRoo3jhhaXM7Ofd957i5xHBta/oZRp7JY5j4YAMCiOYgmgL2V6UQKFMsgKIM/zme+zWpIkszJAq9XZrVS+pwCwZfu/ADrseV4V0bzM5xv18fj+fXUFvmOMmSCyfTtLfQvoMYY3WkMGYA4AzKOUD00X0G5HT54HxwD4bIxqILIuaUKAgRWs2exs+/78FsCcSSnfXIAQYk9rfckYO02S5JN6pAmW7fqX2n8AkBBSppQy4Jys8u4AdHc0Gr26WoRhWMtz70qpyom1OAjC2NoYK+VfM/aVkc8AkEmZNlxAEIgM0RwB4CtjUNfakI09N4kflDBjYKqU3ygGaWmxmixzAotZN0iLn1HCtN48LB62NxFCVLU2tNp6lJ3rxlaTYh44j+iRnbv1stdI/TXIQjDEfhH6AyMZrBWvshLLAAAAAElFTkSuQmCC) no-repeat !important; } .cke .cke_maximized .cke_button__maximize_icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABX0lEQVQ4T92TT07CQBTGvzfDcAJFb2AUvYN/4gJIx3ZBYuIR4AiCNJzAxIVx7cLEBdguSFzYO0j0EMgBDG1nzDSMKRj+bZ3VTPrer2+++T6SUu4pxe6EoKterzcCAMe58MPw5cbs7ZLS7QRBv2POUsodpdijENQgKd1XAOdpis9ikU7SVDcBtIKgT3MADcBPEnHP+fcbEd8H1IAqlfq2EEkE6DKAMYAt07gAYD5Na+idc5xmf/E8r5Sm+sM2rwBAKTUi0uUwDMcZQEq3C+A6P/KSCWyZbzQhIxgRtfPNqybI1fozQs1D1jn/B4BxGIAZ120gYsc+4x/IGs/YDoJ+NwNUq/XdQiEebmIkIfiRyQ6ZYGitI+Nt4zDGWGnZFWyNzQ45jhsR4VhrDJNEnAkRN4wmC67Q4pweJhMdcY4DrSmiWs075FzfxrG4HAyev6bW/o1uLs4G6tvsJAmeGFPNH1/frXBiAepiAAAAAElFTkSuQmCC) no-repeat !important; } .cke .cke_maximized .cke_button__maximize:hover { background: #e1edf7; } .cke_button__maximize.cke_button_on { background: inherit; } .html-editor.notvalid + .cke { border: 1px solid #d00; } .collapsible span.html-header { cursor: pointer; } .collapsible span.html-header:before { content: ""; background-image: url(../Images/sprite.png); background-position: -20px -303px; display: inline-block; height: 12px; width: 13px; } .collapsible.collapsed span.html-header:before { background-position: -2px -303px; } .collapsible > .cke { overflow: auto; } .collapsible.collapsed > .cke { height: 100px; } span.html-header { display: inline-block; margin-bottom: 4px; } .TextBox { background-color: #fff; } #InfoContent .panel { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #InfoContent .panel-body { padding: 0; } #InfoContent .panel-heading { border-bottom: 1px solid #a8a4a4; } .label-right .TicketValueLabel { text-align: right; padding-right: 13px !important; } .label-right .form-group .control-label { text-align: right; } .label-right .action-form .control-label { text-align: right; } .label-right.action-form .control-label.label-cell { display: table-cell; } .label-right .col-xs-10 { padding-left: 0; } /* ============================================================================== History view form ============================================================================== */ .oldnew { position: absolute; right: 20px; left: 20px; bottom: 20px; top: 130px; padding-top: 30px; } .oldnew textarea { width: 100%; height: 100%; border: 1px solid #ddd; resize: none; outline: none; } .oldnew-row > div, .oldnew-header > div { float: left; width: 50%; } .oldnew-row:after, .oldnew-header:after { content: " "; display: block; clear: both; } .oldnew-left { padding-right: 10px; } .oldnew-right { padding-left: 10px; } .oldnew-header { position: absolute; width: 100%; top: 0; } .hv-btn { float: right; background-image: url(../Images/16x16/expand-memo.svg); width: 16px; height: 16px; margin-top: 1px; cursor: pointer; z-index: 1; border: none; } .oldnew .panel-heading { border: 1px solid #ddd; border-bottom: none; padding-right: 2px; padding: 6px 6px; background-color: #f6f6f7; } .oldnew .panel-body { border: 1px solid #ddd; border-top: none; word-wrap: break-word; overflow: auto; } .oldnew-row, .oldnew-row div { height: 100%; } table.label-right tr > td:first-child { text-align: right; padding-right: 5px; } table.label-right tr > td:nth-child(2) { padding-bottom: 5px; padding-right: 10px; } .html-editor + .cke_chrome { border-radius: 2px; border-color: var(--gray-10); } .html-editor + .cke_focus { border-color: steelblue; } .html-editor.disabled + .cke { padding: 0; border-style: dotted; border-color: gray; } .action-menu .dxm-disabled { opacity: 0.6; } .file-upload { display: block; position: relative; overflow: hidden; } .file-upload-wrapper { border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: box-shadow 0.1s linear; } .pictureContainer input[type="file"] { display: none; } .html-iframe { background: white; border: none; } /* ============================================================================== Popup Resizer functionality ============================================================================== */ .an-r div { position: absolute; } .moved { border: 1px dashed #3b5a82; } .an-r { position: absolute; } .an-rc { width: 6px; height: 6px; } .an-rr { top: 0; left: 0; right: 75px; height: 50px; cursor: move; } .an-rc-nw { left: 0; top: 0; cursor: nw-resize; } .an-rc-ne { right: 0; top: 0; cursor: ne-resize; } .an-rc-sw { left: 0; bottom: 0; cursor: sw-resize; } .an-rc-se { right: 0; bottom: 0; cursor: se-resize; } .an-rh { overflow: hidden; } .an-rh-n { top: 0; width: 100%; height: 6px; cursor: n-resize; } .an-rh-s { bottom: 0; width: 100%; height: 6px; cursor: s-resize; } .an-rh-w { left: 0; height: 100%; width: 6px; cursor: w-resize; } .an-rh-e { right: 0; height: 100%; width: 6px; cursor: e-resize; } /* ============================================================================== END of Popup Resizer functionality ============================================================================== */ .hidden-col { display: none; } .clearfix:after { content: ""; display: block; clear: both; } .cke_notifications_area { background: white; border: 1px solid #dcdcdc; margin: 10px; } .no-display table { visibility: hidden; } .report-params-dialog .dxpc-content { padding: 0; } .report-params-dialog .modal-body { flex: 1 1 350px; overflow: hidden auto; padding: 0 5px 0 20px; position: static; } .report-params-dialog .modal-body .form-group .col-xs-8 { position: static; } .report-params-dialog .popup-footer { padding: 15px 20px; height: auto; margin-top: auto; } .report-params-dialog .dxpc-content { display: flex !important; flex-direction: column; height: 100%; } .report-params-dialog .report-param-content { flex-grow: 1; } .report-params-dialog .report-param-content .dxpnlControl_anDefault { height: 100%; display: flex; flex-direction: column; } .search-restrict { margin-bottom: 6px; } .search-restrict select { height: 34px; line-height: 34px; border-radius: 0px; box-shadow: none; } .inline-block { display: inline-block; vertical-align: middle; } .inline-flex { display: inline-flex; align-items: center; vertical-align: middle; } /* ============================================================================== Organize Views ============================================================================== */ .organize-views { position: absolute; left: 0; top: 0; right: 0; bottom: 76px; margin: 10px; } .organize-views__left { position: absolute; top: 0; left: 0; right: 120px; bottom: 10px; } .organize-views__grid-wrap { padding: 5px; height: 100%; } .organize-views__right { position: absolute; top: 0; right: 0; bottom: 0; width: 120px; } .organize-views__btn-wrap { height: 100%; position: relative; padding: 0 5px 0 10px; } .organize-views__btn-wrap-top { position: absolute; top: 0; } .organize-views__btn-wrap-bot { position: absolute; bottom: 10px; } .organize-views_button { display: block; width: 100px; margin: 5px; } a.link-box span { padding-left: 12px; position: relative; top: 1px; } a.link-box span:after { content: " "; } a.link-box small { font-size: 75%; color: #ccc; position: relative; top: -4px; left: 31px; display: block; padding-left: 7px; } a.link-box img { max-width: 24px; position: relative; top: 5px; } /* ============================================================================== End of Organize Views ============================================================================== */ .form-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #ccc; opacity: 0.6; z-index: 99; box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.34375); } .slide-right-80 { width: 80%; -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375); } .toggle-btn { display: block; position: absolute; z-index: 1000; top: 0; left: -210px; width: 100px; } .full-btn { display: block; position: absolute; z-index: 1000; top: 0; left: -105px; width: 100px; } .frame-object { width: 100%; height: 100%; border: none; overflow: hidden; } .full-form-pane { position: absolute; right: 0; left: 0; top: 0; bottom: 0; overflow: hidden; z-index: 100; width: 100%; transition: 0.2s ease-in-out left; background: white; } .full-form-pane.hide-right { left: 100%; } .main-page-wrapper > .carousel-wrap, .main-page-wrapper > .carousel-wrap .carousel-wrap, .main-page-wrapper > .carousel-wrap .carousel, .main-page-wrapper > .carousel-wrap .carousel-inner, .main-page-wrapper > .carousel-wrap .item { height: 100%; } /* ============================================================================== View list menu ============================================================================== */ .page-title .view-list-menu, .list-form-wrapper .grid-menu_left .view-list-menu { line-height: 44px; border-radius: 80px; } .view-list-menu { display: inline-block; position: relative; vertical-align: middle; line-height: 32px; white-space: nowrap !important; } .page-title .view-list-menu a:hover, .grid-menu .grid-menu_left .view-list-menu a:hover { background-color: #e5e5e6; color: #333333; } .grid-menu .view-list-menu .scrollable-menu ul a:hover { background-color: #cfeafe; } .page-title .view-list-menu a:hover, .list-form-wrapper .grid-menu .view-list-menu > a:hover { border-radius: 80px; } .scrollable-menu { height: auto; overflow-x: hidden; } .scrollable-menu.dropdown-menu { padding: 0; border: 1px solid #d9d9d9; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; margin-top: 0; } .views-menu.scrollable-menu.dropdown-list { padding-top: 16px; padding-bottom: 8px; max-height: calc(100vh - 128px); } .activity-panel .views-menu.scrollable-menu.dropdown-list { padding-top: 8px; min-height: 85px !important; } .scrollable-menu .views-menu-commands-container a { font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; } .view-list-menu > a { display: inline-block; cursor: pointer; } .view-list-menu .caret { padding-bottom: 4px; margin-right: 5px; margin-left: 5px; border-top: 5px solid rgba(59, 59, 59, 0.54); border-right-width: 5px; border-left-width: 5px; } .view-list-menu-caret, .flags-menu-caret { margin-right: 12px; margin-left: 6px; } .view-list-menu span { } .view-list-menu a.link-box small { left: 23px; } .view-list-menu a.link-box img { top: 0; } .view-list-menu a.link-box { padding: 7px 20px; /*padding: 0px 15px;*/ } .view-list-menu .dropdown-toggle > span { font-size: 14px; } .view-list-menu span.title { padding-left: 12px; } .search-box { border-color: #ccc; } .ui-autocomplete { border-top: none !important; z-index: 20000 !important; } .ui-menu .ui-menu-item.ui-state-focus { border: none; font-weight: normal; background: #eeeeee; color: black; margin: 0; } /* ============================================================================== Grid toolbar ============================================================================== */ .grid-menu.no-padding-top { padding-top: 0; } .grid-menu a { text-decoration: none; color: inherit; } .grid-menu a:hover { background-color: #e5e5e6; color: #333333; } .grid-menu_left { float: left; height: 48px; display: flex; align-items: center; } .page-title .grid-menu_left, .list-form-wrapper .grid-menu_left { height: 44px; background-color: white; border-radius: 80px; margin-right: 12px; } .list-form-wrapper .grid-menu_right { height: 44px; } .grid-menu_right { height: 48px; display: flex; align-items: center; justify-content: flex-start; } @media (min-width: 1200px) and (max-width: 1600px) { .software-license-form .grid-menu_right .grid-menu_item.refresh, .software-license-form .grid-menu_right .grid-menu_dropdown, .software-license-form .grid-menu .grid-menu_right .grid-menu_item { margin-right: 0px; margin-left: 0px; } .software-license-form .grid-menu_right .grid-menu_item.refresh { margin-right: 5px; } .software-license-form .grid-menu .grid-menu_right .grid-menu_item > a { padding: 0px 4px; } } .grid-menu-singleRow .grid-menu_right { overflow: hidden; white-space: nowrap; } .grid-menu-right-tech { height: 32px; display: flex; align-items: center; margin-left: auto; overflow: hidden; } #grid-mode-selector { margin-right: 14px; } .grid-menu-separator { float: left; background-color: #bcbcbc; margin: 0 12px 0 0; height: 20px; width: 1px; } .page-title .grid-menu-separator { float: left; background-color: rgba(0, 0, 0, 0.2); margin: 0px 12px 0 0px; height: 32px; width: 1px; } .grid-menu-separator:first-child { display: none; } .grid-menu .input-group-addon { padding: 5px 4px; padding-left: 8px; background: white; } .grid-menu .form-control { padding-left: 0; border-left: 0; height: 28px; } .grid-menu_item label { display: flex; align-items: center; padding: 0; } .grid-menu .grid-menu_dropdown, .grid-menu .grid-menu_item, .main-menu .dxm-item { margin-right: 12px; white-space: nowrap !important; } .main-menu-actions li { min-width: 28px !important; } .main-menu-actions li a { min-width: 28px !important; min-height: 28px !important; } .form-menu-left a img, .main-menu-actions img { max-width: 24px !important; max-height: 24px !important; } .main-menu-actions li.dxm-separator { min-width: 14px !important; } .main-menu-actions .dxm-item .dxm-content { padding: 2px !important; } .main-menu-actions .dxm-item .dxm-content dxm-contentText { color: #ccc; } .main-menu-actions .dxm-item.dxm-disabled .dx { cursor: default; pointer-events: none; filter: opacity(0.25) grayscale(1); color: #000 !important; } .grid-menu_dropdown, .grid-menu_item { line-height: 32px; display: inline-block; letter-spacing: normal; position: relative; font-size: 14px; cursor: pointer; vertical-align: middle; padding: 0px; } .grid-menu_dropdown, .grid-menu_item { opacity: 1; } .grid-menu_dropdown:hover, .grid-menu_item:hover { opacity: 1; } .grid-menu_item__disabled { opacity: 0.4; cursor: default !important; background-color: transparent !important; } .grid-menu_item__disabled a { cursor: default !important; background-color: transparent !important; } .grid-menu_item__disabled a:hover { opacity: 0.4; cursor: default !important; } .grid-menu_dropdown > a, .grid-menu_item > a, .grid-menu_item > label { padding: 0px 8px; display: block; display: flex; align-items: center; } .grid-menu_item label { margin: 0; } .grid-menu_item input[type="checkbox"] { margin: 0 8px 0 0; position: relative; } .grid-menu_dropdown .constructor-list .dropdown-menu > li > a, .grid-menu_dropdown .constructor-list li.dropdown-submenu > a { display: flex; align-items: center; } .grid-menu_dropdown .constructor-list .dropdown-menu > li > a > span, .grid-menu_dropdown .constructor-list li.dropdown-submenu > a > span { align-self: end; } .grid-menu_dropdown .constructor-list .dropdown-menu > li > a > svg, .grid-menu_dropdown .constructor-list li.dropdown-submenu > a > svg, .form-menu-left li.dxm-item.img-to-svg > .dxm-content > svg { min-height: 24px; min-width: 24px; height: 24px; width: 24px; margin-right: 12px; fill: var(--primary-svg-color); } .grid-menu_dropdown .dropdown-menu img { margin-right: 12px; } .grid-menu_dropdown img, .grid-menu_item img, .grid-menu_dropdown .img_stub, .grid-menu_item .img_stub { max-width: 24px; vertical-align: sub; margin-right: 2px; } .grid-menu_dropdown .dropdown-menu img, .grid-menu_dropdown .dropdown-menu span { vertical-align: middle; } .grid-menu_dropdown .img_stub, .grid-menu_item .img_stub { display: inline-block; } .grid-menu_dropdown .action-img { width: 21px; } .grid-menu_dropdown .title, .grid-menu_item .title { /*vertical-align: text-top;*/ display: inline-block; padding-left: 8px; padding-right: 8px; /*color: #5C5C5C;*/ } .grid-menu .grid-menu_item.grid-mode-btn { margin-right: 0; } .grid-menu .grid-menu_item a:hover { background-color: #e5e5e6; } .grid-menu .grid-menu_item.active a { background-color: #e5e5e6; } .grid-menu .grid-menu_item.active a:hover { background-color: #e5e5e6; } .grid-menu .grid-menu_item.refresh a { padding-top: 8px; padding-bottom: 8px; } .grid-mode-btn a { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; } .grid-mode-btn img { margin: 0; } .grid-menu_dropdown .divider { margin: 5px 0; } .grid-menu_dropdown .caret { margin-top: 1px; border-top-width: 3px; border-right-width: 3px; border-left-width: 3px; } .grid-menu_dropdown .dropdown-menu > li > a { padding-left: 15px; padding: 5px 20px; } .grid-menu_search { display: inline-block; width: 250px; vertical-align: middle; padding-left: 4px; font-size: 14px; /* border-bottom: 1px solid;*/ border-color: inherit; background: #00000015; border-radius: 4px; } .grid-menu_search:hover { background: #00000021; } .grid-menu_search_disable { opacity: 0.4; } .grid-menu_search .dxeTextBox_anDefault { background-color: transparent; border-style: none !important; } .grid-menu_search .input-group-addon { color: inherit; background-color: transparent; border-style: none; } .grid-menu_search input.dxeEditArea_anDefault { color: inherit; background-color: transparent; } .grid-menu_search .fal.fa-times { cursor: pointer; } .grid-menu .btn-link { border: none; padding: 6px 6px; } .grid-menu_refresh { width: 15px; } .grid-menu_dropdown.attach-dropdown > a { padding: 8px; } .grid-menu_dropdown.attach-dropdown .title { display: none; } .grid-menu_dropdown.attach-dropdown .dropdown-menu { left: -65px; } .grid-menu_inner .main-page-title-img-wrapper { display: none; } .grid-menu_inner .main-page-title { font-size: 14px; color: #444; } .grid-menu_inner .main-page-title-text-wrapper { padding-left: 0; } .temp-menu { height: 42px !important; padding: 0 !important; } .temp-menu .dxm-separator { display: none; } .temp-menu .dxm-item.dxm-hovered { border: none !important; background: inherit !important; box-shadow: none !important; opacity: 1; } .temp-menu .dxm-item { opacity: 0.8; min-width: inherit !important; } .temp-menu .dxm-content { padding: 6px !important; } /* ============================================================================== Accordion popup styles ============================================================================== */ .accordion-popup { position: absolute; top: 0; bottom: 0; right: 0; background-color: white; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; overflow: auto; -moz-box-shadow: 0 0 12px #aaa; -webkit-box-shadow: 0 0 12px #aaa; box-shadow: 0 0 12px #aaa; } .accordion-overlay { position: absolute; left: 0; top: -60px; bottom: 0; right: 0; opacity: 0.6; background-color: #ccc; } .accordion-popup-header-wrap.accordion-close { border: none; position: absolute; right: 0px; top: 0px; padding: 15px 20px; } .round-btn { display: inline-block; width: 46px; height: 46px; position: absolute; background-color: #2196f3 !important; border-radius: 50%; line-height: 46px; text-align: center; color: white; font-size: 21px; cursor: pointer; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); top: 40px; right: 0; left: 0; margin: auto; z-index: 1; } .round-btn:hover { color: white; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .round-btn:focus { outline: none; color: white; } .accordion-close { float: right; cursor: pointer; } .accordion-content { padding: 20px; overflow: auto; } .accordion-content .action-form .control-label { padding-top: 0; font-weight: bold; } .accordion-content .action-form .control-label span:after, .accordion-content .action-form .control-label a:after { content: ":"; } .action-accordion-content { overflow: hidden; } .read-more { cursor: pointer; color: #428bca; } .dxtlHSEC { width: 0; } .row-switcher { line-height: 32px; } .row-switcher__counter { font-size: 14px; } .row-switcher > div { display: inline-block; } .row-switcher__btn { min-width: 34px; text-align: center; cursor: pointer; } .row-switcher__btn.disabled { cursor: inherit; opacity: 0.333; } .main-page-right .header-item { display: inline-block; height: 32px; vertical-align: top; margin-left: 10px; } .header-btn { cursor: pointer; } .header-btn .fa-times { font-size: 2.2em; line-height: 28px; } .header-btn .fa-refresh { font-size: 1.7em; line-height: 30px; } .row-switcher__btn > i { font-size: 1.5em; } /* Main page layout */ .main-page-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .asp-form.react-frame .main-page-content { background-color: #f2f4f5; } .dark-theme .asp-form.react-frame .main-page-content { background-color: unset; } .MuiStack-root:has(> iframe.ActivityFrame) { background-color: #f2f4f5; } .main-page-site.main-page-wrapper { left: 52px; } .main-page-wrapper.main-page-left { left: 280px; min-width: 910px; } .main-page-wrapper.main-page-menu-collapsed { left: 52px; min-width: 910px; } .main-page-wrapper.main-page-left.main-page-menu-collapsed { left: 52px; min-width: 910px; } .sliderForm.main-page-left { left: 280px; } .sliderForm.main-page-menu-collapsed { left: 52px; } .sliderForm.main-page-left.main-page-menu-collapsed { left: 52px; } .main-page-navbar-root { width: 280px; } .main-page-navbar-root.main-page-navbar-collapsed { width: 52px; } .main-page-wrapper.no-title { -ms-grid-rows: 1fr; grid-template-rows: 1fr; } .full-form-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; display: grid; margin: 10px; } .full-form { background: #ffffff; } .full-form.two-row-panel { height: 100%; grid-template-rows: auto 1fr; vertical-align: top; } .full-form-content { border-right: 0px solid #ccc; background-color: #f2f4f5; /*padding-top: 10px;*/ } .two-row-panel { display: -ms-grid; -ms-grid-rows: auto 1fr; -ms-grid-columns: 1fr; height: 100%; display: grid; grid-template-rows: auto 1fr; min-height: 0; } .two-row-panel_reverse { -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .first-row-panel { -ms-grid-row: 1; grid-row: 1; min-height: 0; min-width: 0; } .second-row-panel { -ms-grid-row: 2; grid-row: 2; min-height: 0; min-width: 0; } .second-row-panel-with-footer { -ms-grid-row: 2; grid-row: 2; min-height: 0; min-width: 0; } .list-form-wrapper > .second-row-panel.catalog-panel { -ms-grid-row: 2; padding-bottom: 16px; } .one-row-panel { height: 100%; } .two-column-panel { display: -ms-grid; -ms-grid-columns: auto 1fr; display: grid; grid-template-columns: auto 1fr; } .first-column-panel { -ms-grid-column: 1; grid-column: 1; } .second-column-panel { -ms-grid-column: 2; grid-column: 2; } .catalog-panel { display: -ms-grid; -ms-grid-columns: 380px 1fr; -ms-grid-rows: 1fr; height: 100%; display: grid; grid-template-columns: 380px auto; } .catalog-panel__left { display: -ms-grid; -ms-grid-rows: auto 1fr auto; -ms-grid-columns: 100%; -ms-grid-column: 1; display: grid; grid-template-rows: auto 1fr auto; background-color: #ededed; border: 1px solid #e9eef3; } .catalog-panel__tree { position: relative; } .snippets-category-tree .bold { font-weight: bold; } .catalog-panel_tree-scroll { position: absolute; top: 0; left: 0; right: 0; max-height: 100%; overflow: auto; } .catalog-panel_header { background-color: #f9fafa; } .catalog-panel__category { line-height: 46px; font-size: 18px; font-weight: bold; padding-right: 5px; display: flex; align-items: center; padding-left: 17px; padding-right: 12px; } .catalog-panel__left .dxm-main { border: none; float: right; } .catalog-panel__left > div:nth-child(1), .catalog-panel__right > div:nth-child(1) { grid-row: 1; -ms-grid-row: 1; } .catalog-panel__left > div:nth-child(2), .catalog-panel__right > div:nth-child(2) { grid-row: 2; -ms-grid-row: 2; } .catalog-panel__left > div:nth-child(3), .catalog-panel__right > div:nth-child(3) { grid-row: 3; -ms-grid-row: 3; } .catalog-panel__left > div:nth-child(4), .catalog-panel__right > div:nth-child(4) { grid-row: 4; -ms-grid-row: 4; } .catalog-panel__right { grid-column: 2; -ms-grid-column: 2; padding: 0px 0px 0px 16px; height: 100%; width: 100%; } .catalog-panel__right .grid-menu { margin: 5px 0; } .catalog-panel__right .view-list-menu { font-size: 18px; } .catalog-panel__right .list-form-wrapper .second-row-panel { padding: 0; } .snippet-content div { min-height: 0; } .catalog-panel__right_snippets { display: grid; -ms-grid-rows: auto 1fr auto; grid-template-rows: auto 1fr auto; background: white; } .catalog-panel__right_snippets > div:nth-child(1) { grid-row: 1; -ms-grid-row: 1; } .catalog-panel__right_snippets > div:nth-child(2) { grid-row: 2; -ms-grid-row: 2; } .catalog-panel__right_snippets > div:nth-child(3) { grid-row: 3; -ms-grid-row: 3; } .catalog-panel__left_snippets { -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; } .catalog-panel__hint { color: #484848; padding: 15px; } .catalog-panel__header { -ms-grid-row: 1; /*background-color: #c9d1d7; background-image: -moz-linear-gradient(bottom, #dfe5e7 0, #e3e7e9 100%); background-image: -ms-linear-gradient(bottom, #dfe5e7 0, #e3e7e9 100%); background-image: -webkit-linear-gradient(bottom, #dfe5e7 0, #e3e7e9 100%); background-image: -o-linear-gradient(bottom, #dfe5e7 0, #e3e7e9 100%); border: 1px solid #ced8df; border-bottom: none;*/ color: #596573; font-size: 18px; line-height: 100%; padding: 7px 5px 8px 14px; } .catalog-panel__grid { -ms-grid-row: 2; } /* ============================================================================== App header navbar and search styles ============================================================================== */ .header-search { margin-top: 10px; display: flex; font-size: 14px; } .header-search button { padding: 0; height: 36px; border: none; background: inherit; border-radius: 18px; } .header-search .header-search__goto, .header-search .header-search__search { margin-right: 12px; border-radius: 18px; } .header-search .header-btn { display: flex; align-items: center; padding: 0px 12px; gap: 6px; } .navbar-right a.header-help object, .header-search .header-btn object { height: 24px; width: 24px; } .header-btn-wrapper { padding: 10px 16px; } .header-options { margin-top: 10px; margin-left: 12px; } .main-header .header-options { min-width: 170px; } /* .main-header .header-options > a:hover, .main-header .open > a { color: #4089DF; background-color: #ffffff; }*/ .main-header .header-options .header-avatar { display: inline-block; width: 36px; height: 36px; border-radius: 50%; background-position: center; background-size: cover; margin-right: 10px; vertical-align: middle; } .header-options > a { padding: 9px 12px 12px 4px; text-decoration: none; } .navbar-right a.header-help { padding: 6px; padding-bottom: 1px; margin-top: 10px; margin-right: 16px; position: relative; display: block; } .grid-preview, .tree-preview { /* border: 1px solid #CED8DF;*/ height: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); } .duration-field > tbody > tr > td { padding-right: 5px; } /* ============================================================================== Styles for Full Form Menu ============================================================================== */ .dxm-disabled .dxm-content, .dxm-disabled .form-menu__item i, .dxm-disabled .form-menu__item span, .dxm-disabled .form-menu__item i.fa-caret-down { color: #ccc; } .calendar-container .dxm-disabled .dxm-content img.dxm-image { filter: brightness(2); } .form-menu-left .dxm-item.dxm-disabled > .dxm-content > img { opacity: 0.25; } .form-menu__arrow .dxWeb_mHorizontalPopOut_anDefault { background-position: -274px -288px; } .form-menu__item, .form-menu__item:hover, .form-menu__item:active { text-decoration: none; display: flex; align-items: center; } .form-menu__item i { vertical-align: bottom; } .main-menu .form-menu__item i { vertical-align: bottom; } .form-menu__item i.fa-caret-down { padding-left: 5px; } .form-menu__item span { padding-left: 5px; } .flag-Starred { color: orange; } .flag-red { color: red; } .flag-orange { color: orange; } .flag-green { color: green; } .flag-blue { color: blue; } .flag-yellow { color: yellow; } .flag-purple { color: purple; } .form-menu__item_insert:after { content: "F4"; padding-left: 30px; } /* End of Full Form Menu */ /* ============================================================================== Styles for Full Form Header ============================================================================== */ .full-form-header-container { margin-top: 12px; margin-bottom: 16px; } .full-form-header-wrapper { font-size: 14px; color: #808080; padding-left: 16px; height: 48px; display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; } .form-scroll-wrap { position: absolute; top: 39px; left: 0; bottom: 0; right: 0; overflow: auto; } .form-scroll-wrap_with-footer { bottom: 76px; } .form-scroll-wrap .full-form-header-wrapper { border: none; } .ffhc-content-wrapper { width: 100%; margin: 0px 16px; } .full-form-header__row { display: grid; display: -ms-grid; grid-template-columns: 1fr auto; -ms-grid-columns: 1fr auto; grid-template-rows: auto auto; -ms-grid-rows: auto auto; } .full-form-header__row .CalcFields { margin-right: 0px; height: 32px; display: flex; align-items: center; } .full-form-header__row img { vertical-align: sub; padding-right: 2px; } .full-form-header__1_1 { -ms-grid-row: 1; -ms-grid-column: 1; grid-row: 1; grid-column: 1; font-weight: 500; font-size: 16px; display: flex; align-items: center; color: #333333; height: 24px; } .full-form-header__1_1.full-form-header__column { grid-row-start: 1; grid-row-end: 3; } .full-form-header__1_2.full-form-header__column { grid-row-start: 1; grid-row-end: 3; display: flex; align-items: center; } .full-form-header__1_2 { -ms-grid-row: 1; -ms-grid-column: 2; grid-row: 1; grid-column: 2; margin-left: auto; margin-right: 4px; } .full-form-header__1_3 { -ms-grid-row: 1; -ms-grid-column: 3; grid-row: 1; grid-column: 3; margin-left: auto; margin-right: 4px; } .full-form-header__2_1 { -ms-grid-row: 2; -ms-grid-column: 1; grid-row: 2; grid-column: 1; } .full-form-header__2_1 :last-child { color: #4b4b4b; } .full-form-header__2_2 { -ms-grid-row: 2; -ms-grid-column: 2; grid-row: 2; grid-column: 2; margin-left: auto; margin-right: 4px; } .full-form-header__2_3 { -ms-grid-row: 2; -ms-grid-column: 3; grid-row: 2; grid-column: 3; margin-left: auto; margin-right: 4px; } .full-form-header__right { margin-left: 70px; } .full-form-header__title { line-height: 15pt; font-weight: bold; color: black; font-size: 16px; } /* End of Full Form Header */ .stock-movevents { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0 12px 12px 12px; overflow: auto; height: 100%; } .top-buffer-m { padding-top: 15px; } /* Remove webkit's yellow autofill background */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; box-shadow: 0 0 0 1000px white inset !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; background-color: unset !important; } .dark-theme input:-webkit-autofill, .dark-theme input:-webkit-autofill:hover, .dark-theme input:-webkit-autofill:focus, .dark-theme input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; box-shadow: 0 0 0 1000px #121212 inset !important; -webkit-box-shadow: 0 0 0 1000px #121212 inset !important; background-color: unset !important; } /*.collapsing { -webkit-transition: none; transition: none; display: none; }*/ .audit-btn { display: flex; justify-content: center; } .merge-form { margin: 20px; } .merge-form span { color: #686a76; } .merge-form label { color: #686a76; } .select-placeholder { display: -ms-grid; -ms-grid-rows: 1fr auto; -ms-grid-columns: 1fr; display: grid; grid-template-rows: 1fr auto; position: absolute; top: 61px; left: 8px; right: 8px; bottom: 76px; padding: 10px; } .select-placeholder__form { -ms-grid-row: 1; grid-row: 1; display: -ms-grid; -ms-grid-columns: 250px 1fr; -ms-grid-rows: 1fr auto; display: grid; grid-template-columns: 250px 1fr; grid-template-rows: 1fr auto; } .select-placeholder__left { height: 100%; margin-right: 10px; background-color: #f1f1f1; border: 1px solid #ccc; -ms-grid-column: 1; } .select-placeholder__right { display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: 1fr auto; display: grid; grid-template-rows: 1fr auto; -ms-grid-column: 2; } .select-placeholder__tree { -ms-grid-row: 1; grid-row: 1; overflow: auto; } .select-placeholder__description { padding-top: 5px; -ms-grid-row: 2; grid-row: 2; } .select-placeholder__placeholder { padding-top: 10px; -ms-grid-row: 2; grid-row: 2; } table.controls-list td { padding-top: 3px; } .recurrent-ticket-form textarea:disabled { background-color: white; } .flyout-form-general .notvalid { border: 1px solid #d00; } .controls-container { display: flex; padding-right: 5px; margin: 2px 0px 0px 5px; } .recurrent-tecket-popup-footer { height: 76px; background-color: #fff; border-top: 1px solid #eaeaea; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .recurrent-ticket-form textarea { padding: 6px 8px 6px 7px; border: 1px solid #dcdcdc; } .recurrent-ticket-form .control-label.label-cell { display: table-cell; vertical-align: top; min-width: 160px; padding-left: 15px; } .action-form .recurrent-ticket .control-label.label-cell { display: inline-block; } .popup-footer-rt .popup-footer { height: 76px; justify-content: flex-start; padding: 20px; } .fieldsWrapper { overflow-y: auto; } .fieldsWrapper .dxeCaptionHALSys { padding: 10px 0px 0px 10px; } .fieldsWrapper .panel-body { padding: 0; } /* lifecycle */ .CalcFields { border-top: 1px solid #e4e4e4; } .CalcFields span { float: left; } .CalcFields .ffhc-calc-controls-label { margin-right: 8px; } .CalcFields .ffhc-calc-controls-label.ffhc-calc-controls-label-resolution { margin-left: 16px; } .ffhc-calc-controls { display: flex; align-items: center; } .ffhc-calc-controls svg { vertical-align: middle; float: right; } .ffhc-calc-controls.filled svg { margin-right: 4px; } .ffhc-calc-controls .display-duration-val { font-weight: 500; margin-right: 8px; } .ffhc-calc-controls.gray svg { fill: #cccccc; } .ffhc-calc-controls.gray .display-duration-val { color: #666666; } .ffhc-calc-controls.gray.filled { background-color: #e9eef3; border-radius: 20px; padding-left: 7px; } .ffhc-calc-controls.gray.filled svg { fill: #666666; } .ffhc-calc-controls.orange svg { fill: #ea8c00; } .ffhc-calc-controls.orange .display-duration-val { color: #ea8c00; } .ffhc-calc-controls.green svg { fill: #009c29; } .ffhc-calc-controls.green .display-duration-val { color: #009c29; } .ffhc-calc-controls.green.filled { background-color: #d0f4b2; border-radius: 20px; padding-left: 7px; } .ffhc-calc-controls.red svg { fill: #eb3a14; } .ffhc-calc-controls.red .display-duration-val { color: #eb3a14; } .ffhc-calc-controls.red.filled { background-color: #fce1dc; border-radius: 20px; padding-left: 7px; } .ffhc-calc-controls .display-duration-val svg { vertical-align: text-top; } .ffhc-calc-controls.confirmed .display-duration-val { color: #666666; } .ffhc-calc-controls .time-to-first-response { margin-right: 32px; } .ffhc-calc-controls .time-to-resolution { margin-right: 16px; } .ffhc-Lifecycle-wrapper { display: flex; margin-left: 72px; margin-right: 112px; margin-top: 20px; margin-bottom: 12px; } .stage { position: relative; min-width: 50px; max-width: 200px; height: 24px; width: 100%; display: flex; justify-content: center; align-items: center; } .stage span { display: block; text-overflow: ellipsis; font-size: 14px; font-weight: 400; text-align: center; } .stage svg { position: absolute; top: 0; right: -8px; z-index: 3; } .stage-first { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .stage-last { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .approval-tab.two-row-panel { display: flex; flex-direction: column; } .approval-tab .first-row-panel { padding-bottom: 10px; background: #fff; flex-shrink: 0; } .approval-tab .second-row-panel { margin-top: 15px; flex-grow: 1; } .accordion-popup.ui-resizable { position: absolute; overflow: hidden; } .accordion-popup .ui-resizable-w { left: 0px; } .ToolbarPageNav input { border: 0px solid transparent !important; display: inline-block !important; text-align: center !important; cursor: default !important; outline: none !important; background-color: transparent !important; } .fixed-div-bottom { position: fixed; } .empty_box { color: black !important; cursor: default; } .empty_box:hover { text-decoration: none !important; } .Flag_Status.dxgv { line-height: 1; } .dxgvDataRow_anDefault .Flag_Status.dxgv, .dxtlNode_anDefault .Flag_Status.dxtl, .dxtlFocusedNode_anDefault td.Flag_Status.dxtl { padding-left: 8px; } .action-nav-pills { display: flex; } /* ============================================================================== Message form ============================================================================== */ .an-login-msg-wrapper { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 500px; height: 400px; } .an-login-msg-wrapper .panel-body { display: flex; flex-direction: column; padding: 20px; } .an-login-msg-txt { font-size: 14px; padding: 15px; } .an-login-msg-link { padding-left: 15px; } .an-login-msg-btn-wrapper { padding-top: 20px; display: flex; flex-direction: row; justify-content: center; } .an-login-msg-btn { text-align: center; margin-right: 20px; } .an-login-msg-btn span { text-transform: none; } .an-login-msg-wrapper .panel-heading.panel-gray { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .grid-menu_item .far, .grid-menu_item .fal, .grid-menu_item .fas, .grid-menu-right .fal, .grid-menu .fas, .grid-menu .far, .grid-menu-left .fal, .grid-menu .fas, .grid-menu .far, .grid-menu_dropdown .far, .grid-menu_dropdown .fal, .grid-menu_dropdown .fas, .view-list-menu .far, .view-list-menu .fal, .view-list-menu .fas { font-size: 16px; } .form-menu__item .far, .form-menu__item .fal, .form-menu__item .fas { font-size: 16px; } .an-actionImg { display: inline-block; width: 24px; } #progressLine { position: absolute; height: 2px; } .an-headerMessage-container { visibility: hidden; } .an-headerMessage-container.show { visibility: visible; } .an-headerMessage { display: inline-block; position: absolute; top: 3px; z-index: 3; background-color: #f97373; height: 30px; color: white; left: 50%; transform: translateX(-50%); text-align: center; line-height: 100%; width: auto; max-width: 500px; padding: 0 10px; border-radius: 0px 0px 6px 6px; white-space: nowrap; } .an-headerMessage span { line-height: 30px; } .an-headerMessage img { padding-bottom: 4px; } .an-headerMessage i { margin-left: 8px; cursor: pointer; } .an-headerMessage-line { border-top: 3px #f97373 solid; z-index: 1; position: absolute; width: 100%; top: 0px; } .message-helper .dxpc-closeBtn { display: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { margin-left: 8px; } input[type="number"] { -moz-appearance: textfield; } .menu-info-text { vertical-align: middle; } .form-content .row.resizableHTMLControl { overflow-y: auto; } .form-content .row.resizableHTMLControl > div { padding-bottom: 10px; } .form-content .Panel { padding: 0px 0px 12px 0px; background-color: #ffffff; } .form-content .an-row { padding: 12px 12px 0px 12px; background-color: #ffffff; } .form-content .PanelRow { padding: 0px 12px; background-color: #ffffff; } .form-content .PanelRow:before { content: ""; display: block; margin-top: 12px; } .form-content .an-row:empty, .form-content .PanelRow:empty { padding: 0; } .form-content .PanelRow.clearfix { margin-top: -12px; } .form-content .anit-panel.panel { border: none; box-shadow: none; margin: 12px 0px; } .form-content .custom-data-tab-content .anit-panel.panel, .custom-data-tab-content .panel-dense, .form-content .anit-panel.panel.panel-dense, .form-content .anit-panel.panel.panel-description, .solution-form .panel-dense { margin: 0; } .custom-data-tab-content .tab-content-wrapper { height: 100%; flex-direction: row; display: flex; gap: 12px 24px; flex-wrap: wrap; max-width: 1600px; place-content: flex-start; align-items: flex-start; } .custom-data-tab-content .anit-panel.panel, .custom-data-tab-content .Panel { width: 500px; } .form-content .anit-panel.panel.panel-description .cke_toolbar { margin-top: 1px; } .form-content { padding: 0; } /*.form-content .col-right .memo-wrap .scroll-textarea {*/ /* border: none;*/ /*}*/ .one-column { max-width: 500px; } .two-column { max-width: 1200px; } .three-column { max-width: 1600px; } .panel-description .panel-body { overflow: hidden; } .panel-description.min .panel-body { display: block; } .panel-description.anit-panel-collapsed.min .panel-body { height: 0px !important; } .panel-description .collapse-button { cursor: pointer; position: absolute; right: 40px; bottom: 0; background: #d1e5fd; padding: 5px 8px; border-radius: 4px 4px 0 0; color: #145ac2; } .panel-description.minimizeble.min .collapse-button { right: 40px; } .panel-description .collapse-button i { margin-right: 8px; } .panel-description.minimizeble.min .collapse-button i { transform: rotate(180deg); } .panel-description.minimizeble .fa-chevron-up { cursor: pointer; } .panel-description.minimizeble.min .fa-chevron-up { transform: rotate(180deg); } .form-content .panel .cke { width: auto !important; } .editor-readOnly-mode .cke_top { min-height: 36px; } .editor-readOnly-mode .cke_toolbar { display: none; } .editor-readOnly-mode .cke_toolbar_last { display: block; } .html-editor-mode { z-index: 1; } .an-editor-mode { position: absolute; padding: 3px 4px; margin-left: 5px; margin-top: 6px; border: 1px transparent solid; } .an-editor-mode:not(.disabled):hover { background: #e5e5e6; border: 1px #bcbcbc solid; cursor: default; } .an-editor-mode.disabled { opacity: 0.3; } .form-content .anit-panel.panel.panel-with-grid .grid-menu { margin: 0; padding: 0px 12px; } .form-content .anit-panel.panel.panel-activities .grid-menu { margin: 0; padding: 0px 12px 0px 8px; } .form-content .anit-panel.panel.panel-activities { margin-bottom: 0; } .panel-fit-content.panel-with-grid .dxgvCSD, .panel-activities .dxgvCSD { height: auto !important; } .panel-with-grid .dxgvFCSD, .panel-activities .dxgvFCSD { overflow: hidden; display: none; } .asp-form.react-frame .anit-panel .panel-heading, .panel-header-only, .form-content .anit-panel .panel-heading.panel-gray, .form-content .anit-panel .panel-heading.panel-white { display: flex; align-items: center; justify-content: space-between; padding: 0px 7px 0px 12px; height: 34px; transition: background-color 0.1s; border: none; flex-shrink: 0; } .asp-form.react-frame .anit-panel .panel-title, .panel-header-only, .form-content .anit-panel .panel-title { line-height: 1; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 500; color: #474747; } .asp-form.react-frame .anit-panel .panel-title i, .form-content .anit-panel .panel-title i { font-size: 14px; font-weight: 500; } .asp-form.react-frame .anit-panel .panel-body, .form-content .anit-panel .panel-body { padding: 0; padding-bottom: 8px; } .collapse-button-wrapper { position: sticky; bottom: 0; } .form-content .col-right { padding: 0px 12px; width: calc(100% - 400px); float: left; overflow-y: auto; } .form-content .col-right.flex { display: flex; flex-direction: column; overflow: hidden; } .anit-panel.flex { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; } .anit-panel.flex .panel-body { flex-grow: 1; overflow: hidden; } .anit-panel.flex.anit-panel-collapsed { flex-grow: 0; } .form-content .col-left { overflow: hidden auto; padding-right: 12px; width: 400px; float: left; } .form-content .col-right div.cke { border: none; padding: 0 4px; } .grid-menu_item.grid-menu_item__Attach { margin-right: 0px; } .grid-menu_dropdown.attach-dropdown.grid-menu_item__Attach { margin-right: 12px; } .software-license-form .grid-menu_item.refresh { margin-right: 0; margin-left: 5px; } .purchase-order-form .totals { margin: 10px 0 0; } .purchase-order-form .totals > div { margin-right: 15px; } /* tracked software */ .tracked-software-form .summary-wrapper { display: grid; overflow-x: auto; background: #fff; } .tracked-software-form .summary-wrapper .statistic-and-message-wrapper { display: flex; grid-row: 1; width: 100%; padding: 20px; padding-right: 0; } .tracked-software-form .statistic-wrapper { display: flex; width: 100%; } .tracked-software-form .summary-wrapper .summary-col { padding: 0px 20px; flex: 1 0 20%; border-left: 2px solid #e9eef3; } .tracked-software-form .summary-wrapper .summary-col .display-caption { width: 100%; text-align: right; } .tracked-software-form .summary-wrapper .summary-col .display-caption .TicketValueLabel { float: right; } .tracked-software-form .summary-wrapper .summary-field { margin-top: 10px; } .tracked-software-form .summary-wrapper .compliance-wrapper { grid-row: 1; display: flex; min-width: 150px; max-width: 330px; width: auto; padding: 20px; } .tracked-software-form .error-message-wrapper { grid-row: 2; grid-column: 2; padding: 0px 20px 20px 20px; } .tracked-software-form .summary-wrapper .summary-col .display-val { padding-left: 5px; } .tracked-software-form .dxtcLite_anDefault { height: 100%; display: flex; flex-direction: column; } .tracked-software-form .dxtcLite_anDefault > .dxtc-content { flex-grow: 1; display: flex; overflow: hidden; } .tracked-software-form .dxtcLite_anDefault > .dxtc-content > div { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .tracked-software-form .dxtcLite_anDefault > .dxtc-stripContainer { flex-shrink: 0; } /* Person form */ .form-with-tabs .tab-content.person-contact-info { display: block; width: 500px; } .person-form .skils .PanelRow { flex: 1 0 300px; } .devices-for-push-notifications .gridWrapper { border: none; } /* Form with tabs */ .form-with-tabs .dxtcLite_anDefault > .dxtc-stripContainer { flex-shrink: 0; min-height: 38px; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-tab, .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-spacer, .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper, .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent, .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer { border-bottom: 0px; } .dxtc-tab .dxtc-lead .dxtc-psi { border: none; } .form-with-tabs .dxtcLite_anDefault { height: 100%; display: flex; flex-direction: column; background-color: #ffffff; /* margin: 0 0 16px 0 ; */ } .form-with-tabs .dxtcSys > .dxtc-content > div { height: auto; flex-grow: 1; display: flex; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content { border-top: 1px solid #e9eef3 !important; /*padding: 0 0 16px 0;*/ padding: 0; flex-grow: 1; overflow-y: auto; /*margin-bottom: 15px;*/ padding-top: 0; } /* tab with panels */ .form-with-tabs .tab-content-with-panels { height: 100%; overflow-x: auto; padding: 16px 12px 12px 16px; } .form-with-tabs .tab-content { display: flex; flex-wrap: wrap; } .form-with-tabs .tab-content .PanelRow { flex: 0 1 500px; margin-bottom: 10px; margin-right: 10px; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content { display: flex; overflow: hidden; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content > div > div { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content > div > div .second-row-panel { display: flex; flex-grow: 1; flex-direction: column; } .view-form .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content .dxpnlControl_anDefault { overflow-y: auto; } .form-with-tabs .dxtcLite_anDefault.dxtc-top > .dxtc-content .dxpnlControl_anDefault { overflow: hidden; height: auto !important; flex-grow: 1; } .form-with-tabs .grid-menu_right { padding: 0 8px 0 8px; } .form-with-tabs .view-list-menu { padding: 0 0 0 8px; } .memo-edit-panel { height: 100%; } .memo-edit-panel .resizable-textarea { height: 100%; } .form-with-description .memo-edit-panel .memo-field { padding: 15px; } .anit-panel.memo-edit-panel .panel-body { padding-bottom: 0; } .form-with-description .col-right .anit-panel.flex .panel-body > div, .form-with-description .col-right .anit-panel.flex .panel-body > div .cke, .form-with-description .col-right .anit-panel.flex .panel-body .memo-wrap, .form-with-description .col-right .anit-panel.flex .panel-body .memo-field > table, .form-with-description .col-right .anit-panel.flex .panel-body .memo-wrap .textarea-scrollbar { height: 100%; } .form-with-description .col-right .anit-panel.flex .panel-body > div .cke_inner { height: 100%; display: flex !important; flex-direction: column; } .form-with-description .col-right .anit-panel.flex .cke_contents { flex-grow: 1; } .form-with-description .col-right .anit-panel.flex .cke_top { flex-shrink: 0; } .form-with-description .col-right .anit-panel.flex .panel-body .memo-field { padding-bottom: 15px; } .form-with-description .col-right .resizable-textarea div.grippie { display: none; } .form-with-description .dxtcLite_anDefault.dxtc-top > .dxtc-content { padding: 0 0 16px 0; } .form-with-description .dxtcLite_anDefault.dxtc-top .grid-browser-cbp { padding: 0 12px; } /* Form with table */ .form-with-table .col-right .anit-panel.flex .panel-body { display: flex; flex-direction: column; } .form-with-table .col-right .anit-panel.flex .panel-body .second-row-panel { flex-grow: 1; } /* misc */ body .panel { box-shadow: none; -webkit-box-shadow: none; } .d-flex { display: flex; flex-wrap: wrap; } .w-100 { width: 100%; } .grid-menu-actions-wrap { margin-left: 12px; } .export-menu-parent { margin-right: 12px; } .toggle-preview { margin-right: 12px; } .form-tab-content { padding: 16px 12px 12px 16px; height: 100%; } .form-tab-content.preview-frame { padding-top: 0px; padding-right: 0px; } .form-tab-content.preview-frame iframe { height: 100%; width: 100%; border: 0; } .form-tab-content.preview-frame.with-rating-row iframe { height: calc(100% - 30px); } .form-tab-content-with-panels.embedded { padding: 8px 12px 0; height: auto; } .v-spacer { height: 12px; width: 100%; } .form-tab-content-with-toolbar { padding: 0px 12px 12px 16px; height: 100%; } .form-tab-content-with-panels { padding: 16px 12px 12px 16px; height: 100%; float: left; width: 100%; } .license-allocation-form .full-form-content, .service-level-form .full-form-content { overflow: hidden auto; } .form-tab-content-with-panels.panels-with-padding { padding-top: 4px; } .form-tab-content-with-tabs { padding: 0px 12px 0px 16px; height: 100%; } .adv-search-page-content-wrapper { height: 100%; } /* panels without padding */ .form-content .anit-panel.panel-with-grid .panel-body, .form-content .anit-panel.panel-activities .panel-body { padding: 0; padding-bottom: 0px; } .form-tab-content .panel-with-memo .memo-wrap { padding: 4px; } .panel-with-memo .memo-wrap .scroll-textarea { border: none; } .form-tab-content .panel-with-grid .gridWrapper { border: none !important; } .form-btn-save:not(.dxm-disabled) { background-color: #ffdf6d; border-radius: 4px; } .form-menu .form-btn-save.dxm-hovered, .main-menu .form-btn-save.dxm-hovered { background-color: #f2d25e !important; border-radius: 4px; } .form-view-mode > .dxtcLite_anDefault > .dxtc-content { padding-left: 0; padding-right: 0; } .custom-data-tab-content .panel-wrapper { border: 1px solid var(--gray-10); } .custom-data-tab-content .an-row.an-row-panel-header { padding: 12px 0 12px 0; } .modification-panel-created, .modification-panel-modified { } .relative, .relative .panel-body { position: relative; } .pct-border-container { position: absolute; top: 0; bottom: 0; left: 200px; width: 1px; border-right: 2px solid #d9d9d9; } .pct-header { width: 100%; background-color: #f2f4f5; color: #666666; } .pct-header td { padding: 6px 0px; } .tech-settings-checkbox input { margin-right: 4px; margin-top: 0px; vertical-align: middle; width: 18px; height: 18px; } .message-content-wrapper, .progress-content-wrapper { position: relative; grid-row: 1; padding: 0; background: #ffffff; border: none; height: 100%; } .grid-menu_dropdown.grid-menu_item__disabled.open .dropdown-menu { display: none; } /* show dropdowns when parent has .open or .show (bootstrap removed) */ .grid-menu_dropdown.open > .dropdown-menu, .grid-menu_dropdown.show > .dropdown-menu, .view-list-menu.open > .dropdown-menu, .view-list-menu.show > .dropdown-menu { display: block; } /* keep dropdowns hidden by default */ .grid-menu_dropdown > .dropdown-menu, .view-list-menu > .dropdown-menu { display: none; } .message-helper input[type="button" i] { padding-left: 8px; padding-right: 8px; } .nav-bar_wrapper { overflow-y: auto; width: 280px; scrollbar-width: thin; } .nav-bar_wrapper::-webkit-scrollbar-thumb:vertical { border-radius: 4px; } .nav-bar_wrapper::-webkit-scrollbar { background-color: transparent; width: 8px; } .nav-bar_wrapper.only-favorites .main-navbar-group-header { display: none; } .nav-bar_footer { height: 64px; } .nav-bar_footer-wrapper { display: flex; justify-content: center; width: 100%; height: 100%; } .nav-bar_footer-item { padding-top: 10px; text-align: center; cursor: pointer; width: 50%; } .nav-bar_footer-item-all { } .an-orgchart-svg, .grid-col-class-object svg { fill: #1798aa; } .grid-col-class-object svg { margin-right: 5px; } #alloy-breadcrumbs { } .help-options #helpBtn .help-tooltip { display: block; color: #fff; padding: 4px 8px; font-size: 0.625rem; font-weight: 500; line-height: 1.4em; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); transition: opacity 0.2s 0.2s; position: absolute; margin-top: 5px; opacity: 0; left: 1px; } .help-options #helpBtn:hover .help-tooltip { opacity: 1; } .cke_contents_ltr a.cke_anchor, .cke_contents_ltr a.cke_anchor_empty, .cke_editable.cke_contents_ltr a[name], .cke_editable.cke_contents_ltr a[data-cke-saved-name] { background-image: none !important; padding-left: 0px !important; } .license-allocation-form .full-form-header__action { display: none !important; } .cke_dialog { border: 1px solid #ccc !important; } .an-date-edit .dxpcDropDown_anDefault { min-width: max-content; } .an-date-edit .dxeDateEditTimeEditCell_anDefault .dxeButtonEdit_anDefault { min-width: 130px; } .activity-panel { height: 100%; } .frame-calendar { overflow: auto; } .treelist { overflow: auto; } .treelist.second-row-panel { height: 100%; } .an-http-error .an-login-msg-link { display: flex; } .an-http-error .an-login-msg-link p { margin: 0px 8px 0px 0px; white-space: nowrap; } .an-http-error .an-login-msg-link a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ::-webkit-scrollbar { background-color: inherit !important; width: 16px; } ::-webkit-scrollbar-thumb { border-radius: 8px !important; background-color: var(--alloy-theme-scroll) !important; border: 4px solid transparent !important; background-clip: content-box; } ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background-color: var(--alloy-theme-scroll-hover) !important; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); } i.fal { font-weight: 400; } .cke a.cke_button:hover, .cke a.cke_button:focus { border-color: transparent; background: rgba(121, 143, 166, 0.16); } body .cke_autocomplete_panel { background: var(--alloy-theme-popup-background); border: 1px solid var(--alloy-theme-popup-border); } body .cke_autocomplete_panel > li:hover { background: var(--alloy-theme-hover); } body .cke_autocomplete_panel > li.cke_autocomplete_selected:not(:hover) { background: var(--alloy-theme-selected); } .MuiMultiSectionDigitalClock-root::-webkit-scrollbar { display: none; } .flyout-container .cke_resizer_ltr { margin-right: 4px; } /* ============================================================================== Dark Reports ============================================================================== */ :root { --alloy-theme-scroll: #ced4d7; --alloy-theme-scroll-hover: #a0a8af; } :root:not(:has(#reportViewer)).dark-theme { color-scheme: dark; --alloy-theme-scroll: #686868; --alloy-theme-scroll-hover: #7b7b7b; } .dark-theme .dxpcModalBackLite_anDefault { background-color: #121212; } .dark-theme .report-params-dialog { border: none; background-color: #1e1e1e; color: #ccc; } .dark-theme .report-params-dialog.dxpc-shadow { box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 60%); } .dark-theme .report-params-dialog .dxpc-headerText { color: #ccc; } .dark-theme .report-params-dialog .dxpc-closeBtn { filter: invert(1); } .dark-theme .report-params-dialog .modal-body { background: unset; } .dark-theme .report-params-dialog .panel { background: unset; } .dark-theme .report-params-dialog .popup-footer { background: unset; } .dark-theme .report-params-dialog .dxeButtonEdit_anDefault { background: unset; border: 1px solid rgba(255, 255, 255, 0.24); } .dark-theme .report-params-dialog .dxeButtonEditButton_anDefault { background: unset; } .dark-theme .report-params-dialog .dxeButtonEditButtonPressed_anDefault { background: rgba(255, 255, 255, 0.24) !important; } .dark-theme .report-params-dialog .dxeButtonEdit_anDefault .dxeEditArea_anDefault { background: unset; color: inherit; } .dark-theme .report-params-dialog .dxeListBox_anDefault { background: unset; border: 1px solid rgba(255, 255, 255, 0.24); color: inherit; } .dark-theme .report-params-dialog .dxeListBoxItemHover_anDefault { background: rgba(255, 255, 255, 0.06); color: inherit; } .dark-theme .report-params-dialog .dxeListBoxItemSelected_anDefault { background: rgba(255, 255, 255, 0.12); color: #fff; } .dark-theme .report-params-dialog .dxpcDropDown_anDefault .dxpc-mainDiv { background: #1e1e1e; } .dark-theme .report-params-dialog .dxbButton_anDefault:not(.primary) { background: unset; color: rgba(255, 255, 255, 0.7); } .dark-theme .report-params-dialog .dxbButton_anDefault:not(.primary):hover { background: rgba(255, 255, 255, 0.06); } /* dark select relationship type dialog */ .dark-theme .edit-relation-popup { border: none; background-color: #1e1e1e; color: #ccc; } .dark-theme .edit-relation-popup .dxpc-shadow { box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 60%); border: none; } .dark-theme .edit-relation-popup .dxpc-mainDiv { background: unset; } .dark-theme .edit-relation-popup .dxpc-headerText { color: #ccc; } .dark-theme .edit-relation-popup .dxpc-closeBtn { filter: invert(1); } .dark-theme #formEditRel { background: #1e1e1e; } .dark-theme #formEditRel .modal-body { background: unset; } .dark-theme #formEditRel .panel { background: unset; border-color: rgba(255, 255, 255, 0.12); } .dark-theme #formEditRel .popup-footer { background: unset; } .dark-theme #formEditRel .dxbButton_anDefault:not(.primary) { background: unset; color: rgba(255, 255, 255, 0.7); } .dark-theme #formEditRel .dxbButton_anDefault:not(.primary):hover { background: rgba(255, 255, 255, 0.06); } .dark-theme #formEditRel .dxeListBox_anDefault { background: unset; border: 1px solid rgba(255, 255, 255, 0.24); color: inherit; } .dark-theme #formEditRel .dxeListBoxItemHover_anDefault { background: rgba(255, 255, 255, 0.06); color: inherit; } .dark-theme #formEditRel .dxeListBoxItemSelected_anDefault { background: rgba(255, 255, 255, 0.12); color: #fff; } .dark-theme #formEditRel .panel-heading { color: unset; background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.12); } /* dark login message */ .dark-theme .an-login-msg-wrapper .panel { background: #1e1e1e; border-color: rgba(255, 255, 255, 0.12); } .dark-theme .an-login-msg-wrapper .anit-panel .panel-gray { background: #24262a; color: unset; border-color: rgba(255, 255, 255, 0.12); } .dark-theme .an-login-msg-wrapper .dxbButton_anDefault { color: unset; } .dark-theme #login-header-wrapper { background: #2B2B2B; } :root { --primary-color: #2B528B; --primary-main-light-color: #3966AA; --primary-darkMedium-color: #1C3F74; --primary-dark-color: #002A5D; --primary-light-color: #A8C9F0; --chevron-light-color: #A8C9F0; --chevron-primary-color: #2B528B; --chevron-lightMedium-color: #BEDAFC; --chevron-lightDark-color: #96BBE8; --chevron-pale-color: #D4EDFF; --primary-pale-color: #D4EDFF; --primary-active: #145AC2; --primary-svg-color: #30B6F3; --primary-label: #2b528b; --secondary-color: #6AD0FF; --secondary-dark-color: #3DB2E8; --gray-0: #FFFFFF; --gray-4: #F2F4F5; --gray-7: #F9FAFA; --gray-10: #E9EEF3; --gray-20: #CCCCCC; --gray-40: #999999; --gray-60: #666666; --gray-80: #333333; --gray-90: #1A1A1A; --header-back-color: #1C3F74; /*primary-darkMedium-color*/ --header-input-back-color: #002A5D; /*primary-dark-color*/ --header-input-hover-color: #2B528B; /*primary-color*/ --header-pale-color: #D4EDFF; /*primary-pale-color*/ --header-light-color: #A8C9F0; /*primary-light-color*/ --header-lightDark-color: #96BBE8; /*primary-light-color*/ } #login-header-wrapper { background: var(--header-back-color); } .main-header.navbar-default { background-color: var(--header-back-color); } .search-box input:-webkit-autofill, .search-box input:-webkit-autofill:focus, .search-box input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0 0 0px 1000px var(--header-input-back-color) inset !important; -webkit-text-fill-color: var(--header-light-color) !important; } .search-box:hover input:-webkit-autofill:hover, .search-box input:-webkit-autofill:hover{ -webkit-box-shadow: 0 0 0px 1000px var(--header-input-hover-color) inset !important; } .header-search .header-search__goto:hover > button, .header-search .header-search__search:hover > button { background-color: var(--primary-main-light-color) !important; } .header-search .header-search__goto:hover .header-btn, .header-search .header-search__search:hover .header-btn { color: var(--header-pale-color); } .header-search .header-btn { color: var(--header-light-color); } .main-header .caret { border-top-color: var(--header-light-color); border-bottom-color: var(--header-light-color); } #notifications-container { margin-right: 8px; margin-top: 10px; } #notifications-container > div { border-radius: 36px; } #notifications-container:hover > div { background-color: var(--primary-main-light-color)!important; border-radius: 36px; } #notifications-container svg { fill: var(--header-light-color); } .nav-img-favorites-wrapper:hover { background-color: var(--primary-darkMedium-color)!important; } .nav-bar_footer-item:hover { background-color: var(--primary-darkMedium-color) !important; } .header-help:hover { background-color: var(--header-input-hover-color)!important; border-radius: 36px; } .header-caret { padding: 7px 13px 10px 13px; } .header-caret:hover { background-color: var(--header-input-hover-color) !important; border-radius: 36px; } .header-options > a { color: var(--header-light-color); } .header-help svg, #notifications-container .Mui-disabled svg { fill: var(--header-pale-color) !important; color: var(--header-pale-color) !important; } #menuBar { color: var(--header-light-color); } #pinBar { color: var(--primary-pale-color); } #pinBar:hover { background-color: var(--primary-darkMedium-color); } #menuBarOnNav { color: var(--primary-pale-color); } #menuBarOnNav:hover { background-color: var(--primary-darkMedium-color); } .navbar-wrapper .navbar { background-color: var(--primary-color); overflow: hidden; overflow-x: hidden; } .navbar .dxnbLite_anDefault .dxnb-header, .navbar .dxnbLite_anDefault .dxnb-headerCollapsed { color: var(--primary-light-color); font-size: 14px; line-height: 20px; } .navbar .dxnbLite_anDefault a { color: var(--primary-light-color); } .navbar .dxnbLite_anDefault .dxnb-headerCollapsedHover { background-color: var(--primary-darkMedium-color); color: var(--primary-light-color); } .navbar .dxnb-header.main-navbar-group-header { background-color: var(--primary-darkMedium-color); } .navbar .dxnb-content { background-color: var(--primary-darkMedium-color); } .navbar .only-favorites .dxnb-content { background-color: inherit; } .navbar .side-bar_wrapper .input-group-addon { color: var(--primary-pale-color); } svg.nav-img-favorites-menu path { fill: var(--primary-light-color) !important; } .dxnb-item.dxnb-itemSelected svg { fill: var(--secondary-color); } .main-page-title-img-wrapper svg, .nav-to-list svg, .ffh-image-wrapper svg { fill: var(--secondary-color); width: 24px; height: 24px; } .main-page-title-img-wrapper, .ffh-image-wrapper { background-color: var(--primary-color); padding: 10px; border-radius: 40px; height: 44px; width: 44px; } .navbar .side-bar_filter input.dxeEditArea_anDefault { color: var(--primary-pale-color); background-color: transparent; } .navbar #uEmptyText { color: var(--primary-pale-color); } .navbar .dxnb-content .dxnb-item.dxnb-itemSelected a { color: var(--secondary-color) !important; } .navbar .dxnb-itemHover.main-navbar-item-hover { background-color: var(--primary-dark-color); } .navbar .dxnb-content .dxnb-itemSelected { background-color: var(--primary-dark-color); } .navbar .dxnb-content .dxnb-item a { color: var(--primary-light-color); } .navbar .dxnb-header.main-navbar-group-header { color: var(--primary-light-color); } .navbar .side-bar_wrapper .input-group:hover { background: var(--primary-darkMedium-color); } .navbar .side-bar_wrapper .input-group.focused{ background: var(--primary-darkMedium-color); } .stage-marked { background-color: var(--chevron-pale-color); color: var(--chevron-light-color); } .stage-active { color: var(--chevron-primary-color); background-color: var(--secondary-color); } .stage-unmarked { color: #A7A7A7; background-color: var(--gray-10); } .stage-marked svg { color: var(--primary-light-color); } .stage-active svg { color: var(--secondary-color); } .stage-unmarked svg { color: var(--gray-20); } .stage-first::after, .stage-intermediary::after { content: ''; position: absolute; right: -19px; top: 0px; z-index: 2; border: 12px solid transparent; } .stage-first.stage-marked::after, .stage-intermediary.stage-marked::after { border-left: 7px solid var(--chevron-pale-color); } .stage-first.stage-active::after, .stage-intermediary.stage-active::after { border-left: 7px solid var(--secondary-color); } .stage-first.stage-unmarked::after, .stage-intermediary.stage-unmarked::after { border-left: 7px solid var(--gray-10); } .catalog-panel__left .form-menu__item i { color: var(--gray-80); } .form-menu__item, .form-menu__item:hover, .form-menu__item:active { color: var(--gray-80); font-weight: 400; } .accent-color { background-color: var(--gray-4); color: var(--gray-80); } .accent-color .grid-menu_search{ background: var(--gray-10); color: var(--gray-80); } .accent-color.form-header.form-menu{ background-color: inherit; } .form-menu .dxm-hovered, .main-menu .dxm-hovered { background: var(--gray-10) !important; color: var(--gray-80) !important; } .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtcLite_anDefault > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_anDefault > .dxtc-stripContainer .dxtc-activeTab a { /*color: #484848;*/ color: var(--primary-active); font-weight: 500; } .dxtcLite_anDefault > .dxtc-stripContainer .dxtc-tab a { color: var(--gray-60); font-weight: 500; } .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-activeTab { border-bottom: 3px solid var(--primary-active); } .panel-header-only, .form-content .anit-panel .panel-heading.panel-gray { background-color: var(--gray-10); border-color: var(--gray-20); } .panel-default > .panel-heading.panel-white, .form-content .anit-panel .panel-heading.panel-white { /*background-color: #FFFFFF;*/ background-color: var(--gray-10); border-color: var(--gray-20); } .form-content .anit-panel .panel-title { color: var(--gray-80); } .form-content .anit-panel .panel-title i{ color: var(--gray-60); } .object-constructors .btn-default { background-color: var(--secondary-color); } .object-constructors .btn-default svg:hover, .object-constructors.open .btn-default svg { fill: var(--header-input-back-color) !important; } .header-search svg { fill: var(--header-light-color) !important; } #menuBar:hover { background-color: var(--header-input-hover-color) !important; } .panel-with-grid .grid-menu, .panel-activities .grid-menu, .panel-description .panel-description-header { background-color: var(--gray-4); } .panel-with-grid .grid-menu_search, .panel-activities .grid-menu .grid-menu_search, .panel-description .panel-description-footer { background: var(--gray-7); } .panel-description .panel-description-footer span { color: var(--primary-active); } .dashboardContainer .anit-panel .panel-title { color: var(--gray-60); } .form-content .Panel, .form-content .anit-panel.panel { border: 1px solid var(--gray-20); } .dashboardContainer .anit-panel.panel { border: 1px solid var(--gray-10); } .dxgvControl_anDefault .dxgvFSDC, .dxgvControl_anDefault .dxgvHSDC, body .dxgvAdaptiveGroupPanel_anDefault, body .dxgvGroupPanel_anDefault { background-color: #ffffff; color: var(--gray-60); } .form-menu .dxm-content.dxm-hasText { color: var(--gray-80) !important; } .header-search .header-search__object:hover .an-search-megamenu svg, .an-search-megamenu .item li svg, .an-search-megamenu .item li svg path{ fill: var(--primary-svg-color) !important; } .an-search-megamenu .item li:hover { color: var(--primary-active) !important; } .select-object-form .an-search-megamenu .item li:hover svg, .header-search .header-search__object .an-search-megamenu .item li:hover svg { fill: var(--primary-active) !important; } .appointment-image svg, #formEditRel svg { fill: var(--primary-svg-color); } #progressLine { background-color: var(--header-light-color); } .select-attachments__banner span, .grid-pager-banner span { color: var(--gray-60); } .nav-bar_footer { background-color: var(--primary-dark-color); } .nav-bar_footer-item { color: var(--primary-light-color); } .nav-bar_footer-item.active{ color: var(--secondary-color); } .nav-bar_wrapper::-webkit-scrollbar-thumb:vertical { background-color: var(--header-lightDark-color); } .nav-bar_wrapper:hover::-webkit-scrollbar-thumb:vertical { background-color: var(--header-light-color); } .nav-bar_wrapper { scrollbar-color: var(--header-lightDark-color) transparent; } .nav-bar_wrapper:hover{ scrollbar-color: var(--header-light-color) transparent; } .dropdown-menu.nav-bar-menu > li > a:hover { background-color: #D4EDFF; /*var(--primary-pale-color);*/ } .dropdown-menu.an-common-contextmenu > li > a:hover { background-color: #CFEAFE; color:#333333; } @font-face { font-family: 'Barcode'; src: local('Barcode'), url('../webfonts/Barcode.ttf') format('truetype'); } /* inter-100 */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100; src: url('../webfonts/Inter-Thin.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* inter-100italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100; src: url('../webfonts/Inter-ThinItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* inter-300 */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; src: url('../webfonts/WebPortals/Inter-Light.woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* inter-300italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 300; src: url('../webfonts/Inter-LightItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* inter-regular */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../webfonts/Inter-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* inter-italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; src: url('../webfonts/Inter-Italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-500 */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('../webfonts/Inter-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-500italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 500; src: url('../webfonts/Inter-MediumItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-700 */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('../webfonts/Inter-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-700italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 700; src: url('../webfonts/Inter-BoldItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-900 */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; src: url('../webfonts/Inter-Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Inter-900italic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 900; src: url('../webfonts/Inter-BlackItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../webfonts/inter-v19-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'alloy-font'; src: url('../webfonts/alloy-font.ttf?x64vh6') format('truetype'), url('../webfonts/alloy-font.woff?x64vh6') format('woff'), url('../webfonts/alloy-font.svg?x64vh6#alloy-font') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'alloy-font' !important; font-size: 16px; speak: never; 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-Approval_Target_16:before { content: "\e902"; } .icon-menu_16:before { content: "\e900"; } .icon-save_as_16:before { content: "\e901"; } .icon-save_24:before { content: "\ea9a"; } .icon-save_as_24:before { content: "\ea9b"; } .icon-rename_24:before { content: "\ea9c"; } .icon-organize_24:before { content: "\ea9d"; } .icon-customize_24:before { content: "\ea9e"; } /* override classes of DevExpress v14.1.7 */ .dxpcModalBackLite_anDefault { opacity: 0.6 !important; background-color: #ccc; } .param-wrapper .dxnbLite_anDefault .dxnb-content { overflow: inherit; } td.dxic { font-size: inherit; } .dxtcLite_anDefault .dxtc-link { font-size: inherit; } .dxtcLite_anDefault .dxtc-activeTab { border-bottom-width: 0; } li.dxtc-tab, li.dxtc-activeTab { padding-bottom: 2px; padding-top: 2px; } li.dxtc-tab .form-tab-icon, li.dxtc-activeTab .form-tab-icon { font-size: 8px; padding-left: 8px; color: #145ac2; } .dxnb-item span.dx-vam { line-height: 20px; } .spinedit .dxeButtonEditButton_anDefault { height: 100% !important; } /* override DevExpress input style */ .dxeEditArea_anDefault { padding-bottom: 0px !important; } .report-params-dialog input[type="text"].dxeEditArea_anDefault { padding-left: 8px; } .report-params-dialog .dxeButtonEditSys .dxeButtonEditButton_anDefault { padding-left: 12px; padding-right: 12px; } .dxFirefox .dxeButtonEdit_anDefault td.dxic { padding: 6px 8px 8px 0; } /* Attachment */ .propertiesMenuFix .dxm-ltr .dxm-horizontal ul.dx { float: none; } /* Main Pager */ /* tab content wrapper */ div.dxtcSys.main-pager > .dxtc-content > div > div { display: block; overflow: hidden auto; } /* Message Helper */ .message-helper .dxpcContentPaddings_anDefault { padding: 9px 12px 10px; } /* Snippets styles */ .dxpcContentPaddings_anDefault { padding: 0; } .tree-snippets td.dxtl__IM:first-child > img, .tree-snippets td.dxtl__IM:first-child { padding: 0; margin: 0; width: 0px; } /* Invalid fields style */ .dxeErrorFrameWithoutError_anDefault { border: none; } .dxeErrorFrameWithoutError_anDefault.dxeControlsCell_anDefault { padding: 0px; } .dxeErrorFrameWithoutError_anDefault .dxeInvalid_anDefault { border: 1px solid #d00 !important; } .dxeErrorFrame_anDefault .dxeInvalid_anDefault { border: 1px solid #d00; } .dxeErrorCell_anDefault { opacity: 0; } /* Leftside Nav Bar */ /*------------------------ .dxnbLite_anDefault { background-color: inherit; } .navbar .dxnbLite_anDefault .dxnb-img { margin-top: 3px; border-radius: 2px; } .navbar .dxnbLite_anDefault .dxnb-btn { float: left; margin: 0 7px 0 0; } .navbar-wrapper .dxnbLite_anDefault .dxnb-item .dxnb-link { padding: 1px 6px 1px 25px; } .navbar-wrapper .dxnbLite_anDefault .dxnb-itemSelected, .navbar-wrapper .dxnbLite_anDefault .dxnb-itemHover { background: #859EBF repeat-x left top; border: 1px solid #859EBF; } .navbar-wrapper .dxnbLite_anDefault .dxnb-itemSelected a { color: white; text-decoration: none; } .navbar-wrapper .dxnbLite_anDefault .dxnb-itemHover a { color: white; } */ .dxmLite_anDefault { font-size: 14px; } .dxnbLite_anDefault .main-navbar-group-header .dxnb-img { float: right; } .dxnbLite_anDefault .dxnb-img { float: left; } .resizable-calendar .dxmLite_anDefault .dxm-main { background: inherit; } /* Combobox */ .combo-button > div.dxb { padding: 0; padding-top: 2px; } .combo-button div.dxbf { border: none; } /* Common */ .param-wrapper .dxrpControl_anDefault > tbody > tr.dxrpCR > .dxrpcontent { background: inherit; } .dxrpControl_anDefault .dxrpHeader_anDefault td.dxrp { line-height: normal; } .dxeListBox_anDefault div.dxlbd { padding-top: 0; } .menu-item div.dxm-hasText { margin-right: 32px; text-align: left; float: none; } .menu-item.dxm-subMenu div.dxm-popOut { margin-top: -19px; } .dxnb-item.dxnbLiteDisabled_anDefault a:hover { text-decoration: none; color: #989898; } .dxsplLCC { padding: 0px; } #highlighting .dxichCellSys { padding: 0; } .ipaddr-wrap .dxichCellSys { padding: 0; } .apply-to td.dxe { padding: 0px; } .apply-to .dxeTAR { margin-bottom: 8px; } .grippie .dxWeb_splHSeparator_anDefault { margin: 0 auto; } .dxtcLite_anDefault > .dxtc-content { overflow: visible; } .main-pager > .dxtc-content { overflow-y: auto; overflow-x: hidden; padding: 0; } .full-form .main-pager > .dxtc-content { overflow-y: hidden; } .full-form .main-pager > .dxtc-wrapper { text-transform: uppercase; } .main-form .dxsplLCC { overflow: inherit; } .dxeRadioButtonList_anDefault { border: none; } .EmptyMenuItem .dxm-hasText { padding: 0px !important; max-width: 1px; } table.activitycombo td.dxeButtonEditButton_anDefault { border: 0px; background: white; } table.activitycombo table.readonly-field td.dxeButtonEditButton_anDefault { visibility: hidden; } .custom-editor .dxbButtonSys.dxbTSys { margin-left: 8px; } .suggestButton .dx-vam { padding: 0; } .dxpcLite_anDefault .memo-editor .dxpc-content { padding: 0; } .search-box .dxeButton.dxeButtonEditButton_anDefault { display: none; } .search-box td.dxic { padding: 5px 7px; } .cb-asgrid .dxichTextCellSys { padding-top: 4px; } .TextBox input.dxeEditArea_anDefault { background-color: #fff !important; } #InfoContent .dxeMemo_anDefault { border: none; } #InfoContent .dxeMemoEditArea_anDefault { background-color: #fff; } .tech-settings-page td.dxic { padding: 6px 6px; } .tech-settings-page input[type="checkbox"] { margin: 2px 5px 0 0; } .tech-settings-page .dxbButton_anDefault div.dxb { padding: 4px 13px 6px; } .classifier .dxeButtonLeft { max-width: 20px; cursor: text; } .classifier td.dxeButtonLeft.dxeButtonEditButtonHover_anDefault { background: none; cursor: text; } .classifier td.dxeButtonLeft.dxeButtonEditButtonPressed_anDefault { background: none; } .classifier .dxeButtonLeft img { background: none; } .dxeListBoxItem_anDefault { white-space: normal; } .adv-search__params-wrap .dxnbLite_anDefault .dxnb-content { overflow: unset; } .field-cell .dxeReadOnly_anDefault, .field-cell .dxeReadOnly_anDefault .dxeEditArea_anDefault { background-color: #FFFFFF; } .field-cell .dxeReadOnly_anDefault .dxeButtonEditButton_anDefault{ visibility: hidden; } .recurrent-ticket-form .dxichCellSys { padding: 2px 0px 0px 0px; } .ticket-job-form .dxeTAR.dxeBase_anDefault .dxichTextCellSys { padding: 0px 8px; } .ticket-job-form .dxeRadioButtonList_anDefault .dxeTAR.dxeBase_anDefault .dxichTextCellSys { padding: 6px 8px 0px; } .ticket-job-form .dxichCellSys { padding-top: 0; } .ticket-job-form .dxeCheckBoxList_anDefault td.dxe { padding-bottom: 2px!important; } .ticket-job-form .dxeCheckBoxList_anDefault .dxeTAR { margin-bottom: 8px; } .ticket-job-form .dxeRadioButtonList_anDefault .dxichCellSys { padding-top: 5px; } .ticket-job-form.action-form .control-label { font-size: 14px; } .ticket-job-form.action-form .dxeButtonEdit_anDefault td.dxic { padding: 0; } .ticket-job-form.action-form .dxeButtonEditButton_anDefault { padding: 0px 4px; } .style2021 .ticket-job-form .dxeButtonEdit_anDefault { font-size: 14px; height: 24px; } .ticket-job-form { font-size: 14px; display: flex; flex-direction: column; } .ticket-job-form .control-label-left { padding-right: 16px; padding-top: 0px; line-height: 22px; } .ticket-job-form .control-label-right { padding-left: 5px; padding-right: 5px; padding-top: 0; line-height: 22px; } .ticket-job-form .header { font-weight: bold; } .ticket-job-form .controls-container { margin-top: 10px; align-items: center; } .ticket-job-form .dxeRadioButtonList_anDefault td.dxe { padding-top: 4px; padding-left: 5px; } .ticket-job-form .dxeRadioButtonList_anDefault table { margin-bottom: 4px; } .ticket-job-form .controls-list td { padding-top: 8px; padding-right: 12px; } .ticket-job-form .controls-container > .dxeTAR { margin-right: 8px; margin-bottom: 2px; } .ticket-job-form .controls-container .dxichCellSys { padding-top: 0px; } .ticket-job-form .dxeFocused_anDefault { border-color: #DCDCDC; } .controls-container .dxeDisabled_anDefault { background-color: #FFFFFF; } .dxeDisabled_anDefault .dxeButtonDisabled_anDefault { visibility: hidden; } .navbar .dxnb-gr{ margin-bottom: 0px; } img.dxGridView_gvHeaderFilter_anDefault { cursor: pointer !important; } img.dxGridView_gvHeaderFilterActive_anDefault { cursor: pointer !important; } .recurrent-ticket-form .dxtcLite_anDefault > .dxtc-stripContainer { padding-top: 0px; } .recurrent-ticket-form .dxtc-content{ overflow-y: hidden; } .dxtlNode_anDefault .dxtlIndentWithButton_anDefault{ /* padding: 0px 7px;*/ vertical-align: middle; } .combobox-edit .dxeButtonEditButton_anDefault.imageButton { max-width: 26px; padding: 0px 6px 0px 0px; } .combobox-edit .dxeButtonEditButton_anDefault.imageButton img { width: auto; height: auto; padding: 0px; } .grid-menu input[type=text].dxeEditArea_anDefault.dxeEditAreaSys::-ms-clear { display: none; } /* ============================================================================== ASPxLoadingPanel ============================================================================== */ .dxscLoadingPanel_anDefault, .dxtlLoadingPanel_anDefault, .dxcaLoadingPanel_anDefault, .dxgvLoadingPanel_anDefault, .dxlpLoadingPanel_anDefault, .dxlpLoadingPanelWithContent_anDefault { background-color: rgba(255,255,255,0.8); border-radius: 50%; border: none; border: 0px solid transparent; box-shadow: none; font-family: -apple-system, BlinkMacSystemFont, "Inter", 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #484848; } .dxscLoadingPanel_anDefault td.dx, .dxtlLoadingPanel_anDefault td.dx, .dxcaLoadingPanel_anDefault td.dx, .dxgvLoadingPanel_anDefault td.dx, .dxlpLoadingPanel_anDefault td.dx, .dxlpLoadingPanelWithContent_anDefault td.dx{ padding: 7px; } .panel-body .dxscLoadingPanel_anDefault td.dx, .panel-body .dxtlLoadingPanel_anDefault td.dx, .panel-body .dxcaLoadingPanel_anDefault td.dx, .panel-body .dxgvLoadingPanel_anDefault td.dx, .panel-body .dxlpLoadingPanel_anDefault td.dx, .panel-body .dxlpLoadingPanelWithContent_anDefault td.dx { padding: 6px; border: none; } .dxscLoadingPanel_anDefault .dxlp-loadingImage, .dxisControl_anDefault .dxis-nbItem .dx-is-loading, .dxtlLoadingPanel_anDefault .dxlp-loadingImage, .dxcaLoadingPanel_anDefault .dxlp-loadingImage, .dxgvLoadingPanel_anDefault .dxlp-loadingImage, .dxlpLoadingPanel_anDefault .dxlp-loadingImage, .dxlpLoadingPanelWithContent_anDefault .dxlp-loadingImage { border-radius: 50%; border: 4px solid #206AFA; border-top: 4px solid #E7EFFF; width: 40px; height: 40px; margin: 0; animation: dxSpin 1s linear infinite; } .panel-body .dxscLoadingPanel_anDefault .dxlp-loadingImage, .panel-body .dxisControl_anDefault .dxis-nbItem .dx-is-loading, .panel-body .dxtlLoadingPanel_anDefault .dxlp-loadingImage, .panel-body .dxcaLoadingPanel_anDefault .dxlp-loadingImage, .panel-body .dxgvLoadingPanel_anDefault .dxlp-loadingImage, .panel-body .dxlpLoadingPanel_anDefault .dxlp-loadingImage, .panel-body .dxlpLoadingPanelWithContent_anDefault .dxlp-loadingImage { border-radius: 50%; border: 3px solid #206AFA; border-top: 3px solid #E7EFFF; width: 28px; height: 28px; margin: 0; animation: dxSpin 1s linear infinite; } .dxscLoadingPanel_anDefault span, .dxtlLoadingPanel_anDefault span, .dxcaLoadingPanel_anDefault span, .dxgvLoadingPanel_anDefault span, .dxlpLoadingPanel_anDefault span, .dxlpLoadingPanelWithContent_anDefault span { display: none; } /* override checkboxes in tree list */ .tree-disable-checkbox .dxICheckBox_anDefault { display: none; } .dxEditors_edtClear_anDefault { display: none; } .dx-ellipsis{ white-space: nowrap; text-overflow: ellipsis; } .report-params-dialog .dxpc-header { padding: 20px 20px 24px 20px; } .report-params-dialog .popup-footer { padding: 20px; } .dxpc-header .an-helpBtn { float: right; } .dxpc-header .an-helpBtn > a { display: block; margin-top: -2px; padding-right: 10px; } .dxnb-itemDisabled .an-actionImg img { cursor: default; filter: opacity(0.25) grayscale(1); } .form-header div.dxm-content { padding-left: 6px !important; padding-right: 6px !important; padding-top: 6px !important; padding-bottom: 6px !important; } .form-header div.dxm-content.dxm-hasText { padding-right: 10px !important; } .form-header .dxm-popup div.dxm-content { height: auto; padding: 7px 12px 6px !important; } .form-content .dxtcLite_anDefault > .dxtc-stripContainer .dxtc-rightIndent { width: 0px; } .form-content .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer{ padding-top: 0; } .form-content .dxtcLite_anDefault > .dxtc-stripContainer .dxtc-leftIndent{ width: 12px; } .grid-menu-right-tech .dxm-content{ padding: 8px !important; } .form-header.form-menu .dxmLite_anDefault .dxm-content, .main-menu-actions .dx { display: flex; align-items: center; } .dxpc-contentWrapper .dxeListBox_anDefault td.dxeT { padding-left: 0; } #highlighting .dxpc-contentWrapper .dxeListBox_anDefault td.dxeT { padding-left: 0px !important; } .dxscAppointmentForm .appointment-table { } .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_anDefault.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent { display: none; } .dxm-disabled .form-menu__item i{ color: #ccc; } .delete-item.dxm-disabled img{ opacity: 0.4; } .deleteButton.disabled a { cursor: default!important; } #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i1_, #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i2_, #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i4_, #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i8_, #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i10_, #ctl00_M_CustomizePageControl_HighlightingPage_cbpMain_popUpWindow_pageControl_Conditions_cbpFilter_Filter_OperationPopup_DXI18i11_ { display: none; } .lookup-edit-wrap .dxeDisabled_anDefault, .combobox-field .dxnb-itemDisabled { opacity: 0.25; cursor: default; } .lookup-field .dxnb-itemDisabled.dxeButtonEditButtonHover_anDefault, .combobox-field .dxnb-itemDisabled.dxeButtonEditButtonHover_anDefault { background-color: inherit; color: inherit; } .lookup-field .dxeButtonEditButton_anDefault, .combobox-field .dxeButtonEditButton_anDefault { padding-left: 9px; padding-right: 9px; line-height: 100%; border-radius: 50%; } .tree-category .dxtlFocusedNode_anDefault, .tree-category .dxtlNode_anDefault { height: 30px; } .tree-category .dxtlNode_anDefault.row-unsorted td{ border-bottom: 1px solid rgba(0,0,0,0.1)!important; } .react-form-popup.dxpcLite_anDefault .dxpc-content { padding: 0; } .dxnb-itemHover.main-navbar-item-hover .dx-vam.dx-vam-ellipsis { max-width: 173px; text-overflow: ellipsis; overflow: hidden; } .modal-footer-btn .dxbButton_anDefault{ text-transform: none; }