/* Minification failed. Returning unminified contents. (197,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (221,15): run-time error CSS1039: Token not allowed after unary operator: '-a-text-color' (237,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (242,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (247,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (252,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (257,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (279,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (280,26): run-time error CSS1039: Token not allowed after unary operator: '-menu__background-color' (283,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (587,26): run-time error CSS1039: Token not allowed after unary operator: '-text-input-border-color' (942,26): run-time error CSS1039: Token not allowed after unary operator: '-input-textarea-background-color' (968,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-white' (1701,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1707,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1770,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1777,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1792,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1808,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (1943,15): run-time error CSS1039: Token not allowed after unary operator: '-ff-star-color' (1982,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (2003,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2009,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2011,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2018,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2021,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2026,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2027,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (2082,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (2085,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (2418,26): run-time error CSS1039: Token not allowed after unary operator: '-login-panel-background-color' (2534,26): run-time error CSS1039: Token not allowed after unary operator: '-codemirror-highlight-background-color-dark' (3200,15): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (3322,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (3323,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (3355,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (3356,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (3475,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (3477,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (3761,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (3787,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-pagination-link__color' (3794,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-pagination-link__background-color--active' (3798,26): run-time error CSS1039: Token not allowed after unary operator: '-uxa-pagination-link__background-color--selected-flat-hover' (3801,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-pagination-link__background-color-hover' (3818,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-dim' (3953,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-dim' (3958,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-dim' (3962,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-dim' (3965,20): run-time error CSS1039: Token not allowed after unary operator: '-row-alt-background-color' (3968,20): run-time error CSS1039: Token not allowed after unary operator: '-row-background-color' (4001,26): run-time error CSS1039: Token not allowed after unary operator: '-row-background-selected-color' (4001,63): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (4005,26): run-time error CSS1039: Token not allowed after unary operator: '-row-background-selected-color' (4005,63): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (4025,20): run-time error CSS1039: Token not allowed after unary operator: '-row-background-selected-color' (4025,57): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (4026,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4039,20): run-time error CSS1039: Token not allowed after unary operator: '-background-2-color' (4047,26): run-time error CSS1039: Token not allowed after unary operator: '-row-background-color' (4051,26): run-time error CSS1039: Token not allowed after unary operator: '-row-alt-background-color' (4055,20): run-time error CSS1039: Token not allowed after unary operator: '-row-background-selected-color' (4055,57): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (4056,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4138,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (4160,26): run-time error CSS1039: Token not allowed after unary operator: '-form-control-background-color' (4166,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4167,26): run-time error CSS1039: Token not allowed after unary operator: '-form-control-background-color' (4192,26): run-time error CSS1039: Token not allowed after unary operator: '-form-control-background-color' (4270,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog__background-color' (4283,15): run-time error CSS1039: Token not allowed after unary operator: '-dialog__background-color' (4286,15): run-time error CSS1039: Token not allowed after unary operator: '-dialog__background-color' (4290,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog__background-color' (4291,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4301,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4314,30): run-time error CSS1039: Token not allowed after unary operator: '-dialog-footer__border-color' (4323,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (4326,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray' (4341,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (4344,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray' (4355,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (4358,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (4411,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4421,26): run-time error CSS1039: Token not allowed after unary operator: '-button-background-color-flat-secondary-hover' (4424,20): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (4510,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog__background-color' (4521,20): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient' (4533,20): run-time error CSS1039: Token not allowed after unary operator: '-login-panel-background-color' (4607,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (4609,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-dim' (4612,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (4623,26): run-time error CSS1039: Token not allowed after unary operator: '-menu__background-color' (4624,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4627,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (4630,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (5542,31): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (5548,15): run-time error CSS1039: Token not allowed after unary operator: '-severity-badge-total-critical-color' (5551,15): run-time error CSS1039: Token not allowed after unary operator: '-severity-badge-total-critical-color' (5554,15): run-time error CSS1039: Token not allowed after unary operator: '-severity-badge-total-critical-color' (5557,15): run-time error CSS1039: Token not allowed after unary operator: '-severity-badge-total-critical-color' (5966,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (5988,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (5995,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (6070,36): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-edit-box-shadow-color' (6073,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (6082,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (6084,36): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-edit-box-shadow-color' (6116,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (6117,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (6124,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (6128,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (6262,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (6275,14): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (6276,16): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (6424,15): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-color' (6425,26): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-background-color' (6554,20): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (8533,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (8536,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (8540,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (8550,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (8551,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (8565,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-white' (8566,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (8711,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-lightest' (8712,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (8776,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9255,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (9256,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9257,22): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9263,26): run-time error CSS1039: Token not allowed after unary operator: '-codemirror-highlight-background-color' (9273,26): run-time error CSS1039: Token not allowed after unary operator: '-row-alt-background-color' (9502,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (9508,20): run-time error CSS1039: Token not allowed after unary operator: '-history-list-item-comment-color' (9513,20): run-time error CSS1039: Token not allowed after unary operator: '-history-list-item-system-color' (9721,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (9735,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray' (9746,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-dark' (9773,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graydark-color' (9795,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (9796,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray-light' (9798,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (9802,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (9803,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9810,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9813,26): run-time error CSS1039: Token not allowed after unary operator: '-row-background-color' (9816,26): run-time error CSS1039: Token not allowed after unary operator: '-row-alt-background-color' (9835,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9836,22): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (9956,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10097,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (10135,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (10177,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (10266,20): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10271,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray' (10290,20): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10292,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray' (10332,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-link-color' (10336,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (10343,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-link-color' (10376,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-link-color' (10382,15): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10389,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (10393,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (10399,15): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10402,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (10406,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary' (10412,15): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (10415,20): run-time error CSS1039: Token not allowed after unary operator: '-menu__background-color' (10421,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' (10926,26): run-time error CSS1039: Token not allowed after unary operator: '-search-input-background-color' (10928,33): run-time error CSS1039: Token not allowed after unary operator: '-search-input-border-bottom-color' (10953,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (11230,20): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (11361,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (11364,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (11379,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (11399,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (11460,15): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-color' (11461,26): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-background-color' (11555,15): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-color' (11556,26): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-background-color' (11649,15): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-color' (11650,26): run-time error CSS1039: Token not allowed after unary operator: '-compliance-status-fail-background-color' (11880,15): run-time error CSS1039: Token not allowed after unary operator: '-a-warn-text-color' (11905,20): run-time error CSS1039: Token not allowed after unary operator: '-menu__background-color' (11906,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (12030,20): run-time error CSS1039: Token not allowed after unary operator: '-menu__background-color' (12039,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (12066,15): run-time error CSS1039: Token not allowed after unary operator: '-body-color' (12111,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__background-color--primary' (12112,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__background-color--primary' (12113,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary' (12118,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary-hover' (12119,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__background-color--primary-hover' (12119,71): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (12124,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary' (12128,26): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary' (12135,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary-disabled' (12136,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--primary-disabled' (12142,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__background-color--secondary' (12142,67): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (12143,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary' (12143,58): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (12144,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary' (12144,51): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (12149,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary-hover' (12150,20): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__background-color--secondary-hover' (12155,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary' (12155,58): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (12159,26): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary' (12159,62): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (12166,22): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary-disabled' (12167,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-button__color--secondary-disabled' (12377,26): run-time error CSS1039: Token not allowed after unary operator: '-background-2-color' (12395,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark' (12396,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (12405,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lightened' (12487,20): run-time error CSS1039: Token not allowed after unary operator: '-background-1-color' (12667,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-color__orange-juice' (12670,15): run-time error CSS1039: Token not allowed after unary operator: '-uxa-color__orange-juice' (12695,15): run-time error CSS1039: Token not allowed after unary operator: '-scan-status-in-progress-color' (12700,15): run-time error CSS1039: Token not allowed after unary operator: '-scan-status-in-progress-color' (12740,26): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color' */ /*common classes start*/ .float_left { float: left !important; } .float_right { float: right !important; } .no_border { border: none !important; } .no_background { background: none !important; } .clear_float { clear: both; } .margin-top { margin-top: 20px; } .margin-bottom { margin-bottom: 20px; } .margin-left { margin-left: 20px; } .margin-right { margin-right: 20px; } .margin-none { margin: 0px; } /*common classes end */ #header .user-nav { float: right; margin: 7px 0 0 0; } #header .user-nav p { display: block; float: right; margin: 0 0 5px 0; padding: 0; } #header .user-nav ul { clear: both; display: block; float: right; margin: 0; padding: 0; } #header .user-nav ul li { color: #DCDEDF; float: left; list-style: none; margin: 0; padding: 0; } #header .user-nav ul li a { text-decoration: underline; } #header .user-nav ul li a:hover { text-decoration: underline; } /*new classes added by designer */ h5.heading { font-size: 14px; margin: 5px 0; padding: 0; } h4.heading { font-size: 20px; margin: 0; padding: 0; } .buttons .button-label { float: left; line-height: 24px; } /*Arvind*/ .scroller-div-dynamic-scan { height: 540px; overflow-x: hidden; overflow-y: auto; } .scroller-div-static-scan { height: 350px; overflow-x: hidden; overflow-y: auto; } pre.sh_sourceCode { display: inline; overflow: hidden !important; width: auto; } .dropdowns { width: 200px; } /*arvind For Grid Hover,Click And collepsible Effects*/ .menu_head { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAATlBMVEUGRFEHRVCDreNrm+GZu+mGr+WNsuaVuOiVueh6puWavephld9ildo3cqdrneBxoOB1pOM4cJqBq+M4cJ05cqU7cZtGgMhQidlZkN1glNkTGagwAAAAAnRSTlMAAHaTzTgAAABCSURBVHheRcdXEoAwDENBS3YqtZf7X5QEhkE/2ifX+U+2JkdP+phbFUzJHOksKQRYRptZXQPrEELxG+j64i+wH8/fpksCusc/QukAAAAASUVORK5CYII=') /*/images/icons/arrow-down.png*/ center left no-repeat; font-weight: bold; margin: 1px; /*border:2px solid black;*/ padding: 5px 10px; position: relative; } .menu_body { display: block; /*border:5 px solid green;B4C7CA*/ } .searchContainer { bottom: 0; left: 0; position: absolute; } .trHeight { height: 0; } /*arvind*/ #dvProgress { height: 60px; left: 50%; margin-left: -100px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 70px; } textarea { resize: none; } /*28 sep 2012 Arry*/ .scroller-div-entitleMent { height: 550px; overflow-x: hidden; overflow-y: auto; } .pop-up-entitleMent-action-button-wrapper { background: #FFF; border-top: solid 1px #DCDEDF; bottom: 0; padding: 0 0; position: relative; width: 97%; z-index: 99999; } .div-width100 { width: 100%; } .modal.box-glow { box-shadow: 0 0 30px #000; border-width: 0; } svg { /* bootstrap defines this as 'middle' which causes display issues with ux-aspects */ vertical-align: baseline; } body { /* bootstrap defines this as 1.5 which causes display issues with ux-aspects icons */ line-height: unset; } .context-bar .custom-actions { margin-left: 40px; } .context-bar .custom-actions .button.link > i.fa-spin, .context-bar .custom-actions .button.link > i.ff-spin { position: relative; top: -2px; display: none; } .context-bar .custom-actions .button.link.busy > i.fa-spin, .context-bar .custom-actions .button.link.busy > i.ff-spin { display: inline-block; } .list-context > span { margin-right: 18px; } .list-context [data-action], .list-context [data-role] { display: none; } .list-context [data-action=select-all], .list-context [data-action=collapse-all] { display: inline-block; } .list-context > .list-context-actions { float: right; } .list-context > .list-context-actions .btn { padding: 0px 12px; line-height: 1.15; border-color: #0073e7; color: #656668; } .list-context > .list-context-actions .btn:hover { color: var(--body-color, #000); box-shadow: 0 0 0 1px #0073e7; } .list-context:after { display: table; content: ' '; clear: both; } /*#region Browser Compatibility*/ /*#endregion*/ /*#region */ /*#endregion*/ /*#region FONTS*/ html { font-size: 14px; background: inherit; } header { -webkit-user-select: none; -ms-user-select: none; user-select: none; } a { color: var(--a-text-color, #1668C1); text-decoration: none; } a:hover, a:active, a:focus { /*filter: brightness(110%);*/ color: #0c85ff; } a[disabled=disabled] { color: #DCDEDF; cursor: default; } h1 { margin: 0; padding: 2px 0 0 0; color: var(--brand-dark, #000); } h2 { margin: 0 0 8px 0; padding: 0; color: var(--brand-dark, #000); } h3 { margin: 0 0 8px 0; padding: 0; color: var(--brand-dark, #000); } h4 { margin: 0 0 4px 0; padding: 0 0 0 0; color: var(--brand-dark, #000); } h5 { margin: 0; padding: 0; color: var(--brand-dark, #000); } h6 { margin: 0; padding: 0; font-weight: normal; } td { vertical-align: top; } h6 a:hover { color: #0061c3; text-decoration: underline; } h6 a { color: #0061c3; } select::-ms-expand { background: 0; border: 0; } select option { color: var(--body-color, #000); background-color: var(--menu__background-color); } select optgroup { color: var(--body-color, #000); } .content_title { margin: 0; padding: 0; color: #FFF; font-weight: normal; font-size: 14px; line-height: 22px; } .report_title { margin-bottom: 5px; padding: 10px 0 10px 0; color: #0073e7; white-space: nowrap; font-size: 14pt; line-height: 24px; } .page-content-wrapper { display: table; width: 100%; table-layout: fixed; } .page-content { display: table-cell; } .wrap-text { white-space: normal !important; } /*#endregion*/ /*#region HEADER*/ #body { height: 100%; } #header { z-index: 999; border-top: 1px solid #FFF; background-color: #FFF; } /*#endregion*/ .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } /*-------------SPLASH------------*/ #splash { width: 100%; height: 550px; background-color: #656668; box-shadow: inset 0 1px 3px #000; text-align: center; } .splash_graphic { width: 964px; height: 550px; background-image: url('/images/code50.png'); background-position: left top; background-repeat: no-repeat; } #splash_header { padding-top: 32px; color: #FFF; text-align: center; font-weight: normal; font-size: 52px; line-height: 72px; } .splash_sub_header { color: #FFF; text-align: center; font-size: 32px; line-height: 56px; } .splash_button { margin: 32px auto 0 auto; width: 120px; height: 48px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 48px; } .placeholder_item { margin-bottom: 20px; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.6); } .video_placeholder { position: relative; height: 180px; background-color: #656668; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAA6lBMVEUzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM3Nzc8PDxBQUFXV1deXl5fX19lZWVsbGyFhYWFhYWNjY2KioqOjo6Wlpa1tbW7u7vCwsKzs7O3t7fGxsbf39/k5OTDw8PMzMzOzs7z8/Pc3Nzn5+fp6enr6+v29vbb29vc3Nzd3d3+/v7////9/f35+fny8vL29vbx8fHj4+Pk5OTo6Oj7+/v8/Pzp6ent7e3u7u50ljCRAAAAP3RSTlMAAgMGCAwOFxsgNjg/QUJEWVxlZm9xcnR3eHp7gIGDho2QlZicoqWnsLO5wMPJ0tfe4ebp7O31+Pj4+Pj7+/weYYfsAAABMElEQVR4Xo2U53LqQAxG5YLBBQzGeO0g0nvv/V7bQGp5/9dJMsnE0u4S5/z85sxotbsSUJpBt59g0u8GTdBiBQOsGAS2YpheipzUM7nSiFAlalClJVCHaBFliHqGP5KT4CwS5/u4Ec4m+jq4VyULquR9KhZp+mRVcVILADokuPi/rUgdAIO2fTl5OJDrCQNcJFw/T1/OVpDjQsicPB+//dviTgg97hTF0+R+n9XrQSw7RTl9PF0mYQyZ4hT5+PV2swozQNX5qHd3SMpBpnPKnVEVzkGscc7XaBirfRX50SLyvkLZKXdH8v24knOzgRIuGII5x0uovBd/96u9ed27g03+zzrq/w/4+Bv+X/9z/VzUz1f9nBIc7bw7wDB9ZW/4JsjYbbZ/2jYQ+B4TKOQ99g7BLXVwZgqMEwAAAABJRU5ErkJggg==') /*/images/videoPlayBtn-md.png*/; background-position: center; background-repeat: no-repeat; } .video_description { position: absolute; bottom: 0; padding: 10px 15px; } .play { padding-top: 75px; text-align: center; } /*-------------Reports-------------*/ #reports .td_status { width: 102px; } #reports .td_name { width: 215px; } #reports .td_type { width: 61px; } #reports .td_date { width: 92px; } #reports .td_rating { width: 110px; } #reports .td_critical { width: 64px; } #reports .td_high { width: 61px; } #reports .td_medium { width: 71px; } #reports .td_low { width: 61px; } #reports .td_report { width: 96px; } .new_report_button { float: right; margin-bottom: 20px; } .new_report_button a { color: #FFF; } #report_error { cursor: pointer; } .status { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 2px -13px; padding: 2px 20px; color: #FFF; font-size: 21px; font-style: normal; background-color: #0064ca; border-radius: 30px; min-height: 36px; } .status:first-child { margin-bottom: 0px; } .status.audit { color: #FFF; background-color: #C6179D; } .status.audit .btn-link { color: #FFF !important; float: right; vertical-align: middle; padding: 6px; } .status.audit .btn-primary { color: #FFF !important; background-color: #C6179D; border: #981279; float: right; } .status.audit .btn-primary:hover { box-shadow: none; background: #af148b; } .status.audit .btn-primary:active, .status.audit .btn-primary:focus, .status.audit .btn-primary:active:focus { background: #981279 !important; } .status i { color: #FFF; } .status .popover-content { color: #000; } .status.status-paused { background-color: #E5004C; } .status.status-paused .btn-primary { color: #FFF !important; background-color: #E5004C; border: #b2003b; float: right; } .status.status-paused .btn-primary:hover { box-shadow: none; background: #cc0044; } .status.status-paused .btn-primary:active, .status.status-paused .btn-primary:focus, .status.status-paused .btn-primary:active:focus { background: #b2003b !important; } .report_column a { color: #0061c3; } .star { display: inline-block; margin-right: 4px; } .error_status { display: inline-block; padding: 3px 5px 3px 5px; background-color: #E5004C; color: #FFF; text-indent: 0; } .info_status { display: inline-block; padding: 3px 5px 3px 5px; background-color: #F1F2F3; color: #FFF; text-indent: 0; } .report_status { display: inline-block; padding: 2px 6px; color: #FFF; } .report_name { display: inline-block; margin-left: 40px; } .report_date { display: inline-block; margin-right: 40px; margin-left: 40px; color: #BDBEC0; } /*-------------FAQ-------------*/ .question { margin-bottom: 10px; background-position: left center; background-repeat: no-repeat; text-indent: 25px; cursor: pointer; } .answer { display: none; margin-bottom: 20px; margin-left: 25px; } .inactive_question { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAbFBMVEX////+/v5eXl7l5eU9PT3//v9TU1NZWVlaWlo8PDxxcXF1dXVRUVHX19fZ2dna2trk5ONQUFBbW1urq6upqalGRkbm5ubo6OhMTExOTk5NTU2Dg4ORkZGTk5OXl5eZmZmlpaXr6+u1tbXU1NTu8SDFAAAAAXRSTlMAQObYZgAAAGdJREFUeF5lzVcSwzAIBNBFxb07vZf73zEaLAlbeV/MzgIAnlfxgKNu8y66Z8D7ZNeKFrrZJHkPPRKPxnc6l9gkGf4S3RCRWfCddGuSO2XcOoQOMf5Fge8cL1ZwgvPrKz57OLUSFfADMV0JRW+aS+0AAAAASUVORK5CYII=') /*/images/expand.png*/; } .active_question { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAaVBMVEX////+/v5xcXHq6upkZGT///9jY2NmZmZsbGxtbW1ubm5YWFiEhISIiIiVlZWioqKkpKSoqKipqam0tLROTk7c3Nzf39/g4ODh4eHp6env7+9gYGBhYWG4uLi5ubnCwsJfX1/r6+vt7e2z5rSdAAAAAXRSTlMAQObYZgAAAFxJREFUeF5tzFUOxDAUQ1G/UJl5EPa/yEZq09CczyvLAPra6qCx5vW8tAlw+0hXNoMLr6QruCJvs+gig7JFhQsiGg/mR7ryfz/f+EeRcZbfPdzgMUzWu4BWMasEdgs3CO1VklmQAAAAAElFTkSuQmCC') /*/images/collapse.png*/; } /*-------------Upload-------------*/ /* Changed these to prevent collisions with the .java class used by syntax highlighter */ .netclass { display: none; } .javaclass { display: none; } .video_placeholder_large { position: relative; height: 360px; background-color: #BDBEC0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABzlBMVEUzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM3Nzc6Ojo+Pj5BQUFERERFRUVERERISEhLS0tQUFBOTk5TU1NRUVFTU1NpaWlwcHBnZ2dzc3NtbW15eXl0dHSCgoJ3d3eAgIB7e3t7e3uYmJiioqKSkpKmpqaWlparq6udnZ20tLSfn5+2trajo6Onp6e4uLjOzs62trbS0tK5ubnV1dW9vb3b29u/v7/c3NzCwsLDw8Pq6urs7OzPz8/t7e3Q0NDv7+/T09Py8vLV1dXX19f4+Pj5+fn7+/ve3t7d3d3f39/7+/v////+/v7y8vL9/f3r6+vk5OT8/Pzp6enq6urh4eHu7u7v7+/w8PDx8fHZ2dnl5eX09PT19fX29vb39/f4+Pj5+fn6+vrz8/Pm5ubn5+fo6Oj7+/sPGfKyAAAAfnRSTlMAAgMFBgkLDA4PERQVICEjJCYnKSotMzU2ODk8RUdKS01OUFlaXV9gY2VmaGlrbG5vcXJ0dXd4en1+gIGDhIaGh4eHioqMjI2PlZiZmZycoaGioqWnrbO2trm5v7/AwMPGzNLV1djY3d3e3uHj7O3v7/Dw8/P19vn7/Pz8/v6chx0+AAAC3klEQVR4XrXYh1caSxTH8asLG+EJChLIwwZGiRDqapb4MxrTe++999e7KWBL7z3vv03gJGBhZ+4s5PMHfM+5Zy5nliEJpzcYiSUSI8BIIhGLBL1Osk/zdSWxRLLLp5EdnqgJC2bUQ4qag1kIZYPNxKetMCBl/Mie3JcFS9ZHHO6VYFvpJqkOEwrMDtlh9EBRj/BwnINQNihYdVcKNqRcZKE1B1tyP1BNLQZsMlqoBj0J25J6jfONow7xpWfdg7r00CJ+1MlPC7hM1MlcuDz9qFs/zeNDA/iowpFBA2QclWAYDRGurKCBhhj6towhNEiIyigDS+OHoSBLZR5Y2/Ds/DrweagkCmsTnz7+tB1s0VJPM0XBqTcz/xwCl6nJlnriffHdk4fnRlWWu1ccLBTmXny4tQ08vUSUkQUL069n/j4AlgyRDmmwUBr7DG9sndoZwfLYN7aAoZ06OcHy2H/ug1wnRTnB8tiP757ibGJMFqyYe//82iZIxCjJCFbGfvD7HoilKcsJVse+fQJCw7SGFayOPXtlAwTytFYpWJh+df/XXRBQDRaKbx/dOQZr7JGr/p+avTRuPXJOOViYfnlhzPpQkurBf4+I1iamHPx5B6ytoqjqoVxcD4EodaoF/zsKoU7yKQV/2Sm9A3SFYPHyekgsI8qwg5PHOVcA9XKDv+3mXVI+XrB4dSPzGtVMTnDyJBjyGn3Rxwj+sRccfVTilQaL1zeDxUslTVlJ8N5p8GSbqCwkDv61X/WDs3lIECze3AqmIU3+0T7x9Oyo+kc7OQxYGDsINsNBFcvRAMtpngHUbYDmc5uok+mmBQKoU6DRf8C//xMB6WnYltYb/sxSU6vNotFKFly2pk67yJIzDmVxJwlo6s99GokF8lCQD5CUux9s/W7i8OfAkvMTkxYehtRwWCM+Tf4wrpEiT58JC2afh+zQ/N0pLJHq9mtkn94WisQSqwFgdSIWCbXpJPYZkz/kM4aP4jcAAAAASUVORK5CYII=') /*/images/videoPlayBtn-lg.png*/; background-position: center; background-repeat: no-repeat; } .checklist ol { overflow: hidden; margin-top: 10px; padding: 0; } .checklist li { z-index: 1; margin-bottom: 10px; padding-left: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJAQMAAAA8dl8XAAAABlBMVEX///8Ap97V7waDAAAAAXRSTlMAQObYZgAAACRJREFUeF4FwLENABAUBNAnhlVSKuTHaEa5UYRo0Z9xTYrDZvlZOQW99wjygQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; color: #656668; font-size: 15px; line-height: 18px; } .container input[type=text], .container input[type=email], .container input[type=password], .container select { border: 1px solid var(--text-input-border-color, #DCDEDF); font-size: 14px; /*background-color: @body-backgroud-color;*/ } .interstitial { width: 360px; } .upload { display: none; } .step { float: left; clear: both; margin: 0 0 20px 5px; color: #BDBEC0; } .step.passed { padding-left: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJAQMAAAA8dl8XAAAABlBMVEX///8Ap97V7waDAAAAAXRSTlMAQObYZgAAACNJREFUCB1jYHjAwPiAgfkAQ3oDQz4DQx0DQw0DQwUDQwEDAFk5Bb05FRt0AAAAAElFTkSuQmCC'); background-position: left center; background-repeat: no-repeat; color: #BDBEC0; } .step.in_progress { color: #000; } .meter { clear: both; padding: 10px; width: 300px; height: 30px; /*border-radius: 2px;*/ background-color: #BDBEC0; } .meter_bar { position: relative; display: block; overflow: hidden; width: 300px; height: 100%; background-color: #0073e7; } #success_message { margin: 20px 0; } /*-------------Pricing-------------*/ .plan_container { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .plan_header { height: 40px; color: #FFF; text-align: center; font-size: 18px; line-height: 40px; } .plan_benefits { background-color: #FFF; } .plan_benefits ul { overflow: hidden; margin: 0; padding: 0; list-style: none; } .plan_benefits li { z-index: 1; margin: 0; padding: 10px 0; border-bottom: 1px solid #DCDEDF; text-indent: 15px; } .plan_benefits li p { margin: 0; padding: 0; text-indent: 30px; } #plan1 { background-color: #BDBEC0; } #plan2 { background-color: #0073e7; } #plan3 { background-color: #E5004C; } .plan_footer { padding-bottom: 16px; background-color: #FFF; text-align: right; } .plan_cost { float: left; margin-top: 26px; padding-right: 5px; text-indent: 15px; } .plan_cost h4 { font-size: 16px; } .plan_time { float: left; color: #BDBEC0; font-size: 14px; } .plan_button { margin-top: 22px; margin-right: 15px; } .pro { margin-bottom: 10px; opacity: 0.2; filter: alpha(opacity = 20); } /*-------------Assessment-------------*/ .assessment_content { padding: 20px; background-color: #FFF; } #assessment .td_type { width: 240px; } #assessment .td_occurrence { width: 90px; } #assessment .td_details { width: 100px; } #assessment .td_file { width: 370px; } #assessment .td_priority { width: 221px; } #assessment .td_line { width: 122px; } .star_row { margin-top: 10px; width: 175px; /* IE8 fix */ } /*-------------Modal-------------*/ .register { display: none; } .login { display: none; } .panel-overlay { opacity: 0.5; pointer-events: none; } .close_icon { width: 20px; height: 20px; background-color: #FFF; background-image: url('/images/icons/close-rgb-blue.png'); background-position: left; background-size: 20px 20px; background-repeat: no-repeat; cursor: pointer; } .tc { padding: 10px 0; color: #BDBEC0; font-size: 14px; } .forgot_password { float: left; margin-left: 20px; font-size: 14px; line-height: 40px; } #submit_login { float: left; } /*-------------Error-------------*/ .error { display: none; margin-bottom: 20px; padding: 10px; background-color: #FFF; background-position: 10px center; background-repeat: no-repeat; color: #E5004C; font-size: 14px; } /*-------------Footer-------------*/ .footer { position: absolute; bottom: 0; height: 60px; padding: 0; color: #BDBEC0; } #footer { padding: 30px 100px 30px 0; } #footer ul { overflow: hidden; margin: 0; padding: 0; list-style: none; font-size: 14px; } #footer li { z-index: 1; display: block; float: right; margin: 0; padding: 0 0 0 30px; } #footer li a { display: block; color: #BDBEC0; text-decoration: none; } #footer li a:hover, #nav li a:active, #nav li a:focus { color: #000; text-decoration: none; } #footer tr, #footer td { text-indent: 0; } .social_icon { position: relative; float: left; margin-right: 15px; height: auto; } /*-------------Polyfills-------------*/ .placeholder { color: #DCDEDF; } /*pricing questions*/ .pricing_questions td { padding: 5px; width: 25%; vertical-align: top; text-indent: 0; } /**********************************/ /* STYLE2.css overloads */ /*input[type=text], input[type=email], input[type=password], select, textarea { padding: 7px 0 7px 10px; }*/ hr { margin: 10px 0; border-top: solid 1px #DCDEDF; } di.error { color: #E5004C; } .graphbox { border: solid 1px #656668; } .debug_option { margin: 20px 0 10px 0; padding: 6px; border: solid 3px #E5004C; background-color: #DCDEDF; color: #BDBEC0; font-size: 14px; } .debug_option a { color: #0061c3; text-decoration: none; cursor: pointer; } .debug_option a:hover { color: #0061c3; text-decoration: underline; } .warning-block { margin: 10px 0 10px 0; padding: 5px; background-color: #fccc0a; color: #FFF; text-align: center; } .errorblock, .validation-summary-errors { margin: 10px 0 10px 0; padding: 5px; text-align: center; border: solid 2px #E5004C; background-color: #E5004C; color: #FFF; } .errorblock ul, .validation-summary-errors ul { margin: 0; padding: 0; } .errorblock ul li, .validation-summary-errors ul li { margin: 0 0 0 5px; padding: 4px 0 4px 9px; color: #FFF; list-style-type: none; list-style-image: none; font-size: 21px; } .errorblock { text-align: left; } .errorblock .close { display: none; } .infoblock { margin: 10px 0 10px 0; padding: 5px; background-color: #1AAC60; color: #FFF; text-align: center; } .infoblock ul { margin: 0; padding: 0; } .infoblock ul li { margin: 0 0 0 5px; padding: 4px 0 4px 9px; color: #FFF; list-style-type: none; list-style-image: none; font-weight: bold; } .infoblock .close { float: right; margin: 2px; padding: 0 4px 0 4px; border: solid 2px #DCDEDF; font-weight: bold; font-size: 12px; cursor: pointer; } .infoblock.plain { background: transparent; color: #1AAC60; text-align: left; } .msgslideup { /*do not add to this class only here for intellisense, used for jquery slide up*/ } select[disabled=disabled], select:disabled { background-color: #F1F2F3; } input[readonly], textarea[readonly] { background-color: var(--input-textarea-background-color, #F5F7F8) !important; } input[type="radio"] { margin-bottom: 6px; box-shadow: none; } table, tr, td { border: 0; vertical-align: top; } th { font-weight: normal; } .filenamebox { overflow: hidden; padding: 10px; width: 270px; height: 12px; line-height: 12px; border: solid 1px #DCDEDF; background-color: #FFF; color: #0073e7; } input[readonly].file-box { background-color: var(--brand-white, #FFF); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #not_verified_button { margin-left: 10px; text-decoration: underline; font-weight: bold; } /*************************************/ /* CSS for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .styled-select .options select { padding: 2px 20px 2px 2px; -moz-appearance: none; -webkit-appearance: none; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAATlBMVEUGRFEHRVCDreNrm+GZu+mGr+WNsuaVuOiVueh6puWavephld9ildo3cqdrneBxoOB1pOM4cJqBq+M4cJ05cqU7cZtGgMhQidlZkN1glNkTGagwAAAAAnRSTlMAAHaTzTgAAABBSURBVAjXRcdHEoBADANBS+uN5Az//yhlc0AXTctz/5OjayWRqbQ+CJaqkYxaAwTYZl1pbcA+5WztwDB6f8B5+b+mSwK64WzwQAAAAABJRU5ErkJggg=='); background-position: 180px 8px; background-repeat: no-repeat; } } .middle .styled-select .options { border: 1px solid #BDBEC0; } /*************************************/ .tc input[type="checkbox"] { margin: 0 10px 0 0; padding: 0; } img { border: none; } .placeholder-tip { margin: 0 0 0 0; padding: 4px 8px 4px 8px; max-width: 400px; border: solid 1px #FFF; background-color: #000; color: #FFF; text-align: left; white-space: normal; font-weight: normal; font-size: 12px; } .auditissue-left { width: 250px; border: solid 1px #DCDEDF; background-color: #FFF; } .buttonblock { margin: 20px 0 0; text-align: right; } .buttonblock .button { margin-left: 4px !important; } .textblock { text-indent: 0; } .projectrowheader { background-color: #F1F2F3; color: #000; font-weight: bold; } .paging_info { margin: 8px 0; text-align: left; text-indent: 0; font-weight: bold; } .paging_info input[type=submit] { padding: 1px 5px; } .aspNetDisabled label { color: #BDBEC0; } .slide-out-div { z-index: 100000; margin: 0; padding: 10px 10px 10px 10px; border: 1px solid #0061c3; background: #FFF; } .header-banner { padding: 10px; color: #FFF; background-color: #0073e7; text-align: center; font-weight: bold; position: relative; z-index: 9999; } .header-banner a { color: #FFF; text-decoration: underline; } .header-banner.header-banner-warning { background-color: #FCDB1F; } .header-banner.header-banner-danger, .header-banner.header-banner-critical { background-color: #E5004C; } ul { margin: 0 0 10px 0; padding-left: 20px; } .left_control_block { margin-right: 8px; padding: 6px; border: solid 1px #DCDEDF; background: #FFF; } .left_control_block td { text-indent: 0; } .left_control_block input[type=text], .left_control_block input[type=email], .left_control_block input[type=password], .left_control_block textarea { padding: 5px; } .standardboxed { padding: 4px; border: solid 1px #DCDEDF; background-color: #FFF; } .smalldate { font-weight: normal; font-size: 8pt; } .smalltext { font-size: 8pt; } .smalllisttext { font-size: 10pt; } .flattable tr, .flattable td, .flattable th { padding-left: 0; } .flattable.layoutTable { width: 100%; } .layoutTableRow { display: table; width: 100%; table-layout: fixed; } .layoutTableRow div.layoutContentContainer { display: table-cell; width: 100%; vertical-align: top; } .layoutTableRow div.layoutContentContainer.toggled { width: 80%; } .layoutTableRow div.toggleBarContainer { display: table-cell; width: 0%; vertical-align: top; } .layoutTableRow div.toggleBarContainer div.results_dbox_inner div { display: none; } .layoutTableRow div.toggleBarContainer.toggled { width: 300px; } .layoutTableRow div.toggleBarContainer.toggled div.results_dbox_inner div { display: block; } .indenttable tr, .indenttable td { text-indent: 8px; } .fileheader { overflow: hidden; padding: 5px; border: solid 1px #DCDEDF; background-color: #FFF; text-align: center; white-space: nowrap; font-weight: bold; } .centerblock { float: left; width: 100%; vertical-align: middle; text-align: center; } .issueresponse { overflow: auto; padding: 8px; height: 116px; border: solid 1px #DCDEDF; background-color: #FFF; text-indent: 0; white-space: normal; word-wrap: break-word; word-break: break-all; } .audit-box { overflow: auto; margin-bottom: 10px; padding: 5px; border: 1px solid #DCDEDF; background-color: #FFF; } .audit-box-head { margin: 3px 0 8px 0; padding: 4px 0 4px 18px; border: solid 1px #DCDEDF; border-right: 0; border-left: 0; background-color: #FFF; color: #000; text-align: left; font-weight: bold; font-size: 13px; } .comments-box { overflow: auto; padding: 5px; background-color: #FFF; } .comments-box .date-marker { margin: 3px 0 8px 0; padding: 4px 0 4px 18px; border: solid 1px #DCDEDF; border-right: 0; border-left: 0; background-color: #FFF; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAJFBMVEX///+ZmZmfn5+lpaW/v7/MzMzl5eXm5ubs7Ozy8vLz8/P///9e5h5eAAAAAXRSTlMAQObYZgAAAFdJREFUeF4NySEOhDAYBeFRYEGAWUOTGg6wWYvhYARZUxKqaprABSoQm3c5fjWZfHA6H6EZchrhCFVbZFXVszBb/hMf1V6dnezMZMYVpL3QfnP6AbfzhRdJOhziuLhufgAAAABJRU5ErkJggg=='); background-position: 3px 7px; background-repeat: no-repeat; color: #000; text-align: left; font-weight: bold; font-size: 13px; } .comments-box .user-marker { padding: 3px 0 6px 0; color: #0061c3; font-weight: bold; font-size: 13px; } .comments-box .time-marker { float: right; color: #BDBEC0; font-weight: normal; font-size: 13px; } .comments-box .data-marker { margin: 0 0 7px 0; color: #000; font-weight: normal; font-size: 13px; } #settingspanel { display: none; } .tinytab { margin-bottom: 8px; white-space: nowrap; } .scantype-orb { margin: 1px 4px 0 0; } .__slideHandle { border: solid 1px #0061c3; } .graph-nodata { padding: 10px; } .scheduler .section { margin: 10px; padding: 5px; border: #BDBEC0 1px solid; } .scheduler .section .title { color: #000; font-size: 18px; } .scheduler .section .inner { margin-top: 5px; border-top: #BDBEC0 1px solid; } .scheduler table { margin: 10px; vertical-align: baseline; font-style: normal; } .scheduler span { display: inline-block; vertical-align: baseline; } .scheduler input[type="text"] { padding-bottom: 3px; width: 80px; font-size: 18px; } .scheduler .inline input[type="text"] { margin-left: 10px; padding-bottom: 3px; width: 120px; font-size: 18px; } .scheduler select { width: 250px; } .scheduler label { font-size: 14px; } .scheduler .weekdays { font-size: 14px; } .scheduler .weekdays tr { display: inline-block; } .scheduler .weekdays div { width: 120px; } .scheduler .weekdays input { margin: 5px; } .scheduledisplay { margin-top: 8px; padding-top: 10px; padding-bottom: 10px; padding-left: 3px; border: 1px solid #DCDEDF; background-color: #FFF; } .scheduledisplay div { padding-top: 3px; padding-bottom: 3px; } .linkedInRegister input[type=submit] { margin: 5px; padding: 0; width: 165px; height: 25px; border: 0; background-image: url('/images/LinkedInRegister.gif'); background-repeat: repeat-x; } .linkedInSignin input[type=submit] { margin: 5px; padding: 0; width: 148px; height: 25px; border: 0; background-image: url('/images/LinkedInLogin.gif'); background-repeat: repeat-x; } .linkedInLink input[type=submit] { margin: 5px; padding: 0; width: 148px; height: 25px; border: 0; background-image: url('/images/LinkedInLinkAccts.gif'); background-repeat: repeat-x; } /* BEGIN FACETED NAVIGATION */ #checkalllinkcontainer { padding: 3px; border: solid 1px #DCDEDF; background-color: #FFF; } #checkalllink { margin-right: 30px; } #checkalleditlink { margin-left: 30px; } .results-action-block { margin-bottom: 10px; padding: 3px; border: solid 1px #DCDEDF; background-color: #FFF; text-align: right; } .results-action-block i.ff-cog { color: #0073e7; font-size: 13pt; padding: 0 0 0 3px; cursor: pointer; } .results-action-block .l { float: left; } .results-action-block .r { float: right; } .dimension-container.dimension-static .dimension-content .form-group { margin-bottom: 15px; } .detailcell { overflow: hidden; margin-bottom: 0; padding: 4px; border-bottom: solid 2px #DCDEDF; } .detailcell a { font-weight: bold; font-size: 10pt; } .detailcell.notactive { opacity: 0.5; } .detailcell.selected a { text-decoration: underline; } .detailcellnormal { display: block; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; white-space: normal; font-weight: normal; font-size: 10pt; } .detailcellattention { font-weight: bold; font-size: 10pt; } .detailcelltitle { margin-bottom: 5px; font-weight: bold; } .detailcelltitle a { font-weight: bold; font-size: larger; } .detailcelltitle a:hover { text-decoration: underline; font-weight: bold; } .detailcelltitle input[type=checkbox] { margin-right: 6px; } .detailcelltitle span { font-weight: bold; font-size: larger; } .detailcelldata { overflow: hidden; padding: 5px; border: solid 1px #DCDEDF; background-color: #FFF; text-overflow: ellipsis; } .severityblock { margin: 0 8px 0 0; padding: 4px; font-weight: bold; font-size: 16px; /*color: @brand-white;*/ } .severity-critical { color: #e11f26; } .severity-high { color: #f26527; } .severity-medium { color: #f99c1c; } .severity-low { color: #fccc0a; } .severity-bestpractice { color: #d7df23; } .severity-info { color: #d7df23; } .suppressionblock { margin: 0 8px 0 0; padding: 4px; font-weight: bold; font-style: italic; font-size: 16px; } .analysisstatus-not_started { color: #000; } .analysisstatus-in_progress { color: #0073e7; } .analysisstatus-cancel_requested { color: #FCDB1F; } .analysisstatus-completed { color: #1AAC60; } .analysisstatus-canceled { color: #E5004C; } .analysisstatus-waiting { color: #FFA20C; } .analysisstatus-scheduled { color: #FCDB1F; } .detailcellcategory { margin: 10px 0 10px 0; } .detailcellcategory .prompt { font-weight: bold; } .detailcellinfo { margin: 10px 0 10px 0; font-weight: normal; } .detailcellinfo .sla-exceeded { color: #E5004C; } .detailcellinfo .sla-warning { color: #FCDB1F; } .detailcellinfo .sla-paused { color: #FFA20C; } .detailcellinfo .sla-ok { color: #1AAC60; } .detailcellinfo .margin-left { margin: 0 0 0 8px; } .detailcellinfo .prompt { font-weight: bold; } .detailcellinfo .prompt-warn { color: #FCDB1F; font-weight: bold; } .detailcell .severity { margin-top: 0; margin-right: 5px; } .detailcell .severity img { padding-left: 5px; } .detailcellchecked { background-color: #FFF; } .textboxfill { /* Firefox, other Gecko */ /* Safari/Chrome, other WebKit */ box-sizing: border-box; width: 100%; } .results_dbox_inner { margin-right: 4px; margin-left: 10px; } .results_dbox_inner.fixedWidth { width: 244px; } .resultsblock { margin: 0; padding: 4px; min-width: 1000px; background-color: #FFF; } .resultsfilter { margin: 4px 0 5px 0; padding: 3px 0 0 10px; min-height: 28px; border: solid 1px #DCDEDF; background-color: #FFF; vertical-align: middle; font-size: 10pt; } .resultsfilter .data { color: #1AAC60; font-style: italic; } .explain { font-weight: normal; font-style: italic; font-size: 10pt; } .togglearrow { display: inline-block; padding: 2px; background-color: #0073e7; color: #FFF; text-align: center; cursor: pointer; } .detailcell .d-editable { margin: 10px 0 5px 0; margin-top: 5px; } .detail-edit { cursor: pointer; } .faceteditblock { display: none; margin-bottom: 8px; padding: 4px; border: solid 1px #BDBEC0; background-color: #FFF; text-align: left; } .faceteditblock span { margin-left: 6px; padding: 4px; color: #0061c3; } .faceteditblock a { color: #FFF; } .popupbottom { position: fixed; right: 5px; bottom: 5px; z-index: 100; border: solid 1px #000; background-color: #FFF; } .popupbottom .h { padding: 3px; background-color: #000; color: #FFF; font-weight: bold; } .popupbottom .body { padding: 10px; } /* END POPUP BOTTOM WINDOW */ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .projectattribute-prompt { padding-right: 16px; text-align: right; text-wrap: none; white-space: nowrap; } /* Bubbles */ .content { padding: 10px; } .content div { margin-bottom: 10px; } .statustoggle { padding: 1px 2px 1px 2px; background-color: #0073e7; color: #FFF; font-size: smaller; } /* Bubbles END */ .fodtemplatetext { color: #0073e7; } #selectTemplate option { text-overflow: ellipsis; overflow-x: hidden; } .disabled { color: #DCDEDF; } div.disabled { background-color: #FFF; color: #BDBEC0; opacity: 1; } div.disabled:hover { background-color: #FFF; color: #BDBEC0; opacity: 1; } .analysistracecontainer { width: 220px; border: solid 1px #DCDEDF; } .analysistraceitems { overflow: auto; padding: 5px; padding-bottom: 20px; border-top: solid 1px #DCDEDF; } .analysistraceitems div { white-space: nowrap; } .analysistraceitems a { white-space: nowrap; } .analysistraceitems a.selected { padding: 0 1px 0 1px; border: solid 1px #DCDEDF; background-color: #FFF; } .analysistraceitems img { padding-right: 4px; } .clear { display: block; clear: both; } .horz-wizard { padding: 10px; border: solid 1px #DCDEDF; } .horz-wizard a, .horz-wizard a:visited { margin-right: 20px; color: #DCDEDF; font-weight: normal; font-size: 18pt; } .horz-wizard a:hover { color: #656668; } .horz-wizard a.selected { color: #000; } .horz-wizard a.num { font-weight: bold; font-size: 22pt; } .blackoutgrid { border: solid 1px #DCDEDF; background-color: var(--background-1-color, #FFF); text-align: left; line-height: 1; } .blackoutgrid th { border-bottom: solid 1px #DCDEDF; background-color: var(--background-1-color, #FFF); text-align: center; font-weight: bold; } .blackoutgrid th label { position: relative; left: 5%; } .blackoutgrid td .control { margin: 0 2px; } .blackoutgrid td .control > .control-indicator { margin: 0; } .blackoutgrid td:not(:first-child) { text-align: center; } .blackoutgrid th, .blackoutgrid td { padding: 2px; border-right: solid 1px #DCDEDF; vertical-align: middle; white-space: nowrap; } .blackoutgrid th:last-child, .blackoutgrid td:last-child { border-right: 0; } i.themeColor { color: #0073e7; } .summarybox .prompt { font-weight: bold; } .showrequired { border: solid 2px #E5004C !important; } /* Standard Filters */ .filteroptionscontainer { display: table-cell; overflow: hidden; padding: 5px 2px 2px 0; width: 275px; vertical-align: top; } .filteroptionscontainer.collapsed { width: 0; opacity: 0; } .filteroptionscontainer.hidden { display: none; } .filteroptionscontainer-table { padding: 2px 5px 5px 5px; width: 250px; vertical-align: top; } .toggledcontainerwidth { width: 95%; } /*************************************/ /* Header */ .header { background-color: var(--background-1-color, #FFF); margin-bottom: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .header div.navigationBar { background-color: var(--background-1-color, #FFF); white-space: nowrap; padding: 5px 0; } .header div.navigationBar.freemium, .header div.navigationBar.pronq { min-width: 340px; width: 340px; } .header div.navigationBar.admin { width: 1000px; } .header div.globalSearchBar { display: table-cell; min-width: 250px; background-color: var(--background-1-color, #FFF); vertical-align: middle; text-align: center; width: 100%; } .header div.globalSearchBar.hidden { display: none; } .header div.logoutblock { text-align: right; } .header div.helpCenterHeaderBarBlock { display: table-cell; padding: 0 5px; max-width: 100px; width: 100px; background-color: var(--background-1-color, #FFF); vertical-align: top; text-align: center; white-space: nowrap; font-size: 1.4em; } .header .logoImage { height: 50px; } .header .squareLogo .logoImage { width: 50px; } .header .wideLogo .logoImage { width: 150px; } .white-label-header { background-color: #000; margin: 0 auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .white-label-header .logoImage { height: 54px; } @media (min-width: 0) and (max-width: 1024px) { .header div.helpCenterHeaderBarBlock { display: none; } } .fod-lang-ja .header div.helpCenterHeaderBarBlock, .fod-lang-es .header div.helpCenterHeaderBarBlock { max-width: 250px; width: 250px; } .header div.helpCenterHeaderBarBlock.freemium { max-width: 115px; width: 115px; } .header div.helpCenterHeaderBarBlock.pronq { max-width: 300px; width: 300px; } .header div.helpCenterHeaderBarBlock div.helpLink { display: inline-block; padding: 23px 5px 0 5px; } .header div.helpCenterHeaderBarBlock a, .header div.helpCenterHeaderBarBlock a:visited { color: #000; } .header div.helpCenterHeaderBarBlock div.helpLink i { color: #0073e7; font-size: 1.8em; } /* user profile related CSS - begin */ /* .tenant is to restrict this to just the tenant portal for now, long term we'd eliminate this and have the same for the admin portal */ .header div.logoutLogInHeaderBarBlock.tenant { width: 80px; max-width: 80px; } .header div.logoutLogInHeaderBarBlock div.user-profile-outer-container { float: right; margin-top: 0; max-height: 64px; height: 64px; overflow: visible; } .header div.logoutLogInHeaderBarBlock div.user-profile-inner-container { margin-left: 10px; margin-top: 0; cursor: pointer; } .header div.logoutLogInHeaderBarBlock div#user-profile-image { display: inline-block; margin-top: 0; margin-right: 10px; position: relative; top: -3px; font-size: 1.6em; } .header div.logoutLogInHeaderBarBlock div#user-profile-image > i { font-size: 42px; position: relative; top: 3px; left: 0; color: #0073e7; } .header div.logoutLogInHeaderBarBlock div#user-profile-caret { display: inline-block; } .header div.logoutLogInHeaderBarBlock div#user-profile-caret > i { position: relative; top: -10px; left: -6px; font-size: 12px; color: #0073e7; margin-right: 8px; cursor: pointer; } .header div.logoutLogInHeaderBarBlock div.user-profile-menu-container { position: relative; top: -71px; left: -76px; /* This alignment strategy isn't the best way to handle this, but I don't want to upset the balance so close to release'*/ width: 0; height: 0; overflow: visible; } /* user profile related CSS - end */ .header div.logoutLogInHeaderBarBlock { display: table-cell; margin-top: 15px; padding: 0 5px 0 5px; min-width: 100px; max-width: 150px; width: 150px; vertical-align: top; white-space: nowrap; } .header div.logoutLogInHeaderBarBlock span { color: #000; } .header .logoutLogInHeaderBarBlock div { margin-top: 15px; } .header .logoutLogInHeaderBarBlock i { margin-top: 11px; font-size: 20px; } /*************************************/ .ff-star-o { color: #BDBEC0; } .ff-star { color: var(--ff-star-color, #323435); } .ff-star.no-rating { color: #DCDEDF; } .page-arrow-icon { margin: 0 5px 0 2px; } .page-arrow-icon:hover { color: #BDBEC0; } .ff-asterisk.redorb { color: #E5004C; } .fa-info-circle, .ff-info-circle { color: #2FD6C3; } .scanstatevalid { color: #1AAC60; font-weight: bold; } .scanstateinvalid { color: #E5004C; font-weight: bold; } .metadataeditcontainer { margin: 0 0 10px 0; padding: 0 0 10px 0; } .metadataeditcontainer input[type=text] { margin-left: 0; } .metadataeditbuttoncontainer { display: inline; } .sortbox { padding: 4px; border: solid 1px #DCDEDF; background-color: var(--background-1-color, #FFF); text-align: center; margin-bottom: 2px; } .sortbox a { padding-right: 12px; } .sortbox a.sorthilitelink { font-weight: bold; } table.scanrequest { width: 100%; border: none; font-size: 1.3em; } table.scanrequest > tbody > tr.smallrow { margin: 0 0 0 0; padding: 0 0 0 0; height: 5px; } table.scanrequest > tbody > tr.spacer td { border-top: solid 1px var(--brand-dark, #000); border-right: none; border-left: none; } table.scanrequest > tbody > tr > th { border-collapse: collapse; border-top: solid 1px var(--brand-dark, #000); border-right: none; border-bottom: solid 1px var(--brand-dark, #000); border-left: none; vertical-align: middle; text-align: center; white-space: nowrap; } table.scanrequest > tbody > tr > th:first-child { border-left: solid 1px var(--brand-dark, #000); } table.scanrequest > tbody > tr > th:last-child { border-right: solid 1px var(--brand-dark, #000); } table.scanrequest > tbody > tr > td { width: 12%; border-collapse: collapse; border-right: solid 1px var(--brand-dark, #000); border-left: solid 1px var(--brand-dark, #000); vertical-align: middle; } table.scanrequest a { white-space: nowrap; } table.scanrequest .scanrequestRejected { background-color: palevioletred; } table.scanrequest .scanrequestRejected a { color: #000; } table.scanrequest .scanrequestCompletedNoTime { background-color: #FFF; } table.scanrequest .scanrequestCompletedNoTime a { color: #000; } table.scanrequest .scanrequestSLAOver { background-color: #E5004C; padding-left: 3px; padding-right: 3px; } table.scanrequest .scanrequestSLAOver a { color: #FFF; } table.scanrequest .scanrequestSLAGood { background-color: #1AAC60; } table.scanrequest .scanrequestSLAGood a { color: #FFF; } table.scanrequest .scanrequestSLAWarning { background-color: #FCDB1F; } table.scanrequest .scanrequestSLAWarning a { color: #FFF; } table.scanrequest .scanrequestCompleted { background-color: #F1F2F3; } table.scanrequest .scanrequestCompleted a { color: #000; } table.scanrequest .scanrequestPaused { background-color: #FFA20C; } table.scanrequest .scanrequestPaused a { color: #FFF; } table.scanjob { border: none; width: 100%; } table.scanjob thead tr:last-child { border-bottom: 1px solid var(--brand-gray-light, #F1F2F3); } table.scanjob tbody tr:nth-child(odd) { background-color: var(--body-background-color, #F1F2F3); } table.scanjob th:first-child, table.scanjob td:first-child { padding-left: 5px; } table.scanjob th { border: none; text-align: left; text-indent: 0; white-space: nowrap; } table.scanjob td { padding-right: 14px; border: none; text-align: left; text-indent: 0; white-space: nowrap; overflow: hidden; } table.scanjob td.jobid { width: 80px; } table.scanjob td.agent { width: 160px; } table.scanjob td.scannergroup { width: 160px; } table.scanjob td.warning-empty-group { background-color: #f99c1c; } table.scanjob td.warning-deleted-group { background-color: #e11f26; color: #FFF; } table.scanjob td.owner { width: 250px; } table.scanjob td.jobstatus { width: 100px; } table.scanjob td.agentstatus { width: 300px; overflow: hidden; } table.scanjob td.action { width: 400px; border: none; text-align: left; white-space: nowrap; } table.scanjob a.noborder { padding: 2px 2px 2px 2px; border: none; text-align: left; white-space: nowrap; } table.scanjob img { padding-right: 4px; } .scanArgs { border: 1px solid #000; text-align: center; } .scanArgs th { border: 1px solid #000; vertical-align: middle; text-align: center; } .scanArgs td { border: none; vertical-align: middle; text-align: center; } .scanArgs td.args { border: 1px solid #000; text-align: left; text-indent: 0; } .bg-block { border: solid 1px #DCDEDF; background-color: #FFF; } .scheduledisplay.small { width: 252px; } .filenameReadonly { overflow: hidden; padding-top: 2px; padding-bottom: 2px; border: 1px solid #000; } .linelabel { margin: 8px 0 6px 0; font-weight: bold; } .info-card-chart table.jqplot-table-legend, table.jqplot-cursor-legend { position: absolute; border: 0 solid #DCDEDF !important; font-size: 11pt !important; } .dual-list-box { width: 300px; } .dual-list-box.user-available-items { height: 280px; } .dual-list-box.user-available-items.full-height { height: 350px; } .dual-list-box-header { padding-bottom: 7px; } .dual-list-box-buttons { display: inline-block; vertical-align: top; } .dual-list-box-buttons.user-available-items { margin-top: 160px; } .jqplot-target, .jqplot-axis, .jqplot-xaxis, .jqplot-yaxis, .jqplot-x2axis, .jqplot-x3axis, .jqplot-y2axis, .jqplot-y3axis, .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-x2axis-tick, .jqplot-yaxis-tick, .jqplot-y2axis-tick, table.jqplot-table-legend, .jqplot-title, .jqplot-cursor-tooltip, .jqplot-highlighter-tooltip, div.jqplot-table-legend-swatch { font-family: 'Metric' !important; } .heatmap-table { width: 100%; } .heatmap-table tr td { padding: 20px 10px; width: 20%; border: solid 1px #DCDEDF; vertical-align: middle; text-align: center; } .heatmap-table .hdr { border: 0; } .dashboardOverviewStars i.fa, .dashboardOverviewStars i.ff { margin: -1px; font-size: 8pt; } .zero-margins { margin: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } .no-highlight, .noHighlight { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .highlightable { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .overview td { padding: 7px 4px 7px; vertical-align: middle; } .nowrap { white-space: nowrap; } .notes_section div { margin-bottom: 10px; } .notes_section textarea { width: 90%; /* fallback */ width: calc(100% - 10px); height: 200px; } .notes_section span { margin-right: 20px; } .notes_section a { margin-bottom: 40px; } #notesTabs .trendy-tabs-content .notes_section { /* to allow the focus glow to work properly we need to set the padding this way - this may be needed in other areas where trendy-tabs-content is used */ padding: 10px; } .simple-message-box { padding: 7px 3px; } .simple-message-box .box-icon { display: table-cell; vertical-align: middle; padding-left: 6px; padding-right: 12px; } .simple-message-box .box-text { display: table-cell; } .simple-message-box .box-inner { display: table-row; } .spa-page-content { min-height: 300px; } div.bottom-fade .show-more-text { display: none; width: 120px; } div.bottom-fade .show-less-text { display: none; width: 120px; } .collapsible-panel.collapsed { position: relative; overflow: hidden; } body.dark-theme .collapsible-panel.collapsed > div.bottom-fade { /*invert image for dark theme*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAYAAADbER1AAAAAAXNSR0IArs4c6QAAAFhJREFUKFPNxREXg2AAQNEPwulwGqZhGk7DNJyGaZgOwzRMwzRMw3RS557Tj9iD+0K4i/yBJ16IkSBFhhxvFChR4YMaDVp0+KLHgBETZixYsWHHgR/Of+cCzd8vvZgdPecAAAAASUVORK5CYII=') /*../Images/fade-bottom-white-with-margin-64px-invert.png*/; } .collapsible-panel.collapsed > div.bottom-fade { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAYAAADbER1AAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAJklEQVR4nGNgAIH///+zMAFpDhDBSTMW0YpBDvoFIv6DuAyDmAAA9BcMWo8111IAAAAASUVORK5CYII=') /*../Images/fade-bottom-white-with-margin-64px.png*/; background-repeat: repeat-x; background-size: 100% 64px; position: absolute; bottom: 0; left: 0; width: 100%; height: 64px; } .collapsible-panel > div.bottom-fade .show-less-text { position: relative; display: block; top: 0; color: #0073e7; font-size: 12pt; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline; } .collapsible-panel.collapsed > div.bottom-fade .show-more-text { position: relative; display: block; top: 38px; color: #0073e7; font-size: 12pt; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline; } .collapsible-panel.collapsed > div.bottom-fade .show-less-text { display: none; } .note-text { margin-top: 0; white-space: pre-line; overflow: scroll; height: 200px; } .note-text-modal { white-space: pre-line; } .notesDisplayModal { width: 80%; } .static-queue-small-text { font-size: 12px; } .static-queue-has-alerts { font-weight: bold; } #viewUserAccessModal #accessDiv td { max-width: 360px !important; white-space: normal !important; } div:focus { outline: none; } div.customer-list > div > label > input { width: 25px; min-width: 25px; margin-bottom: 0; box-shadow: none; } div.customer-list > div > label > span { max-width: 240px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .queue_fp_challenge { color: #E5004C; margin-left: 10px; } .queue_is_remediation_scan { color: #E5004C; margin-left: 10px; } #CourseList .selected { background-color: #FFF !important; color: #BDBEC0 !important; } td.app-grid-status-bar-cell { text-align: center; width: 150px; min-width: 150px; } #vuln-library-lower .trendy-tabs-content [data-tabname] .contents { height: calc(100% - 50px); } .blockUI.blockOverlay { background-color: var(--login-panel-background-color, #FFF) !important; } .no-data-msg { color: #000; } .about-text-color { color: #FFF; } .margin-bottom { margin-bottom: 20px; } .margin-top { margin-top: 20px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset; } body.dark-theme ::-ms-reveal { filter: invert(100%); } .clickable { cursor: pointer; } .rule-details br:first-child { display: none; } .severity-badge { color: #656668; background: #F1F2F3; font-size: 14px; font-weight: bold; text-align: center; min-width: 32px; padding: 3px; display: inline-block; border-radius: 30px; } .severity-badge.severity-badge-critical { background: #e11f26; color: #FFF; } .severity-badge.severity-badge-critical > a { color: #FFF; } .severity-badge.severity-badge-high { background: #f26527; color: #FFF; } .severity-badge.severity-badge-high > a { color: #FFF; } .severity-badge.severity-badge-medium { background: #f99c1c; color: #FFF; } .severity-badge.severity-badge-medium > a { color: #FFF; } .severity-badge.severity-badge-low { background: #fccc0a; color: #FFF; } .severity-badge.severity-badge-low > a { color: #FFF; } .severity-badge > a { color: #000; } .badge-new { font-size: 16px; background-color: #C6179D; color: #FFF; } [v-cloak] { display: none; } .feature-banner { background: #29CEFF !important; font-size: 1.2em; position: relative; } .feature-banner > a { margin: 0 10px 0 8px; } .feature-banner > span { vertical-align: middle; } .feature-banner > button { line-height: 1.7; } .pickList { min-height: 250px; max-height: 250px; height: 250px; } [data-toggle="collapse"] i.collapse-indicator.ff:before { content: "\f44c"; } [data-toggle="collapse"].collapsed i.collapse-indicator.ff:before { content: "\f44e"; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } #scan-overview .changed-value { background-color: #cee6ff; padding: 2px 5px; border-radius: 5px; } body.dark-theme #scan-overview .changed-value { background-color: var(--codemirror-highlight-background-color-dark); } .new-user h1 { padding: 20px 0; } .new-user h4 { padding-bottom: 10px; } .scope-level-1 { margin-left: 20px; } .scope-level-2 { margin-left: 40px; } .pull-left { float: left; } .pull-right { float: right; } .bold-text { font-weight: bold; } .warning-text { color: #e11f26; } table.info-table { border-collapse: collapse; border: 2px solid #c8c8c8; letter-spacing: 1px; } .info-table td { border: 1px solid; margin: 0 0; padding: 5px 10px; } .scan-error { color: #E5004C; } .flex-column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .flex-row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .flex-item-fill { -ms-flex: 1 1 auto; flex: 1 1 auto; } .full-height { height: 100%; } .scrollable { overflow: auto; } /* viewport height minus height of the masthead */ .masthead-content { height: calc(100vh - 56px); } /* viewport height minus height of the masthead and height of a contextbar*/ .contextbar-content { height: calc(100vh - 56px - 41.4px); } .break-word { word-break: break-word; } /*style for Scancentral Dast automated scan types in dynamic scan setup page*/ #automated-scan-type .btn:not(:disabled):not(.disabled).active, #automated-scan-type .btn:not(:disabled):not(.disabled):active, .show > .btn.dropdown-toggle { color: #FFF; background-color: #0073e7; box-shadow: none; font-weight: 500; } #automated-scan-type .btn { border-width: thin; font-weight: normal; } .scansummaryblock { display: inline-block; margin: 5px 5px 0 0; width: 360px; height: 110px; vertical-align: top; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } .scansummaryblock.no-shadow { box-shadow: none; } .scansummaryblock .scansummaryblockheader { margin-bottom: 5px; padding: 5px; background-color: #000; color: #FFF; border-bottom: 1px solid #DCDEDF; } .scansummaryblock .att { font-weight: bold; } .scansummaryblock .r { float: right; } .scansummaryblock .num { font-size: 25px; } .scansummaryblock .group { padding: 6px; white-space: nowrap; font-size: 14px; } .scansummaryblock .group img { padding: 0 0 0 5px; vertical-align: bottom; } .scansummaryblock .group div:not(.progress) { display: inline-block; } .scansummaryblock .group div:not(.progress).status-bar { vertical-align: middle; margin-right: 10px; } .scansummaryblock .group div:not(.progress).status-bar > a, .scansummaryblock .group div:not(.progress).status-bar > div.empty-link { display: inline-block; height: 30px; vertical-align: middle; width: 125px; } .scansummaryblock i { margin-left: 5px; } .scansummaryblock .t { padding-right: 2px; padding-left: 2px; width: 60px; text-align: center; } .scansummaryblock .t.up { vertical-align: top; line-height: 25px; } .scansummaryblock .b { border-right: solid 1px #BDBEC0; } .scansummaryblock .table { display: table; width: 100%; } .scansummaryblock .table .row { display: table-row; width: 100%; } .scansummaryblock .table .row .cell { display: table-cell; display: inline-block; width: 50%; white-space: nowrap; font-size: 14px; } .scansummaryblock .table .row .fullwidth-cell { display: table-cell; width: 100%; text-align: center; white-space: nowrap; font-weight: bold; } .scansummaryblock.as-table { display: table; width: 100%; height: auto; } .scansummaryblock.as-table .group { display: table-row; } .scansummaryblock.as-table .group .t { display: table-cell; width: auto; min-width: 60px; padding: 6px; } .blackoutblock { padding: 0 0 0 10px; border: solid 1px #DCDEDF; background-color: #FFF; } .blackoutblock .item { padding: 5px 0 5px 0; } .blackoutblock .item .day { display: inline-block; width: 100px; white-space: nowrap; } .blackoutblock .item .ad { display: inline-block; width: 150px; white-space: nowrap; } .globalSearchContainer { font-size: 14px; line-height: 33px; max-height: 33px; width: 100%; } .innerGlobalSearchContainer { display: table; } .globalSearchIcon { position: relative; left: 3px; color: #656668; display: table-cell; width: 25px; } .globalSearchInput { -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .globalSearchInput input { outline: 0 !important; box-shadow: none !important; height: 75px; font-size: 50px; background-color: #323435 !important; border: none; border-bottom: 2px solid #656668 !important; } .globalSearchInput input::-ms-clear { display: none; } .globalSearchInput input:focus { outline: 0 !important; box-shadow: none !important; border-bottom: 2px solid #0073e7 !important; } .globalSearchInput > i.searchIcon { position: absolute; font-size: 2.5em; right: 12px; color: #DCDEDF !important; } .searchOptions { font-size: 2em; text-align: center; } .searchOptions label { width: inherit; padding-right: 10px; white-space: nowrap; } .searchOptions .control .control-indicator { background-color: transparent; } .cover { position: relative; } .dark-cover-search.hide { display: none; } .dark-cover-search.show { display: block; position: absolute; top: 56px; right: 0; left: 0; bottom: 0; padding: 20px; height: 670px; width: 910px; background-color: #323435; color: #BDBEC0; z-index: 999; } .dark-cover-search .title { font-size: 25px; color: #FFF; padding: 15px; } #global-search-open, #debricked-open-source-select { z-index: 1000; } #debricked-open-source-select-img { width: 1.5rem; vertical-align: sub; } .search-control { position: relative; } #search { position: absolute; top: 10px; right: 25px; font-size: 50px; color: #DCDEDF !important; } .twitter-typeahead { width: 100%; } .twitter-typeahead .tt-input:focus { color: #FFF; } .twitter-typeahead .tt-hint { color: #BDBEC0; } .tt-menu { width: 100%; font-size: 30px; color: #BDBEC0; margin-top: 20px; min-height: 400px; max-height: 500px; overflow-y: auto; scrollbar-track-color: #323435; scrollbar-arrow-color: #0073e7; scrollbar-face-color: #0073e7; scrollbar-shadow-color: #0073e7; } .tt-menu .tt-suggestion { padding: 10px; } .tt-menu .tt-suggestion .ff { margin-left: 5px; float: right; } .tt-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion:hover { color: #FFF; cursor: pointer; } .tt-menu .tt-suggestion:hover > .suggestion-subtitle { color: #DCDEDF !important; cursor: pointer; } .tt-menu::-webkit-scrollbar-track { width: 20px; background-color: #323435; } .tt-menu::-webkit-scrollbar { background-color: #323435; } .tt-menu::-webkit-scrollbar-thumb { background-color: #0073e7; } .suggestion-title { font-size: 30px !important; } .suggestion-subtitle { font-size: 18px !important; margin: 0; padding: 0; margin-left: 5px; } .suggestion-cat { font-style: italic; float: right; } .task-grid-container { padding-right: 4px; } /* Grid */ .task-grid { display: table; border-collapse: collapse; width: 100%; } .task-grid .task-grid-col { display: table-column; } .task-grid .task-grid-col:nth-of-type(1) { min-width: 50px; width: 50px; } .task-grid .task-grid-col:nth-of-type(2) { display: table-column; min-width: 45px; width: 45px; } /* Rows */ .task-grid-row { display: table-row; position: relative; border-top: 1px solid #DCDEDF; } .task-grid-row:last-of-type { display: table-row; border-bottom: 1px solid #DCDEDF; } .task-grid-row div.task-grid-cell { display: table-cell; } .task-grid-row div.task-grid-cell.task-check { -webkit-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; width: 75px; min-width: 75px; } .task-grid-row div.task-grid-cell.task-number { text-align: right; padding-right: 8px; } .task-grid-row div.task-grid-cell.task-description { max-width: 425px; } .task-grid-row div.task-grid-cell.task-description .collapsible-panel.collapsed { height: 102px; } .task-grid-row div.task-grid-cell.task-buttons { width: 135px; min-width: 135px; padding: 0 4px; } .task-grid-row div.task-grid-cell.task-buttons > button { margin: 5px 5px 0 0; min-width: 102px; } .task-check .activity-checkbox { top: 3px; } .task-check .check-label { padding-left: 2px; } .task-check .check-container { display: inline-block; padding-inline: 4px; border: none; white-space: nowrap; } .task-check .check-container:nth-child(2) { padding-top: 5px; } body.dark-theme .task-description-text a { background-color: inherit; } .task-description-text a { padding: 0 5px 0 3px; background-color: #e7f3ff; white-space: nowrap; } .task-grid-row.selectable .task-check .check-container.check-done.hover { color: #0073e7; background-color: #FFF; border: 1px dashed #DCDEDF; opacity: initial; } .task-grid-row.selectable .task-check:hover .check-container.check-done { color: #0073e7; background-color: #FFF; border: 1px dashed #DCDEDF; opacity: initial; } .task-grid-row.selectable .task-check:hover .check-container.check-done.hover { color: #0073e7; background-color: #FFF; border: 1px dashed #DCDEDF; opacity: initial; } .task-grid-row.selectable .task-check:hover .check-container.check-done.hidehover { color: initial; background-color: initial; border: 1px solid #FFF; opacity: initial; } .task-grid-row.selectable .task-check:hover .check-container.check-na { color: initial; background-color: initial; border: 1px solid #FFF; } .task-grid-row.selectable .task-check:hover .check-container.check-na.hover { color: #0073e7; background-color: #FFF; border: 1px dashed #DCDEDF; opacity: initial; } .task-notes > div.task-note:first-child { padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px solid #0073e7; } .task-notes > div.task-note:last-child { margin: 0 0 5px 0; } .task-notes > div.task-note:only-child { padding: 5px 0 0 0; margin: 5px 0; border-top: 1px solid #0073e7; } .task-notes > div.task-note > .task-note-create-date { width: 180px; float: left; } .task-notes > div.task-note > .task-note-user { width: 150px; float: left; } .task-notes > div.task-note > .task-note-text { width: auto; margin-left: 330px; } .task-vulns > div.task-vuln:first-child { padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px solid #0073e7; } .task-vulns > div.task-vuln:last-child { margin: 0 0 5px 0; } .task-vulns > div.task-vuln > span { display: inline-block; } .task-vulns > div.task-vuln > .task-vuln-id { width: 60px; } .task-vulns > div.task-vuln > .task-vuln-severity { width: 120px; } .task-vulns > div.task-vuln > .task-vuln-location { width: auto; } .task-vulns > div.task-vuln .task-vuln-created-by { padding-left: 20px; width: auto; } .task-issue-nav { margin: 5px 0 0 0; text-align: right; } .task-counter-button { padding: 1px 3px; border-radius: 2px; margin: 2px; } .task-counter-button.absent { color: #DCDEDF; } .task-counter-button.present { background-color: #0073e7; color: #FFF; cursor: pointer; } /* Activity Workflow List */ .workflow-list { padding-bottom: 10px; } .workflow-panel-row { padding: 7px 20px 7px 20px; cursor: default; } .workflow-panel-row.selectable:hover { background-color: #0073e7; color: #FFF !important; cursor: pointer; } .workflow-panel-row.blocked { color: #E5004C; } .workflow-panel-row.done .workflow-bullet { color: #1AAC60; } .workflow-section-header { padding: 20px 20px 14px 20px; font-weight: bold; } .workflow-bullet { margin-left: 0; margin-right: 9px; font-size: 12px; vertical-align: text-top; position: relative; top: 3px; } .workflow-user { position: absolute; right: 20px; } .selected-task { color: #0073e7; font-weight: bold; } .modified-task { color: #C6179D; font-weight: bold; } .modified-task.selected-task { color: #0073e7; font-weight: bold; } .workflow-bullet .content { padding: 0; margin: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .workflow-bullet .content:before { content: '\f10c'; /* fa-circle-o */ } .workflow-panel-row.busy .workflow-bullet .content:before { content: '\f10c'; /* fa-circle-o */ } .workflow-panel-row.done .workflow-bullet .content:before { content: '\f00c'; /* fa-check */ color: #1AAC60; } .workflow-panel-row.notready .workflow-bullet .content:before { content: '\f023'; /* fa-lock */ color: #F1F2F3; } .workflow-panel-row.blocked .workflow-bullet .content:before { content: '\f017'; /* fa-clock-o */ color: #E5004C; } .workflow-panel-row.selectable:hover .workflow-bullet .content:before { color: #FFF; } .workflow-message { margin-left: 10px; font-size: 14pt; font-weight: bold; vertical-align: text-top; position: relative; top: 3px; } .workflow-message .content { padding: 0; margin: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .workflow-complete .content:before { content: '\f058'; /* fa-check-circle */ color: #1AAC60; } .workflow-no-tasks-assigned .content:before { content: '\f06a'; /* fa-exclamation-circle */ color: var(--button-secondary, #656668); } #assignTaskModal #txtSearchUsers { width: 200px; padding: 4px 26px 4px 10px; } #assignTaskModal #txtSearchUsers::-ms-clear { display: none; } .stackedplotblock { display: table; border-collapse: collapse; table-layout: fixed; font-size: 9pt; overflow: hidden; line-height: 1; } .stackedplotblock div { display: inline-block; overflow: hidden; padding: 5px 0; color: #FFF; text-align: left; } .stackedplotblock span { display: block; text-align: center; font-size: 9pt; } .stackedplotblock span.refinementPercentage { display: inline; } .stackedplotblock span.refinementName { display: inline; } .stackedplotblock .refinement { margin-right: 2px; min-height: 32px; height: 32px; vertical-align: bottom; white-space: nowrap; background-color: #0061c3; /*#region [ Bar Color Settings ]*/ /*#endregion*/ } .stackedplotblock .refinement span.refinementText { overflow: hidden; margin: 0 5px; text-overflow: ellipsis; } .stackedplotblock .refinement.default { background-color: #0073e7; } .stackedplotblock .refinement.new { background-color: #3939C6; } .stackedplotblock .refinement.existing { background-color: #75DA4D; } .stackedplotblock .refinement.reopen { background-color: #E5004C; } .stackedplotblock .refinement.fix_validated { background-color: #1AAC60; } .stackedplotblock .refinement.pass { background-color: #1AAC60; } .stackedplotblock .refinement.fail { background-color: #E5004C; } .stackedplotblock .refinement.critical { background-color: #e11f26; } .stackedplotblock .refinement.high { background-color: #f26527; } .stackedplotblock .refinement.medium { background-color: #f99c1c; } .stackedplotblock .refinement.low { background-color: #fccc0a; } .stackedplotblock .refinement.unassessed { background-color: #F1F2F3; color: #000; } .stackedplotblock .refinement.block1 { background-color: #076299; } .stackedplotblock .refinement.block2 { background-color: #8c9907; } .stackedplotblock .refinement.block3 { background-color: #7b0799; } .stackedplotblock .refinement.block4 { background-color: #079951; } .stackedplotblock .refinement.block5 { background-color: #992607; } .stackedplotblock .refinement.block6 { background-color: #071399; } .stackedplotblock .refinement.block7 { background-color: #3d9907; } .stackedplotblock .refinement.block8 { background-color: #990768; } .stackedplotblock .refinement.block9 { background-color: #079299; } .stackedplotblock .refinement.block10 { background-color: #997507; } .stackedplotblock .legend { overflow: hidden; min-width: 100px; width: 100px; background-color: var(--background-1-color, #FFF); color: var(--body-color, #000); vertical-align: middle; white-space: nowrap; box-shadow: none; text-overflow: ellipsis; } .stackedplotblock .legend a { display: block; width: 90px; overflow: hidden; text-overflow: ellipsis; } .stackedplotblock .legend.legend-multiline { line-height: normal; height: auto; } .stackedplotblock .legend.verboseLegend, .stackedplotblock .legend.verbose-legend { min-width: 150px; width: 150px; font-size: 8pt; line-height: 26px; } .stackedplotblock .legend.verboseLegend a, .stackedplotblock .legend.verbose-legend a { width: 135px; } .stackedplotblock .total { margin: 0; min-width: 75px; width: 75px; height: 42px; background-color: var(--background-1-color, #FFF); color: var(--body-color, #000); vertical-align: middle; font-size: 9pt; box-shadow: none; position: relative; padding-left: 3px; } .stackedplotblock .total a { position: absolute; display: block; height: 30px; top: calc(50% - 14px); } .fod-lang-es .stackedplotblock .total { min-width: 95px; width: 95px; } .stackedplotblock .bars { display: table-cell; width: 100%; font-size: 0; vertical-align: middle; } .stackedPlotDetailsWrapper { display: none; margin-left: 102px; } .stackedPlotBlockDetails { display: table; table-layout: fixed; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .stackedPlotBlockDetails .cell { display: table-cell; padding: 5px; width: 110px; text-align: center; font-size: 14px; } .stackedPlotBlockDetails .cell.cellHeader { background-color: #0073e7; color: #FFF; } .contextbar { display: -ms-flexbox; display: flex; } .contextbar.bottom-margin, .contextbar.bottom_margin { margin-bottom: 10px; } .contextbar .section { display: inline-block; vertical-align: top; } .contextbar .section-status { display: inline-block; vertical-align: top; width: 125px; } .contextbar .sectionpaging { display: inline-block; padding: 6px 0 6px 0; margin-bottom: 5px; } .contextbar .section-right, .contextbar .section_right { display: inline-block; float: right; margin-left: auto; } .contextbar .pager { padding: 8px 0 6px 0; } .contextbar .space { display: inline-block; padding-right: 5px; padding-left: 5px; } .contextbar .arrow { height: 15px; } .contextbar input[type=submit] { margin-right: 5px; margin-left: 5px; } .contextbar .upper, .contextbar.upper { padding: 10px 10px 0px 72px; font-size: 1.5em; font-weight: 500; } .contextbar .upper > .section-right, .contextbar.upper > .section-right, .contextbar .upper .section_right, .contextbar.upper .section_right { margin-top: -4px; margin-left: auto; } .contextbar .upper.auto-height, .contextbar.upper.auto-height { height: auto; } .no-nav .contextbar .upper, .no-nav .contextbar.upper { padding: 10px 25px 10px 15px; } .contextbar .upper::after, .contextbar.upper::after { display: block; content: ''; clear: both; } .contextbar .lower, .contextbar.lower { padding: 10px 2px; font-size: 2em; font-weight: 500; color: var(--body-color, #000); margin: 0px 0px 5px 0px; background-color: var(--body-background-color, #F1F2F3); } .contextbar .lower.no-bottom-margin, .contextbar.lower.no-bottom-margin { margin-bottom: 0; } .contextbar .lower.nolabel, .contextbar.lower.nolabel { min-height: 45px; } .contextbar .lower .section-right, .contextbar.lower .section-right, .contextbar .lower .section_right, .contextbar.lower .section_right { margin: -2px; margin-left: auto; } .contextbar .lower .btn-hamburger, .contextbar.lower .btn-hamburger { font-size: 1.1em; box-shadow: none; } .contextbar .lower .scan-status-icon .ff, .contextbar.lower .scan-status-icon .ff { font-size: 2.5em; } .contextbar .lower .csh-icon, .contextbar.lower .csh-icon { font-size: 0.65em; } .contextbar .form-inline .form-control { max-width: 180px; } .contextbar .critical { color: #e11f26; } .contextbar .high { color: #f26527; } .contextbar .medium { color: #f99c1c; } .contextbar .low { color: #fccc0a; } .contextbar .best_practice { color: #d7df23; } .contextbar .info { color: #fccc0a; } .contextbar .dropdown { display: inline-block; } .subcontext { font-size: 1.5em; padding: 2px 5px; } .button { -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 4px 7px; color: #FFF !important; text-align: center; text-decoration: none; font-weight: normal; font-size: 16px; cursor: pointer; border-radius: 0; box-shadow: none; } .button a { color: #FFF; text-decoration: none; } .button i.fa:not(.fa-lg), .button i.ff:not(.ff-lg) { font-size: 14px; } .button.primary { border: 2px solid lime; background-color: lime; } .button.primary:hover { border: 2px solid #1fff1f; background-color: #1fff1f; } .button.primary:active { border: 2px solid #00e000; background-color: #00e000; box-shadow: none; outline: none; } .button.primary:focus { outline: none; } .button.secondary { border: 2px solid lime; background-color: lime; } .button.secondary:hover { border: 2px solid #1fff1f; background-color: #1fff1f; } .button.secondary:active { border: 2px solid #00e000; background-color: #00e000; box-shadow: none; outline: none; } .button.secondary:focus { outline: none; } .button.action { border: 2px solid lime; background-color: lime; } .button.action:hover { border: 2px solid #1fff1f; background-color: #1fff1f; } .button.action:active { border: 2px solid #00e000; background-color: #00e000; box-shadow: none; outline: none; } .button.action:focus { outline: none; } .button.action.toggled { background-color: #0073e7; color: #FFF !important; } .button.critical { border: 2px solid lime; background-color: lime; } .button.critical:hover { border: 2px solid #1fff1f; background-color: #1fff1f; } .button.critical:active { border: 2px solid #00e000; background-color: #00e000; box-shadow: none; outline: none; } .button.critical:focus { outline: none; } .button.toggle { border: 2px solid #BDBEC0; background-color: #F1F2F3; color: #000 !important; cursor: pointer; } .button.toggle:hover { border: 2px solid #0782ff; background-color: #0782ff; color: #FFF !important; } .button.toggle.toggled, .button.toggle.selected { border: 2px solid #0061c3; background-color: #0073e7; color: #FFF !important; } .button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover { border: 2px solid #BDBEC0 !important; background: #BDBEC0 !important; opacity: 0.3; filter: alpha(opacity = 30); cursor: default; } .button.link { margin: 0; padding: 0; outline: 0; border: 0; background-color: transparent; color: #0073e7 !important; cursor: pointer; } .button.link.lowercase { text-transform: lowercase; } .button.link.disabled, .button.link.disabled:hover, .button.link:disabled, .button.link:disabled:hover { border: 0 !important; background: transparent !important; background-color: transparent !important; filter: alpha(opacity = 30); opacity: 0.3; cursor: default; } .button.link.selected { color: #000 !important; } .button.hamburger { margin: 0; padding: 0; outline: 0; border: 0; background-color: transparent; color: #BDBEC0 !important; cursor: pointer; margin-left: 18px !important; } .button.hamburger.toggled, .button.hamburger.selected { color: #000 !important; } .contextbar .upper .button.hamburger.toggled, .contextbar .upper .button.hamburger.selected, .contextbar.upper .button.hamburger.toggled, .contextbar.upper .button.hamburger.selected { color: #FFF !important; } .button.inline, .button.inline-size { display: inline-block; padding: 0 12px; min-width: 52px; height: 32px; font-size: 16px; line-height: 32px; } .button.inline i.fa, .button.inline-size i.fa, .button.inline i.ff, .button.inline-size i.ff { font-size: 14px; } .button.small, .button.small-size { display: inline-block; padding: 2px 5px 2px 5px; font-size: 14px; } .button.large, .button.large-size { display: inline-block; padding: 10px 30px 10px 30px; font-size: 16px; } .button.large i.fa, .button.large-size i.fa, .button.large i.ff, .button.large-size i.ff { font-size: 14px; } .button.text-lg, .button.text-large { font-size: 18px; } .button.text-lg i.fa, .button.text-large i.fa, .button.text-lg i.ff, .button.text-large i.ff { font-size: 18px; } .button.text-xl { font-size: 22px; } .button.text-xl i.fa, .button.text-xl i.ff { font-size: 21px; } .button.standard-x-margin { margin: 0 4px; } .paging-container { position: relative; display: table; color: var(--color-gray-dark, #656668); font-weight: normal; padding: 5px 2px; width: 100%; } .paging-container .paging-section { display: table-cell; white-space: nowrap; width: 33%; } .paging-container .paging-section .btn-group { font-size: 0; display: inline-block; } .paging-container .paging-section .btn-group .btn { -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; float: none; border-width: 1px; -ms-flex-pack: center; justify-content: center; min-width: 40px; margin: 0 !important; border: 2px solid transparent; color: var(--uxa-pagination-link__color) !important; background-color: transparent; font-size: 12px; height: 32px; } .paging-container .paging-section .btn-group .btn.toggled, .paging-container .paging-section .btn-group .btn.current { box-shadow: var(--uxa-pagination-link__background-color--active) 0px -2px 0px 0px inset; } .paging-container .paging-section .btn-group .btn.toggled:hover, .paging-container .paging-section .btn-group .btn.current:hover { background-color: var(--uxa-pagination-link__background-color--selected-flat-hover) !important; } .paging-container .paging-section .btn-group .btn:hover { background: var(--uxa-pagination-link__background-color-hover) !important; } .paging-container .paging-section.paging-section-total { font-size: 1.4em; text-align: left; } .paging-container .paging-section.paging-section-pages { text-align: center; } .paging-container .paging-section.paging-section-count { text-align: right; } .paging-container .paging-section.paging-section-count :first-child { margin-right: 8px; } body.dark-theme table.prettygrid .highlight { color: var(--brand-gray-dim, #656668); background-color: #E5004C !important; } table.prettygrid { width: 100%; border: 0; margin-bottom: 20px; } table.prettygrid .highlight { color: #E5004C; font-weight: bold; } table.prettygrid > thead > tr > th, table.prettygrid > tbody > tr > th, table.prettygrid > tfoot > tr > th, table.prettygrid > thead > tr > td, table.prettygrid > tbody > tr > td, table.prettygrid > tfoot > tr > td { padding: 10px 8px; border-right: solid 1px; white-space: nowrap; vertical-align: middle; line-height: 1; } table.prettygrid > thead > tr > th.truncate, table.prettygrid > tbody > tr > th.truncate, table.prettygrid > tfoot > tr > th.truncate, table.prettygrid > thead > tr > td.truncate, table.prettygrid > tbody > tr > td.truncate, table.prettygrid > tfoot > tr > td.truncate { -ms-flex: 1; flex: 1; min-width: 0; width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; max-width: 200px; /* default, should override*/ } table.prettygrid > thead > tr > th.center, table.prettygrid > tbody > tr > th.center, table.prettygrid > tfoot > tr > th.center, table.prettygrid > thead > tr > td.center, table.prettygrid > tbody > tr > td.center, table.prettygrid > tfoot > tr > td.center { text-align: center; } table.prettygrid > thead > tr > th.text-ellipsis, table.prettygrid > tbody > tr > th.text-ellipsis, table.prettygrid > tfoot > tr > th.text-ellipsis, table.prettygrid > thead > tr > td.text-ellipsis, table.prettygrid > tbody > tr > td.text-ellipsis, table.prettygrid > tfoot > tr > td.text-ellipsis { text-overflow: ellipsis; overflow: hidden; max-width: 200px; /* default, should override*/ } table.prettygrid > thead > tr > th .text-ellipsis, table.prettygrid > tbody > tr > th .text-ellipsis, table.prettygrid > tfoot > tr > th .text-ellipsis, table.prettygrid > thead > tr > td .text-ellipsis, table.prettygrid > tbody > tr > td .text-ellipsis, table.prettygrid > tfoot > tr > td .text-ellipsis { display: inline-block; text-overflow: ellipsis; overflow: hidden; max-width: 200px; /* default, should override*/ } table.prettygrid > thead > tr > th, table.prettygrid > tbody > tr > th, table.prettygrid > tfoot > tr > th { padding: 8px; text-align: center; border-bottom: 0; word-break: keep-all; } table.prettygrid > thead > tr > td.wrap-enabled, table.prettygrid > tbody > tr > td.wrap-enabled, table.prettygrid > tfoot > tr > td.wrap-enabled { white-space: normal; } table.prettygrid > thead > tr:first-child, table.prettygrid > tbody > tr:first-child, table.prettygrid > tfoot > tr:first-child { border-bottom: 0; } table.prettygrid > thead.text-top > tr > th, table.prettygrid > tbody.text-top > tr > th, table.prettygrid > tfoot.text-top > tr > th, table.prettygrid > thead.text-top > tr > td, table.prettygrid > tbody.text-top > tr > td, table.prettygrid > tfoot.text-top > tr > td { vertical-align: top; } table.prettygrid.wrap-enabled > thead > tr > th, table.prettygrid.wrap-enabled > tbody > tr > th, table.prettygrid.wrap-enabled > tfoot > tr > th, table.prettygrid.wrap-enabled > thead > tr > td, table.prettygrid.wrap-enabled > tbody > tr > td, table.prettygrid.wrap-enabled > tfoot > tr > td { white-space: normal; } table.prettygrid > thead > tr { -webkit-user-select: none; -ms-user-select: none; user-select: none; } table.prettygrid > thead > tr.branded { background-color: #0073e7 !important; } table.prettygrid > thead > tr .btn-info-icon { box-shadow: none; text-decoration: none; margin: 0; padding: 0; outline: 0; border: 0; background-color: transparent; cursor: pointer; line-height: inherit; font-size: inherit; padding: 0 3px; } table.prettygrid > thead > tr .btn-info-icon > i { color: #2FD6C3 !important; } table.prettygrid > thead > tr > th { font-weight: bold; letter-spacing: 0.02em; font-size: 14px; border-right: 0; color: var(--brand-gray-dim, #656668) !important; padding: 12px 8px; } table.prettygrid > thead > tr > th a, table.prettygrid > thead > tr > th a:hover { color: var(--brand-gray-dim, #656668) !important; text-decoration: none !important; } table.prettygrid > tbody > tr { color: var(--brand-gray-dim, #656668); } table.prettygrid > tbody > tr:nth-child(odd) { background: var(--row-alt-background-color, #F5F7F8); } table.prettygrid > tbody > tr:nth-child(even) { background: var(--row-background-color, #FFF); } table.prettygrid > tbody > tr button:not(.btn-link) i.fa, table.prettygrid > tbody > tr button:not(.btn-link) i.ff { font-size: 1em; } table.prettygrid > tbody > tr i.fa, table.prettygrid > tbody > tr i.ff { /*font-size: 1.8em;*/ /*Battling specificity, so I just re applied lg's size.*/ } table.prettygrid > tbody > tr i.fa.ff-star, table.prettygrid > tbody > tr i.ff.ff-star, table.prettygrid > tbody > tr i.fa.ff-star-o, table.prettygrid > tbody > tr i.ff.ff-star-o { font-size: 1.3em; margin-left: -4px; } table.prettygrid > tbody > tr i.fa.fa-lg, table.prettygrid > tbody > tr i.ff.fa-lg, table.prettygrid > tbody > tr i.fa.ff-lg, table.prettygrid > tbody > tr i.ff.ff-lg { font-size: 1.33333333em; } table.prettygrid > tbody > tr.selected { background-color: #0073e7 !important; color: #FFF !important; } table.prettygrid > tbody > tr.selected a, table.prettygrid > tbody > tr.selected button.btn-link { color: #FFF !important; } table.prettygrid > tbody > tr.selectedLight { background-color: var(--row-background-selected-color, var(--color-brand-primary-lightened, #a9ccef)) !important; color: #000 !important; } table.prettygrid > tbody > tr.checked { background-color: var(--row-background-selected-color, var(--color-brand-primary-lightened, #a9ccef)) !important; } table.prettygrid > tbody > tr.checked .btn-link:hover { color: #0073e7 !important; } table.prettygrid > tbody > tr > td { border-color: #DCDEDF; } table.prettygrid > tbody > tr > td:last-child { border-right: 0; } table.prettygrid > tfoot > tr > td { font-weight: bold; border-color: #DCDEDF; } table.prettygrid > tfoot > tr > td:last-child { border-right: 0; } table.prettygrid.prettygrid-hover > tbody > tr:hover, table.prettygrid.selectable > tbody > tr:hover { background: var(--row-background-selected-color, var(--color-brand-primary-lightened, #a9ccef)); color: var(--body-color, #000); } table.prettygrid.prettygrid-hover > tbody > tr td:hover, table.prettygrid.selectable > tbody > tr td:hover { cursor: pointer; } table.prettygrid.prettygrid-fixed { table-layout: fixed; } table.prettygrid a { text-decoration: none; } table.prettygrid > tbody > tr.group > td { background: var(--background-2-color, #BDBEC0); color: #FFF; padding: 7px; font-size: 1.1em; border-bottom: 1px solid #DCDEDF; } table.prettygrid.prettygrid-multi > tbody > tr:nth-child(4n), table.prettygrid.prettygrid-multi > tbody > tr:nth-child(4n-1) { background-color: var(--row-background-color, #FFF); } table.prettygrid.prettygrid-multi > tbody > tr:nth-child(4n-2), table.prettygrid.prettygrid-multi > tbody > tr:nth-child(4n-3) { background-color: var(--row-alt-background-color, #F5F7F8); } table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-1):hover, table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-3):hover { background: var(--row-background-selected-color, var(--color-brand-primary-lightened, #a9ccef)); color: var(--body-color, #000); } table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-1):hover .button:hover, table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-3):hover .button:hover, table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-1):hover .btn:hover, table.prettygrid.prettygrid-multi.selectable > tbody > tr:nth-child(4n-3):hover .btn:hover { color: #F1F2F3 !important; } table.prettygrid.prettygrid-multi .secondFullRow td { border-top: 1px solid #DCDEDF; border-bottom: 1px solid #DCDEDF; } table.prettygrid.prettygrid-multi .secondFullRow td:last-child { border-top: 1px solid #DCDEDF; border-bottom: 1px solid #DCDEDF; } table.prettygrid.no-border { border: 0; } table.prettygrid.no-border > thead > th, table.prettygrid.no-border > tbody > th, table.prettygrid.no-border > tfoot > th, table.prettygrid.no-border > thead > td, table.prettygrid.no-border > tbody > td, table.prettygrid.no-border > tfoot > td { border: 0; text-align: center; } table.prettygrid .action-cell { text-align: center; white-space: nowrap; width: 160px; min-width: 160px; } table.prettygrid .action-cell .button, table.prettygrid .action-cell .btn { padding-left: 5px; padding-right: 5px; } table.prettygrid .action-cell.action-cell-sm { width: 40px; min-width: 40px; } table.prettygrid .action-cell > label.checkbox > span.control-indicator { margin: 0; } table.prettygrid th.action-cell .btn-link { color: #FFF !important; } table.prettygrid .popover-content { color: #000; } table.prettygrid .popover { border-radius: 0; } .empty-table { text-align: center; padding: 8px; border-collapse: collapse; } .empty-table.no-border { border: none; } .wrap-text * { white-space: normal !important; } table.tools-table { border: 3px solid black !important; } table.tools-table > thead { color: black; } table.tools-table > thead > tr > th { text-align: left !important; padding: 3px 3px; color: black !important; background-color: lightgray; } table.tools-table > tbody > tr > td { padding: 5px 5px; } table.sticky-header thead { background-color: var(--background-1-color); inset-block-start: 0; position: sticky; } table.sticky-header tbody tr td button { position: unset; } table.oss-component-table { table-layout: fixed; } table.oss-component-table th { white-space: normal !important; } .outerborder { border: 1px solid #DCDEDF; padding-top: 10px; } body.dark-theme .form-vertical input[type=text], body.dark-theme .form-vertical input[type=password], body.dark-theme .form-vertical textarea, body.dark-theme .form-vertical select { background-color: var(--form-control-background-color, #F1F2F3); } body.dark-theme .form-vertical input[type=text]:not([disabled]), body.dark-theme .form-vertical input[type=password]:not([disabled]), body.dark-theme .form-vertical textarea:not([disabled]), body.dark-theme .form-vertical select:not([disabled]) { color: var(--body-color, #000); background-color: var(--form-control-background-color, #F1F2F3); } .form-vertical label { display: block !important; } .form-vertical label.hidden { display: none !important; } .form-vertical input[type=text], .form-vertical input[type=password], .form-vertical textarea, .form-vertical select { padding: 7px 10px; margin-bottom: 8px; width: 100% !important; box-sizing: border-box; } .form-vertical input[type=text]:focus, .form-vertical input[type=password]:focus, .form-vertical textarea:focus, .form-vertical select:focus { outline: 2px solid #0073e7; } .form-vertical textarea { height: auto; background-color: var(--form-control-background-color, #F1F2F3); } .form-vertical small.input-help { color: #656668; display: block; width: 100%; text-align: right; font-size: 14px; } .fod-lang-es .form-vertical small.input-help { font-size: 75%; } .form-vertical small.input-help.left { text-align: left; } .form-vertical small.input-help.multiline { white-space: pre-wrap; } .form-vertical small.input-warn { color: #E5004C; display: block; width: 100%; text-align: left; font-style: italic; } .fod-lang-es .form-vertical small.input-warn { font-size: 75%; } .form-vertical small.input-warn.top-spacing { margin-top: 0.5em; } .form-vertical fieldset { border: 0; border-top: 1px solid #BDBEC0; margin: 0; padding: 0; margin-bottom: 12px; } .form-vertical fieldset legend { padding-right: 8px; } .form-block { padding: 0 10px 40px; } .glass-overlay { position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); /* msie */ } .overlay, .overlay-nointeract { position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); /* msie */ } .modal { border-radius: 4px; position: absolute; z-index: 120000; display: none; margin: 0; padding: 0; background-color: var(--dialog__background-color, #FFF); bottom: inherit; right: inherit; width: auto; height: auto; } .modal:not(.wizard) { padding: 0 0 0 8px; } .modal a { color: #0061c3; } .modal a.button { color: var(--dialog__background-color, #FFF) !important; } .modal a.button.primary { color: var(--dialog__background-color, #FFF) !important; } .modal .modal-custom-header { margin: 24px 16px 0px 16px; background-color: var(--dialog__background-color, #FFF); color: var(--body-color, #000); vertical-align: middle; text-align: left; font-size: 1.5em; font-weight: 500; } .fod-lang-ja .modal .modal-custom-header { /*font-size: .9em;*/ } .modal .modal-custom-header .csh-icon { color: var(--body-color, #000); } .modal .modal-custom-content { margin: 8px 16px 16px 16px; } .modal .modal-custom-content .popover { z-index: 9999; position: fixed; } .modal .modal-custom-content .modal-message { word-wrap: break-word; } .modal .modal-custom-content .buttonblock { border-top: 1px solid var(--dialog-footer__border-color, #DCDEDF); margin-top: 24px; padding-top: 16px; } .modal .modal-custom-content .buttonblock .btn { border: none; box-shadow: none; } .modal .modal-custom-content .buttonblock .btn:hover { background-color: var(--brand-gray-lightest, #F5F7F8) !important; } .modal .modal-custom-content .buttonblock .btn:focus { background-color: var(--brand-gray, #DCDEDF) !important; outline: none; } .modal .modal-custom-content .buttonblock .btn-primary { background: #0073e7; color: #FFF; } .modal .modal-custom-content .buttonblock .btn-primary:hover:not([disabled]) { background-color: #0066ce !important; } .modal .modal-custom-content .buttonblock .btn-primary:focus { background-color: #cce3fa !important; outline: none; } .modal .modal-custom-content .buttonblock .btn-default:hover { background-color: var(--brand-gray-lightest, #F5F7F8) !important; } .modal .modal-custom-content .buttonblock .btn-default:focus { background-color: var(--brand-gray, #DCDEDF) !important; outline: none; } .modal .modal-custom-content .buttonblock .btn-critical:hover { background-color: #fef2f6 !important; } .modal .modal-custom-content .buttonblock .btn-critical:focus { background-color: #faccdb !important; outline: none; } .modal .modal-custom-content .buttonblock .btn-secondary:hover { background-color: var(--brand-gray-lightest, #F5F7F8) !important; } .modal .modal-custom-content .buttonblock .btn-secondary:focus { background-color: var(--brand-gray-light, #F1F2F3) !important; outline: none; } .modal .contextbar { margin-bottom: 10px; line-height: 45px; padding: 0 10px; } .modal .contextbar .section-right { margin-top: 0; } .modal p { margin: 0 0 10px 0; } .modal.full-height { height: calc(100% - 75px); } .modal .options-list-container { height: 300px; overflow-y: auto; border: 1px solid #DCDEDF; } .modal .options-list-container .options-list { margin: 10px; padding: 0; list-style: none; } .modal .trendy-tabs .trendy-tabs-content { overflow-y: auto; min-width: 0; } .modal .trendy-tabs .trendy-tabs-content > [data-tabname] > ul { margin: 0; padding: 0; list-style: none; } a[data-role=closemodal] { margin-left: 6px; } .close_modal { border-radius: 2px; padding: 6px; position: absolute; top: 8px; right: 8px; display: inline-block; font-size: 12px; font-family: 'fontfortify'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--body-color, #000); cursor: pointer; width: 24px; height: 24px; } .close_modal:before { content: '\f536'; /* ff-times */ } .close_modal:hover { background-color: var(--button-background-color-flat-secondary-hover, #F1F2F3); } .wizard-step-listing { background: var(--body-background-color, #F1F2F3); padding: 15px; } .wizard-step-listing ul { list-style: none; margin: 0; padding: 0; } .wizard-step-listing ul > li { padding: 5px 0; } .wizard-step-listing ul > li i { display: inline-block; min-width: 16px; padding-right: 3px; font-family: 'fontfortify'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wizard-step-listing ul > li i:before { content: ' '; } .wizard-step-listing ul > li i.child-step { margin-left: 12px; } .wizard-step-listing ul > li.complete i:before { content: '\f449'; } .wizard-step-listing ul > li.current { font-weight: 700; } .wizard .modal-custom-header { margin: 0; padding: 10px 50px 10px 15px; } .wizard .modal-custom-content { margin: 0; padding: 15px; } .wizard .modal-custom-content .buttonblock { margin: 23px -1em 0 -1em; padding: 15px 5px 0 0; } .wizard .row.wizard-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wizard .row.wizard-container > [class*='col-'] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .wizard .row.wizard-container .wizard-step-listing { height: 100%; } /*TODO*/ .modal-mask { position: fixed; top: 0; left: 0; z-index: 100000; display: none; width: 100%; height: 100%; display: table; background-color: rgba(0, 0, 0, 0.8); filter: alpha(opacity=80); /* msie */ transition: opacity 0.2s ease; } .modal-wrapper { display: table-cell; top: 15%; position: absolute; z-index: 1000001; } .modal-container { width: 500px; margin: 0px auto; padding-bottom: 45px; background-color: var(--dialog__background-color, #FFF); transition: all 0.2s ease; } .popover { z-index: 120001; } /*END TODO*/ .login-backdrop { -ms-flex-align: center; align-items: center; background: var(--background-gradient, linear-gradient(to right, #19224A 0%, #222E61 25%, #23346A 65%, #146693 90%, #088CB2 100%)); display: -ms-flexbox; display: flex; height: 100vh; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; width: 100vw; } .login-container { background: var(--login-panel-background-color, #FFF); border-radius: 16px; padding: 32px; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 480px; } .login-container picture .company-logo { height: 36px; width: 190px; } .login-container .product-name { font-size: 40px; font-weight: 500; line-height: 44px; margin-bottom: 8px; margin-top: 24px; } .login-container .ce-version { font-size: 30px; font-weight: 400; line-height: 32px; margin-bottom: 24px; } .login-container input:focus { outline: 0 !important; } .login-container .link-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; } .login-container .login-footer { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 48px; } .login-container .login-button { box-shadow: none; font-size: 16px; font-weight: 400; margin-top: 32px; text-transform: none; } .login-container .form-group { margin-bottom: 16px; } .login-container .form-group .label { margin-bottom: 4px; } .login-container #languageSelector { width: auto; } .login-container #languageSelector .dropdown-toggle { -ms-flex-align: center; align-items: center; border: none; display: -ms-flexbox; display: flex; font-weight: 400; height: 32px; padding-left: 10px; padding-right: 10px; text-transform: none; } .login-container #languageSelector .dropdown-toggle:active { background-color: var(--brand-gray-light, #F1F2F3); box-shadow: none; color: var(--brand-gray-dim, #656668); } .login-container #languageSelector .dropdown-toggle:hover { background-color: var(--brand-gray-light, #F1F2F3); box-shadow: none; } .login-container #languageSelector .dropdown-toggle:focus { outline: none; box-shadow: none; } .login-container #languageSelector .dropdown-menu { box-shadow: none; padding-bottom: 0px; padding-top: 0px; background-color: var(--menu__background-color, #FFF); color: var(--body-color, #000); } .login-container #languageSelector .dropdown-menu .dropdown-item { color: var(--body-color, #000); } .login-container #languageSelector .dropdown-menu .dropdown-item:hover { background-color: var(--brand-gray-light, #F1F2F3); } .login-container .sso-login { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .login-container .sso-login a, .login-container .sso-login div { font-size: 1.1em; cursor: pointer; } .login-container .forgot-password > a, .login-container .saas-learn-more > a { font-size: 1.1em; } html.white-labeled .login-container h1 { margin: 20px 0 20px 0; color: #000; text-align: center; font-size: 2em; } html.white-labeled .login-container .logo-image { display: block; margin: 0 auto; width: 125px; height: 125px; } html.white-labeled .login-container .logo-image.logo-image-wide { width: 330px; height: 110px; } .login-container .login_option { margin-top: 10px; color: #FFF; font-size: 14px; text-align: center; } .login-container .login_option a { margin-left: 5px; color: #FFF; text-decoration: none; cursor: pointer; } .login-container .login_option a:hover { color: #FFF; text-decoration: underline; } .white-labeled .login-container .login_option .login_option a, .white-labeled .login-container .login_option .login_option a:hover { color: #0061c3; } .switch-tenant { border-radius: 4px; padding: 50px; } /******************************************************************************* * Tree container */ ul.dynatree-container { font-family: tahoma, arial, helvetica; font-size: 10pt; /* font size should not be too big */ white-space: nowrap; padding: 3px; margin: 0; /* issue 201 */ background-color: white; border: 1px dotted gray; overflow: auto; height: 100%; /* issue 263 */ } ul.dynatree-container ul { padding: 0 0 0 16px; margin: 0; } ul.dynatree-container li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip:border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-repeat: repeat-y; background-image: url("vline.gif"); background-position: 0 0; /* background-image: url("icons_96x256.gif"); background-position: -80px -64px; */ margin: 0; padding: 1px 0 0 0; } /* Suppress lines for last child node */ ul.dynatree-container li.dynatree-lastsib { background-image: none; } /* Suppress lines if level is fixed expanded (option minExpandLevel) */ ul.dynatree-no-connector > li { background-image: none; } /* Style, when control is disabled */ .ui-dynatree-disabled ul.dynatree-container { opacity: 0.5; /* filter: alpha(opacity=50); /* Yields a css warning */ background-color: silver; } /******************************************************************************* * Common icon definitions */ span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; /* display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* Required to make a span sizeable */ vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url("/content/images/icons.gif"); background-position: 0 0; } /** Used by 'icon' node option: */ ul.dynatree-container img { width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; } /******************************************************************************* * Lines and connectors */ span.dynatree-connector { background-position: -16px -64px; } /******************************************************************************* * Expander icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-exp- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling */ span.dynatree-expander { background-position: 0px -80px; cursor: pointer; } .dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */ { background-position: 0px -96px; } .dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */ { background-position: -64px -80px; } .dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */ { background-position: -64px -96px; } .dynatree-exp-e span.dynatree-expander, /* Expanded, not delayed, not last sibling */ .dynatree-exp-ed span.dynatree-expander /* Expanded, delayed, not last sibling */ { background-position: -32px -80px; } .dynatree-exp-el span.dynatree-expander, /* Expanded, not delayed, last sibling */ .dynatree-exp-edl span.dynatree-expander /* Expanded, delayed, last sibling */ { background-position: -32px -96px; } .dynatree-loading span.dynatree-expander /* 'Loading' status overrides all others */ { background-position: 0 0; background-image: url("loading.gif"); } /******************************************************************************* * Checkbox icon */ span.dynatree-checkbox { margin-left: 3px; background-position: 0px -32px; } span.dynatree-checkbox:hover { background-position: -16px -32px; } .dynatree-partsel span.dynatree-checkbox { background-position: -64px -32px; } .dynatree-partsel span.dynatree-checkbox:hover { background-position: -80px -32px; } .dynatree-selected span.dynatree-checkbox { background-position: -32px -32px; } .dynatree-selected span.dynatree-checkbox:hover { background-position: -48px -32px; } /******************************************************************************* * Radiobutton icon * This is a customization, that may be activated by overriding the 'checkbox' * class name as 'dynatree-radio' in the tree options. */ span.dynatree-radio { margin-left: 3px; background-position: 0px -48px; } span.dynatree-radio:hover { background-position: -16px -48px; } .dynatree-partsel span.dynatree-radio { background-position: -64px -48px; } .dynatree-partsel span.dynatree-radio:hover { background-position: -80px -48px; } .dynatree-selected span.dynatree-radio { background-position: -32px -48px; } .dynatree-selected span.dynatree-radio:hover { background-position: -48px -48px; } /******************************************************************************* * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder */ span.dynatree-icon /* Default icon */ { margin-left: 3px; background-position: 0px 0px; } .dynatree-ico-cf span.dynatree-icon /* Collapsed Folder */ { background-position: 0px -16px; } .dynatree-ico-ef span.dynatree-icon /* Expanded Folder */ { background-position: -64px -16px; } /* Status node icons */ .dynatree-statusnode-wait span.dynatree-icon { background-image: url("loading.gif"); } .dynatree-statusnode-error span.dynatree-icon { background-position: 0px -112px; /* background-image: url("ltError.gif");*/ } /******************************************************************************* * Node titles */ /* @Chrome: otherwise hit area of node titles is broken (issue 133) Removed again for issue 165; (133 couldn't be reproduced) */ span.dynatree-node { /* display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* issue 373 Required to make a span sizeable */ vertical-align: top; } /* Remove blue color and underline from title links */ ul.dynatree-container a /*, ul.dynatree-container a:visited*/ { color: black; /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; /* outline: 0; /* @ Firefox, prevent dotted border after click */ } ul.dynatree-container a:hover { /* text-decoration: underline; */ background-color: #F2F7FD; /* light blue */ border-color: #B8D6FB; /* darker light blue */ } span.dynatree-node a { font-size: 10pt; /* required for IE, quirks mode */ display: inline-block; /* Better alignment, when title contains
*/ /* vertical-align: top;*/ padding-left: 3px; padding-right: 3px; /* Otherwise italic font will be outside bounds */ /* line-height: 16px; /* should be the same as img height, in case 16 px */ } span.dynatree-folder a { font-weight: bold; } ul.dynatree-container a:focus, span.dynatree-focused a:link /* @IE */ { background-color: #EFEBDE; /* gray */ } span.dynatree-has-children a { } span.dynatree-expanded a { } span.dynatree-selected a { color: green; font-style: italic; } span.dynatree-active a { background-color: #3169C6 !important; color: white !important; /* @ IE6 */ } /******************************************************************************* * Drag'n'drop support */ /*** Helper object ************************************************************/ div.dynatree-drag-helper { } div.dynatree-drag-helper a { border: 1px solid gray; background-color: white; padding-left: 5px; padding-right: 5px; opacity: 0.8; } span.dynatree-drag-helper-img { /* position: relative; left: -16px; */ } div.dynatree-drag-helper /*.dynatree-drop-accept*/ { /* border-color: green; background-color: red;*/ } div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px; } div.dynatree-drag-helper.dynatree-drop-reject { border-color: red; } div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px; } /*** Drop marker icon *********************************************************/ #dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0; /* border: 1px solid red; */ } #dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width:64px; background-position: 0 -144px; } #dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px; } #dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px; } /*** Source node while dragging ***********************************************/ span.dynatree-drag-source { /* border: 1px dotted gray; */ background-color: #e0e0e0; } span.dynatree-drag-source a { color: gray; } /*** Target node while dragging cursor is over it *****************************/ span.dynatree-drop-target { /*border: 1px solid gray;*/ } span.dynatree-drop-target a { } span.dynatree-drop-target.dynatree-drop-accept a { /*border: 1px solid green;*/ background-color: #3169C6 !important; color: white !important; /* @ IE6 */ text-decoration: none; } span.dynatree-drop-target.dynatree-drop-reject { /*border: 1px solid red;*/ } span.dynatree-drop-target.dynatree-drop-after a { } /******************************************************************************* * Custom node classes (sample) */ span.custom1 a { background-color: maroon; color: yellow; } .dashboardContainer { /* Override Trendy Content Pane Min-Width*/ } .dashboardContainer .trendy-tabs > .trendy-tabs-content { min-width: inherit; } #trendingChartWrapper { width: 100%; height: 500px; } /*#region Priority Container*/ .priority-container { width: 100%; table-layout: fixed; text-align: center; } .priority-container .priorityGroup { display: table; width: 100%; } .priority-container .bar-container { display: table-row; margin-bottom: 10px; padding: 0; width: 100%; } .priority-container .bar { display: table; width: 100%; border-spacing: 2px; } .priority-container .bar div.bar-section { display: table-cell; height: 100%; } .priority-container .bar div.bar-section.filler div { background-color: transparent; color: transparent; } .priority-container .bar div.bar-section.quarter { width: 25%; } .priority-container .bar div.bar-section.header { background-color: #F1F2F3; border: 1px solid #DCDEDF; height: 20px; padding: 10px 0; } .priority-container .bar div.bar-section.header i { vertical-align: middle; } .priority-container .bar div.bar-section.header i.ff-star { font-size: 15px; padding: 1px; } .priority-container .dashboard-grp-hdr-container { display: table-caption; margin-bottom: 10px; padding: 0; width: 100%; } .priority-container .dashboard-grp-hdr-container-table { display: table; width: 100%; } .priority-container .dashboard-grp-hdr-container-row { display: table-row; } .priority-container .name { display: table-cell; width: 10%; overflow: hidden; white-space: nowrap; text-align: left; font-size: 9pt; max-width: 68px; color: #0061c3; vertical-align: middle; text-overflow: ellipsis; } .priority-container .name ul { margin: 0; padding-left: 3px; list-style: none; } .priority-container .name ul > li { overflow: hidden; text-overflow: ellipsis; } .priority-container .name ul > li:last-child { padding-left: 6px; } .priority-container .name .dashboard-group-name-wrapper { position: relative; } .priority-container .divider { width: 100%; display: table-cell; } .priority-container .divider .dashboard-group-divider-wrapper { position: relative; height: 26px; margin-right: 5px; margin-left: 2px; } .dashboard-group-divider { border-top: 3px solid #DCDEDF; width: 100%; height: 1px; position: absolute; top: 50%; content: ''; } .dashboard-group-name { background-color: #FFF; padding: 5px 0; color: #000; font-size: 11pt; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; cursor: pointer; } .dashboard-group-caret-wrapper { position: relative; float: right; height: 26px; } .dashboard-group-caret { background-color: transparent; border-top: 2px solid #DCDEDF; border-right: 2px solid #DCDEDF; content: ''; position: absolute; width: 15px; height: 15px; right: 2px; top: 5px; transform: rotate(45deg); } .ie8 .dashboard-group-caret { display: none; } .pr { color: #FFF; padding: 10px 0; margin: 5px 0; font-size: 10pt; cursor: pointer; } .pr.crit { background-color: #e11f26; } .pr.high { background-color: #f26527; } .pr.med { background-color: #f99c1c; } .pr.low { background-color: #fccc0a; } .pr.other { background-color: #F1F2F3; cursor: default; color: #000 !important; } div.priorityShowMoreLink { cursor: pointer; color: #656668; margin: 0 auto; width: 150px; padding: 5px 0; } div.priorityShowMoreLink:hover { color: #000; } /*#endregion*/ /*#region Hover Graph Tooltip*/ div.hoverGraphTooltip { display: none; position: absolute; text-align: center; background-color: #FFF; height: 275px; width: 200px; color: #000; border: 1px solid #DCDEDF; } div.hoverGraphTooltip.shadowed { box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5); } div.hoverGraphTooltip div.hoverGraphCriticality { font-size: 1.2em; padding: 10px 0 0 0; } div.hoverGraphTooltip div.hoverGraphCriticality i.ff-star { margin: 0 2px; } div.hoverGraphTooltip div.hoverGraphInfoBlock { white-space: nowrap; } div.hoverGraphTooltip div.hoverGraphInfoBlock div.hoverGraphScanDate { font-size: 9pt; } div.hoverGraphTooltip div.hoverGraphInfoBlock div.hoverGraphAppName { font-size: 11pt; padding: 4px 4px 1px 4px; overflow: hidden; text-align: center; text-overflow: ellipsis; } div.hoverGraphTooltip div.hoverGraphContainer { height: 200px; } div.hoverGraphTooltip div.hoverGraphCaretContainer { position: absolute; top: 200px; left: -40px; } div.hoverGraphTooltip div.hoverGraphCaretContainer div.hoverGraphCaret { width: 40px; height: 60px; position: relative; overflow: hidden; } div.hoverGraphTooltip div.hoverGraphCaretContainer div.hoverGraphCaret:after { content: ''; position: absolute; width: 30px; height: 30px; background: #FFF; top: 10px; left: 25px; border: 1px solid #DCDEDF; transform: rotate(45deg); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5); } .ie8 div.hoverGraphTooltip div.hoverGraphCaretContainer { display: none; } /*#endregion*/ /*#region Graph Tooltips*/ div.dashboardGraphToolTip { display: none; position: absolute; background-color: #FFF; /*border-radius: 12px;*/ color: #000; padding: 5px; z-index: 10000; border: 1px solid #DCDEDF; } div.dashboardGraphToolTip.shadowed { box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5); } div.dashboardGraphToolTip div.dashboardGraphToolTipContent { text-align: center; } div.dashboardGraphToolTip div.dashboardTooltipCaretContainer { position: absolute; top: -20px; left: 40px; } div.dashboardGraphToolTip div.dashboardTooltipCaretContainer div.dashboardTooltipCaret { width: 30px; height: 20px; background: transparent; position: relative; overflow: hidden; } div.dashboardGraphToolTip div.dashboardTooltipCaretContainer div.dashboardTooltipCaret:after { content: ''; position: absolute; width: 15px; height: 15px; background: #FFF; top: 13px; left: 5px; border: 1px solid #DCDEDF; transform: rotate(45deg); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5); } /*#endregion*/ .priority-label, .priority-count, .priority-label-empty { display: none; } i.ff-star.unrated { color: #DCDEDF; } #applicationSummary .ct-series { cursor: pointer; } #applicationSummary .ct-label { font-size: 1rem; } #outstandingissuessummary .ct-bar { stroke-width: 20px; cursor: pointer; } #outstandingissuessummary .ct-series-a .ct-bar, #outstandingissuessummary .ct-series-a .ct-label-below { stroke: #fccc0a !important; } #outstandingissuessummary .ct-series-b .ct-bar, #outstandingissuessummary .ct-series-b .ct-label-below { stroke: #f99c1c !important; } #outstandingissuessummary .ct-series-c .ct-bar, #outstandingissuessummary .ct-series-c .ct-label-below { stroke: #f26527 !important; } #outstandingissuessummary .ct-series-d .ct-bar, #outstandingissuessummary .ct-series-d .ct-label-below { stroke: #e11f26 !important; } #outstandingissuessummary .ct-sev-critical { height: 40px !important; } #outstandingissuessummary .ct-label-inside-bar { stroke: #FFF; font-weight: 100; cursor: pointer; } #assessmentsSummary .ct-series .ct-bar { cursor: pointer; stroke-width: 26px; } #assessmentsSummary .ct-series .ct-label-inside-bar { stroke: #FFF; font-weight: 100; cursor: pointer; } #assessmentsSummary .ct-series .ct-label-inside-bar.ct-label-below { stroke: #3939C6; } #chart1 .ct-label { fill: #FFF !important; color: #FFF !important; font-size: 16px; } #chart1 .ct-series-a .ct-slice-pie { stroke: #fccc0a !important; fill: #fccc0a !important; } #chart1 .ct-series-b .ct-slice-pie { stroke: #f99c1c !important; fill: #f99c1c !important; } #chart1 .ct-series-c .ct-slice-pie { stroke: #f26527 !important; fill: #f26527 !important; } #chart1 .ct-series-d .ct-slice-pie { stroke: #e11f26 !important; fill: #e11f26 !important; } .graphOverlayWrapper { position: relative; } .graphOverlay { position: absolute; z-index: 300; text-align: center; color: #000; } .graphOverlay.resolvedBlockTotals { top: 55px; left: 50%; width: 40px; margin-left: -20px; } .graphOverlay.resolvedBlockSpacer { width: 100%; height: 2px; top: 100%; background-color: #FFF; margin-top: -2px; } .highlights-block #lastMonthHighlightsChart { display: table; } .highlights-block ul { margin: 0; padding: 0 3px; display: table-cell; height: 100%; vertical-align: middle; } .highlights-block ul > li { list-style: none; text-align: left; font-size: 14px; display: inline-block; width: 100%; padding-bottom: 5px; } .highlights-block ul > li > .value { font-weight: bold; float: right; } .severity-badge { min-width: 64px; } .severity-badge-total { font-size: 14px; font-weight: bold; display: inline-block; border-left: 2px solid var(--body-color, #000); margin-left: 18px; min-width: 64px; padding: 3px; } .severity-badge-total.severity-badge-total-critical { color: var(--severity-badge-total-critical-color, #e11f26); } .severity-badge-total.severity-badge-total-high { color: var(--severity-badge-total-critical-color, #f26527); } .severity-badge-total.severity-badge-total-medium { color: var(--severity-badge-total-critical-color, #f99c1c); } .severity-badge-total.severity-badge-total-low { color: var(--severity-badge-total-critical-color, #fccc0a); } .trend-chart-container { display: table; width: 100%; height: 100%; } .trend-chart-container .trend-chart { display: table-cell; width: 100%; height: 100%; } .trend-chart-container .trend-chart-legend { display: table-cell; width: 120px; min-width: 120px; white-space: nowrap; vertical-align: top; padding-top: 38px; font-size: 14px; } .trend-chart-container .trend-chart-legend > div { margin-bottom: 6px; } .trend-chart-container .trend-chart-legend .trend-chart-legend-color { display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; } .trend-chart-container .trend-chart-legend .trend-chart-legend-label { display: inline-block; vertical-align: middle; } #mostPrevalentIssuesChart .ct-bar { stroke-width: 25px !important; stroke: #3939C6; } #mostPrevalentIssuesChart .ct-label-inside-bar { fill: #FFF; stroke: #FFF; font-weight: 100; letter-spacing: 1px; font-size: 16px; } #mostPrevalentIssuesChart .ct-label-inside-bar.ct-label-below { fill: #3939C6; stroke: #3939C6; } #mostPrevalentIssuesChart .ct-label { font-size: 1rem !important; } #assignedIssuesChart .ct-label, #resolvedIssuesChart .ct-label, #reviewedIssuesChart .ct-label { font-size: 1rem; } #issueTrendingChart, #issueTrendingChart2, #mostPrevalentIssuesChart { position: relative; } #issueTrendingChart .ct-legend, #issueTrendingChart2 .ct-legend, #mostPrevalentIssuesChart .ct-legend { position: absolute; right: 0; } #issueTrendingChart.severity .ct-series-a .ct-line, #issueTrendingLegend.severity .ct-series-a .ct-line, #issueTrendingChart.severity .ct-series-a .ct-point, #issueTrendingLegend.severity .ct-series-a .ct-point { stroke: #e11f26 !important; } #issueTrendingChart.severity .ct-series-a .ct-point:hover, #issueTrendingLegend.severity .ct-series-a .ct-point:hover { fill: #e11f26 !important; } #issueTrendingChart.severity .ct-series-b .ct-line, #issueTrendingLegend.severity .ct-series-b .ct-line, #issueTrendingChart.severity .ct-series-b .ct-point, #issueTrendingLegend.severity .ct-series-b .ct-point { stroke: #f26527 !important; } #issueTrendingChart.severity .ct-series-b .ct-point:hover, #issueTrendingLegend.severity .ct-series-b .ct-point:hover { fill: #f26527 !important; } #issueTrendingChart.severity .ct-series-c .ct-line, #issueTrendingLegend.severity .ct-series-c .ct-line, #issueTrendingChart.severity .ct-series-c .ct-point, #issueTrendingLegend.severity .ct-series-c .ct-point { stroke: #f99c1c !important; } #issueTrendingChart.severity .ct-series-c .ct-point:hover, #issueTrendingLegend.severity .ct-series-c .ct-point:hover { fill: #f99c1c !important; } #issueTrendingChart.severity .ct-series-d .ct-line, #issueTrendingLegend.severity .ct-series-d .ct-line, #issueTrendingChart.severity .ct-series-d .ct-point, #issueTrendingLegend.severity .ct-series-d .ct-point { stroke: #fccc0a !important; } #issueTrendingChart.severity .ct-series-d .ct-point:hover, #issueTrendingLegend.severity .ct-series-d .ct-point:hover { fill: #fccc0a !important; } #issueTrendingChart.severity .ct-legend li.inactive:before, #issueTrendingLegend.severity .ct-legend li.inactive:before { background: transparent; } #issueTrendingChart.severity .ct-legend.ct-legend-inside, #issueTrendingLegend.severity .ct-legend.ct-legend-inside { position: absolute; top: 0; right: 0; } #issueTrendingChart.severity .ct-legend .ct-series-0:before, #issueTrendingLegend.severity .ct-legend .ct-series-0:before { background-color: #e11f26; border-color: #e11f26; } #issueTrendingChart.severity .ct-legend .ct-series-1:before, #issueTrendingLegend.severity .ct-legend .ct-series-1:before { background-color: #f26527; border-color: #f26527; } #issueTrendingChart.severity .ct-legend .ct-series-2:before, #issueTrendingLegend.severity .ct-legend .ct-series-2:before { background-color: #f99c1c; border-color: #f99c1c; } #issueTrendingChart.severity .ct-legend .ct-series-3:before, #issueTrendingLegend.severity .ct-legend .ct-series-3:before { background-color: #fccc0a; border-color: #fccc0a; } #issueStatusChart .ct-bar { stroke-width: 26px; } #issueStatusChart .ct-label-inside-bar { stroke: #FFF; font-weight: 100; } #issueStatusChart .ct-series-c line { stroke: #3939C6 !important; } #issueStatusChart .ct-series-c .ct-label-inside-bar.ct-label-below { stroke: #3939C6; } #issueStatusChart .ct-series-b line { stroke: #00ABF3 !important; } #issueStatusChart .ct-series-b .ct-label-inside-bar.ct-label-below { stroke: #00ABF3; } #issueStatusChart .ct-series-a line { stroke: #1FFBBA !important; } #issueStatusChart .ct-series-a .ct-label-inside-bar.ct-label-below { stroke: #1FFBBA; } .chart-expander-icon i { color: #0073e7 !important; cursor: pointer; } .info-card { background: #FFF; position: relative; } .info-card i { color: #FFF; } .info-card .btn i.ff { color: inherit; } .info-card > div { border: 1px solid #DCDEDF; border-top: 0; padding-top: 0; min-height: 600px; } .info-card .application-small { float: right; } .info-card .info-card-chart { height: 300px; } .info-card .info-card-chart .ct-chart { width: 100%; border: 0; height: 250px; } .info-card .info-card-chart .ct-chart[data-chart-type=pie] { height: 425px; } .info-card .info-card-header { background-color: #0073e7; color: #FFF; padding: 15px 10px; font-size: 16px; line-height: 17px; cursor: pointer; } .info-card .info-card-content .dashboard-expanded-info { vertical-align: top; } .info-card .info-card-content .dashboard-expanded-info .data-table-wrapper { width: 98%; height: 100%; padding-left: 5px; border-left: 1px solid #DCDEDF; } .info-card .info-card-content .dashboard-expanded-info .expanded-info-context-bar { background-color: #FFF; padding: 0 10px 0 20px; font-size: 14pt; border-left: 1px #DCDEDF solid; min-height: 45px !important; position: relative; } .info-card .info-card-content .dashboard-expanded-info .expanded-info-context-bar span { line-height: 43px; color: #000; } .info-card .info-card-content .dashboard-expanded-info .expanded-info-context-bar .section_right, .info-card .info-card-content .dashboard-expanded-info .expanded-info-context-bar .section-right { right: 5px; position: absolute; top: 50%; transform: translateY(-50%); } .info-card .info-card-content .dashboard-expanded-info .expanded-info-context-bar .section { display: inline-block; padding: 12px 0; } .info-card .info-card-content .dashboard-expanded-info div div.info-card-content-line { border-bottom: 1px #DCDEDF solid; border-top: 1px #DCDEDF solid; margin: 5px; } .info-card .info-card-content .info-card-charts { padding-top: 25px; } .info-card .info-card-content .info-card-charts .ct-chart-pie .ct-label { fill: #FFF !important; color: #FFF !important; font-size: 16px; } .info-card .info-card-content .info-card-charts .ct-legend li { display: inline-block; vertical-align: top; width: 50%; } .icon { text-decoration: none; overflow: hidden; display: block; width: 16px; height: 16px; } .chart-details-title { font-size: 16pt; color: #000; } .chart-details { color: #000; } .chart-details .total { float: right; font-size: 32pt; padding-right: 15px; } .chart-details .total.nonzero { color: #0073e7; } .hideTotal { display: none; } /*.chart-details-table { display: table; width: 90%; padding: 8px; border-spacing: 0 8px; .row { display: table-row; font-size: 16pt; .color-square { margin-left: 10px; display: table-cell; border: 1px solid @brand-dark; width: 12px; } .row-icon { display: table-cell; font-size: 24pt; } .key { padding-left: 10px; display: table-cell; } .value { display: table-cell; font-size: 18pt; &.nonzero { color: @brand-primary; } } } .row-separator { display: table-row; border-top: @brand-dark 1px solid; border-bottom: @brand-dark 1px solid; margin: 0 10px; width: 100%; min-height: 1px; } }*/ .detailRow { margin: 0 auto; width: 100%; } .detailBox { border-left: 3px solid #DCDEDF; margin-bottom: 10px; padding-left: 5px; } .detailBox .value { font-size: 40px; } .detailBox h3 { margin: 0; } .chartInfo:last-child { width: 100%; border: none; margin-top: 10px; } .bigPercentage { font-size: 65px !important; } .hidePercentage { display: none; } #customDashboardPage { margin: 0 -10px 20px -10px; } @media print { #customDashboardPage .page-break { display: block; page-break-before: always; } } #customDashboardPage i.ff-times { color: #E5004C; } #customDashboardPage .csh-icon { position: relative; top: 10px; font-size: 1.3em; } #customDashboardPage .dashboard-row { transition: box-shadow 1s; margin: 30px 0; } #customDashboardPage .dashboard-row.sortable-chosen { opacity: 1; box-shadow: 0 16px 24px 2px #BDBEC0 !important; } #customDashboardPage .dashboard-row.sortable-ghost { opacity: 0; } #customDashboardPage .dashboard-row .dashboard-cell { min-height: 485px; overflow-y: auto; overflow-x: hidden; margin: 5px; transition: box-shadow 0.5s; /*position: relative;*/ } #customDashboardPage .dashboard-row .dashboard-cell table { width: 95%; margin-left: 2.5%; } #customDashboardPage .dashboard-row .dashboard-cell .cell-header { padding: 10px 0; } #customDashboardPage .dashboard-row .dashboard-cell .cell-header .drag-handle { display: inline-block; vertical-align: top; } #customDashboardPage .dashboard-row .dashboard-cell .cell-header .header-right { display: inline-block; float: right; } #customDashboardPage .dashboard-row .dashboard-cell .cell-header h4 { font-weight: bold; letter-spacing: 0.02em; color: var(--color-gray-dark, #656668); font-size: 16px; } #customDashboardPage .dashboard-row .dashboard-cell .dashboard-cell-options { padding: 0 20px; } #customDashboardPage .dashboard-row .dashboard-cell .table > tbody { border: 1px solid #DCDEDF; } #customDashboardPage .dashboard-row .dashboard-cell .dashboard-chart { height: 275px; } #customDashboardPage .dashboard-row .dashboard-cell .filters-label { padding: 0 35px; } #customDashboardPage .dashboard-row .dashboard-cell .filter-options { overflow: auto; height: 350px; padding: 0 35px; overflow-wrap: break-word; } #customDashboardPage .dashboard-row .dashboard-cell .filter-options .groupedOptions { border: 1px solid var(--body-background-color, #F1F2F3); padding: 5px; } #customDashboardPage .dashboard-row .dashboard-cell .filter-options .groupedOptions li { padding-left: 10px; } #customDashboardPage .dashboard-row .dashboard-cell .filter-options .group-head { background-color: var(--body-background-color, #F1F2F3); padding: 5px; margin-bottom: 0; font-size: 15px; margin: 3px 0 0 0; padding: 6px; } #customDashboardPage .dashboard-row .dashboard-cell .filter-options .group-head:hover { color: #000; background-color: #DCDEDF; cursor: pointer; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-a .ct-line, #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-a .ct-point { stroke: #e11f26 !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-a .ct-point:hover { fill: #e11f26 !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-b .ct-line, #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-b .ct-point { stroke: #f26527 !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-b .ct-point:hover { fill: #f26527 !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-c .ct-line, #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-c .ct-point { stroke: #f99c1c !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-c .ct-point:hover { fill: #f99c1c !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-d .ct-line, #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-d .ct-point { stroke: #fccc0a !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-series-d .ct-point:hover { fill: #fccc0a !important; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend li.inactive:before { background: transparent; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend.ct-legend-inside { position: absolute; top: 0; right: 0; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend .ct-series-0:before { background-color: #e11f26; border-color: #e11f26; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend .ct-series-1:before { background-color: #f26527; border-color: #f26527; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend .ct-series-2:before { background-color: #f99c1c; border-color: #f99c1c; } #customDashboardPage .dashboard-row .dashboard-cell #Severity .ct-legend .ct-series-3:before { background-color: #fccc0a; border-color: #fccc0a; } #customDashboardPage .dashboard-row .dashboard-cell .no-data { transform: translateY(15%); font-size: 32px; text-align: center; color: #DCDEDF; } #customDashboardPage .dashboard-row .dashboard-cell .no-data i { color: #F5F7F8; font-size: 220px; } #customDashboardPage .dashboard-row.editmode { box-shadow: 0 3px 26px -1px var(--dashboard-edit-box-shadow-color, #BDBEC0); margin: 30px 5px; padding: 5px; background-color: var(--body-background-color, #F1F2F3); } #customDashboardPage .dashboard-row.editmode .drag-handle { cursor: ew-resize; } #customDashboardPage .dashboard-row.editmode .row-drag-handle { cursor: ns-resize; } #customDashboardPage .dashboard-row.editmode .dashboard-cell { background-color: var(--background-1-color, #FFF); padding: 5px; box-shadow: 0 7px 26px -1px var(--dashboard-edit-box-shadow-color, #BDBEC0); height: 450px; } #customDashboardPage .ct-label { font-size: 14px; } #customDashboardPage .sortable-chosen > .dashboard-cell { opacity: 1; box-shadow: 0 16px 24px 2px #BDBEC0 !important; } #customDashboardPage .sortable-ghost > .dashboard-cell { opacity: 0; } #background-cover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0.5; z-index: 100; } .enlarged-chart { display: block; position: fixed; top: 50px; right: 0; left: 0; bottom: 0; padding: 40px 20px; height: 90vh; background-color: var(--background-1-color, #FFF); color: var(--body-color, #000) !important; z-index: 999; opacity: 1; box-shadow: 2px 2px 2px 0 #DCDEDF; } .enlarged-chart h2, .enlarged-chart h4 { color: var(--body-color, #000); } .enlarged-chart .ct-label, .enlarged-chart .ct-axis-title { color: var(--body-color, #000) !important; } .enlarged-chart .ct-grid { stroke: #BDBEC0; } .enlarged-chart.Severity .ct-series-a .ct-line, .enlarged-chart.Severity .ct-series-a .ct-point { stroke: #e11f26 !important; } .enlarged-chart.Severity .ct-series-a .ct-point:hover { fill: #e11f26 !important; } .enlarged-chart.Severity .ct-series-b .ct-line, .enlarged-chart.Severity .ct-series-b .ct-point { stroke: #f26527 !important; } .enlarged-chart.Severity .ct-series-b .ct-point:hover { fill: #f26527 !important; } .enlarged-chart.Severity .ct-series-c .ct-line, .enlarged-chart.Severity .ct-series-c .ct-point { stroke: #f99c1c !important; } .enlarged-chart.Severity .ct-series-c .ct-point:hover { fill: #f99c1c !important; } .enlarged-chart.Severity .ct-series-d .ct-line, .enlarged-chart.Severity .ct-series-d .ct-point { stroke: #fccc0a !important; } .enlarged-chart.Severity .ct-series-d .ct-point:hover { fill: #fccc0a !important; } .enlarged-chart.Severity .ct-legend li.inactive:before { background: transparent; } .enlarged-chart.Severity .ct-legend.ct-legend-inside { position: absolute; top: 0; right: 0; } .enlarged-chart.Severity .ct-legend .ct-series-0:before { background-color: #e11f26; border-color: #e11f26; } .enlarged-chart.Severity .ct-legend .ct-series-1:before { background-color: #f26527; border-color: #f26527; } .enlarged-chart.Severity .ct-legend .ct-series-2:before { background-color: #f99c1c; border-color: #f99c1c; } .enlarged-chart.Severity .ct-legend .ct-series-3:before { background-color: #fccc0a; border-color: #fccc0a; } .enlarged-chart .row:first-child { padding-bottom: 20px; } .enlarged-chart .title { font-size: 25px; color: #000; padding: 15px; } .enlarged-chart .chart-with-legend-container { height: 500px; padding: 20px; } .dashboard-cell-contents { margin: 0; position: relative; min-height: 250px; } .dashboard-cell-contents .cell-container { transition: transform 0.4s; max-width: 100%; display: block; position: relative; margin-top: 10px; min-height: 400px; } body.dark-theme .dashboard-cell-contents .cell-sidebar { background-color: #003468; } .dashboard-cell-contents .cell-sidebar { position: absolute; top: 0; /*min-width: 375px; max-width:50%;*/ width: 97%; left: auto; right: 0; opacity: 1; padding: 0 30px; margin-left: 1.5%; margin-right: 1.5%; background-color: #cee6ff; color: #FFF; overflow: auto; } .dashboard-cell-contents .cell-sidebar h4 { color: #FFF; padding-top: 5px; } .dashboard-cell-contents .cell-sidebar .applied-filters { padding-top: 5px; margin-bottom: 10px; padding-left: 25px; } .dashboard-cell-contents .cell-sidebar .applied-filters .btn.btn-link { color: #FFF !important; cursor: default; } .dashboard-cell-contents .cell-sidebar .sidebar-icon { position: absolute; top: 5px; left: 5px; width: 300px; margin-bottom: 20px; } .cell-sidebar-enter-active { transition: all 0.3s ease; } .cell-sidebar-leave-active { transition: all 0.3s ease; } .cell-sidebar-enter, .cell-sidebar-leave-to { transform: translateY(-100%); opacity: 0; } .summary-charts h4 { margin-bottom: 20px; color: var(--color-gray-dark, #656668); } .summary-charts .ct-bar { stroke-width: 24px; } .summary-charts .ct-label-inside-bar { fill: #FFF; stroke: #FFF; font-weight: 100; letter-spacing: 1px; font-size: 16px; } .summary-charts .ct-label-below { fill: var(--color-gray-dark, #656668); stroke: var(--color-gray-dark, #656668); } .summary-charts .dashboard-chart { height: 150px !important; } .summary-charts .dashboard-chart.issue-chart .ct-series.ct-series-a .ct-bar { stroke: #fccc0a; } .summary-charts .dashboard-chart.issue-chart .ct-series.ct-series-b .ct-bar { stroke: #f99c1c; } .summary-charts .dashboard-chart.issue-chart .ct-series.ct-series-c .ct-bar { stroke: #f26527; } .summary-charts .dashboard-chart.issue-chart .ct-series.ct-series-d .ct-bar { stroke: #e11f26; } .summary-charts .dashboard-chart.release-chart .ct-series.ct-series-a line { stroke: #1AAC60; color: #FFF; } .summary-charts .dashboard-chart.release-chart .ct-series.ct-series-b line { stroke: #E5004C; } .summary-charts .dashboard-chart.release-chart .ct-series.ct-series-c .ct-label-inside-bar { fill: #656668; stroke: #656668; } .summary-charts .dashboard-chart.release-chart .ct-series.ct-series-c line { stroke: #DCDEDF; color: #656668; } .ct-chart-donut .compliance-failed { stroke: #E5004C; } .ct-chart-donut .compliance-passed { stroke: #1AAC60; color: #FFF; } .ct-chart-donut .compliance-unassessed { stroke: #DCDEDF; color: #000; } .ct-legend { padding-left: 0; } .ct-legend .compliance-failed:before { background-color: #E5004C; border-color: #E5004C; } .ct-legend .compliance-passed:before { background-color: #1AAC60; border-color: #1AAC60; } .ct-legend .compliance-unassessed:before { background-color: #DCDEDF; border-color: #DCDEDF; } .ct-legend .gauge-empty:before { background-color: #DCDEDF; border-color: #DCDEDF; } .ct-legend .gauge-fill:before { background-color: #3939C6; border-color: #3939C6; } #loading-container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100vh; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; width: 100vw; } .overview-summary { margin: 0; } .overview-summary .overview-summary-block { vertical-align: top; padding: 0; /*@media screen and (max-width:1200px) { h4 { font-size: 16px; } }*/ /*&:after { content: ""; background-color: @brand-gray-light; position:absolute; width:2px; height:128px; top:10px; display:block; left:99%; } &:last-child:after{ width:0; }*/ } .overview-summary .overview-summary-block .content-container { height: 155px; margin: 10px 15px 0 0; padding: 10px; } @media screen and (min-width: 992px) { .overview-summary .overview-summary-block:last-child .content-container { margin-right: 0; } } .overview-summary .overview-summary-block.fixed-height-150 { height: 150px; } .overview-summary .overview-summary-block div.no-data { text-transform: lowercase; font-style: italic; text-align: center; font-size: 1.3em; color: #BDBEC0; padding: 30px 0; } .overview-summary .overview-summary-block .compliance { text-align: center; margin: 10px; } .overview-summary .overview-summary-block .compliance i { font-size: 2em; } @media screen and (max-width: 1450px) and (min-width: 992px) { .overview-summary .overview-summary-block .compliance i { font-size: 1.2em; } } .overview-summary .overview-summary-block .compliance .compliance-star-rating { white-space: nowrap; } .overview-summary .overview-summary-block .compliance .compliance-status { font-size: 1.3em; } .overview-summary .overview-summary-block .compliance .compliance-status.compliance-status-pass { color: #656668; } .overview-summary .overview-summary-block .compliance .compliance-status.compliance-status-fail { color: var(--compliance-status-fail-color, #E5004C); background-color: var(--compliance-status-fail-background-color, transparent); border-radius: 30px; } @media screen and (max-width: 992px) { .overview-summary .overview-summary-block .compliance .compliance-status.compliance-status-fail { display: -ms-grid; display: grid; } } @media screen and (max-width: 1450px) and (min-width: 992px) { .overview-summary .overview-summary-block .compliance .compliance-status { font-size: 1em; } } .overview-summary .overview-summary-block .compliance > div:first-child { padding-bottom: 8px; } @media screen and (max-width: 992px) { .overview-summary .overview-summary-block .compliance > div:first-child { width: 30%; float: left; margin-right: 85px; margin-left: 15%; } } @media screen and (max-width: 991px) { .overview-summary .overview-summary-block .compliance { margin: 25px; } .overview-summary .overview-summary-block .compliance i { font-size: 3.5em; } } .overview-summary .overview-summary-block .issue-severity { display: block; margin: 10px 0; } .overview-summary .overview-summary-block .issue-severity > div:first-child, .overview-summary .overview-summary-block .issue-severity > h5 { padding: 0 0 5px 0; } .overview-summary .overview-summary-block .issue-severity > .severity-badge { font-size: 20px; font-weight: normal; } .overview-summary .overview-summary-block .scan-status-icon { margin: 10px 0; } .overview-summary .overview-summary-block i.ff-star { margin-left: 5px; } .overview-summary .overview-summary-block i.ff-star.unrated { color: #DCDEDF; } .overview-summary .overview-summary-block .group { white-space: nowrap; font-size: 14px; } .overview-summary .overview-summary-block .group.starRatingGroup, .overview-summary .overview-summary-block .group.star-rating-group { display: table; border-collapse: separate; border-spacing: 3px 0; width: 100%; height: 16px; } .overview-summary .overview-summary-block .group.starRatingGroup > div, .overview-summary .overview-summary-block .group.star-rating-group > div { display: table-cell; } .overview-summary .overview-summary-block .group.starRatingGroup > div:last-child, .overview-summary .overview-summary-block .group.star-rating-group > div:last-child { text-align: right; font-weight: bold; font-size: 12px; } .overview-summary .overview-summary-block .t { width: 60px; text-align: center; padding-right: 2px; padding-left: 2px; } .overview-summary .overview-summary-block .t.up { vertical-align: top; line-height: 25px; } .overview-summary .overview-summary-block .b { border-right: solid 1px #DCDEDF; } .overview-summary .overview-summary-block .att { font-weight: bold; } .overview-summary .overview-summary-block .r { float: right; } .overview-summary .overview-summary-block .num { font-size: 25px; } .trendy-select { border: 1px solid #DCDEDF; display: block; position: relative; transition: border-color 0.5s, outline-color 0.5s; } .trendy-select > div { padding: 6px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .trendy-select > div img { vertical-align: bottom; } .trendy-select:after { font-family: FontAwesome; content: '\f0d7'; position: absolute; top: 7px; right: 6px; } .trendy-select > ul { display: none; position: absolute; list-style: none; border: 1px solid #BDBEC0; margin: 0; padding: 0; width: 100%; background: var(--background-1-color, #FFF); z-index: 99; max-height: 300px; overflow-y: auto; } .trendy-select > ul > li { padding: 3px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .trendy-select > ul > li.active, .trendy-select > ul > li:hover { color: #FFF; background: #0073e7; } .trendy-select > ul > li img { vertical-align: bottom; } .trendy-select.open { border-color: #0073e7; } .trendy-select.open > ul { display: block; } .trendy-tabs .selected { border-bottom: 2px solid #0073e7; } .trendy-tabs .selected a { color: #000; } .trendy-tabs > .trendy-tabs-content { min-width: 750px; min-height: 500px; } .trendy-tabs > .trendy-tabs-content.no-shadow { box-shadow: none; } .trendy-tabs > .trendy-tabs-content .trendy-tabs-context-bar { margin-top: -51px; float: right !important; } .trendy-tabs > .trendy-tabs-content .trendy-tabs-context-bar:after { clear: both; } .trendy-tabs > .trendy-tabs-content .trendy-tabs-context-bar .btn-hamburger { font-size: 1.5rem; } .trendy-tabs > .trendy-tabs-content > [data-tabname] { display: none; height: 100%; min-height: 30px; } .trendy-tabs > .trendy-tabs-content > [data-tabname].no-scroll { overflow: visible; } .trendy-tabs-context-bar { display: block; float: right; padding-right: 7px; margin-top: -53px; } #trendingChart { height: 500px; } .trendy-option-button { position: relative; text-decoration: none !important; white-space: nowrap; display: inline-block; } .trendy-option-button > button > span { text-align: left; } .trendy-option-button > button > i { text-align: right; } .trendy-option-button > ul { /*width: 100%;*/ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 100%; padding: 0; margin: 2px 0 0; list-style: none; background-color: #FFF; border: 1px solid #DCDEDF; } .trendy-option-button > ul > li > a { text-decoration: none !important; color: #000; text-align: left; display: block; padding: 3px 5px; clear: both; font-weight: normal; line-height: 20px; white-space: nowrap; font-size: 16px; } .trendy-option-button > ul > li > a[disabled] { color: #DCDEDF !important; cursor: default; } .trendy-option-button > ul > li > a > i { font-size: 14px; } .trendy-option-button > ul > li > a:not([disabled]):hover { background-color: #0073e7; color: #FFF; } .trendy-option-button.right-menu > button > i { vertical-align: middle; } .trendy-option-button.right-menu > ul { width: auto; top: 0; left: 100%; padding: 0; margin: 0 0 0 2px; min-width: 0; height: 34.5px; font-size: 0; } .trendy-option-button.right-menu > ul > li { display: inline-block; height: 34px; } .trendy-option-button.right-menu > ul > li > a { display: inline-block; line-height: 34px; height: 34px; vertical-align: middle; font-size: 14px; padding: 0 6px 0 2px; } .trendy-option-button.right-menu > ul > li:not(:first-child) { border-left: 1px solid #DCDEDF; } .trendy-option-button.left > ul { right: 0; left: auto; text-align: left; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} /*! * Font-Fortify - v1.0.12 * an emulation of the great FontAwesome library * "Font Awesome by Dave Gandy - http://fontawesome.io". * Generated by grunt-webfont */ /* FONT PATH * -------------------------- */ @font-face { font-family:"fontfortify"; src:url("/fonts/fontfortify.eot?564b95e41190620d8e28a74357d9ec16"); src:url("/fonts/fontfortify.eot?#iefix") format("embedded-opentype"), url("/fonts/fontfortify.woff?564b95e41190620d8e28a74357d9ec16") format("woff"), url("/fonts/fontfortify.ttf?564b95e41190620d8e28a74357d9ec16") format("truetype"), url("/fonts/fontfortify.svg?564b95e41190620d8e28a74357d9ec16#fontfortify") format("svg"); font-weight:normal; font-style:normal; } .ff { display: inline-block; font-family: 'fontfortify'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ff-2xs { font-size: .625em; line-height: .1em; vertical-align: .225em; } /* makes the font 33% larger relative to the icon container */ .ff-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ff-2x { font-size: 2em; } .ff-3x { font-size: 3em; } .ff-4x { font-size: 4em; } .ff-5x { font-size: 5em; } .ff-fw { width: 1.28571429em; text-align: center; } .ff-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ff-ul > li { position: relative; } .ff-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .ff-li.ff-lg { left: -1.85714286em; } .ff-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ff.pull-left { margin-right: .3em; } .ff.pull-right { margin-left: .3em; } .ff-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ff-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ff-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ff-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ff-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .ff-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .ff-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .ff-stack-1x, .ff-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .ff-stack-1x { line-height: inherit; } .ff-stack-2x { font-size: 2em; } .ff-inverse { color: #ffffff; } /* FontCustom (like Font Awesome) uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .ff-aggregate:before { content:"\f424"; } .ff-alarm:before { content:"\f425"; } .ff-alert-circle-alt:before { content:"\f583"; } .ff-alert-circle:before { content:"\f573"; } .ff-alert:before { content:"\f426"; } .ff-announcement:before { content:"\f427"; } .ff-app-monitor:before { content:"\f574"; } .ff-app:before { content:"\f428"; } .ff-archive:before { content:"\f429"; } .ff-arrow-bottom:before { content:"\f42a"; } .ff-arrow-down:before { content:"\f42b"; } .ff-arrow-first:before { content:"\f55f"; } .ff-arrow-last:before { content:"\f560"; } .ff-arrow-left:before { content:"\f42c"; } .ff-arrow-right:before { content:"\f42d"; } .ff-arrow-top:before { content:"\f42e"; } .ff-arrow-up:before { content:"\f42f"; } .ff-article:before { content:"\f430"; } .ff-asterisk:before { content:"\f431"; } .ff-attachment:before { content:"\f432"; } .ff-audit-alt:before { content:"\f593"; } .ff-audit:before { content:"\f594"; } .ff-blog:before { content:"\f433"; } .ff-book:before { content:"\f434"; } .ff-bookmark:before { content:"\f435"; } .ff-bundle:before { content:"\f436"; } .ff-calculator:before { content:"\f437"; } .ff-calendar:before { content:"\f438"; } .ff-camera:before { content:"\f439"; } .ff-capacity:before { content:"\f43a"; } .ff-caret-down-o:before { content:"\f43b"; } .ff-caret-down:before { content:"\f43c"; } .ff-caret-left-o:before { content:"\f43d"; } .ff-caret-left:before { content:"\f43e"; } .ff-caret-right-o:before { content:"\f43f"; } .ff-caret-right:before { content:"\f440"; } .ff-caret-up-o:before { content:"\f441"; } .ff-caret-up:before { content:"\f442"; } .ff-catalog:before { content:"\f443"; } .ff-chapter-add:before { content:"\f444"; } .ff-chart-bar:before { content:"\f445"; } .ff-chart-line:before { content:"\f446"; } .ff-chart-pie:before { content:"\f447"; } .ff-chat:before { content:"\f448"; } .ff-check-circle-alt:before { content:"\f584"; } .ff-check-circle:before { content:"\f575"; } .ff-check:before { content:"\f449"; } .ff-checkbox-alt-selected:before { content:"\f585"; } .ff-checkbox-alt:before { content:"\f586"; } .ff-checkbox-selected:before { content:"\f44a"; } .ff-checkbox:before { content:"\f44b"; } .ff-chevron-down:before { content:"\f44c"; } .ff-chevron-left:before { content:"\f44d"; } .ff-chevron-right:before { content:"\f44e"; } .ff-chevron-up:before { content:"\f44f"; } .ff-circle-filled:before { content:"\f56b"; } .ff-circle-o-notch:before { content:"\f450"; } .ff-circle-o:before { content:"\f56c"; } .ff-circular-view:before { content:"\f451"; } .ff-clipboard:before { content:"\f452"; } .ff-clock:before { content:"\f576"; } .ff-clone:before { content:"\f453"; } .ff-cloud-computer:before { content:"\f454"; } .ff-cloud-download:before { content:"\f455"; } .ff-cloud-search:before { content:"\f55e"; } .ff-cloud-software:before { content:"\f456"; } .ff-cloud-upload:before { content:"\f457"; } .ff-cloud:before { content:"\f458"; } .ff-cluster:before { content:"\f459"; } .ff-code:before { content:"\f45a"; } .ff-cog-alt:before { content:"\f595"; } .ff-cog-small:before { content:"\f587"; } .ff-cog:before { content:"\f45b"; } .ff-cogs:before { content:"\f45c"; } .ff-collapse:before { content:"\f45d"; } .ff-comment:before { content:"\f596"; } .ff-compare:before { content:"\f45e"; } .ff-compass:before { content:"\f45f"; } .ff-compliance:before { content:"\f460"; } .ff-connect:before { content:"\f461"; } .ff-contact-card:before { content:"\f462"; } .ff-contact-us:before { content:"\f463"; } .ff-copy:before { content:"\f464"; } .ff-cube:before { content:"\f465"; } .ff-cubes:before { content:"\f466"; } .ff-cursor:before { content:"\f467"; } .ff-cut:before { content:"\f468"; } .ff-cycle-circle-alt:before { content:"\f588"; } .ff-cycle-circle:before { content:"\f577"; } .ff-cycle:before { content:"\f469"; } .ff-dashboard:before { content:"\f46a"; } .ff-database:before { content:"\f46b"; } .ff-defect:before { content:"\f46c"; } .ff-deliver:before { content:"\f46d"; } .ff-deployment:before { content:"\f46e"; } .ff-desktop-cog:before { content:"\f46f"; } .ff-desktop-test:before { content:"\f470"; } .ff-desktop:before { content:"\f471"; } .ff-detach:before { content:"\f472"; } .ff-directions:before { content:"\f473"; } .ff-divide-four:before { content:"\f474"; } .ff-divide-horizontal:before { content:"\f56d"; } .ff-divide-right:before { content:"\f475"; } .ff-divide-three:before { content:"\f476"; } .ff-divide:before { content:"\f477"; } .ff-doc-cloud:before { content:"\f478"; } .ff-doc-compress:before { content:"\f479"; } .ff-doc-config:before { content:"\f47a"; } .ff-doc-csv:before { content:"\f47b"; } .ff-doc-data:before { content:"\f47c"; } .ff-doc-download:before { content:"\f47d"; } .ff-doc-edu:before { content:"\f564"; } .ff-doc-excel:before { content:"\f47e"; } .ff-doc-exe:before { content:"\f47f"; } .ff-doc-graph:before { content:"\f578"; } .ff-doc-image:before { content:"\f480"; } .ff-doc-locked:before { content:"\f481"; } .ff-doc-missing:before { content:"\f482"; } .ff-doc-pdf:before { content:"\f485"; } .ff-doc-performance:before { content:"\f486"; } .ff-doc-powerpoint:before { content:"\f487"; } .ff-doc-rtf:before { content:"\f488"; } .ff-doc-sound:before { content:"\f489"; } .ff-doc-test:before { content:"\f48a"; } .ff-doc-text:before { content:"\f48b"; } .ff-doc-time:before { content:"\f48c"; } .ff-doc-transfer:before { content:"\f48d"; } .ff-doc-txt:before { content:"\f48e"; } .ff-doc-update:before { content:"\f48f"; } .ff-doc-upload:before { content:"\f490"; } .ff-doc-user:before { content:"\f491"; } .ff-doc-verified:before { content:"\f492"; } .ff-doc-video:before { content:"\f493"; } .ff-doc-word:before { content:"\f494"; } .ff-doc-xml:before { content:"\f565"; } .ff-doc:before { content:"\f495"; } .ff-domain:before { content:"\f496"; } .ff-download:before { content:"\f497"; } .ff-drag:before { content:"\f498"; } .ff-drive-cage:before { content:"\f499"; } .ff-duplicate:before { content:"\f49a"; } .ff-edit-alt-small:before { content:"\f597"; } .ff-edit-alt:before { content:"\f598"; } .ff-edit:before { content:"\f49b"; } .ff-education:before { content:"\f566"; } .ff-eject:before { content:"\f49c"; } .ff-ellipsis-v:before { content:"\f591"; } .ff-ellipsis:before { content:"\f49d"; } .ff-event-log:before { content:"\f579"; } .ff-expand:before { content:"\f49e"; } .ff-export:before { content:"\f56e"; } .ff-fan:before { content:"\f49f"; } .ff-filter-o:before { content:"\f592"; } .ff-filter:before { content:"\f4a0"; } .ff-first-aid:before { content:"\f4a1"; } .ff-flag:before { content:"\f4a2"; } .ff-folder-cycle:before { content:"\f4a3"; } .ff-folder-open:before { content:"\f4a4"; } .ff-folder:before { content:"\f4a5"; } .ff-fortify-awb:before { content:"\f567"; } .ff-fortify:before { content:"\f568"; } .ff-forward:before { content:"\f4a6"; } .ff-gallery:before { content:"\f4a7"; } .ff-globe:before { content:"\f4a8"; } .ff-grid:before { content:"\f4a9"; } .ff-grow:before { content:"\f4aa"; } .ff-halt:before { content:"\f4ab"; } .ff-heart-o:before { content:"\f4ac"; } .ff-history:before { content:"\f4ad"; } .ff-home:before { content:"\f4ae"; } .ff-host-maintenance:before { content:"\f4af"; } .ff-host:before { content:"\f4b0"; } .ff-hourglass:before { content:"\f4b1"; } .ff-image:before { content:"\f4b2"; } .ff-impact:before { content:"\f4b3"; } .ff-inbox:before { content:"\f4b4"; } .ff-indicator:before { content:"\f4b5"; } .ff-information:before { content:"\f4b6"; } .ff-inherit:before { content:"\f4b7"; } .ff-install:before { content:"\f4b8"; } .ff-integration:before { content:"\f4b9"; } .ff-iteration:before { content:"\f4ba"; } .ff-java:before { content:"\f4bb"; } .ff-knight:before { content:"\f57a"; } .ff-launch:before { content:"\f4bc"; } .ff-license:before { content:"\f4bd"; } .ff-link:before { content:"\f4be"; } .ff-list:before { content:"\f599"; } .ff-location:before { content:"\f4bf"; } .ff-lock-unlocked:before { content:"\f4c0"; } .ff-lock:before { content:"\f4c1"; } .ff-login:before { content:"\f4c2"; } .ff-logout:before { content:"\f4c3"; } .ff-mail:before { content:"\f4c4"; } .ff-manual:before { content:"\f4c5"; } .ff-map-location:before { content:"\f4c6"; } .ff-map:before { content:"\f4c7"; } .ff-menu:before { content:"\f4c8"; } .ff-microphone:before { content:"\f4c9"; } .ff-minus-circle:before { content:"\f57b"; } .ff-minus:before { content:"\f4ca"; } .ff-mobile:before { content:"\f4cb"; } .ff-monitor:before { content:"\f4cc"; } .ff-multiple:before { content:"\f4cd"; } .ff-navigate:before { content:"\f4ce"; } .ff-next:before { content:"\f4cf"; } .ff-not-available:before { content:"\f57c"; } .ff-notes:before { content:"\f4d0"; } .ff-notification:before { content:"\f4d1"; } .ff-optimization:before { content:"\f4d2"; } .ff-organization:before { content:"\f4d3"; } .ff-overview:before { content:"\f4d4"; } .ff-pan:before { content:"\f4d5"; } .ff-partnership:before { content:"\f561"; } .ff-pause-circle-alt:before { content:"\f589"; } .ff-pause-circle:before { content:"\f57d"; } .ff-pause:before { content:"\f4d6"; } .ff-payment-google-wallet:before { content:"\f4d7"; } .ff-payment-mastercard:before { content:"\f4d8"; } .ff-payment-paypal:before { content:"\f4d9"; } .ff-payment-square:before { content:"\f4da"; } .ff-payment-visa:before { content:"\f4db"; } .ff-pc:before { content:"\f4dc"; } .ff-performance:before { content:"\f562"; } .ff-pin:before { content:"\f4dd"; } .ff-plan:before { content:"\f4de"; } .ff-platform-apple:before { content:"\f4df"; } .ff-platform-chrome:before { content:"\f4e0"; } .ff-platform-dropbox:before { content:"\f4e1"; } .ff-platform-edge:before { content:"\f4e2"; } .ff-platform-firefox:before { content:"\f4e3"; } .ff-platform-ie:before { content:"\f4e4"; } .ff-platform-skype:before { content:"\f4e5"; } .ff-platform-windows:before { content:"\f4e6"; } .ff-play:before { content:"\f4e7"; } .ff-plus:before { content:"\f4e8"; } .ff-popout:before { content:"\f56f"; } .ff-power:before { content:"\f4e9"; } .ff-previous:before { content:"\f4ea"; } .ff-print:before { content:"\f4eb"; } .ff-question-circle:before { content:"\f55d"; } .ff-question:before { content:"\f4ec"; } .ff-quick-view:before { content:"\f4ed"; } .ff-radial-selected:before { content:"\f4ee"; } .ff-radial:before { content:"\f4ef"; } .ff-refresh:before { content:"\f4f0"; } .ff-related:before { content:"\f570"; } .ff-resources:before { content:"\f4f1"; } .ff-results:before { content:"\f57e"; } .ff-rewind:before { content:"\f4f2"; } .ff-risk:before { content:"\f4f3"; } .ff-robot:before { content:"\f4f4"; } .ff-rss:before { content:"\f4f5"; } .ff-satellite:before { content:"\f4f6"; } .ff-save:before { content:"\f571"; } .ff-scan-recurring:before { content:"\f57f"; } .ff-scan:before { content:"\f580"; } .ff-schedule-alt:before { content:"\f581"; } .ff-schedule-clone:before { content:"\f4f7"; } .ff-schedule-new:before { content:"\f4f8"; } .ff-schedule-play:before { content:"\f4f9"; } .ff-schedule:before { content:"\f4fa"; } .ff-scorecard:before { content:"\f4fb"; } .ff-scroll-lock:before { content:"\f572"; } .ff-search-advanced:before { content:"\f4fc"; } .ff-search:before { content:"\f4fd"; } .ff-secure:before { content:"\f4fe"; } .ff-select-left:before { content:"\f4ff"; } .ff-select:before { content:"\f500"; } .ff-sensor:before { content:"\f58a"; } .ff-server-cluster:before { content:"\f501"; } .ff-server:before { content:"\f502"; } .ff-servers:before { content:"\f503"; } .ff-service-business:before { content:"\f504"; } .ff-service-start:before { content:"\f505"; } .ff-share:before { content:"\f506"; } .ff-shield-alert:before { content:"\f58b"; } .ff-shield-check:before { content:"\f58c"; } .ff-shield-cog:before { content:"\f507"; } .ff-shield-fail:before { content:"\f58e"; } .ff-shield-mobile-o:before { content:"\f508"; } .ff-shield-mobile:before { content:"\f509"; } .ff-shield-o:before { content:"\f50a"; } .ff-shield-star:before { content:"\f58f"; } .ff-shield:before { content:"\f50b"; } .ff-shift:before { content:"\f50c"; } .ff-ship-wheel:before { content:"\f50d"; } .ff-shop-basket:before { content:"\f50e"; } .ff-shop-cart:before { content:"\f50f"; } .ff-social-email:before { content:"\f510"; } .ff-social-facebook:before { content:"\f511"; } .ff-social-github:before { content:"\f512"; } .ff-social-google:before { content:"\f513"; } .ff-social-instagram:before { content:"\f514"; } .ff-social-linkedin:before { content:"\f515"; } .ff-social-pinterest:before { content:"\f516"; } .ff-social-reddit:before { content:"\f517"; } .ff-social-slack:before { content:"\f518"; } .ff-social-tumblr:before { content:"\f519"; } .ff-social-twitter:before { content:"\f51a"; } .ff-social-vimeo:before { content:"\f51b"; } .ff-social-youtube:before { content:"\f51c"; } .ff-sort-ascending:before { content:"\f51d"; } .ff-sort-descending:before { content:"\f51e"; } .ff-sort:before { content:"\f51f"; } .ff-spider:before { content:"\f59a"; } .ff-stakeholder:before { content:"\f520"; } .ff-star-half-o:before { content:"\f521"; } .ff-star-o:before { content:"\f522"; } .ff-star:before { content:"\f523"; } .ff-steps:before { content:"\f524"; } .ff-storage:before { content:"\f525"; } .ff-street-view:before { content:"\f526"; } .ff-support:before { content:"\f527"; } .ff-sync:before { content:"\f528"; } .ff-table-add:before { content:"\f529"; } .ff-table:before { content:"\f52a"; } .ff-tag:before { content:"\f52b"; } .ff-target:before { content:"\f52c"; } .ff-task:before { content:"\f52d"; } .ff-template:before { content:"\f52e"; } .ff-terminal:before { content:"\f52f"; } .ff-test:before { content:"\f530"; } .ff-text-wrap:before { content:"\f531"; } .ff-three-d:before { content:"\f532"; } .ff-thumbs-down:before { content:"\f533"; } .ff-thumbs-up:before { content:"\f534"; } .ff-ticket:before { content:"\f535"; } .ff-timeline-event:before { content:"\f59b"; } .ff-times-circle-alt:before { content:"\f590"; } .ff-times-circle:before { content:"\f582"; } .ff-times:before { content:"\f536"; } .ff-tool-hammer:before { content:"\f537"; } .ff-tool-wrench:before { content:"\f538"; } .ff-tools:before { content:"\f539"; } .ff-tooltip:before { content:"\f53a"; } .ff-transaction:before { content:"\f53b"; } .ff-trash:before { content:"\f53c"; } .ff-tree:before { content:"\f53d"; } .ff-trigger:before { content:"\f53e"; } .ff-trophy-check:before { content:"\f53f"; } .ff-trophy:before { content:"\f540"; } .ff-undo:before { content:"\f56a"; } .ff-upgrade:before { content:"\f542"; } .ff-upload:before { content:"\f543"; } .ff-user-admin:before { content:"\f544"; } .ff-user-asterisk:before { content:"\f545"; } .ff-user-check:before { content:"\f546"; } .ff-user-cog:before { content:"\f547"; } .ff-user-female:before { content:"\f548"; } .ff-user-group:before { content:"\f549"; } .ff-user-manager:before { content:"\f54a"; } .ff-user-minus:before { content:"\f59c"; } .ff-user-plus:before { content:"\f54b"; } .ff-user-police:before { content:"\f54c"; } .ff-user-worker:before { content:"\f54d"; } .ff-user:before { content:"\f54e"; } .ff-validation-invalid:before { content:"\f569"; } .ff-validation:before { content:"\f54f"; } .ff-video:before { content:"\f550"; } .ff-view:before { content:"\f551"; } .ff-vm-maintenance:before { content:"\f552"; } .ff-vm:before { content:"\f553"; } .ff-volume-low:before { content:"\f554"; } .ff-volume-mute:before { content:"\f555"; } .ff-volume:before { content:"\f556"; } .ff-vuln:before { content:"\f557"; } .ff-waypoint:before { content:"\f558"; } .ff-web-search:before { content:"\f563"; } .ff-web-service:before { content:"\f59d"; } .ff-web:before { content:"\f559"; } .ff-webhooks:before { content:"\f59f"; } .ff-workflow:before { content:"\f59e"; } .ff-workshop:before { content:"\f55a"; } .ff-zoom-in:before { content:"\f55b"; } .ff-zoom-out:before { content:"\f55c"; } .ff-docker:before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8dGl0bGUvPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMwM2M0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiByPSIwLjUiIGlkPSJfUGF0aF8iIGN5PSIxOS4wMDQ0NjUiIGN4PSI1LjA0Ii8+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzAzYzQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHk9IjEyLjUwNDQ2NSIgeD0iMS41IiB3aWR0aD0iMyIgaWQ9Il9SZWN0YW5nbGVfIiBoZWlnaHQ9IjMiLz4KICA8cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMzMDNjNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeT0iMTIuNTA0NDY1IiB4PSI0LjUiIHdpZHRoPSIzIiBpZD0iX1JlY3RhbmdsZV8yIiBoZWlnaHQ9IjMiLz4KICA8cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMzMDNjNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeT0iMTIuNTA0NDY1IiB4PSI3LjUiIHdpZHRoPSIzIiBpZD0iX1JlY3RhbmdsZV8zIiBoZWlnaHQ9IjMiLz4KICA8cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMzMDNjNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeT0iMTIuNTA0NDY1IiB4PSIxMC41IiB3aWR0aD0iMyIgaWQ9Il9SZWN0YW5nbGVfNCIgaGVpZ2h0PSIzIi8+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzAzYzQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHk9IjkuNTA0NDY1IiB4PSI0LjUiIHdpZHRoPSIzIiBpZD0iX1JlY3RhbmdsZV81IiBoZWlnaHQ9IjMiLz4KICA8cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMzMDNjNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeT0iOS41MDQ0NjUiIHg9IjcuNSIgd2lkdGg9IjMiIGlkPSJfUmVjdGFuZ2xlXzYiIGhlaWdodD0iMyIvPgogIDxyZWN0IGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMwM2M0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB5PSI5LjUwNDQ2NSIgeD0iMTAuNSIgd2lkdGg9IjMiIGlkPSJfUmVjdGFuZ2xlXzciIGhlaWdodD0iMyIvPgogIDxyZWN0IGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMwM2M0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB5PSI2LjUwNDQ2NSIgeD0iMTAuNSIgd2lkdGg9IjMiIGlkPSJfUmVjdGFuZ2xlXzgiIGhlaWdodD0iMyIvPgogIDxyZWN0IGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMwM2M0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB5PSIxMi41MDQ0NjUiIHg9IjEzLjUiIHdpZHRoPSIzIiBpZD0iX1JlY3RhbmdsZV85IiBoZWlnaHQ9IjMiLz4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMDNjNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgaWQ9Il9QYXRoXzIiIGQ9Im0yMy41LDE0LjUwNDQ2NXMtMS43NSwtMS4xMiAtMywtMC41YTMuNDUsMy40NSAwIDAgMCAtMS41LC0yLjVhMy42NCwzLjY0IDAgMCAwIC0wLjU4LDIuODhhMSwxIDAgMCAxIC0xLDEuMTJsLTE2LjkyLDBjMCw2LjI1IDMuODMsOCA3LjUsOGExMy43NiwxMy43NiAwIDAgMCAxMi4wNiwtN2E0LjY4LDQuNjggMCAwIDAgMy40NCwtMnoiLz4KIDwvZz4KPC9zdmc+"); } div.nav-tabs + .SPITabContentGroup { margin-left: 60px; } .SPITabContentGroup { padding: 0 10px; } .SPITabContentGroup > div.ajax-container { height: 100%; } ul.dynamic-site-check > li { margin-bottom: 10px; } ul.dynamic-site-check > li > i.ff { font-size: 1.2em; } ul.dynamic-site-check > li > div { margin-left: 20px; } ul.mobile-tight-site-check > li { margin-top: 2px; } ul.mobile-tight-site-check > li > i.ff { font-size: 1.2em; } ul.mobile-tight-site-check > li > div { margin-left: 20px; } .mobile-setup .sectionheader { color: #656668; padding: 10px 0; } .mobile-setup .sectionheader span { font-size: 1.4rem; font-weight: 400; } .mobile-setup .sectioninnerheader { color: #656668; padding: 20px 0 10px 0; } .mobile-setup .sectionbody { border-top: solid 1px #DCDEDF; padding: 10px 0 10px 0; } .mobile-setup .sectionbody span { margin-right: 25px; } .mobile-setup .sectioncontainer { margin-bottom: 20px; } .mobile-setup .sectioncontainer input[type=radio] { box-shadow: none; font-size: 14px; margin-right: 10px; } .mobile-setup .sectioncontainer input[type=radio] span { font-size: 18px; margin-right: 25px; } .mobile-setup .sectioncontainer input[type=checkbox] { font-size: 14px; margin-right: 10px; } .mobile-setup .sectioncontainer select { margin: 0; padding: 4px; } .mobile-setup .sectioncontainer textarea { height: 95px; } .mobile-setup .sectioncontainer .table { display: table; } .mobile-setup .sectioncontainer .table .row { display: table-row; } .mobile-setup .sectioncontainer .table .row .cell { padding-bottom: 10px; display: table-cell; vertical-align: top; width: 250px; } .mobile-setup .sectioncontainer .table .row .cell input[type=text], .mobile-setup .sectioncontainer .table .row .cell input[type=password], .mobile-setup .sectioncontainer .table .row .cell select { width: 200px; } .mobile-setup .sectioncontainer .table .row .cell textarea { margin-right: 10px; width: 365px; } .mobile-setup .fa-info-circle { color: #29CEFF; font-size: 1rem; margin-left: 10px; } .mobile-setup .fa-info-circle:hover { cursor: pointer; } .dimension-container { margin-left: 5px; } .dimension-container .button.link { font-size: inherit; } .dimension { box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow-wrap: break-word; -ms-word-break: break-all; } .dimension.action-block { background: var(--brand-gray-lightest, #F5F7F8); padding: 3px; font-size: 1.2em; border-bottom: 1px solid var(--brand-gray-light, #F1F2F3); } .dimension.action-block i.fa, .dimension.action-block i.ff { color: var(--color-gray-dark, #656668); font-size: 1.3em; } html.fod-lang-es .dimension.action-block { font-size: 1.5em; } html.fod-lang-ja .dimension.action-block { font-size: 1.3em; } .dimension h4 { background: var(--brand-gray-lightest, #F5F7F8); color: var(--body-color, #000); cursor: pointer; font-size: 15px; font-weight: 400; margin: 0; padding: 0; padding: 6px; } .dimension h4:hover { color: #000; background-color: #DCDEDF; } .dimension .dimension-content, .dimension .dimension-content-single { background-color: var(--brand-white, #FFF); border: solid 1px var(--brand-gray-light, #F1F2F3); font-size: 14px; margin: 0; padding: 4px 10px 4px 25px; } .dimension .dimension-content > ul > li, .dimension .dimension-content-single > ul > li { height: 23px; } .dimension .dimension-content > ul > li > .form-group, .dimension .dimension-content-single > ul > li > .form-group, .dimension .dimension-content > ul > li > .control, .dimension .dimension-content-single > ul > li > .control { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; gap: 4px; margin: 0 0 1px 0; } .dimension .dimension-content > ul > li > .form-group .control-indicator, .dimension .dimension-content-single > ul > li > .form-group .control-indicator, .dimension .dimension-content > ul > li > .control .control-indicator, .dimension .dimension-content-single > ul > li > .control .control-indicator { margin: 0; } html.fod-lang-es .dimension .dimension-content > div > span, html.fod-lang-es .dimension .dimension-content-single > div > span { display: block; text-align: right; float: none; } html.fod-lang-ja .dimension .dimension-content > div > span > button, html.fod-lang-ja .dimension .dimension-content-single > div > span > button { font-size: 14px; } html.fod-lang-ja .dimension .dimension-content > div, html.fod-lang-ja .dimension .dimension-content-single > div { font-size: 12px; } .dimension .dimension-content .form-group, .dimension .dimension-content-single .form-group { margin-bottom: 0; } .dimension .dimension-content .form-group .input-group-search, .dimension .dimension-content-single .form-group .input-group-search { position: relative; display: block; } .dimension .dimension-content .form-group .input-group-search .form-control, .dimension .dimension-content-single .form-group .input-group-search .form-control { display: inline-block; } .dimension .dimension-content .form-group .input-group-search .form-control::-ms-clear, .dimension .dimension-content-single .form-group .input-group-search .form-control::-ms-clear { display: none; } .dimension .dimension-content .form-group .input-group-search .input-group-btn, .dimension .dimension-content-single .form-group .input-group-search .input-group-btn { display: inline-block; position: absolute; right: 30px; z-index: 10; } .dimension .dimension-content .customName, .dimension .dimension-content-single .customName { max-width: calc(100% - 10px); text-overflow: ellipsis; display: inline-block; overflow: hidden; } .dimension .dimension-content .rightIcon, .dimension .dimension-content-single .rightIcon { float: right; z-index: 100000; } .dimension .dimension-content .rightIcon a, .dimension .dimension-content-single .rightIcon a { margin-left: 10px; } .dimension .search-container { display: inline-block; position: relative; width: calc(100% - 10px); } .dimension .search-container input[type=text] { width: 100%; } .dimension .search-container input[type=text].dimension .search-container input[type=text]::-ms-clear { display: none; } .dimension .search-container button { position: absolute; } .dimension .search-container button.searchbox-apply { top: 6px; right: 4px; } .dimension .search-container button.searchbox-apply i.fa, .dimension .search-container button.searchbox-apply i.ff { font-size: 17px !important; color: #000; } .dimension select, .dimension input[type=text] { padding: 4px; width: 100%; } .dimension ul { list-style: none; margin: 0; padding: 0; display: block; } .dimension ul > li { margin-bottom: 4px; white-space: nowrap; position: relative; display: -ms-flexbox; display: flex; } .dimension ul > li:last-child { margin-bottom: 0; } .dimension ul > li .badge { margin: 0; padding: 4px; } .dimension ul > li .truncate { -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; display: inline-block; } .dimension-footer { text-align: right; } .filter-container { width: 100%; border-spacing: 2px; display: table; background-color: var(--brand-gray-lightest, #F5F7F8); border: solid 1px var(--brand-gray-light, #F1F2F3); margin: 5px 0; } .filter-container ul { margin: 0; padding: 0; list-style: none; display: inline-block; } .filter-container ul > li { float: left; } .importFilterMessage { color: #E5004C; font-style: italic; } .importFilterMessage > i { color: #E5004C; } .issues-page-content .selected-issue-detail-wrapper { margin-top: 5px; height: 30px; line-height: 30px; } .issues-page-content .selected-issue-detail-wrapper #selectedIssueDetail { margin: 0; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; } .issues-page-content #issueComments { border: 1px solid #DCDEDF; height: 300px; margin: 10px 0; overflow-y: auto; padding: 5px; } .issues-page-content .filteroptionscontainer { width: 280px; background-color: #FFF; } html.fod-lang-es .issues-page-content .filteroptionscontainer { width: 320px; } .issues-page-content .filteroptionscontainer.collapsed { width: 0 !important; opacity: 0; } .issues-page-content #issueList { list-style: none; margin: 0; padding: 0; } .issues-page-content #issueList > li { border-bottom: 1px solid #DCDEDF; padding: 10px; padding-bottom: 0; } .issues-page-content #issueList > li:last-child { border: 0; } .issues-page-content #issueList > li.selected { background-color: var(--color-brand-primary-lightened, #a9ccef); } .issues-page-content #issueList > li.suppressed { filter: alpha(opacity=50); opacity: 0.5; } .issues-page-content #issueList > li > div { margin-bottom: 10px; } .issues-page-content #issueList .issue-title { /*font-weight: bold;*/ font-weight: 600; font-size: 1.3em; } .issues-page-content #issueList .issue-title .control.checkbox { margin-top: 0; margin-bottom: 0; } .issues-page-content #issueList .issue-title .fixed, .issues-page-content #issueList .issue-title .fpcresult, .issues-page-content #issueList .issue-title .auditPending, .issues-page-content #issueList .issue-title .suppressed, .issues-page-content #issueList .issue-title .bug-pending { font-weight: 500; color: #FFF; float: right; font-size: 0.8em; margin-left: 4px; padding: 2px 4px; border-radius: 10px; } .issues-page-content #issueList .issue-title .fixed { background-color: #1AAC60; } .issues-page-content #issueList .issue-title .suppressed { background-color: #BDBEC0; } .issues-page-content #issueList .issue-title .fpcresult { background-color: orange; } .issues-page-content #issueList .issue-title .bug-pending { background-color: #BDBEC0; } .issues-page-content #issueList .issue-title .auditPending { background-color: orangered; } .issues-page-content #issueList .issue-severity { display: inline-block; margin: 0 8px 0 0; padding: 4px; font-weight: 700; font-size: 1.3em; } .issues-page-content #issueList .issue-category { display: inline-block; font-size: 1.2em; } .issues-page-content #issueList .issue-package { display: inline-block; color: #656668; padding-left: 20px; } .issues-page-content #issueList .issue-created-by { display: inline-block; color: #656668; padding-left: 20px; } .issues-page-content #issueList .issue-description { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .issues-page-content #issueList li[data-vulntype=dynamic] .issue-description { background-color: #F1F2F3; border: solid 1px #DCDEDF; padding: 10px; } .issues-page-content #issueList .issue-edit div.switch-hp label { font-weight: normal; } .issues-page-content #issueList .issue-edit label { margin-right: 18px; white-space: nowrap; display: inline-block; } .issues-page-content #issueList .issue-edit select { width: 180px; font-weight: normal; } .issues-page-content #issueDetail { display: table; table-layout: fixed; width: 100%; } .issues-page-content #issueDetail > div { display: table-cell; padding: 10px; vertical-align: top; } .issues-page-content #issueDetail > div:first-child { width: 320px; } .issues-page-content #issueDetail .trendy-tabs-content { min-width: 0; /* CODE / ANALYSIS TRACE */ } .issues-page-content #issueDetail .trendy-tabs-content .collapsible-panel h3 { display: inline-block; margin-bottom: 0; cursor: pointer; } .issues-page-content #issueDetail .trendy-tabs-content .collapsible-panel > div { margin-bottom: 1em; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname] { width: 100%; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname]:not(.no-scroll) { overflow: auto; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=reqresp] .CodeMirror { height: auto; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=reqresp] .CodeMirror-linenumber { min-width: 30px; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=reqresp] .CodeMirror-focused .CodeMirror-cursors { visibility: hidden; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=parameters] .urlDecodeText { color: blue; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=code] { overflow: hidden; } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=notes] textarea { width: calc(100% - 20px); height: calc(100% - 40px); } .issues-page-content #issueDetail .trendy-tabs-content [data-tabname=notes] button.action { display: block; } .issues-page-content .rf-container .fixed, .issues-page-content .rf-container .fpcresult, .issues-page-content .rf-container .closed, .issues-page-content .rf-container .auditPending, .issues-page-content .rf-container .bug-pending, .issues-page-content .rf-container .suppressed { font-weight: bold; color: #FFF; float: right; font-size: 14px; margin: 2px; padding: 2px 4px; border-radius: 10px; } .issues-page-content .rf-container .fixed { background-color: #1AAC60; } .issues-page-content .rf-container .suppressed { background-color: #BDBEC0; } .issues-page-content .rf-container .fpcresult { background-color: orange; } .issues-page-content .rf-container .auditPending { background-color: orangered; } .issues-page-content .rf-container .bug-pending { background-color: #BDBEC0; } .issues-page-content .rf-container .closed { background-color: #0073e7; } #vuln-library-view tr.vuln-description { display: none; } #vuln-library-view tr.vuln-description > td > div { padding: 0 15px; white-space: normal; } #modalAddIssueWizard .prettygrid-wrapper, #modalEditIssueWizard .prettygrid-wrapper { height: calc(100% - 30px); overflow-y: auto; } #modalAddIssueWizard .prettygrid-wrapper tr.vuln-description, #modalEditIssueWizard .prettygrid-wrapper tr.vuln-description { display: none; } #modalAddIssueWizard .prettygrid-wrapper tr.vuln-description > td > div, #modalEditIssueWizard .prettygrid-wrapper tr.vuln-description > td > div { padding: 0 15px; white-space: normal; } #modalAddIssueWizard .prettygrid-wrapper tr.vuln-description > td > div code, #modalEditIssueWizard .prettygrid-wrapper tr.vuln-description > td > div code { line-height: 2em; } #modalAddIssueWizard .modal-custom-content, #modalEditIssueWizard .modal-custom-content { height: calc(100% - 70px); } #modalAddIssueWizard .modal-custom-content [data-wizardpage], #modalEditIssueWizard .modal-custom-content [data-wizardpage] { height: 100%; } #modalAddIssueWizard .modal-custom-content .wizard-page-content, #modalEditIssueWizard .modal-custom-content .wizard-page-content { height: calc(100% - 100px); } #modalAddIssueWizard .modal-custom-content .trendy-tabs, #modalEditIssueWizard .modal-custom-content .trendy-tabs { height: calc(100% - 38px); } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content { width: auto !important; height: calc(100% - 48px); min-height: unset; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname] > textarea, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname] > textarea { box-sizing: border-box; height: 100%; width: 100%; margin: 0; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=request], #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=request], #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=response], #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=response] { overflow: hidden; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details], #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] { display: table; width: 100%; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] .input-group, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] .input-group { display: table-cell; width: 50%; padding-right: 40px; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] label input, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] label input, #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] label select, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] label select { width: 100%; padding: 7px 10px; box-sizing: border-box; } #modalAddIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] small.input-help, #modalEditIssueWizard .modal-custom-content .trendy-tabs .trendy-tabs-content [data-tabname=details] small.input-help { display: block; width: 100%; color: #BDBEC0; font-size: 12px; margin-top: -6px; } #modalAddIssueWizard .editor-container, #modalEditIssueWizard .editor-container { border: 1px solid #DCDEDF; height: 100%; } #modalAddIssueWizard .editor-container .editor-toolbar, #modalEditIssueWizard .editor-container .editor-toolbar { background-color: #DCDEDF; } #modalAddIssueWizard .editor-container .editor-toolbar > .btn-link, #modalEditIssueWizard .editor-container .editor-toolbar > .btn-link { color: #000 !important; border: 1px solid transparent; padding: 3px 6px; } #modalAddIssueWizard .editor-container .editor-toolbar > .btn-link:hover, #modalEditIssueWizard .editor-container .editor-toolbar > .btn-link:hover { color: #0073e7 !important; border-color: #BDBEC0; text-decoration: none; } #modalAddIssueWizard .editor-container .editor-window, #modalEditIssueWizard .editor-container .editor-window { height: calc(100% - 30px); } #modalAddIssueWizard .editor-container .editor-window > *, #modalEditIssueWizard .editor-container .editor-window > * { height: 100%; } .CodeMirror .CodeMirror-code .attack-selection { background-color: #E5004C !important; color: #FFF !important; } ul.raptor-results { list-style: none; margin: 0; padding: 0; margin-top: 4px; } ul.raptor-results > li { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); margin: 1px 5px 12px; padding: 6px 6px 6px 13px; position: relative; color: inherit; } ul.raptor-results > li [data-action="toggle-finding"] { cursor: pointer; } ul.raptor-results > li [class^="severity-"], ul.raptor-results > li [class*=" severity-"] { font-weight: bold; padding-right: 12px; } ul.raptor-results > li > .location { padding: 8px 0; } ul.raptor-results > li > .detail-block { font-size: 0.9em; margin-top: 12px; display: none; } ul.raptor-results > li > .detail-block div.table { display: table; table-layout: fixed; width: 100%; } ul.raptor-results > li > .detail-block div.table > div.table-cell { display: table-cell; width: 50%; padding-right: 20px; } ul.raptor-results > li > .detail-block ul { list-style: square; } ul.raptor-results > li > .detail-block ul ul { list-style: circle; } ul.raptor-results > li > .detail-block .finding { height: 18px; line-height: 18px; margin-bottom: 2px; } ul.raptor-results > li > .detail-block .finding:hover { background-color: #F1F2F3; } ul.raptor-results > li > .detail-block .status-badge { float: right; } ul.raptor-results > li:hover { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8); } ul.raptor-results > li.expanded { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8); } ul.raptor-results > li.expanded > .detail-block { display: block; } ul.raptor-results > li:before { content: ''; display: block; width: 8px; position: absolute; top: -1px; left: 0; bottom: -1px; } ul.raptor-results > li.severity-critical:before { background: #e11f26; } ul.raptor-results > li.severity-high:before { background: #f26527; } ul.raptor-results > li.severity-medium:before { background: #f99c1c; } ul.raptor-results > li.severity-low:before { background: #fccc0a; } ul.raptor-results > li.severity-info:before { background: #d7df23; } ul.raptor-results > li.severity-bestpractice:before { background: #d7df23; } ul.raptor-results > li.severity-indeterminate:before { background: #29CEFF; } ul.raptor-results > li .severity-indeterminate { color: #29CEFF; } ul.raptor-results > li .status-badge { font-size: 14px; display: inline-block; min-width: 80px; color: #FFF; text-align: center; font-weight: normal; } ul.raptor-results > li .status-badge.status-badge-suppressed { background-color: #BDBEC0; } ul.raptor-results > li .status-badge.status-badge-new { background-color: #3939C6; } ul.raptor-results > li .status-badge.status-badge-existing { background-color: #00ABF3; } ul.raptor-results > li .status-badge.status-badge-reopen { background-color: #1FFBBA; } ul.raptor-results > li .status-badge.status-badge-fixed { background-color: #0073e7; } .finding-detail-modal dl > dt > label { font-weight: inherit; } .finding-detail-modal dl > dd { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .finding-detail-modal ul.finding-evidence { padding: 0; margin: 0; list-style: none; height: 400px; overflow-y: scroll; } .finding-detail-modal ul.finding-evidence li { margin-bottom: -10px; } .finding-detail-modal .trendy-tabs-content > [data-tabname] .CodeMirror { height: 400px; } .finding-detail-modal .trendy-tabs-content > [data-tabname][data-tabname=recommendations] { height: 400px; } .finding-detail-modal .trendy-tabs-content > [data-tabname][data-tabname=compliance] { height: 400px; } .finding-detail-modal .trendy-tabs-content > [data-tabname][data-tabname=compliance] > ul { list-style-type: circle; } .finding-detail-modal .trendy-tabs-content > [data-tabname][data-tabname=compliance] > ul > li { margin-bottom: 10px; } .app-defender-protections { margin-bottom: 10px; } .app-defender-protections td .indent { padding-left: 15px; } .app-defender-protections td:not(:first-child) { text-align: center; width: 80px; } .dropdown[data-role=toggle-user-preferences] { display: inline-block; } .dropdown[data-role=toggle-user-preferences] .control.checkbox { margin: 0; } .analysis-trace .list-group .list-group-item, .site-tree .list-group .list-group-item { border: 0; background-color: transparent; } .analysis-trace .list-group .list-group-item > div, .site-tree .list-group .list-group-item > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .analysis-trace .list-group .active, .site-tree .list-group .active { color: var(--body-color, #000); background-color: var(--color-brand-primary-lightened, #a9ccef); border-color: var(--color-brand-primary-lightened, #a9ccef); } .analysis-trace .CodeMirror { /*height: auto;*/ } .analysis-trace .CodeMirror .highlight { background-color: var(--codemirror-highlight-background-color, #cee6ff); } .analysis-trace .CodeMirror .CodeMirror-linewidget { overflow: hidden; } .analysis-trace .CodeMirror .analysis-trace-widget { display: inline-block; padding: 4px; margin: 6px 0; border: solid 1px #E5004C; background-color: var(--row-alt-background-color, #F5F7F8); white-space: nowrap; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } .analysis-trace .CodeMirror .analysis-trace-widget img { vertical-align: bottom; margin-right: 3px; } .analysis-trace .hide-widgets .analysis-trace-widget { display: none; } .analysis-diagram-container { font-size: 90%; display: table; margin: 0 auto; } .analysis-diagram-container .column { display: table-cell; vertical-align: top; position: relative; } .analysis-diagram-container .column .line { position: absolute; left: 50%; height: 100%; border: 1px dashed #BDBEC0; z-index: 10; } .analysis-diagram-container .column:not(:first-child) { padding-left: 15px; } .analysis-diagram-container .column .entry { color: #000; background-color: #F5F7F8; text-align: center; padding: 0 8px; height: 28px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-shadow: 1px 1px 3px 0 #BDBEC0; position: relative; z-index: 30; } .analysis-diagram-container .column .entry img { width: 18px; height: 18px; } .analysis-diagram-container .column .entry.entry-header { background-color: #DCDEDF; } .analysis-diagram-container .column .entry.entry-source { background-color: #c6e4d6; } .analysis-diagram-container .column .entry.entry-sink { background-color: #efc2d2; } .analysis-diagram-container .column .child-context { width: 10px; border: 1px solid #BDBEC0; background-color: #FFF; left: 50%; margin-left: -5px; position: absolute; z-index: 30; } .analysis-diagram-container .column .arrow { z-index: 20; margin-top: -16px; height: 0; border: 1px solid #000; position: absolute; } .analysis-diagram-container .column .arrow.arrow-after-source { border-color: #E5004C; } .analysis-diagram-container .column .arrow.arrow-left { margin-right: calc(50% - 6px); right: 0; } .analysis-diagram-container .column .arrow.arrow-left::before { height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #000; content: ''; position: absolute; left: 0; margin-top: -5px; margin-left: -3px; } .analysis-diagram-container .column .arrow.arrow-after-source.arrow-left::before { border-right-color: #E5004C; } .analysis-diagram-container .column .arrow.arrow-right { margin-left: calc(50% - 6px); left: 0; } .analysis-diagram-container .column .arrow.arrow-right::after { height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #000; content: ''; position: absolute; right: 0; margin-top: -5px; margin-right: -3px; } .analysis-diagram-container .column .arrow.arrow-after-source.arrow-right::after { border-left-color: #E5004C; } /* support for new (17.1) issues page */ #results-view #vue-container { padding: 0; display: -ms-flexbox; display: flex; padding-right: 0; /*min-height: calc(100vh - 176px);*/ width: 100%; } #results-view #vue-container .empty-table { margin: 0 auto; } [data-role=multi-select] { width: 100%; } [data-role=multi-select] .header { font-size: 1.6em; font-weight: 400; } [data-role=multi-select] .header .badge { background-color: #656668; color: #FFF; vertical-align: middle; } [data-role=multi-select] .prettygrid { margin-bottom: 20px; } [data-role=multi-select] .prettygrid td:first-child { width: 10%; } [data-role=detail-panel] { display: inline-block; padding-right: 10px; padding-left: 20px; position: relative; } [data-role=detail-panel] h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 15px; } [data-role=detail-panel] h3 > small { font-size: 85%; color: #656668; } [data-role=detail-panel] h3 > select { width: auto; display: inline-block; } [data-role=detail-panel] .deep-link { padding: 0 10px; vertical-align: text-bottom; } [data-role=detail-panel] #tab-diagram { overflow: auto; } [data-role=detail-panel] #tab-request-content .editor-toolbar, [data-role=detail-panel] #tab-response-content .editor-toolbar, [data-role=detail-panel] #tab-http .editor-toolbar { background-color: #DCDEDF; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 6px; } [data-role=detail-panel] #tab-request-content .editor-toolbar .btn-link, [data-role=detail-panel] #tab-response-content .editor-toolbar .btn-link, [data-role=detail-panel] #tab-http .editor-toolbar .btn-link { color: #000 !important; border: 1px solid transparent; } [data-role=detail-panel] #tab-request-content .editor-toolbar .editor-actions, [data-role=detail-panel] #tab-response-content .editor-toolbar .editor-actions, [data-role=detail-panel] #tab-http .editor-toolbar .editor-actions { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-positive: 0.5; flex-grow: 0.5; } [data-role=detail-panel] #tab-request-content .editor-toolbar label, [data-role=detail-panel] #tab-response-content .editor-toolbar label, [data-role=detail-panel] #tab-http .editor-toolbar label { margin: 0; color: #000 !important; } [data-role=detail-panel] .CodeMirror { height: auto; } [data-role=detail-panel] .history-filter { text-align: center; } [data-role=detail-panel] .history-filter div { display: inline-block; padding: 0 10px; } [data-role=detail-panel] ul.history-list > li.audit-history { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } [data-role=detail-panel] ul.history-list div.history-item { -ms-flex: 1 1 auto; flex: 1 1 auto; } [data-role=detail-panel] ul.history-list div.history-item, [data-role=detail-panel] ul.history-list > li { color: var(--brand-dark, #000); padding: 10px; margin-bottom: 1px; } [data-role=detail-panel] ul.history-list div.history-item.history-list-item-comment, [data-role=detail-panel] ul.history-list > li.history-list-item-comment { background: var(--history-list-item-comment-color, #F1F2F3); } [data-role=detail-panel] ul.history-list div.history-item.history-list-item-system, [data-role=detail-panel] ul.history-list > li.history-list-item-system { font-style: italic; background: var(--history-list-item-system-color, #cee6ff); } [data-role=detail-panel] ul.history-list div.history-item > .user, [data-role=detail-panel] ul.history-list > li > .user { font-weight: bold; } [data-role=detail-panel] ul.history-list div.history-item > .time, [data-role=detail-panel] ul.history-list > li > .time { font-size: 90%; font-style: normal; } [data-role=detail-panel] ul.history-list div.history-item > .content, [data-role=detail-panel] ul.history-list > li > .content { display: block; padding: 0; white-space: pre-wrap; } #audit-history-modal [data-role=detail-panel] { max-height: 188px; overflow: auto; width: 100%; } #audit-history-modal [data-role=detail-panel] span.user.email { margin-right: 4px; } #audit-history-modal #no-history { font-style: italic; text-align: center; width: 100%; } #audit-history-modal .user-status { font-style: italic; } #audit-history-modal small { display: block; margin-left: 26px; } #audit-history-modal .control.checkbox { margin-bottom: 0.25rem; } #audit-history-modal .control.checkbox.disabled { cursor: default; } tr.disabled-row { opacity: 50%; pointer-events: none; } .release-badge { display: inline-block; border: 1px solid #BDBEC0; background: #BDBEC0; color: #FFF; border-radius: 30px; margin-bottom: 8px; } .release-badge > span { font-weight: 600; padding: 4px 16px; } .category-badge { display: inline-block; border: 1px solid black; border-radius: 30px; margin-bottom: 8px; } .category-badge > span { padding: 4px 16px; } .category-badge :first-child { font-weight: 600; padding: 3px 16px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .category-badge.category-badge-category { border-color: #656668; } .category-badge.category-badge-category :first-child { background-color: #656668; color: white; } .category-badge.category-badge-critical { border-color: #e11f26; } .category-badge.category-badge-critical :first-child { background-color: #e11f26; color: white; } .category-badge.category-badge-high { border-color: #f26527; } .category-badge.category-badge-high :first-child { background-color: #f26527; color: white; } .category-badge.category-badge-medium { border-color: #f99c1c; } .category-badge.category-badge-medium :first-child { background-color: #f99c1c; color: white; } .category-badge.category-badge-low { border-color: #fccc0a; } .category-badge.category-badge-low :first-child { background-color: #fccc0a; color: white; } .category-badge.category-badge-info { border-color: #d7df23; } .category-badge.category-badge-info :first-child { background-color: #d7df23; color: white; } .category-badge.category-badge-bestpractice { border-color: #d7df23; } .category-badge.category-badge-bestpractice :first-child { background-color: #d7df23; color: white; } ul.compliance-classifications { list-style: none; padding: 0; } ul.compliance-classifications ul { list-style: disc; } [data-role=list-panel] { display: inline-block; height: 100%; padding-right: 30px; } @media screen and (max-width: 1230px) { [data-role=list-panel] .nav.nav-tabs { margin-left: -10px; } } @media screen and (max-width: 1060px) { [data-role=list-panel] .nav.nav-tabs { margin-left: -13px; } } [data-role=list-panel] .nav.nav-tabs > li > a { padding: 2px 0 5px; margin: 0; } [data-role=list-panel] .nav.nav-tabs > li > a span { margin: 0 5px; } [data-role=list-panel] .nav.nav-tabs > li > a span.badge { border: none; } @media screen and (max-width: 1475px) { [data-role=list-panel] .nav.nav-tabs > li > a span.badge { min-width: 29px; margin: 0 2px; } } @media screen and (max-width: 1230px) { [data-role=list-panel] .nav.nav-tabs > li > a span.badge { min-width: 25px; margin: 0; } } @media screen and (max-width: 1060px) { [data-role=list-panel] .nav.nav-tabs > li > a span.badge { min-width: 24px; margin: -1px; } } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-category { background-color: #656668; color: white; } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-critical { background-color: #e11f26; color: white; } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-high { background-color: #f26527; color: white; } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-medium { background-color: #f99c1c; color: white; } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-low { background-color: #fccc0a; color: white; } [data-role=list-panel] .nav.nav-tabs > li > a span.category-badge-all { background-color: #67A5B8; color: white; } [data-role=list-panel] .list-group { overflow: hidden; -webkit-user-select: none; -ms-user-select: none; user-select: none; } [data-role=list-panel] .list-group div > .paging-container { border-right: 1px solid #F1F2F3; border-left: 1px solid #F1F2F3; } [data-role=list-panel] .list-group div > .list-group-item { background-color: var(--brand-gray-light, #F1F2F3); padding: 0 0 0 6px; border-radius: 0; display: table; table-layout: fixed; width: 100%; border: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [data-role=list-panel] .list-group div > .list-group-item:hover, [data-role=list-panel] .list-group div > .list-group-item:active, [data-role=list-panel] .list-group div > .list-group-item:focus { background-color: var(--brand-gray, #DCDEDF); } [data-role=list-panel] .list-group div > .list-group-item > .control.checkbox { display: table-cell; width: 26px; vertical-align: middle; } [data-role=list-panel] .list-group div > .list-group-item > .group-head { display: table-cell; vertical-align: middle; padding: 6px; color: var(--color-gray-dark, #656668); cursor: default; } [data-role=list-panel] .list-group div > .list-group-item > .group-head * { display: inline-block; vertical-align: middle; } [data-role=list-panel] .list-group div > .list-group-item > .group-head > .group-head-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - 62px); } a[data-role=list-panel] .list-group div > .list-group-item > .group-head:focus, a[data-role=list-panel] .list-group div > .list-group-item > .group-head:hover { background-color: #BDBEC0; color: white; } [data-role=list-panel] .list-group div > .list-group-item > .group-head > .badge { float: right; background-color: #656668; color: white; margin-left: 5px; margin-top: 2px; border: none; } [data-role=list-panel] .list-group div > .list-group-item > .group-head > i.ff:before { color: var(--brand-graydark-color, #323435); content: '\f44c'; } [data-role=list-panel] .list-group div > .list-group-item > .group-head.collapsed > i.ff:before { content: '\f44e'; } [data-role=list-panel] .list-group div > .list-group { margin-bottom: 0; } [data-role=list-panel] .list-group div > .list-group.slide-fade-enter, [data-role=list-panel] .list-group div > .list-group.slide-fade-leave-to { max-height: 0px; } [data-role=list-panel] .list-group div > .list-group.slide-fade-enter-active, [data-role=list-panel] .list-group div > .list-group.slide-fade-leave-active { transition: all 0.3s ease; } [data-role=list-panel] .list-group div > .list-group.slide-fade-enter-to, [data-role=list-panel] .list-group div > .list-group.slide-fade-leave { max-height: 363px; } [data-role=list-panel] .list-group div > .list-group .list-group-item { border-left: 1px solid var(--brand-gray-light, #F1F2F3); border-right: 1px solid var(--brand-gray-light, #F1F2F3); padding-left: 36px; color: var(--brand-dark, #000); } [data-role=list-panel] .list-group div > .list-group .list-group-item:focus, [data-role=list-panel] .list-group div > .list-group .list-group-item:hover { color: var(--brand-dark, #000); background-color: var(--color-brand-primary-lightened, #a9ccef); } [data-role=list-panel] .list-group div > .list-group .list-group-item * { display: inline-block; vertical-align: middle; } [data-role=list-panel] .list-group div > .list-group .list-group-item:hover { background-color: var(--color-brand-primary-lightened, #a9ccef) !important; } [data-role=list-panel] .list-group div > .list-group .list-group-item:nth-child(odd) { background-color: var(--row-background-color, #FFF); } [data-role=list-panel] .list-group div > .list-group .list-group-item:nth-child(even) { background-color: var(--row-alt-background-color, #F5F7F8); } [data-role=list-panel] .list-group div > .list-group .list-group-item > .item-issue { display: table-cell; padding: 6px; cursor: default; } [data-role=list-panel] .list-group div > .list-group .list-group-item > .item-issue .item-issue-text { width: calc(100% - 22px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [data-role=list-panel] .list-group div > .list-group .list-group-item > .item-issue .item-issue-icons { float: right; margin-top: -3px; margin-left: 12px; } [data-role=list-panel] .list-group div > .list-group .list-group-item.selected { background-color: var(--color-brand-primary-lightened, #a9ccef); border-color: var(--color-brand-primary-lightened, #a9ccef); } [data-role=list-panel] .list-group div > .list-group .list-group-item.selected + .list-group-item { border-top-color: #0073e7; } [data-role=list-panel] .list-group div > .list-group .list-group-item.selected > .item-issue { border-left-color: #0073e7 !important; } [data-role=list-panel] .list-slider { margin-left: 90%; position: absolute; top: -4px; bottom: 0; width: 30px; z-index: 1; } [data-role=list-panel] .min-nav { display: none; position: relative; } [data-role=list-panel] .list-slider { margin-left: -25px; position: absolute; top: -4px; bottom: 0; right: 0; width: 30px; z-index: 1; } [data-role=list-panel] .list-slider [data-role=list-toggle] { width: 100%; height: 100%; } [data-role=list-panel] .list-slider [data-role=list-toggle] > i { top: 18px; right: 5px; position: absolute; } [data-role=list-panel] .list-slider [data-role=list-toggle] > i.ff:before { content: '\f44d'; } [data-role=list-panel] .list-slider [data-role=list-toggle].collapsed > i.ff:before { content: '\f44e'; } [data-role=list-panel].minified { width: 56px; position: absolute; z-index: 1; left: 0; padding: 0; } [data-role=list-panel].minified .list-slider { margin-left: 100%; left: 0; } [data-role=list-panel].minified .min-nav { display: block; } [data-role=list-panel].minified .min-nav .prev { position: absolute; left: 0; } [data-role=list-panel].minified .min-nav .next { position: absolute; right: 0; } [data-role=list-panel].minified .nav.nav-tabs > li { float: unset; } [data-role=list-panel].minified .nav.nav-tabs > li.active .badge { border: 3px solid #0073e7; } [data-role=list-panel].minified .nav.nav-tabs > li.active:after { height: 0; } [data-role=list-panel].minified .nav.nav-tabs > li > a { padding: 2px; width: 65px; } [data-role=list-panel].minified .nav.nav-tabs > li > a span { margin: 0; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.badge { border: none; min-width: 50px; font-size: 14px; line-height: 1.4; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-category { background-color: #656668; color: white; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-critical { background-color: #e11f26; color: white; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-high { background-color: #f26527; color: white; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-medium { background-color: #f99c1c; color: white; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-low { background-color: #fccc0a; color: white; } [data-role=list-panel].minified .nav.nav-tabs > li > a span.category-badge-all { background-color: #67A5B8; color: white; } [data-role=list-panel].minified .list-group { display: none; } [data-role=list-panel].minified .form-group { display: none; } [data-role=audit-panel] { display: inline-block; background-color: var(--background-1-color, #FFF); z-index: 1; height: 100%; min-height: calc(100vh - 176px); } [data-role=audit-panel] > fieldset { padding-left: 10px; } [data-role=audit-panel] > fieldset .btn-block { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } [data-role=audit-panel] > fieldset legend > .badge.fpc { background-color: #C6179D; color: #FFF; } [data-role=audit-panel] .audit-slider { margin-left: -25px; position: absolute; top: -4px; bottom: 0; width: 30px; z-index: 1; } [data-role=audit-panel] .audit-slider [data-role=audit-toggle] { width: 100%; height: 100%; } [data-role=audit-panel] .audit-slider [data-role=audit-toggle] > i { top: 18px; right: 5px; position: absolute; } [data-role=audit-panel] .audit-slider [data-role=audit-toggle] > i.ff:before { content: '\f44d'; } [data-role=audit-panel] .audit-slider [data-role=audit-toggle].collapsed > i.ff:before { content: '\f44e'; } #modalSubmitBug .has-tracked-issues-message { color: red; padding-bottom: 15px; } #modalSubmitBug .header { font-size: 1.6em; font-weight: 400; } #modalSubmitBug .header .badge { background-color: #656668; color: #FFF; vertical-align: middle; } #modalSubmitBug .prettygrid { margin-bottom: 20px; } #modalSubmitBug .prettygrid td:first-child { width: 10%; } .settings-container { overflow-y: scroll; overflow-x: hidden; width: 300px; height: 300px; } .list-minified { padding-left: 80px; } .finding-detail-word-break-all { word-break: break-all; } #dependency-tree .dependency-container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; font-size: 16px; -ms-flex-pack: justify; justify-content: space-between; } #dependency-tree .dependency-container .dependency-count .badge { background-color: #1AAC60; color: #FFF; font-size: 16px; margin-right: 2px; } #dependency-tree select { display: inline; width: unset; } #dependency-tree ul, #dependency-tree li { list-style: none; margin: 0; padding: 0; } #dependency-tree ul.root > li { padding-top: 16px; } #dependency-tree .centered { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #dependency-tree .tree-item-container:not(.root) { margin-top: -24px; } #dependency-tree ul.tree li { border-left: 1px solid #BDBEC0; margin-bottom: 0px; margin-left: 24px; margin-top: 0; padding-left: 24px; } #dependency-tree ul.tree li:last-child { border-left: none; } #dependency-tree ul.tree li:before { border-bottom: 1px solid #BDBEC0; content: ""; display: inline-block; height: 32px; left: -24px; position: relative; top: 0; width: 24px; } #dependency-tree ul.tree li:last-child:before { border-left: 1px solid #BDBEC0; } #dependency-tree .tree-item { border: 1px solid; border-color: #BDBEC0; cursor: default; font-size: 18px; padding: 4px 12px; } #dependency-tree .tree-item.root { background-color: var(--body-background-color, #F1F2F3); } #dependency-tree .tree-item.clickable { cursor: pointer; } #dependency-tree .tree-item.vulnerable { background-color: rgba(252, 202, 208, 0.3); border-color: #E5004C; } #dependency-tree .tree-item .version-arrow { color: #656668; } #dependency-tree .tree-item .error-version { color: #E5004C; } #dependency-tree .tree-item .safe-version { color: #1AAC60; } #issue-recommendations .oss-health-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } #issue-recommendations .oss-health-error { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; -ms-flex-pack: center; justify-content: center; } .cm-s-3024-night span.cm-error { color: var(--body-color, #000); } .dgXCmb { background: #0073e7 !important; color: #28320a !important; } #loadingContainer { display: none; padding: 4px; text-align: center; width: 100%; } #loadingContainer table tr > td:first-child { width: 100%; } #loadingContainer table tr > td:last-child { width: 30px; min-width: 30px; } .container-report-severity-badge { display: block; width: 50%; margin: auto; } #exportGridContainer { margin-bottom: 10px; } #exportGridContainer #exportTemplateGrid tr:nth-child(odd) > td:not(:nth-child(2)) { text-align: center; } #exportGridContainer #exportTemplateGrid tr:nth-child(odd) > td:nth-child(n+3):nth-last-child(n+2) { width: 150px; min-width: 150px; } #exportGridContainer #exportTemplateGrid tr:nth-child(odd) > td:nth-child(2) { width: 100%; max-width: 600px; } #exportGridContainer #exportTemplateGrid tr:nth-child(odd) > td:first-child > button > i { font-size: 24px; color: var(--body-color, #000); } #exportGridContainer #exportTemplateGrid tr:nth-child(odd) > td:last-child > button { margin: 0 3px; } #exportGridContainer #exportTemplateGrid tr:nth-last-child(2) { border-bottom: solid 1px #DCDEDF; } #exportGridContainer #exportTemplateGrid tr:last-child td.template-files-container { border-top: 0 !important; } #exportGridContainer #exportTemplateGrid tr td.template-files-container { border-top: solid 1px #DCDEDF !important; border-bottom: solid 1px #DCDEDF !important; } #exportGridContainer #exportTemplateGrid tr td.template-files-container > ul { margin: 0; list-style-type: none; } #exportGridContainer #exportTemplateGrid tr td.template-files-container > ul .data-report-item-row { display: table; table-layout: fixed; border-spacing: 2px; } #exportGridContainer #exportTemplateGrid tr td.template-files-container > ul .data-report-item-row > .data-report-item-column { display: table-cell; overflow: hidden; text-overflow: ellipsis; } #exportGridContainer #exportTemplateGrid tr td.template-files-container > ul .data-report-item-row > .data-report-item-column.item-name-column { width: 100%; } #exportGridContainer #exportTemplateGrid tr td.template-files-container > ul .data-report-item-row > .data-report-item-column.item-created-date-column { width: 275px; min-width: 275px; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div { display: table; width: 100%; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row { display: table-row; line-height: 40px; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row > div { display: table-cell; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row .date-label { vertical-align: middle; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row input[type='text'], #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row select { width: 160px; } #modalDataExportWizard div[data-wizard-step="filters"] .dimension-date .dimension-content > div .dimension-row input[type='radio'] { margin-bottom: 4px; vertical-align: middle; } #modalDataExportWizard .validation-msg { color: #E5004C; font-weight: 700; display: inline; font-size: 14px; vertical-align: middle; display: none; } #modalConfirmDelete { width: 200px; } /* IE Style */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div.nav-tabs { background-color: #FFF; box-shadow: 2px 2px 2px 0 #DCDEDF; } div.nav-tabs:before { background-color: #FFF; border-right: solid 1px #DCDEDF; } } div.nav-tabs { border: 0; vertical-align: top; font-size: 1.1428em; position: fixed; bottom: 0; top: 54px; z-index: 5000; background: var(--background-1-color, #FFF); margin-bottom: 0 !important; transition: transform 0.25s, top 0.1s; max-width: 100%; min-width: 57px; box-shadow: 2px 2px 2px 0 var(--brand-gray, #DCDEDF); } div.nav-tabs.scrolled { top: 0 !important; } header.header-banner-present + section > div.main-content > div.nav-tabs { top: 94px; } header.header-banner-present + section > div.main-content > div.nav-tabs:before { top: -94px; height: 94px; } div.nav-tabs:before { content: ''; left: 0; height: 54px; top: -54px; width: calc(100% + 1px); position: absolute; background: var(--background-1-color, #FFF); z-index: 0; border-right: solid 1px var(--brand-gray, #DCDEDF); } div.nav-tabs.nav-tabs-expanded { transform: none; transition: transform 0.25s 0.25s; } div.nav-tabs.nav-tabs-expanded .nav-tab > div > div.nav-tab-name { opacity: 1; transition: width 0.25s, max-width 0.25s, min-width 0.25s, opacity 0.25s 0.25s; width: auto; max-width: 281px; min-width: 50px; padding: 0 9px 0 0; } div.nav-tabs > ul { list-style-type: none; padding: 0; margin: 8px 0; transition: margin-top 0.25s; } div.nav-tabs > ul > li { text-align: left; padding: 0 0 0 6px; } div.nav-tabs > ul > li.nav-expander { width: 40px; text-align: center; } div.nav-tabs > ul > li:not(.nav-expander):hover { background: #cee6ff; } div.nav-tabs > ul > li.tab-separator { box-shadow: none; height: 25px; } div.nav-tabs > ul > li button.btn-hamburger { border: 0; background: none; margin: 0; padding: 5px 10px 5px 7px; color: var(--nav-link-color, #656668) !important; box-shadow: none; } div.nav-tabs > ul > li button.btn-hamburger:hover { color: var(--brand-primary, #0073e7) !important; } div.nav-tabs > ul > li button.btn-hamburger:active { box-shadow: none; } div.nav-tabs > ul > li .nav-tab { font-size: 16px; color: var(--nav-link-color, #656668) !important; } div.nav-tabs > ul > li .nav-tab > div { width: 100%; } div.nav-tabs > ul > li .nav-tab > div > div { vertical-align: middle; display: inline-block; } div.nav-tabs > ul > li .nav-tab > div > div.nav-tab-name { letter-spacing: 0.015em; padding: 0; text-overflow: clip; overflow: hidden; max-height: 43px; line-height: 32px; transition: width 0.25s, max-width 0.25s, min-width 0.25s; width: 0; max-width: 0; min-width: 0; opacity: 0; } div.nav-tabs > ul > li .nav-tab > div > div.nav-tab-icon { padding: 5px 0 5px 1px; } div.nav-tabs > ul > li .nav-tab span.ff-stack, div.nav-tabs > ul > li .nav-tab span.fa-stack { vertical-align: bottom; font-size: 20px; text-align: right; } div.nav-tabs > ul > li .nav-tab span.ff-stack i, div.nav-tabs > ul > li .nav-tab span.fa-stack i { color: var(--nav-link-color, #656668); } div.nav-tabs > ul > li .nav-tab span.ff-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab span.fa-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab span.ff-stack i.ff-inverse, div.nav-tabs > ul > li .nav-tab span.fa-stack i.ff-inverse { color: var(--background-1-color, #FFF); } div.nav-tabs > ul > li .nav-tab span.ff-stack.ff-stack i.base-icon, div.nav-tabs > ul > li .nav-tab span.fa-stack.ff-stack i.base-icon { font-size: 36px; } div.nav-tabs > ul > li .nav-tab.selected { color: var(--brand-primary, #0073e7) !important; } div.nav-tabs > ul > li .nav-tab.selected span.ff-stack i, div.nav-tabs > ul > li .nav-tab.selected span.fa-stack i { color: var(--brand-primary, #0073e7); } div.nav-tabs > ul > li .nav-tab.selected span.ff-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab.selected span.fa-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab.selected span.ff-stack i.ff-inverse, div.nav-tabs > ul > li .nav-tab.selected span.fa-stack i.ff-inverse { color: var(--background-1-color, #FFF); } div.nav-tabs > ul > li .nav-tab:hover { color: var(--brand-primary, #0073e7) !important; } div.nav-tabs > ul > li .nav-tab:hover span.ff-stack i, div.nav-tabs > ul > li .nav-tab:hover span.fa-stack i { color: var(--brand-primary, #0073e7) !important; } div.nav-tabs > ul > li .nav-tab:hover span.ff-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab:hover span.fa-stack i.fa-inverse, div.nav-tabs > ul > li .nav-tab:hover span.ff-stack i.ff-inverse, div.nav-tabs > ul > li .nav-tab:hover span.fa-stack i.ff-inverse { color: var(--background-1-color, #FFF); } .dropdown-menu { background: var(--menu__background-color, #FFF); } div.task-tile { margin: 3px 0; padding: 4px; background-color: var(--body-background-color, #F1F2F3); border: 1px solid #DCDEDF; border-left: none; display: table; width: 100%; position: relative; } div.task-tile:before { content: ''; display: block; width: 13px; position: absolute; top: -1px; left: -12px; bottom: -1px; } div.task-tile.sla-exceeded:before { background: #E5004C; } div.task-tile.sla-warning:before { background: #FCDB1F; } div.task-tile.sla-paused:before { background: #FFA20C; } div.task-tile.sla-ok:before { background: #1AAC60; } div.task-tile.checked-task { background-color: #FFF !important; } div.task-tile ul { list-style: none; margin: 0; } div.task-tile > div { display: table-cell; } div.task-tile > div.task-tile-info-container { overflow: hidden; text-overflow: ellipsis; position: relative; } div.task-tile > div.task-tile-info-container > ul { position: absolute; width: 100%; } div.task-tile > div.task-tile-info-container > ul > li { width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; } div.task-tile > div.task-tile-action-container { vertical-align: top; text-align: right; padding-right: 4px; } div.task-tile > div.task-tile-action-container button { margin-left: 5px; } div.task-tile > div.task-tile-action-container > div.task-tile-sla { font-size: 17px; } div.task-tile div.task-tile-name { margin-bottom: 4px; font-size: 17px; } div.task-tile div.task-tile-name span:not(:last-child) { padding-right: 17px; } div.task-tile div.task-tile-assignee i { color: #0073e7; font-size: 18px; } div.multiselect-task-tile { margin: 3px 5px 3px 5px; padding: 4px; background-color: #F1F2F3; border: 1px solid #DCDEDF; border-left: none; display: table; width: 100%; position: relative; white-space: nowrap; } div.multiselect-task-tile:before { content: ''; display: block; width: 13px; position: absolute; top: -1px; left: -12px; bottom: -1px; background-color: #F1F2F3; border: 1px solid #DCDEDF; border-right: none; } .sla-elapsed-time.sla-exceeded { color: #E5004C; } .sla-elapsed-time.sla-warning { color: #FCDB1F; } .sla-elapsed-time.sla-paused { color: #FFA20C; } .sla-elapsed-time.sla-ok { color: #1AAC60; } .task-tile-info-container { padding-top: 2px; padding-left: 6px; position: relative; } .task-tile-info-container .caption { display: inline-block; padding-right: 5px; } .task-tile-info-container .primary .caption { font-weight: bold; } .task-tile-info-container .value { display: inline-block; font-weight: bold; } .value + .caption { padding-left: 10px; } .task-col + .task-col { padding-left: 20px; } .task-tile-status { font-weight: bold; } html.fod-lang-ja .task-tile-status { font-size: smaller; } .task-tile-status i { color: #0073e7; } .task-tile-status .task-time { font-weight: normal; font-size: smaller; padding-left: 4px; } /* filter-visible */ @media (min-width: 0px) and (max-width: 1294px) { .filter-visible .task-tile-assignee { padding-bottom: 5px; } .filter-visible .task-col.secondary .task-tile-scan .caption { vertical-align: top; } .filter-visible .task-col.secondary .task-tile-scan .value { white-space: normal; width: 415px; } .filter-visible .task-tile-action-container > div.task-tile-status > span.task-status { overflow: hidden; display: inline-block; text-overflow: ellipsis; } } @media (min-width: 1295px) and (max-width: 1419px) { .filter-visible .task-col { vertical-align: top; display: inline-block; overflow: hidden; } .filter-visible .task-col.primary { width: 170px; } .filter-visible .task-col.secondary { width: 350px; } .filter-visible .task-col.secondary div.task-tile-scan > span.value { /* for this resolution we allow wrapping because it is important to see the Scan ID! */ white-space: normal; /* indent wrapped text by 15px */ padding-left: 15px; text-indent: -15px; } html.fod-lang-ja .filter-visible .task-tile-assignee { padding-bottom: 5px; } html.fod-lang-ja .filter-visible .task-col.secondary .task-tile-scan .caption { vertical-align: top; } html.fod-lang-ja .filter-visible .task-col.secondary .task-tile-scan .value { white-space: normal; width: 415px; } html.fod-lang-ja .filter-visible .task-tile-action-container > div.task-tile-status > span.task-status { overflow: hidden; display: inline-block; text-overflow: ellipsis; } } @media (min-width: 1420px) and (max-width: 1544px) { .filter-visible .task-col { vertical-align: top; display: inline-block; overflow: hidden; } .filter-visible .task-col.primary { width: 170px; } .filter-visible .task-col.secondary { width: 475px; } html.fod-lang-ja .filter-visible .task-col { vertical-align: top; display: inline-block; overflow: hidden; } html.fod-lang-ja .filter-visible .task-col.primary { width: 170px; } html.fod-lang-ja .filter-visible .task-col.secondary { width: 350px; } html.fod-lang-ja .filter-visible .task-col.secondary div.task-tile-scan > span.value { /* for this resolution we allow wrapping because it is important to see the Scan ID! */ white-space: normal; /* indent wrapped text by 15px */ padding-left: 15px; text-indent: -15px; } } @media (min-width: 1545px) and (max-width: 1719px) { .filter-visible .task-col { overflow: hidden; vertical-align: top; display: inline-block; } .filter-visible .task-col.primary { width: 250px; } .filter-visible .task-col.secondary { width: 500px; } html.fod-lang-ja .filter-visible .task-col { vertical-align: top; display: inline-block; overflow: hidden; } html.fod-lang-ja .filter-visible .task-col.primary { width: 170px; } html.fod-lang-ja .filter-visible .task-col.secondary { width: 475px; } } @media (min-width: 1720px) { .filter-visible .task-col { overflow: hidden; vertical-align: top; display: inline-block; } .filter-visible .task-col.primary { width: 275px; } .filter-visible .task-col.secondary { width: 650px; } .filter-visible .task-col.tertiary { width: 200px; } html.fod-lang-ja .filter-visible .task-col { overflow: hidden; vertical-align: top; display: inline-block; } html.fod-lang-ja .filter-visible .task-col.primary { width: 250px; } html.fod-lang-ja .filter-visible .task-col.secondary { width: 500px; } } /* filter-collapsed */ /* remove 250px from all range limits */ @media (min-width: 0px) and (max-width: 1044px) { .filter-collapsed .task-tile-assignee { padding-bottom: 5px; } .filter-collapsed .task-col.secondary .task-tile-scan .caption { vertical-align: top; } .filter-collapsed .task-col.secondary .task-tile-scan .value { white-space: normal; width: 415px; } .filter-collapsed .task-tile-action-container > div.task-tile-status > span.task-status { overflow: hidden; display: inline-block; text-overflow: ellipsis; } } @media (min-width: 1045px) and (max-width: 1169px) { .filter-collapsed .task-col { vertical-align: top; display: inline-block; overflow: hidden; } .filter-collapsed .task-col.primary { width: 170px; } .filter-collapsed .task-col.secondary { width: 350px; } .filter-collapsed .task-col.secondary div.task-tile-scan > span.value { /* for this resolution we allow wrapping because it is important to see the Scan ID! */ white-space: normal; /* indent wrapped text by 15px */ padding-left: 15px; text-indent: -15px; } html.fod-lang-ja .filter-collapsed .task-tile-assignee { padding-bottom: 5px; } html.fod-lang-ja .filter-collapsed .task-col.secondary .task-tile-scan .caption { vertical-align: top; } html.fod-lang-ja .filter-collapsed .task-col.secondary .task-tile-scan .value { white-space: normal; width: 415px; } html.fod-lang-ja .filter-collapsed .task-tile-action-container > div.task-tile-status > span.task-status { overflow: hidden; display: inline-block; text-overflow: ellipsis; } } @media (min-width: 1170px) and (max-width: 1294px) { .filter-collapsed .task-col { vertical-align: top; display: inline-block; overflow: hidden; } .filter-collapsed .task-col.primary { width: 170px; } .filter-collapsed .task-col.secondary { width: 475px; } html.fod-lang-ja .filter-collapsed .task-col { vertical-align: top; display: inline-block; overflow: hidden; } html.fod-lang-ja .filter-collapsed .task-col.primary { width: 170px; } html.fod-lang-ja .filter-collapsed .task-col.secondary { width: 350px; } html.fod-lang-ja .filter-collapsed .task-col.secondary div.task-tile-scan > span.value { /* for this resolution we allow wrapping because it is important to see the Scan ID! */ white-space: normal; /* indent wrapped text by 15px */ padding-left: 15px; text-indent: -15px; } } @media (min-width: 1295px) and (max-width: 1469px) { .filter-collapsed .task-col { overflow: hidden; vertical-align: top; display: inline-block; } .filter-collapsed .task-col.primary { width: 250px; } .filter-collapsed .task-col.secondary { width: 500px; } html.fod-lang-ja .filter-collapsed .task-col { vertical-align: top; display: inline-block; overflow: hidden; } html.fod-lang-ja .filter-collapsed .task-col.primary { width: 170px; } html.fod-lang-ja .filter-collapsed .task-col.secondary { width: 475px; } } @media (min-width: 1470px) { .filter-collapsed .task-col { overflow: hidden; vertical-align: top; display: inline-block; } .filter-collapsed .task-col.primary { width: 275px; } .filter-collapsed .task-col.secondary { width: 650px; } .filter-collapsed .task-col.tertiary { width: 200px; } html.fod-lang-ja .filter-collapsed .task-col { overflow: hidden; vertical-align: top; display: inline-block; } html.fod-lang-ja .filter-collapsed .task-col.primary { width: 250px; } html.fod-lang-ja .filter-collapsed .task-col.secondary { width: 500px; } } /* mixins */ /* inline message boxes */ .message-box { width: 100%; display: inline-block; padding: 5px; margin: 5px 0 15px 0; color: #FFF; } .message-box.info { background-color: #F1F2F3; } .message-box.info.static { background-color: #FFF; color: #F1F2F3; border: 1px solid #fdfdfd; } .message-box.warning { background-color: #FCDB1F; } .message-box.error { background-color: #E5004C; } .message-box.success { background-color: #1AAC60; } .message-box .box-icon { display: table-cell; vertical-align: middle; padding-left: 6px; padding-right: 12px; } .message-box .box-text { display: table-cell; } .message-box .box-inner { display: table-row; } dl > dt:not(:first-child) { margin-top: 8px; } dl > dd > ul { list-style: none; margin: 0; padding: 0; } dl.inline > dt { display: inline-block; min-width: 60px; } dl.inline > dt:after { content: ':'; padding-right: 20px; } dl.inline > dd { display: inline; margin: 0; } dl.inline > dd:after { content: ''; display: block; } .blink { animation: blink 1s linear 0 infinite alternate; } .text-important { color: #E5004C; } @keyframes blink { from { color: #FFF; } to { color: #0073e7; } } .search-container { display: inline-block; } .search-container > div.search-text-container { display: inline-block; position: relative; } .search-container > div.search-text-container input[type=text] { width: 250px; max-width: none; background-color: var(--search-input-background-color, #F1F2F3) !important; border: none; border-bottom: 1px solid var(--search-input-border-bottom-color, #BDBEC0); } .search-container > div.search-text-container input[type=text]:focus { outline: none !important; border-bottom: 1px solid #0073e7; } .search-container > div.search-text-container input[type=text]::-ms-clear { display: none; } .search-container > div.search-text-container .input-group-btn { position: absolute; top: 0.5rem; right: 6px; line-height: 1; } .search-container > div.search-text-container .input-group-btn .btn { margin-left: 1px; } .search-container > div.search-text-container .input-group-btn .btn.searchbox-clear > i { color: #E5004C; } .search-container > div.search-text-container .input-group-btn .btn.searchbox-clear:hover { color: #b2003b; } .search-container > div.search-text-container .input-group-btn .btn.searchbox-apply > i { color: var(--brand-dark, #000); } .search-container > div.search-text-container .input-group-btn .btn.searchbox-apply:hover { color: #000000; } .search-container > div.search-text-container .input-group-btn .btn.btn-link { padding: 0 3px; } .sso-page-info-block { width: calc(100% - 5px); max-width: 820px; } .sso-attribute-table { padding-left: 5px; display: table; color: inherit; } .sso-attribute-table .attribute-mapping .attribute-name { width: 225px; } .sso-attribute-table .attribute-mapping .attribute-field-name { width: 388px; min-width: 163px; } .sso-attribute-table .attribute-mapping .attribute-field-name input { min-width: 150px; } span.starSpan { font-size: 0; } span.starSpan > i { font-size: 16px; } .tab-in { margin-left: 20px; } .warning { font-weight: bold; color: red; } .form-group.warning { margin-top: -1rem; } #ssoGroupAssignmentWarning { margin-top: 3rem; } .validation-msg { display: none; } .invalid input[type="text"] { border-color: red; } .invalid .validation-msg { color: red; font-weight: bold; display: inline-block; } pre.pretty { background-color: transparent; font-family: unset; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0.2px; line-height: 22px; padding: 8px 0px; } span.argument-variable { font-size: 1.1rem; font-style: italic; font-weight: bold; } .template-filters { height: 360px; max-height: 360px; overflow-y: auto; } div.template-block-list { list-style: none; margin: 0; padding: 0; overflow-y: scroll; height: 400px; } div.template-block-list > div { position: relative; display: block; margin: 2px; padding: 0 15px 0 22px; height: 28px; line-height: 28px; text-align: center; background-color: #0073e7; color: #FFF; border: 1px solid #656668; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div.template-block-list > div.drop-target { background-color: #F1F2F3; } div.template-block-list > div > i.ff-drag { position: absolute; top: 7px; left: 5px; } .placeholder-container { position: relative; overflow: visible; } .placeholder-container .placeholder { position: absolute; top: 128px; width: 100%; text-align: center; text-transform: lowercase; } #template-blocks .deprecated-block-handle { background-color: #FF9900; color: black; } #template-blocks .deprecated-block div { background-color: #FF9900; display: inline-block; padding: 3px 3px; border: 1px solid #656668; } #view-template-modal .deprecated-block { color: #FF9900; font-weight: bold; } .training-overview { margin: 0; } .training-overview .overview-summary-block { vertical-align: top; padding: 0; } .training-overview .overview-summary-block .content-container { height: 200px; margin: 10px 15px 0 0; padding: 10px; overflow: hidden; } .training-overview .overview-summary-block:last-child .content-container { margin-right: 0; } .test { color: #0073e7; font-size: 30px; } .switch-hp { background: #F1F2F3; color: #000; margin: 0 0 0 0em !important; } .switch-hp label { color: #FFF; cursor: pointer; } tbody tr .switch-hp { border: 1px solid #DCDEDF; } tbody tr:nth-child(even) .switch-hp:not(.no-stripe) { background: #FFF; } .switch-hp > span { left: -0em; } .switch-hp > span span { color: #FFF; margin-left: 0em; font-size: 85%; transition: all 0.1s; cursor: pointer; } .switch-hp > span span:first-of-type { opacity: 1; } .switch-hp input + label { font-size: 85%; } .switch-hp a { background: #0073e7; } .switch-hp.switch-toggle label { display: table-cell !important; } .switch-hp.switch-toggle:not(.slider):not(.override) label { color: #FFF; } .switch-hp.switch-toggle:not(.slider):not(.override) input:not(:checked) + label { color: #000; } .switch-hp.switch-toggle:not(.slider):not(.override) input { color: #FFF; } .switch-hp.switch-toggle:not(.slider):not(.override) input:disabled ~ a { background: #DCDEDF !important; } .switch-hp.switch-toggle:not(.slider):not(.override) input:hover:not(:disabled) ~ a { background: #0180ff; } .switch-hp.switch-toggle.override input:nth-child(1):checked:hover:not(:disabled) + label { background: #ff0054; } .switch-hp.switch-toggle.override input:nth-child(1):checked:hover:not(:disabled) ~ a { background: #ff0054; } .switch-hp.switch-toggle.override input:nth-child(1):checked + label { background: #E5004C; } .switch-hp.switch-toggle.override input:nth-child(1):checked:disabled ~ a { background: #DCDEDF !important; } .switch-hp.switch-toggle.override input:nth-child(1):checked:disabled + label { background: #BDBEC0; } .switch-hp.switch-toggle.override input:nth-child(1):checked ~ a { background: #E5004C; } .switch-hp.switch-toggle.override input:nth-child(3):checked + label { color: #656668; background: #DCDEDF; } .switch-hp.switch-toggle.override input:nth-child(3):checked ~ a { background: #DCDEDF; } .switch-hp.switch-toggle.override input:nth-child(3):checked:disabled ~ a { background: #DCDEDF !important; } .switch-hp.switch-toggle.override input:nth-child(3):checked:disabled + label { background: #BDBEC0; } .switch-hp.switch-toggle.override input:nth-child(5):checked + label { background: #0073e7; } .switch-hp.switch-toggle.override input:nth-child(5):checked:disabled + label { background: #BDBEC0; } .switch-hp.switch-toggle.override input:nth-child(5):disabled ~ a { background: #DCDEDF !important; } .switch-hp.switch-toggle.override input:not(:checked) + label { color: #656668; } .switch-hp.switch-toggle.override input:disabled ~ a { background: #DCDEDF !important; } .switch-hp.switch-toggle.slider { border-spacing: 0 !important; } .switch-hp.switch-toggle.slider input:checked ~ label { background: #F1F2F3; color: #000; } .switch-hp.switch-toggle.slider input:checked:hover + label { background: #0180ff; } .switch-hp.switch-toggle.slider input:checked + label { color: #FFF; background: #0073e7; } .switch-hp.switch-toggle.slider input:checked:disabled + label { background: #BDBEC0; } .switch-hp.switch-toggle.slider input:not(:checked):disabled + label { background: #DCDEDF; color: #FFF; } .switch-hp.switch-toggle.slider label { color: #FFF; background: var(--color-brand-primary-lightened, #a9ccef); } .switch-hp.switch-light input:hover ~ a { background: #ff0054; } .switch-hp.switch-light input ~ a { background: #E5004C; } .switch-hp.switch-light input:disabled ~ a { opacity: 0.5; } .switch-hp.switch-light input:disabled ~ span span { cursor: default; } .switch-hp.switch-light input:disabled:checked ~ span span:first-of-type { color: #BDBEC0; opacity: 0; } .switch-hp.switch-light input:disabled:not(:checked) ~ span span:last-of-type { color: #BDBEC0; opacity: 0; } .switch-hp.switch-light input:checked:hover ~ a { background: #0180ff; } .switch-hp.switch-light input:checked ~ a { background: #0073e7; transform: translateX(100%); transition: all 0.1s linear; } .switch-hp.switch-light input:checked ~ span span:first-of-type { color: #656668; opacity: 0; } .switch-hp.switch-light input:checked ~ span span:last-of-type { opacity: 1; } .switch-hp.switch-light input:not(:checked) ~ span span:last-of-type { color: #656668; opacity: 0; } .permissionBlock:first-child { padding-right: 20px; } .permissionBlock .permission-toggle { display: table; table-layout: fixed; width: 100%; margin: 5px 0; } .permissionBlock .permission-toggle > div { display: table-cell; } .permissionBlock .permission-toggle > div:first-child { width: 100%; line-height: 2.15625em; vertical-align: middle; } .permissionBlock .permission-toggle > div:last-child { width: 110px; min-width: 110px; } .permissionBlock .permission-toggle > div:last-child.toggle-wrapper { width: 220px; min-width: 220px; } .permissionBlock > div.toggle-wrapper { margin: 4px 0; } .permissionBlock > div.toggle-wrapper:nth-of-type(2) { margin: 0 0 4px 0; } .permission { margin-bottom: 15px; } .permission > .permissionName { display: inline-block; width: 180px; height: 20px; margin-right: 30px; } .permission > .permissionSliderText { display: inline-block; width: 120px; } .permission > span { display: inline-block; } .permission > .permissionToggle { display: inline-block; width: 130px; } .permissionSliderSwitch { display: inline-block; width: 80px; } .permissionSlider { width: 65px; } .permissionSlider > .ui-slider-handle { border-radius: 0; } .permissionSlider > .ui-corner-all a { border-radius: 0; } .users-page-content > span { margin-right: 18px; } .users-page-content > span > span { vertical-align: middle; } body.dark-theme .applied-filters { background-color: #81c0ff; } .applied-filters { background-color: #cee6ff; padding: 6px 10px; margin-bottom: 6px; border-radius: 0px; } .applied-filters .btn { border: none !important; box-shadow: none !important; } .applied-filters .btn.btn-default { border-color: #0073e7; color: #0073e7; } .applied-filters .btn.btn-default:hover { background-color: var(--color-brand-primary-lightened, #a9ccef) !important; } .applied-filters .btn.btn-default:focus { background-color: var(--color-brand-primary-lightened, #a9ccef) !important; outline: none; } .applied-filters .btn.btn-secondary { padding: 7px; color: #656668; } .applied-filters .btn.btn-secondary:hover { background-color: #DCDEDF !important; } .applied-filters .btn.btn-secondary:focus { background-color: #DCDEDF !important; outline: none; } .applied-filters .btn.btn-link { background-color: var(--color-brand-primary-lightened, #a9ccef); padding: 7px 12px; margin: 2px; border-radius: 30px; font-size: 0.9em; color: #000 !important; } .applied-filters .btn.btn-link > span { vertical-align: middle; display: inline-block; } .applied-filters .btn.btn-link > span:nth-child(2) { color: #FFF; padding: 0 6px 0 3px; font-weight: normal; text-overflow: ellipsis; max-width: 200px; overflow: hidden; } .applied-filters .btn.btn-link:hover { box-shadow: 0 0 0 2px var(--color-brand-primary-lightened, #a9ccef); } .applied-filters .btn.btn-link.default-filter { opacity: 1; background-color: #DCDEDF; cursor: default; } .applied-filters .btn.btn-link.default-filter > span:nth-child(2) { color: #656668; } .applied-filters .btn.btn-link.default-filter .filter-list { min-width: 407px; } .assignment-control-width { padding: 0; width: 800px; } .issue-severity { display: inline-block; text-align: center; min-width: 100px; vertical-align: middle; } .issue-severity > h5 { padding-bottom: 2px; } table.prettygrid .issue-severity > h5 { font-size: 0.85em; } .issue-severity > .severity-badge { width: 100%; padding: 6px; } table.managed-applications .compliance { display: inline-block; min-width: 120px; text-align: center; vertical-align: middle; } table.managed-applications .compliance > div:first-child { font-size: 130%; padding-bottom: 4px; } table.managed-applications .compliance .btn-link .btn-sm { box-shadow: none; text-decoration: none; margin: 0 0 3px 0; padding: 0; outline: 0; border: 0; background-color: transparent; cursor: pointer; line-height: inherit; padding: 0 3px; } table.managed-applications .compliance .compliance-status-pass { color: #656668; } table.managed-applications .compliance .compliance-status-fail { color: var(--compliance-status-fail-color, #E5004C); background-color: var(--compliance-status-fail-background-color, transparent); border-radius: 30px; margin-bottom: 4px; } table.managed-applications .compliance-non-production { font-size: 105%; font-style: italic; text-transform: lowercase; color: #BDBEC0; } table.managed-applications .latest-change > :first-child { padding-bottom: 4px; } table.managed-applications .latest-change.latest-change-none { font-style: italic; text-transform: lowercase; color: #BDBEC0; } table.managed-applications > tbody > tr > td:nth-child(2) { text-align: center; white-space: nowrap; } table.managed-applications > tbody > tr > td:nth-child(3) { text-align: center; white-space: nowrap; } table.managed-applications > tbody > tr > td:nth-child(4) { text-align: center; min-width: 200px; } .prettygrid.discovered-applications th:not(:first-child) { min-width: 100px; } .prettygrid.discovered-applications td { vertical-align: top; } .prettygrid.discovered-applications td > div { line-height: 1.4em; } .prettygrid.discovered-applications td .indent { padding-left: 15px; } .prettygrid.discovered-applications td .status-badge { font-size: 14px; display: inline-block; /*min-width: 80px;*/ min-width: 40px; color: #FFF; text-align: center; /*float: right;*/ } .prettygrid.discovered-applications td .status-badge.status-badge-suppressed { background-color: #BDBEC0; } .prettygrid.discovered-applications td .status-badge.status-badge-new { background-color: #3939C6; } .prettygrid.discovered-applications td .status-badge.status-badge-existing { background-color: #00ABF3; } .prettygrid.discovered-applications td .status-badge.status-badge-reopen { background-color: #1FFBBA; } .prettygrid.discovered-applications td .status-badge.status-badge-fixed { background-color: #0073e7; } table.summary { margin-top: 15px; } table.summary th { padding-left: 15px !important; padding-right: 15px !important; } table.summary td { text-align: center; height: 130px; border-right: 1px solid #DCDEDF; } table.summary .compliance { display: inline-block; min-width: 100px; text-align: center; vertical-align: middle; } table.summary .compliance > div:first-child { font-size: 1.5em; padding-bottom: 4px; } table.summary .compliance .compliance-status-pass { color: inherit; } table.summary .compliance .compliance-status-fail { color: var(--compliance-status-fail-color, #E5004C); background-color: var(--compliance-status-fail-background-color, transparent); border-radius: 30px; margin-bottom: 4px; } table.summary .compliance .ff { font-size: 1.2em; } @media (max-width: 1315px) { table.summary .compliance .ff { font-size: 0.7em; } } table.summary .compliance-non-production { font-size: 105%; font-style: italic; text-transform: lowercase; color: #BDBEC0; } table.summary > tbody { border: 1px solid #DCDEDF !important; } .table-bordered > tbody > tr > td { border: 1px solid #DCDEDF !important; } table.application-releases th { letter-spacing: 1px; } table.application-releases td { text-align: center; } table.application-releases td:nth-child(2) { text-transform: none; text-align: left; } table.application-releases tr.group-row td { border-bottom: solid 1px #DCDEDF; } table.application-releases tr.group-row td:nth-child(3) { text-align: left; border-top: solid 1px #DCDEDF; } table.application-releases tr.group-row td:nth-child(3) > span { font-weight: bold; } table.application-releases tr.group-row td:nth-child(3) > div { padding: 4px 6px; display: inline; } table.application-releases .btn-info-icon { box-shadow: none; text-decoration: none; margin: 0 0 3px 0; padding: 0; outline: 0; border: 0; background-color: transparent; cursor: pointer; line-height: inherit; padding: 0 3px; font-size: 73%; } table.application-releases .Failing { color: #E5004C; } table.application-releases .Passing { color: #656668; } table.application-releases .compliance { display: inline-block; min-width: 120px; text-align: center; vertical-align: middle; } table.application-releases .compliance > div:first-child { font-size: 130%; padding-bottom: 4px; } table.application-releases .compliance .btn-link .btn-sm { box-shadow: none; text-decoration: none; margin: 0 0 3px 0; padding: 0; outline: 0; border: 0; background-color: transparent; cursor: pointer; line-height: inherit; padding: 0 3px; } table.application-releases .compliance .compliance-status-pass { color: #656668; } table.application-releases .compliance .compliance-status-fail { color: var(--compliance-status-fail-color, #E5004C); background-color: var(--compliance-status-fail-background-color, transparent); border-radius: 30px; margin-bottom: 4px; } #gridcontainer .table-responsive { overflow: visible; } #divReputation { width: 500px; } #divReputation > div { display: table; width: 500px; } #divReputation > div > div { display: table-row; } #divReputation > div > div > div { display: table-cell; } #divReputation > div > div > div:first-child { width: 70%; } #divReputation > div > div > div:last-child { width: 30%; text-align: center; } #divReputation > div > div > div:last-child i.fa-times, #divReputation > div > div > div:last-child i.ff-times { color: #E5004C; } #divReputation > div > div > div:last-child i.fa-check, #divReputation > div > div > div:last-child i.ff-check { color: #0073e7; } #divReputation tr td:last-child { text-align: center; } #divReputation tr i.ff-check { color: #0073e7; } #divReputation tr i.ff-times { color: #E5004C; } .open-source-summary-block { display: inline-block; vertical-align: top; margin-right: 14px; } .open-source-summary-block .open-source-summary-number { font-size: 120%; } .open-source-summary-block .open-source-summary-number-extra { font-size: 90%; } .divSeverityTrend .ct-series-a .ct-line, .divSeverityTrend .ct-series-a .ct-point { stroke: #e11f26 !important; } .divSeverityTrend .ct-series-b .ct-line, .divSeverityTrend .ct-series-b .ct-point { stroke: #f26527 !important; } .divSeverityTrend .ct-series-c .ct-line, .divSeverityTrend .ct-series-c .ct-point { stroke: #f99c1c !important; } .divSeverityTrend .ct-series-d .ct-line, .divSeverityTrend .ct-series-d .ct-point { stroke: #fccc0a !important; } .divSeverityTrend .ct-legend li.inactive:before { background: transparent; } .divSeverityTrend .ct-legend.ct-legend-inside { position: absolute; top: 0; right: 0; } .divSeverityTrend .ct-legend .ct-series-0:before { background-color: #e11f26; border-color: #e11f26; } .divSeverityTrend .ct-legend .ct-series-1:before { background-color: #f26527; border-color: #f26527; } .divSeverityTrend .ct-legend .ct-series-2:before { background-color: #f99c1c; border-color: #f99c1c; } .divSeverityTrend .ct-legend .ct-series-3:before { background-color: #fccc0a; border-color: #fccc0a; } #issueFlowContainer { max-height: 80vh; min-height: 40vh; background-color: #000; overflow: hidden; padding: 0 5px 5px 5px; } #divIssueFlow, #issueFlowOverlay { color: #FFF; background: #000; padding: 3px 0; } #divIssueFlow .issue-flow-menu-bar, #issueFlowOverlay .issue-flow-menu-bar { margin: 5px; margin-bottom: 0; border-bottom: #0073e7 1px solid; } #divIssueFlow .issue-flow-menu-bar dl, #issueFlowOverlay .issue-flow-menu-bar dl { display: inline-block; padding-left: 40px; } #divIssueFlow .issue-flow-menu-bar .btn-row, #issueFlowOverlay .issue-flow-menu-bar .btn-row { margin: 13px 0; } #divIssueFlow .issue-flow-menu-bar .btn-row .btn, #issueFlowOverlay .issue-flow-menu-bar .btn-row .btn { min-width: 100px; color: #FFF; } #issueFlowOverlay { display: block; position: absolute; top: 50px; right: 0; left: 0; bottom: 0; padding: 20px; height: 100vh; background-color: #000; color: #BDBEC0; z-index: 9999; opacity: 0.98; border-bottom: 1px solid #0073e7; } .issueFlowChart { fill: #FFF; height: 500px; } #issueFlowOverlay .issueFlowChart { height: 80vh; } .issueFlowChart.heat-map-enabled .node-heatmap-high { fill: #E5004C !important; } .issueFlowChart.heat-map-enabled .node-heatmap-medium { fill: #f16e36 !important; } .issueFlowChart.heat-map-enabled .node-heatmap-low { fill: #FCDB1F !important; } .issueFlowChart g.nodes g.node { fill: #BDBEC0; } .issueFlowChart g.nodes g.node:hover { fill: #C6179D; transition: fill 0.1s ease-in; } .issueFlowChart g.nodes g.node rect { fill-opacity: 0.8; transition: fill 0.3s ease-in; } .issueFlowChart g.nodes g.node rect.menu { fill: #2FD6C3; } .issueFlowChart g.nodes g.node rect.menu text { fill: #FFF; } .issueFlowChart g.nodes g.node circle { fill: #FFF; } .issueFlowChart g.nodes g.node text { fill: #FFF; pointer-events: none; } .issueFlowChart g.nodes g.node.node-highlight rect { fill: #C6179D; } .issueFlowChart g.nodes g.node.node-root image { cursor: pointer; } .issueFlowChart g.links path.link { fill: none; stroke: #2FD6C3; stroke-opacity: 0.6; transition: stroke 0.3s, stroke-opacity 0.2s ease-in, stroke-width 0.2s ease-in; } .issueFlowChart g.links path.link:hover { stroke-opacity: 0.8 !important; stroke: #29CEFF !important; transition: stroke 0.1s ease-in, stroke-opacity 0.2s ease-in, stroke-width 0.2s ease-in; } .issueFlowChart g.links path.link.link-highlight { stroke-opacity: 0.8 !important; stroke: #C6179D !important; stroke-width: 4 !important; } .dark-cover-load.cover-hide { display: none; } .dark-cover-load.cover-show { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 20px; height: 100%; background-color: #000; color: #BDBEC0; z-index: 999; opacity: 0.85; } .deprecation-banner { color: #000; background-color: #FFC002; padding-inline: 8px; padding-block: 4px; } .deprecation-banner a { color: var(--a-warn-text-color, #1668C1); font-weight: 700; text-decoration: underline; } .deprecation-banner a:hover { font-weight: 400; } .shepherd-element { position: absolute; display: none; } .shepherd-element.shepherd-open { display: block; } .shepherd-element.shepherd-theme-fod { max-width: 100%; max-height: 100%; z-index: 9999; max-width: 24em; font-size: 1em; } .shepherd-element.shepherd-theme-fod .shepherd-content { position: relative; font-family: inherit; background: var(--menu__background-color, #FFF); color: var(--body-color, #000); padding: 1em; font-size: 1.1em; line-height: 1.5em; padding: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.9); } .shepherd-element.shepherd-theme-fod .shepherd-content:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-width: 16px; border-style: solid; pointer-events: none; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content { margin-bottom: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before { top: 100%; left: 50%; margin-left: -16px; border-top-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content { margin-top: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before { bottom: 100%; left: 50%; margin-left: -16px; border-bottom-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content { margin-right: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before { left: 100%; top: 50%; margin-top: -16px; border-left-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content { margin-left: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before { right: 100%; top: 50%; margin-top: -16px; border-right-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content { margin-top: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before { bottom: 100%; left: 16px; border-bottom-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content { margin-top: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before { bottom: 100%; right: 16px; border-bottom-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content { margin-bottom: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before { top: 100%; left: 16px; border-top-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content { margin-bottom: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before { top: 100%; right: 16px; border-top-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content { margin-right: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before { top: 16px; left: 100%; border-left-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content { margin-left: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before { top: 16px; right: 100%; border-right-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content { margin-right: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before { bottom: 16px; left: 100%; border-left-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content { margin-left: 16px; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before { bottom: 16px; right: 100%; border-right-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-fod.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before { border-bottom-color: #F1F2F3; } .shepherd-element.shepherd-theme-fod.shepherd-has-title .shepherd-content header { background: var(--menu__background-color, #FFF); padding: 0.8em; font-size: 1.1em; } .shepherd-element.shepherd-theme-fod.shepherd-has-title .shepherd-content header a.shepherd-cancel-link { padding: 0; margin-bottom: 0; } .shepherd-element.shepherd-theme-fod.shepherd-has-title .shepherd-content header h3 { color: var(--body-color, #000); } .shepherd-element.shepherd-theme-fod.shepherd-has-cancel-link .shepherd-content header h3 { float: left; } .shepherd-element.shepherd-theme-fod .shepherd-content * { font-size: inherit; } .shepherd-element.shepherd-theme-fod .shepherd-content header { *zoom: 1; } .shepherd-element.shepherd-theme-fod .shepherd-content header:after { content: ""; display: table; clear: both; } .shepherd-element.shepherd-theme-fod .shepherd-content header h3 { margin: 0; line-height: 1; font-weight: normal; } .shepherd-element.shepherd-theme-fod .shepherd-content header a.shepherd-cancel-link { float: right; text-decoration: none; font-size: 1.25em; line-height: 0.8em; font-weight: normal; color: var(--body-color, #000); opacity: 1; position: relative; top: 0.1em; padding: 0.8em; margin-bottom: -0.8em; } .shepherd-element.shepherd-theme-fod .shepherd-content header a.shepherd-cancel-link:hover { opacity: 0.5; } .shepherd-element.shepherd-theme-fod .shepherd-content .shepherd-text { padding: 1em; } .shepherd-element.shepherd-theme-fod .shepherd-content .shepherd-text p { margin: 0 0 0.5em 0; line-height: 1.3em; } .shepherd-element.shepherd-theme-fod .shepherd-content .shepherd-text p:last-child { margin-bottom: 0; } .shepherd-element.shepherd-theme-fod .shepherd-content footer { padding: 0 1em 1em; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons { text-align: right; list-style: none; padding: 0; margin: 0; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li { display: inline; padding: 0; margin: 0; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button { cursor: pointer; background: transparent; border-radius: 0; padding: 6px 9px; font-size: 14px; position: relative; letter-spacing: 0.02em; transition: box-shadow 0.1s ease-in-out; font-weight: 600; border: 2px solid; background: var(--uxa-button__background-color--primary, #0073e7); border-color: var(--uxa-button__background-color--primary, #0073e7); color: var(--uxa-button__color--primary, #FFF); min-width: 96px; height: 32px; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:hover { color: var(--uxa-button__color--primary-hover, #0066ce) !important; background: var(--uxa-button__background-color--primary-hover, var(--color-brand-primary-lightened, #a9ccef)) !important; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:active, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:focus, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:active:focus { border-color: var(--uxa-button__color--primary, #FFF); box-shadow: none; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:focus { outline: 3px auto var(--uxa-button__color--primary, #FFF); } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.disabled, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.disabled:hover, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:disabled, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button:disabled:hover { background-color: unset !important; border-color: var(--uxa-button__color--primary-disabled, #DCDEDF) !important; color: var(--uxa-button__color--primary-disabled, #DCDEDF) !important; opacity: 100%; cursor: default; box-shadow: none; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary { background: var(--uxa-button__background-color--secondary, var(--button-secondary, #656668)); border-color: var(--uxa-button__color--secondary, var(--button-secondary, #656668)); color: var(--uxa-button__color--secondary, var(--button-secondary, #656668)); min-width: 96px; height: 32px; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover { color: var(--uxa-button__color--secondary-hover, #F1F2F3) !important; background: var(--uxa-button__background-color--secondary-hover, #F1F2F3) !important; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:active, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:focus, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:active:focus { border-color: var(--uxa-button__color--secondary, var(--button-secondary, #656668)); box-shadow: none; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:focus { outline: 3px auto var(--uxa-button__color--secondary, var(--button-secondary, #656668)); } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary.disabled, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary.disabled:hover, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:disabled, .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:disabled:hover { background-color: unset !important; border-color: var(--uxa-button__color--secondary-disabled, #DCDEDF) !important; color: var(--uxa-button__color--secondary-disabled, #DCDEDF) !important; opacity: 100%; cursor: default; box-shadow: none; } .shepherd-element.shepherd-theme-fod .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button { margin-right: 0; } .shepherd-start-tour-button.shepherd-theme-fod { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 3px; cursor: pointer; border: 0; margin: 0 0.5em 0 0; font-family: inherit; letter-spacing: 0.1em; font-size: 0.8em; line-height: 1em; padding: 0.75em 2em; background: #0073e7; color: #FFF; } button.zt, div.zt { width: 22px; height: 22px; z-index: 120001; background-image: url("images/loader_animated_Light.gif"); background-size: contain; } button.zt.zt-xs, div.zt.zt-xs { width: 14px; height: 14px; } button.zt.zt-sm, div.zt.zt-sm { width: 22px; height: 22px; } button.zt.zt-md, div.zt.zt-md { width: 44px; height: 44px; } .notificationList { border-right: 1px solid #DCDEDF; min-height: 600px; } .notificationList .listItem { border-bottom: 1px solid #DCDEDF; padding: 10px 5px; } .accountOnly #createSubscription { top: -35px; position: relative; } #notificationsTable table tr th:first-child, #notificationsTable table tr .dates { width: 225px; min-width: 225px; } #notificationsTable table tr .messages { width: 100%; } #notificationsTable table tr th:last-child { width: 150px; min-width: 150px; } #notificationsTable table tr td:last-child .btn { margin: 0 5px; } #notificationSubscriptions .icons { text-align: center; } #notificationSubscriptions .icons button { margin: 0 5px; } #createSubscriptionModal, #editCriteriaWrapper, #editSubscriptionModal, #editCriteriaWrapper { overflow: auto; } #createSubscriptionModal td:first-child, #editCriteriaWrapper td:first-child, #editSubscriptionModal td:first-child, #editCriteriaWrapper td:first-child { text-align: center; width: 25px; } #createSubscriptionModal td:first-child .control, #editCriteriaWrapper td:first-child .control, #editSubscriptionModal td:first-child .control, #editCriteriaWrapper td:first-child .control { margin-right: 0; } #createSubscriptionModal td:first-child .control > .control-indicator, #editCriteriaWrapper td:first-child .control > .control-indicator, #editSubscriptionModal td:first-child .control > .control-indicator, #editCriteriaWrapper td:first-child .control > .control-indicator { margin: 0; } #securitysettingscontent .password-reset-frequency { margin-top: 15px; margin-bottom: 35px; } #securitysettingscontent .password-reset-frequency .bottom-space-15 { margin-bottom: 15px; } #securitysettingscontent .password-reset-frequency .input-group { width: 125px; } #securitysettingscontent .max-pat-lifetime { margin-top: 15px; margin-bottom: 35px; } #securitysettingscontent .max-pat-lifetime .bottom-space-15 { margin-bottom: 15px; } #securitysettingscontent .max-pat-lifetime .input-group { width: 125px; } #securitysettingscontent .two-fa-settings { margin-top: 15px; margin-bottom: 35px; } #securitysettingscontent .two-fa-settings .bottom-space-15 { margin-bottom: 15px; } #securitysettingscontent .two-fa-settings #TwoFactorAuthFrequency { margin-left: 5px; } #securitysettingscontent .restrictions-settings { display: inline-block; height: 250px; position: relative; padding-right: 60px; } #securitysettingscontent .restrictions-settings .switch-title.allow-tams { margin-top: 10px; } #securitysettingscontent .restrictions-settings .valid-examples { position: absolute; bottom: 0; } #securitysettingscontent .restrictions-settings .valid-examples .user-ip { margin-bottom: 30px; } #securitysettingscontent .ip-section { min-height: 250px; min-width: 200px; display: inline-block; vertical-align: top; } #securitysettingscontent .ip-section .ipwhitelist-title { margin-bottom: 5px; } #securitysettingscontent .ip-section #ipWhiteList { height: 193px; } #securitysettingscontent .ip-section #addIpControls input#ipToAdd { width: 193px; } #securitysettingscontent .ip-section #addIpControls button { vertical-align: top; } #securitysettingscontent .bottom-controls { margin-top: 40px; } #securitysettingscontent .switch-title, .sonatype-settings .switch-title { margin-bottom: 5px; } #securitysettingscontent .switch-container, .sonatype-settings .switch-container { width: 100px; display: inline-block; } #ticketsWrapper { display: -ms-inline-flexbox; display: inline-flex; } #ticketsWrapper #ticketsPanel #ticketAuditDetails { height: calc(100vh - 516px); } #ticketModalPane #ticketsPanel #ticketAuditDetails { height: 440px; } #ticketModalPane { display: -ms-inline-flexbox; display: inline-flex; height: 748px; } #ticketsList { display: inline-block; overflow-y: auto; margin-top: 10px; } #ticketsList .ticketGroupHeader { padding: 5px; color: #FFF; background-color: var(--background-2-color, #BDBEC0); cursor: pointer; } #ticketsList .ticketGroupHeader > .badge { float: right; background-color: #656668; color: white; margin-left: 5px; margin-top: 2px; } #ticketsList .ticketGroupHeader > i.ff:before { color: #FFF; content: '\f44c'; } #ticketsList .ticketGroupHeader.collapsed > i.ff:before { content: '\f44e'; } #ticketsList .ticket { color: var(--brand-dark, #000); background-color: var(--background-1-color, #FFF); padding: 10px 5px; cursor: pointer; height: 105px; border: 1px solid #DCDEDF; border-radius: 0; } #ticketsList .ticket:hover, #ticketsList .ticket.selected { background-color: var(--color-brand-primary-lightened, #a9ccef); border-color: #0073e7; } #ticketsList .ticket:hover + .ticket, #ticketsList .ticket.selected + .ticket { border-top-color: #0073e7; } #ticketsList .ticket .ticketId, #ticketsList .ticket .ticketStatus, #ticketsList .ticket .ticketSubject { font-weight: bold; } #ticketsList .ticket .ticketSubject, #ticketsList .ticket .ticketDescription { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } body.dark-theme #ticketsPanel .ticketHeader { box-shadow: none; } #ticketsPanel { margin-top: 10px; overflow: hidden; } #ticketsPanel .ticketHeader { box-shadow: 0px 7px 10px #DCDEDF; padding: 0 10px; position: relative; } #ticketsPanel .ticketHeader #ticketOverview { padding: 10px; min-height: 100px; border: 1px solid #DCDEDF; border-radius: 5px; position: relative; } #ticketsPanel .ticketHeader #ticketOverview .ticketInfo .overviewStatus, #ticketsPanel .ticketHeader #ticketOverview .ticketInfo .overviewId { font-weight: bold; } #ticketsPanel .ticketHeader #ticketOverview .overviewSubject { font-weight: bold; font-size: 24px; padding: 5px 0; } #ticketsPanel .ticketHeader #ticketOverview .ticketActions { position: absolute; bottom: 0; right: 0; } #ticketsPanel .ticketHeader #addComment { height: 200px; max-height: 200px; display: block; padding: 10px; position: relative; } #ticketsPanel .ticketHeader #addComment #commentText { display: block; margin: 0 auto; height: 125px; } #ticketsPanel .ticketHeader #addComment .submitComment { margin: 0; padding: 10px 0; } #ticketsPanel .ticketHeader #addComment .submitComment .commentSwitch { width: 180px; } #ticketsPanel .ticketHeader #addComment .switch-hp.switch-light input ~ a { background: #29CEFF !important; } #ticketsPanel .ticketHeader #addComment .switch-hp.switch-light input:checked ~ a { background: #C6179D !important; } #ticketsPanel #ticketAuditDetails { overflow-y: scroll; overflow-x: hidden; z-index: -1; } #ticketsPanel #ticketAuditDetails .audit { background: var(--background-1-color, #FFF); border-bottom: 2px solid #DCDEDF; } #ticketsPanel #ticketAuditDetails .audit .auditItem { padding: 20px; word-break: break-word; } #ticketsPanel #ticketAuditDetails .audit .auditItem .auditInfo { border-bottom: 1px solid #DCDEDF; } #ticketsPanel #ticketAuditDetails .audit .auditItem .auditInfo .auditAuthor { font-weight: bold; } #ticketsPanel #ticketAuditDetails .audit .auditItem .auditBody { padding-top: 5px; padding-left: 10px; } #ticketsPanel .internal { border-left: 5px solid #29CEFF; } #ticketsPanel .public { border-left: 5px solid #C6179D; } #toolsTable > tbody tr { height: 60px; } #toolsTable td:first-child { max-width: 100%; } #toolsTable img.stretch { width: 127px; height: 41px; } #toolsTable .action-cell-right { text-align: right; } #toolsTable .action-cell-right a > i { font-size: 28px; } .bug-tracker-conf { padding-bottom: 50px; padding-left: 10px; } .bug-tracker-conf .almEnabledContainer .switch-container { width: 100px; margin-bottom: 15px; } .bug-tracker-conf .almEnabledContainer .switch-title { margin-bottom: 5px; } .bug-tracker-conf .user-aunthentication-params { margin-bottom: 10px; } .bug-tracker-conf .user-aunthentication-params .alm-username { margin-bottom: 15px; } .bug-tracker-conf .user-aunthentication-params { margin-bottom: 10px; } .bug-tracker-conf .user-aunthentication-params .alm-accountid { margin-bottom: 15px; } .bug-tracker-conf .bug-tracker-passwd { position: relative; padding-right: 50px; } .bug-tracker-conf .bug-tracker-passwd span.input-group-btn { position: absolute; right: 32px; top: 21px; } .bug-tracker-conf .authentication .btn-sm { width: 98px; display: block; margin-bottom: 15px; } .bug-tracker-conf .authentication .ui-user-notification { margin-bottom: 15px; } .bug-tracker-conf .authentication .ui-user-notification span { display: none; color: #E5004C; } .bug-tracker-conf .authentication .ui-user-notification span.success { color: #1AAC60; } .bug-tracker-conf .url-normalized { margin-bottom: 15px; display: none; } .bug-tracker-conf .url-normalized span { color: #E5004C; } .bug-tracker-conf button { margin-bottom: 10px; } #modalSubmitBug { width: 900px; } #modalSubmitBug h4 { margin-bottom: 15px; } #modalSubmitBug .tracked-issues-message { color: red; display: none; padding-bottom: 15px; } #modalSubmitBug .issues-container { max-height: 480px; overflow-y: auto; } #modalSubmitBug .issues-container thead th { text-align: left; } #modalSubmitBug .bug-tracker-tab pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin: 0; } #modalSubmitBug .bug-tracker-tab pre.cbtIssueIds { height: 86px; } #modalSubmitBug .bug-tracker-tab pre.cbtIssueDescriptions { height: 315px; } .scan-setup-status button:disabled { opacity: unset !important; } .scan-status-icon { display: inline-block; text-align: center; min-width: 65px; vertical-align: top; } .scan-status-icon i.ff { font-size: 2em; } .scan-status-icon h5 { padding-bottom: 8px; } table .scan-status-icon h5 { letter-spacing: 0.07em; font-size: 85%; padding-bottom: 2px; } .scan-status-icon .scan-status > a > div:last-child, .scan-status-icon .scan-status > div:last-child { padding-top: 4px; } table > .scan-status-icon .scan-status > a > div:last-child, table > .scan-status-icon .scan-status > div:last-child { font-size: 85%; padding-top: 1px; } .scan-status-icon .scan-status.scan-status-superscript { position: absolute; right: 5px; top: -10px; } .scan-status-icon .scan-status.scan-status-superscript > i.fa.status-warning { color: #FFC002; } .scan-status-icon .scan-status.scan-status-completed > i, .scan-status-icon .scan-status.scan-status-completed div { color: #5BBA36; } .scan-status-icon .scan-status.scan-status-completed > a { color: #5BBA36; } .scan-status-icon .scan-status.scan-status-completed > a:hover { filter: brightness(1.15); } .scan-status-icon .scan-status.scan-status-partial-complete > i, .scan-status-icon .scan-status.scan-status-partial-complete div { color: var(--uxa-color__orange-juice); } .scan-status-icon .scan-status.scan-status-partial-complete > a { color: var(--uxa-color__orange-juice); } .scan-status-icon .scan-status.scan-status-partial-complete > a:hover { filter: brightness(1.15); } .scan-status-icon .scan-status.scan-status-not-started > i, .scan-status-icon .scan-status.scan-status-disabled > i, .scan-status-icon .scan-status.scan-status-not-started div, .scan-status-icon .scan-status.scan-status-disabled div { color: #BDBEC0; } .scan-status-icon .scan-status.scan-status-not-started > a, .scan-status-icon .scan-status.scan-status-disabled > a { color: #BDBEC0; } .scan-status-icon .scan-status.scan-status-not-started > a:hover, .scan-status-icon .scan-status.scan-status-disabled > a:hover { filter: brightness(1.15); } .scan-status-icon .scan-status.scan-status-in-progress > i, .scan-status-icon .scan-status.scan-status-challenged > i, .scan-status-icon .scan-status.scan-status-scheduled > i, .scan-status-icon .scan-status.scan-status-in-progress div, .scan-status-icon .scan-status.scan-status-challenged div, .scan-status-icon .scan-status.scan-status-scheduled div { color: var(--scan-status-in-progress-color, #3939C6); } .scan-status-icon .scan-status.scan-status-in-progress > a, .scan-status-icon .scan-status.scan-status-challenged > a, .scan-status-icon .scan-status.scan-status-scheduled > a { color: var(--scan-status-in-progress-color, #3939C6); } .scan-status-icon .scan-status.scan-status-in-progress > a:hover, .scan-status-icon .scan-status.scan-status-challenged > a:hover, .scan-status-icon .scan-status.scan-status-scheduled > a:hover { filter: brightness(1.15); } .scan-status-icon .scan-status.scan-status-paused > i, .scan-status-icon .scan-status.scan-status-canceled > i, .scan-status-icon .scan-status.scan-status-failed > i, .scan-status-icon .scan-status.scan-status-challenged-canceled > i, .scan-status-icon .scan-status.scan-status-paused div, .scan-status-icon .scan-status.scan-status-canceled div, .scan-status-icon .scan-status.scan-status-failed div, .scan-status-icon .scan-status.scan-status-challenged-canceled div { color: #E5004C; } .scan-status-icon .scan-status.scan-status-paused > a, .scan-status-icon .scan-status.scan-status-canceled > a, .scan-status-icon .scan-status.scan-status-failed > a, .scan-status-icon .scan-status.scan-status-challenged-canceled > a { color: #E5004C; } .scan-status-icon .scan-status.scan-status-paused > a:hover, .scan-status-icon .scan-status.scan-status-canceled > a:hover, .scan-status-icon .scan-status.scan-status-failed > a:hover, .scan-status-icon .scan-status.scan-status-challenged-canceled > a:hover { filter: brightness(1.15); } body.blurry > section > div:not(.outside-container-modals) { filter: blur(2px); } body.blurry > header { filter: blur(2px); position: relative; z-index: 5001; } body.dark-theme #issue-filters-page .issue-filters .issue-filter { background-color: var(--body-background-color, #F1F2F3); } #issue-filters-page .issue-filters { padding: 25px; min-height: 200px; } #issue-filters-page .issue-filters .issue-filter { margin: 10px 0 20px 0; padding: 20px 0; transition: box-shadow 1s; } #issue-filters-page .issue-filters .issue-filter h4 { font-size: 20px; } #issue-filters-page .issue-filters .issue-filter .ff-times { color: #E5004C; } #issue-filters-page .issue-filters .issue-filter .col-md-3, #issue-filters-page .issue-filters .issue-filter .col-md-2 { padding-left: 0px; padding-right: 5px; } #issue-filters-page .issue-filters .issue-filter > div:not(.no-filters) { display: table; } #issue-filters-page .issue-filters .issue-filter > div:not(.no-filters) .drag-handle { cursor: ns-resize; display: table-cell; width: 28px; max-width: 28px; color: #656668; } #issue-filters-page .issue-filters .issue-filter > div:not(.no-filters) > div:nth-child(2) { display: table-cell; width: 100%; } #issue-filters-page .issue-filters .issue-filter.sortable-ghost { opacity: 0 !important; } #issue-filters-page .issue-filters .issue-filter.sortable-chosen { opacity: 1; box-shadow: 0 16px 24px 2px #BDBEC0 !important; } #issue-filters-page .issue-filters .issue-filter.sortable-drag { opacity: 1; } #issue-filters-page .issue-filters .issue-filter > div.no-filters { color: #DCDEDF; } #issue-filters-page .issue-filters .issue-filter > div.no-filters > i { display: block; text-align: center; font-size: 100px; } #issue-filters-page .issue-filters .issue-filter > div.no-filters > div { display: block; text-align: center; font-size: 1.5em; } #issue-filters-page .issue-filters .issue-filter .issue-filter-actions:before { content: ''; display: block; margin: 20px 50px 20px 0px; border-top: solid 1px #DCDEDF; } #issue-filters-page .issue-filters .issue-filter .issue-filter-actions .issue-filter-action-row { margin-top: 5px; margin-bottom: 5px; } #issue-filters-page .issue-filters .issue-filter .issue-filter-actions .issue-filter-action-row:before { display: block; margin: 20px 50px 20px 0px; border-top: solid 1px #DCDEDF; } #issue-filters-page .issue-filters .issue-filter .issue-filter-conditions { margin-top: -8px; } #issue-filters-page .issue-filters .issue-filter .issue-filter-conditions > .issue-filter-condition-row { margin-top: 2px; margin-bottom: 2px; padding-bottom: 10px; } .integration-header { margin: 15px; height: 108px; cursor: pointer; } .integration-header .title { padding-top: 25px; font-size: 2.5em; } .integration-header i { font-size: 5em; padding: 10px; float: left; border: 3px solid #DCDEDF; border-radius: 50px; margin-right: 10px; } .integration-header .count { position: absolute; right: 50px; top: 37px; font-size: 3em; } #integrations .content-container { margin-bottom: 10px; } #integrations .table-responsive { padding: 15px; } #integrations .details .add-int { margin-bottom: 10px; margin-left: 15px; min-width: 185px; } #integrations .slack-links { width: 100px; text-align: center; } .assessmentTypeContainer { max-height: 500px; overflow-y: scroll !important; -ms-overflow-y: scroll !important; } .wizardContentContainer { height: 560px; max-height: 560px; } .summaryPolicyContainer { max-height: 560px; overflow-y: auto; } /* this hides the magellan masthead that would normally appear in the dashboard editor */ div[id^="dashboard-pane_actuate"][id$="_banner"] { display: none !important; } /* this container's margin causes the background to be visible which causes excessive spacing */ .otbi-dashboard-container { margin: 0 !important; } /* Hide the dashboard header until Magellan fixes their printing so the print button is not available. We're doing this in css rather than calling dashboard.showTabNavigation to avoid having the header briefly appear then disappear when the dasboard loads. */ .otbi-canvas-navigation { display: none !important; } /* this span gets injected into the DOM and causes the browser to show both scrollbars */ #actuate_viewer_resourcesContainer { display: none !important; } /* hide the '-- No Value --' option inside the report parameter gadgets */ table.otbi-chart-data-selector-table > tbody > tr:first-child > td:first-child { display: none; } #dashboard-container { height: calc(100vh - 56px); } #magellan-dashboard-view #dashboards-loading { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #delete-dashboard { color: #E5004C; } #dashboard-pane { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } #dashboard-container .opentext-ux pre { background-color: unset; } .actuate-window-mc { color: #000; }