.sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; } .sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } /* This file provides the ability to reference icons throughout the Adaptik framework, it is based off of * font-awesome.css, but provides additional font usages and also aliases for some of the icons in order * to make them more useful in the Adaptik Framework. * * See font-awesome.css in the vendors folder for licensing terms. * Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome */ /* Font Face Declaration */ @font-face { font-family: "FontAwesome"; src: url('../css/vendor/font-awesome/fontawesome-webfont.eot'); src: url('../css/vendor/font-awesome/fontawesome-webfont.eot?#iefix') format('eot'), url('../css/vendor/font-awesome/fontawesome-webfont.woff') format('woff'), url('../css/vendor/font-awesome/fontawesome-webfont.ttf') format('truetype'), url('../css/vendor/font-awesome/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } .icon:before, .icon:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; vertical-align: middle; } a.icon { display: inline-block; text-decoration: inherit; } button.icon { /* keeps button heights with and without icons the same */ line-height: .9em; } button.icon:before { padding-top: 0.2em; padding-right: 0.5em; } button.icon:after { padding-top: 0.2em; padding-left: 0.5em; } li.icon { margin-left: 0; list-style-type: none; } li.icon:before, li.icon:after { text-indent: -2em; text-align: center; } .icon-large:before, .icon-large:after { font-size: 1.8rem; } /* The following are all from the Font Awesome font family */ .icon-glass:before { font-family: FontAwesome; content: "\f000"; } .icon-music:before { font-family: FontAwesome; content: "\f001"; } .icon-search:before { font-family: FontAwesome; content: "\f002"; } .icon-envelope-alt:before { font-family: FontAwesome; content: "\f003"; } .icon-heart:before { font-family: FontAwesome; content: "\f004"; } .icon-star:before { font-family: FontAwesome; content: "\f005"; } .icon-star-empty:before { font-family: FontAwesome; content: "\f006"; } .icon-user:before { font-family: FontAwesome; content: "\f007"; } .icon-film:before { font-family: FontAwesome; content: "\f008"; } .icon-th-large:before { font-family: FontAwesome; content: "\f009"; } .icon-th:before { font-family: FontAwesome; content: "\f00a"; } .icon-th-list:before { font-family: FontAwesome; content: "\f00b"; } .icon-ok:before { font-family: FontAwesome; content: "\f00c"; } .icon-remove:before { font-family: FontAwesome; content: "\f00d"; } .icon-zoom-in:before { font-family: FontAwesome; content: "\f00e"; } .icon-zoom-out:before { font-family: FontAwesome; content: "\f010"; } .icon-power-off:before, .icon-off:before { font-family: FontAwesome; content: "\f011"; } .icon-signal:before { font-family: FontAwesome; content: "\f012"; } .icon-gear:before, .icon-cog:before { font-family: FontAwesome; content: "\f013"; } .icon-trash:before { font-family: FontAwesome; content: "\f014"; } .icon-home:before { font-family: FontAwesome; content: "\f015"; } .icon-file-alt:before { font-family: FontAwesome; content: "\f016"; } .icon-time:before { font-family: FontAwesome; content: "\f017"; } .icon-road:before { font-family: FontAwesome; content: "\f018"; } .icon-download-alt:before { font-family: FontAwesome; content: "\f019"; } .icon-download:before { font-family: FontAwesome; content: "\f01a"; } .icon-upload:before { font-family: FontAwesome; content: "\f01b"; } .icon-inbox:before { font-family: FontAwesome; content: "\f01c"; } .icon-play-circle:before { font-family: FontAwesome; content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { font-family: FontAwesome; content: "\f01e"; } .icon-refresh:before { font-family: FontAwesome; content: "\f021"; } .icon-list-alt:before { font-family: FontAwesome; content: "\f022"; } .icon-lock:before { font-family: FontAwesome; content: "\f023"; } .icon-flag:before { font-family: FontAwesome; content: "\f024"; } .icon-headphones:before { font-family: FontAwesome; content: "\f025"; } .icon-volume-off:before { font-family: FontAwesome; content: "\f026"; } .icon-volume-down:before { font-family: FontAwesome; content: "\f027"; } .icon-volume-up:before { font-family: FontAwesome; content: "\f028"; } .icon-qrcode:before { font-family: FontAwesome; content: "\f029"; } .icon-barcode:before { font-family: FontAwesome; content: "\f02a"; } .icon-tag:before { font-family: FontAwesome; content: "\f02b"; } .icon-tags:before { font-family: FontAwesome; content: "\f02c"; } .icon-book:before { font-family: FontAwesome; content: "\f02d"; } .icon-bookmark:before { font-family: FontAwesome; content: "\f02e"; } .icon-print:before { font-family: FontAwesome; content: "\f02f"; } .icon-camera:before { font-family: FontAwesome; content: "\f030"; } .icon-font:before { font-family: FontAwesome; content: "\f031"; } .icon-bold:before { font-family: FontAwesome; content: "\f032"; } .icon-italic:before { font-family: FontAwesome; content: "\f033"; } .icon-text-height:before { font-family: FontAwesome; content: "\f034"; } .icon-text-width:before { font-family: FontAwesome; content: "\f035"; } .icon-align-left:before { font-family: FontAwesome; content: "\f036"; } .icon-align-center:before { font-family: FontAwesome; content: "\f037"; } .icon-align-right:before { font-family: FontAwesome; content: "\f038"; } .icon-align-justify:before { font-family: FontAwesome; content: "\f039"; } .icon-list:before { font-family: FontAwesome; content: "\f03a"; } .icon-indent-left:before { font-family: FontAwesome; content: "\f03b"; } .icon-indent-right:before { font-family: FontAwesome; content: "\f03c"; } .icon-facetime-video:before { font-family: FontAwesome; content: "\f03d"; } .icon-picture:before { font-family: FontAwesome; content: "\f03e"; } .icon-pencil:before { font-family: FontAwesome; content: "\f040"; } .icon-map-marker:before { font-family: FontAwesome; content: "\f041"; } .icon-adjust:before { font-family: FontAwesome; content: "\f042"; } .icon-tint:before { font-family: FontAwesome; content: "\f043"; } .icon-edit:before { font-family: FontAwesome; content: "\f044"; } .icon-share:before { font-family: FontAwesome; content: "\f045"; } .icon-check:before { font-family: FontAwesome; content: "\f046"; } .icon-move:before { font-family: FontAwesome; content: "\f047"; } .icon-step-backward:before { font-family: FontAwesome; content: "\f048"; } .icon-fast-backward:before { font-family: FontAwesome; content: "\f049"; } .icon-backward:before { font-family: FontAwesome; content: "\f04a"; } .icon-play:before { font-family: FontAwesome; content: "\f04b"; } .icon-pause:before { font-family: FontAwesome; content: "\f04c"; } .icon-stop:before { font-family: FontAwesome; content: "\f04d"; } .icon-forward:before { font-family: FontAwesome; content: "\f04e"; } .icon-fast-forward:before { font-family: FontAwesome; content: "\f050"; } .icon-step-forward:before { font-family: FontAwesome; content: "\f051"; } .icon-eject:before { font-family: FontAwesome; content: "\f052"; } .icon-chevron-left:before { font-family: FontAwesome; content: "\f053"; } .icon-chevron-right:before { font-family: FontAwesome; content: "\f054"; } .icon-plus-sign:before { font-family: FontAwesome; content: "\f055"; } .icon-minus-sign:before { font-family: FontAwesome; content: "\f056"; } .icon-remove-sign:before { font-family: FontAwesome; content: "\f057"; } .icon-ok-sign:before { font-family: FontAwesome; content: "\f058"; } .icon-question-sign:before { font-family: FontAwesome; content: "\f059"; } .icon-info-sign:before { font-family: FontAwesome; content: "\f05a"; } .icon-screenshot:before { font-family: FontAwesome; content: "\f05b"; } .icon-remove-circle:before { font-family: FontAwesome; content: "\f05c"; } .icon-ok-circle:before { font-family: FontAwesome; content: "\f05d"; } .icon-ban-circle:before { font-family: FontAwesome; content: "\f05e"; } .icon-arrow-left:before { font-family: FontAwesome; content: "\f060"; } .icon-arrow-right:before { font-family: FontAwesome; content: "\f061"; } .icon-arrow-up:before { font-family: FontAwesome; content: "\f062"; } .icon-arrow-down:before { font-family: FontAwesome; content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { font-family: FontAwesome; content: "\f064"; } .icon-resize-full:before { font-family: FontAwesome; content: "\f065"; } .icon-resize-small:before { font-family: FontAwesome; content: "\f066"; } .icon-plus:before { font-family: FontAwesome; content: "\f067"; } .icon-minus:before { font-family: FontAwesome; content: "\f068"; } .icon-asterisk:before { font-family: FontAwesome; content: "\f069"; } .icon-exclamation-sign:before { font-family: FontAwesome; content: "\f06a"; } .icon-gift:before { font-family: FontAwesome; content: "\f06b"; } .icon-leaf:before { font-family: FontAwesome; content: "\f06c"; } .icon-fire:before { font-family: FontAwesome; content: "\f06d"; } .icon-eye-open:before { font-family: FontAwesome; content: "\f06e"; } .icon-eye-close:before { font-family: FontAwesome; content: "\f070"; } .icon-warning-sign:before { font-family: FontAwesome; content: "\f071"; } .icon-plane:before { font-family: FontAwesome; content: "\f072"; } .icon-calendar:before { font-family: FontAwesome; content: "\f073"; } .icon-random:before { font-family: FontAwesome; content: "\f074"; } .icon-comment:before { font-family: FontAwesome; content: "\f075"; } .icon-magnet:before { font-family: FontAwesome; content: "\f076"; } .icon-chevron-up:before { font-family: FontAwesome; content: "\f077"; } .icon-chevron-down:before { font-family: FontAwesome; content: "\f078"; } .icon-retweet:before { font-family: FontAwesome; content: "\f079"; } .icon-shopping-cart:before { font-family: FontAwesome; content: "\f07a"; } .icon-folder-close:before { font-family: FontAwesome; content: "\f07b"; } .icon-folder-open:before { font-family: FontAwesome; content: "\f07c"; } .icon-resize-vertical:before { font-family: FontAwesome; content: "\f07d"; } .icon-resize-horizontal:before { font-family: FontAwesome; content: "\f07e"; } .icon-bar-chart:before { font-family: FontAwesome; content: "\f080"; } .icon-twitter-sign:before { font-family: FontAwesome; content: "\f081"; } .icon-facebook-sign:before { font-family: FontAwesome; content: "\f082"; } .icon-camera-retro:before { font-family: FontAwesome; content: "\f083"; } .icon-key:before { font-family: FontAwesome; content: "\f084"; } .icon-gears:before, .icon-cogs:before { font-family: FontAwesome; content: "\f085"; } .icon-comments:before { font-family: FontAwesome; content: "\f086"; } .icon-thumbs-up-alt:before { font-family: FontAwesome; content: "\f087"; } .icon-thumbs-down-alt:before { font-family: FontAwesome; content: "\f088"; } .icon-star-half:before { font-family: FontAwesome; content: "\f089"; } .icon-heart-empty:before { font-family: FontAwesome; content: "\f08a"; } .icon-signout:before { font-family: FontAwesome; content: "\f08b"; } .icon-linkedin-sign:before { font-family: FontAwesome; content: "\f08c"; } .icon-pushpin:before { font-family: FontAwesome; content: "\f08d"; } .icon-external-link:before { font-family: FontAwesome; content: "\f08e"; } .icon-signin:before { font-family: FontAwesome; content: "\f090"; } .icon-trophy:before { font-family: FontAwesome; content: "\f091"; } .icon-github-sign:before { font-family: FontAwesome; content: "\f092"; } .icon-upload-alt:before { font-family: FontAwesome; content: "\f093"; } .icon-lemon:before { font-family: FontAwesome; content: "\f094"; } .icon-phone:before { font-family: FontAwesome; content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { font-family: FontAwesome; content: "\f096"; } .icon-bookmark-empty:before { font-family: FontAwesome; content: "\f097"; } .icon-phone-sign:before { font-family: FontAwesome; content: "\f098"; } .icon-twitter:before { font-family: FontAwesome; content: "\f099"; } .icon-facebook:before { font-family: FontAwesome; content: "\f09a"; } .icon-github:before { font-family: FontAwesome; content: "\f09b"; } .icon-unlock:before { font-family: FontAwesome; content: "\f09c"; } .icon-credit-card:before { font-family: FontAwesome; content: "\f09d"; } .icon-rss:before { font-family: FontAwesome; content: "\f09e"; } .icon-hdd:before { font-family: FontAwesome; content: "\f0a0"; } .icon-bullhorn:before { font-family: FontAwesome; content: "\f0a1"; } .icon-bell:before { font-family: FontAwesome; content: "\f0a2"; } .icon-certificate:before { font-family: FontAwesome; content: "\f0a3"; } .icon-hand-right:before { font-family: FontAwesome; content: "\f0a4"; } .icon-hand-left:before { font-family: FontAwesome; content: "\f0a5"; } .icon-hand-up:before { font-family: FontAwesome; content: "\f0a6"; } .icon-hand-down:before { font-family: FontAwesome; content: "\f0a7"; } .icon-circle-arrow-left:before { font-family: FontAwesome; content: "\f0a8"; } .icon-circle-arrow-right:before { font-family: FontAwesome; content: "\f0a9"; } .icon-circle-arrow-up:before { font-family: FontAwesome; content: "\f0aa"; } .icon-circle-arrow-down:before { font-family: FontAwesome; content: "\f0ab"; } .icon-globe:before { font-family: FontAwesome; content: "\f0ac"; } .icon-wrench:before { font-family: FontAwesome; content: "\f0ad"; } .icon-tasks:before { font-family: FontAwesome; content: "\f0ae"; } .icon-filter:before { font-family: FontAwesome; content: "\f0b0"; } .icon-briefcase:before { font-family: FontAwesome; content: "\f0b1"; } .icon-fullscreen:before { font-family: FontAwesome; content: "\f0b2"; } .icon-group:before { font-family: FontAwesome; content: "\f0c0"; } .icon-link:before { font-family: FontAwesome; content: "\f0c1"; } .icon-cloud:before { font-family: FontAwesome; content: "\f0c2"; } .icon-beaker:before { font-family: FontAwesome; content: "\f0c3"; } .icon-cut:before { font-family: FontAwesome; content: "\f0c4"; } .icon-copy:before { font-family: FontAwesome; content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { font-family: FontAwesome; content: "\f0c6"; } .icon-save:before { font-family: FontAwesome; content: "\f0c7"; } .icon-sign-blank:before { font-family: FontAwesome; content: "\f0c8"; } .icon-reorder:before { font-family: FontAwesome; content: "\f0c9"; } .icon-list-ul:before { font-family: FontAwesome; content: "\f0ca"; } .icon-list-ol:before { font-family: FontAwesome; content: "\f0cb"; } .icon-strikethrough:before { font-family: FontAwesome; content: "\f0cc"; } .icon-underline:before { font-family: FontAwesome; content: "\f0cd"; } .icon-table:before { font-family: FontAwesome; content: "\f0ce"; } .icon-magic:before { font-family: FontAwesome; content: "\f0d0"; } .icon-truck:before { font-family: FontAwesome; content: "\f0d1"; } .icon-pinterest:before { font-family: FontAwesome; content: "\f0d2"; } .icon-pinterest-sign:before { font-family: FontAwesome; content: "\f0d3"; } .icon-google-plus-sign:before { font-family: FontAwesome; content: "\f0d4"; } .icon-google-plus:before { font-family: FontAwesome; content: "\f0d5"; } .icon-money:before { font-family: FontAwesome; content: "\f0d6"; } .icon-caret-down:before { font-family: FontAwesome; content: "\f0d7"; } .icon-caret-up:before { font-family: FontAwesome; content: "\f0d8"; } .icon-caret-left:before { font-family: FontAwesome; content: "\f0d9"; } .icon-caret-right:before { font-family: FontAwesome; content: "\f0da"; } .icon-columns:before { font-family: FontAwesome; content: "\f0db"; } .icon-sort:before { font-family: FontAwesome; content: "\f0dc"; } .icon-sort-down:before { font-family: FontAwesome; content: "\f0dd"; } .icon-sort-up:before { font-family: FontAwesome; content: "\f0de"; } .icon-envelope:before { font-family: FontAwesome; content: "\f0e0"; } .icon-linkedin:before { font-family: FontAwesome; content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { font-family: FontAwesome; content: "\f0e2"; } .icon-legal:before { font-family: FontAwesome; content: "\f0e3"; } .icon-dashboard:before { font-family: FontAwesome; content: "\f0e4"; } .icon-comment-alt:before { font-family: FontAwesome; content: "\f0e5"; } .icon-comments-alt:before { font-family: FontAwesome; content: "\f0e6"; } .icon-bolt:before { font-family: FontAwesome; content: "\f0e7"; } .icon-sitemap:before { font-family: FontAwesome; content: "\f0e8"; } .icon-umbrella:before { font-family: FontAwesome; content: "\f0e9"; } .icon-paste:before { font-family: FontAwesome; content: "\f0ea"; } .icon-lightbulb:before { font-family: FontAwesome; content: "\f0eb"; } .icon-exchange:before { font-family: FontAwesome; content: "\f0ec"; } .icon-cloud-download:before { font-family: FontAwesome; content: "\f0ed"; } .icon-cloud-upload:before { font-family: FontAwesome; content: "\f0ee"; } .icon-user-md:before { font-family: FontAwesome; content: "\f0f0"; } .icon-stethoscope:before { font-family: FontAwesome; content: "\f0f1"; } .icon-suitcase:before { font-family: FontAwesome; content: "\f0f2"; } .icon-bell-alt:before { font-family: FontAwesome; content: "\f0f3"; } .icon-coffee:before { font-family: FontAwesome; content: "\f0f4"; } .icon-food:before { font-family: FontAwesome; content: "\f0f5"; } .icon-file-text-alt:before { font-family: FontAwesome; content: "\f0f6"; } .icon-building:before { font-family: FontAwesome; content: "\f0f7"; } .icon-hospital:before { font-family: FontAwesome; content: "\f0f8"; } .icon-ambulance:before { font-family: FontAwesome; content: "\f0f9"; } .icon-medkit:before { font-family: FontAwesome; content: "\f0fa"; } .icon-fighter-jet:before { font-family: FontAwesome; content: "\f0fb"; } .icon-beer:before { font-family: FontAwesome; content: "\f0fc"; } .icon-h-sign:before { font-family: FontAwesome; content: "\f0fd"; } .icon-plus-sign-alt:before { font-family: FontAwesome; content: "\f0fe"; } .icon-double-angle-left:before { font-family: FontAwesome; content: "\f100"; } .icon-double-angle-right:before { font-family: FontAwesome; content: "\f101"; } .icon-double-angle-up:before { font-family: FontAwesome; content: "\f102"; } .icon-double-angle-down:before { font-family: FontAwesome; content: "\f103"; } .icon-angle-left:before { font-family: FontAwesome; content: "\f104"; } .icon-angle-right:before { font-family: FontAwesome; content: "\f105"; } .icon-angle-up:before { font-family: FontAwesome; content: "\f106"; } .icon-angle-down:before { font-family: FontAwesome; content: "\f107"; } .icon-desktop:before { font-family: FontAwesome; content: "\f108"; } .icon-laptop:before { font-family: FontAwesome; content: "\f109"; } .icon-tablet:before { font-family: FontAwesome; content: "\f10a"; } .icon-mobile-phone:before { font-family: FontAwesome; content: "\f10b"; } .icon-circle-blank:before { font-family: FontAwesome; content: "\f10c"; } .icon-quote-left:before { font-family: FontAwesome; content: "\f10d"; } .icon-quote-right:before { font-family: FontAwesome; content: "\f10e"; } .icon-spinner:before { font-family: FontAwesome; content: "\f110"; } .icon-circle:before { font-family: FontAwesome; content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { font-family: FontAwesome; content: "\f112"; } .icon-github-alt:before { font-family: FontAwesome; content: "\f113"; } .icon-folder-close-alt:before { font-family: FontAwesome; content: "\f114"; } .icon-folder-open-alt:before { font-family: FontAwesome; content: "\f115"; } /* deprecated as of v4 .icon-expand-alt:before { font-family: FontAwesome; content: "\f116"; } .icon-collapse-alt:before { font-family: FontAwesome; content: "\f117"; } */ .icon-smile:before { font-family: FontAwesome; content: "\f118"; } .icon-frown:before { font-family: FontAwesome; content: "\f119"; } .icon-meh:before { font-family: FontAwesome; content: "\f11a"; } .icon-gamepad:before { font-family: FontAwesome; content: "\f11b"; } .icon-keyboard:before { font-family: FontAwesome; content: "\f11c"; } .icon-flag-alt:before { font-family: FontAwesome; content: "\f11d"; } .icon-flag-checkered:before { font-family: FontAwesome; content: "\f11e"; } .icon-terminal:before { font-family: FontAwesome; content: "\f120"; } .icon-code:before { font-family: FontAwesome; content: "\f121"; } .icon-reply-all:before { font-family: FontAwesome; content: "\f122"; } .icon-mail-reply-all:before { font-family: FontAwesome; content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { font-family: FontAwesome; content: "\f123"; } .icon-location-arrow:before { font-family: FontAwesome; content: "\f124"; } .icon-crop:before { font-family: FontAwesome; content: "\f125"; } .icon-code-fork:before { font-family: FontAwesome; content: "\f126"; } .icon-unlink:before { font-family: FontAwesome; content: "\f127"; } .icon-question:before { font-family: FontAwesome; content: "\f128"; } .icon-info:before { font-family: FontAwesome; content: "\f129"; } .icon-exclamation:before { font-family: FontAwesome; content: "\f12a"; } .icon-superscript:before { font-family: FontAwesome; content: "\f12b"; } .icon-subscript:before { font-family: FontAwesome; content: "\f12c"; } .icon-eraser:before { font-family: FontAwesome; content: "\f12d"; } .icon-puzzle-piece:before { font-family: FontAwesome; content: "\f12e"; } .icon-microphone:before { font-family: FontAwesome; content: "\f130"; } .icon-microphone-off:before { font-family: FontAwesome; content: "\f131"; } .icon-shield:before { font-family: FontAwesome; content: "\f132"; } .icon-calendar-empty:before { font-family: FontAwesome; content: "\f133"; } .icon-fire-extinguisher:before { font-family: FontAwesome; content: "\f134"; } .icon-rocket:before { font-family: FontAwesome; content: "\f135"; } .icon-maxcdn:before { font-family: FontAwesome; content: "\f136"; } .icon-chevron-sign-left:before { font-family: FontAwesome; content: "\f137"; } .icon-chevron-sign-right:before { font-family: FontAwesome; content: "\f138"; } .icon-chevron-sign-up:before { font-family: FontAwesome; content: "\f139"; } .icon-chevron-sign-down:before { font-family: FontAwesome; content: "\f13a"; } .icon-html5:before { font-family: FontAwesome; content: "\f13b"; } .icon-css3:before { font-family: FontAwesome; content: "\f13c"; } .icon-anchor:before { font-family: FontAwesome; content: "\f13d"; } .icon-unlock-alt:before { font-family: FontAwesome; content: "\f13e"; } .icon-bullseye:before { font-family: FontAwesome; content: "\f140"; } .icon-ellipsis-horizontal:before { font-family: FontAwesome; content: "\f141"; } .icon-ellipsis-vertical:before { font-family: FontAwesome; content: "\f142"; } .icon-rss-sign:before { font-family: FontAwesome; content: "\f143"; } .icon-play-sign:before { font-family: FontAwesome; content: "\f144"; } .icon-ticket:before { font-family: FontAwesome; content: "\f145"; } .icon-minus-sign-alt:before { font-family: FontAwesome; content: "\f146"; } .icon-check-minus:before { font-family: FontAwesome; content: "\f147"; } .icon-level-up:before { font-family: FontAwesome; content: "\f148"; } .icon-level-down:before { font-family: FontAwesome; content: "\f149"; } .icon-check-sign:before { font-family: FontAwesome; content: "\f14a"; } .icon-edit-sign:before { font-family: FontAwesome; content: "\f14b"; } .icon-external-link-sign:before { font-family: FontAwesome; content: "\f14c"; } .icon-share-sign:before { font-family: FontAwesome; content: "\f14d"; } .icon-compass:before { font-family: FontAwesome; content: "\f14e"; } .icon-collapse:before { font-family: FontAwesome; content: "\f150"; } .icon-collapse-top:before { font-family: FontAwesome; content: "\f151"; } .icon-expand:before { font-family: FontAwesome; content: "\f152"; } .icon-euro:before, .icon-eur:before { font-family: FontAwesome; content: "\f153"; } .icon-gbp:before { font-family: FontAwesome; content: "\f154"; } .icon-dollar:before, .icon-usd:before { font-family: FontAwesome; content: "\f155"; } .icon-rupee:before, .icon-inr:before { font-family: FontAwesome; content: "\f156"; } .icon-yen:before, .icon-jpy:before { font-family: FontAwesome; content: "\f157"; } .icon-renminbi:before, .icon-cny:before { font-family: FontAwesome; content: "\f158"; } .icon-won:before, .icon-krw:before { font-family: FontAwesome; content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { font-family: FontAwesome; content: "\f15a"; } .icon-file:before { font-family: FontAwesome; content: "\f15b"; } .icon-file-text:before { font-family: FontAwesome; content: "\f15c"; } .icon-sort-by-alphabet:before { font-family: FontAwesome; content: "\f15d"; } .icon-sort-by-alphabet-alt:before { font-family: FontAwesome; content: "\f15e"; } .icon-sort-by-attributes:before { font-family: FontAwesome; content: "\f160"; } .icon-sort-by-attributes-alt:before { font-family: FontAwesome; content: "\f161"; } .icon-sort-by-order:before { font-family: FontAwesome; content: "\f162"; } .icon-sort-by-order-alt:before { font-family: FontAwesome; content: "\f163"; } .icon-thumbs-up:before { font-family: FontAwesome; content: "\f164"; } .icon-thumbs-down:before { font-family: FontAwesome; content: "\f165"; } .icon-youtube-sign:before { font-family: FontAwesome; content: "\f166"; } .icon-youtube:before { font-family: FontAwesome; content: "\f167"; } .icon-xing:before { font-family: FontAwesome; content: "\f168"; } .icon-xing-sign:before { font-family: FontAwesome; content: "\f169"; } .icon-youtube-play:before { font-family: FontAwesome; content: "\f16a"; } .icon-dropbox:before { font-family: FontAwesome; content: "\f16b"; } .icon-stackexchange:before { font-family: FontAwesome; content: "\f16c"; } .icon-instagram:before { font-family: FontAwesome; content: "\f16d"; } .icon-flickr:before { font-family: FontAwesome; content: "\f16e"; } .icon-adn:before { font-family: FontAwesome; content: "\f170"; } .icon-bitbucket:before { font-family: FontAwesome; content: "\f171"; } .icon-bitbucket-sign:before { font-family: FontAwesome; content: "\f172"; } .icon-tumblr:before { font-family: FontAwesome; content: "\f173"; } .icon-tumblr-sign:before { font-family: FontAwesome; content: "\f174"; } .icon-long-arrow-down:before { font-family: FontAwesome; content: "\f175"; } .icon-long-arrow-up:before { font-family: FontAwesome; content: "\f176"; } .icon-long-arrow-left:before { font-family: FontAwesome; content: "\f177"; } .icon-long-arrow-right:before { font-family: FontAwesome; content: "\f178"; } .icon-apple:before { font-family: FontAwesome; content: "\f179"; } .icon-windows:before { font-family: FontAwesome; content: "\f17a"; } .icon-android:before { font-family: FontAwesome; content: "\f17b"; } .icon-linux:before { font-family: FontAwesome; content: "\f17c"; } .icon-dribbble:before { font-family: FontAwesome; content: "\f17d"; } .icon-skype:before { font-family: FontAwesome; content: "\f17e"; } .icon-foursquare:before { font-family: FontAwesome; content: "\f180"; } .icon-trello:before { font-family: FontAwesome; content: "\f181"; } .icon-female:before { font-family: FontAwesome; content: "\f182"; } .icon-male:before { font-family: FontAwesome; content: "\f183"; } .icon-gittip:before { font-family: FontAwesome; content: "\f184"; } .icon-sun:before { font-family: FontAwesome; content: "\f185"; } .icon-moon:before { font-family: FontAwesome; content: "\f186"; } .icon-archive:before { font-family: FontAwesome; content: "\f187"; } .icon-bug:before { font-family: FontAwesome; content: "\f188"; } .icon-vk:before { font-family: FontAwesome; content: "\f189"; } .icon-weibo:before { font-family: FontAwesome; content: "\f18a"; } .icon-renren:before { font-family: FontAwesome; content: "\f18b"; } /* The following are all from the Wing Dings font family */ .icon-wd-space:before { font-family: WingDings; content: "\f020"; } .icon-wd-pencil:before { font-family: WingDings; content: "\f021"; } .icon-wd-scissors:before { font-family: WingDings; content: "\f022"; } .icon-wd-scissorscutting:before { font-family: WingDings; content: "\f023"; } .icon-wd-readingglasses:before { font-family: WingDings; content: "\f024"; } .icon-wd-bell:before { font-family: WingDings; content: "\f025"; } .icon-wd-book:before { font-family: WingDings; content: "\f026"; } .icon-wd-candle:before { font-family: WingDings; content: "\f027"; } .icon-wd-telephonesolid:before { font-family: WingDings; content: "\f028"; } .icon-wd-telhandsetcirc:before { font-family: WingDings; content: "\f029"; } .icon-wd-envelopeback:before { font-family: WingDings; content: "\f02A"; } .icon-wd-envelopefront:before { font-family: WingDings; content: "\f02B"; } .icon-wd-mailboxflagdwn:before { font-family: WingDings; content: "\f02C"; } .icon-wd-mailboxflagup:before { font-family: WingDings; content: "\f02D"; } .icon-wd-mailbxopnflgup:before { font-family: WingDings; content: "\f02E"; } .icon-wd-mailbxopnflgdwn:before { font-family: WingDings; content: "\f02F"; } .icon-wd-folder:before { font-family: WingDings; content: "\f030"; } .icon-wd-folderopen:before { font-family: WingDings; content: "\f031"; } .icon-wd-filetalltext1:before { font-family: WingDings; content: "\f032"; } .icon-wd-filetalltext:before { font-family: WingDings; content: "\f033"; } .icon-wd-filetalltext3:before { font-family: WingDings; content: "\f034"; } .icon-wd-filecabinet:before { font-family: WingDings; content: "\f035"; } .icon-wd-hourglass:before { font-family: WingDings; content: "\f036"; } .icon-wd-keyboard:before { font-family: WingDings; content: "\f037"; } .icon-wd-mouse2button:before { font-family: WingDings; content: "\f038"; } .icon-wd-ballpoint:before { font-family: WingDings; content: "\f039"; } .icon-wd-pc:before { font-family: WingDings; content: "\f03A"; } .icon-wd-harddisk:before { font-family: WingDings; content: "\f03B"; } .icon-wd-floppy3:before { font-family: WingDings; content: "\f03C"; } .icon-wd-floppy5:before { font-family: WingDings; content: "\f03D"; } .icon-wd-tapereel:before { font-family: WingDings; content: "\f03E"; } .icon-wd-handwrite:before { font-family: WingDings; content: "\f03F"; } .icon-wd-handwriteleft:before { font-family: WingDings; content: "\f040"; } .icon-wd-handv:before { font-family: WingDings; content: "\f041"; } .icon-wd-handok:before { font-family: WingDings; content: "\f042"; } .icon-wd-thumbup:before { font-family: WingDings; content: "\f043"; } .icon-wd-thumbdown:before { font-family: WingDings; content: "\f044"; } .icon-wd-handptleft:before { font-family: WingDings; content: "\f045"; } .icon-wd-handptright:before { font-family: WingDings; content: "\f046"; } .icon-wd-handptup:before { font-family: WingDings; content: "\f047"; } .icon-wd-handptdown:before { font-family: WingDings; content: "\f048"; } .icon-wd-handhalt:before { font-family: WingDings; content: "\f049"; } .icon-wd-smileface:before { font-family: WingDings; content: "\f04A"; } .icon-wd-neutralface:before { font-family: WingDings; content: "\f04B"; } .icon-wd-frownface:before { font-family: WingDings; content: "\f04C"; } .icon-wd-bomb:before { font-family: WingDings; content: "\f04D"; } .icon-wd-skullcrossbones:before { font-family: WingDings; content: "\f04E"; } .icon-wd-flag:before { font-family: WingDings; content: "\f04F"; } .icon-wd-pennant:before { font-family: WingDings; content: "\f050"; } .icon-wd-airplane:before { font-family: WingDings; content: "\f051"; } .icon-wd-sunshine:before { font-family: WingDings; content: "\f052"; } .icon-wd-droplet:before { font-family: WingDings; content: "\f053"; } .icon-wd-snowflake:before { font-family: WingDings; content: "\f054"; } .icon-wd-crossoutline:before { font-family: WingDings; content: "\f055"; } .icon-wd-crossshadow:before { font-family: WingDings; content: "\f056"; } .icon-wd-crossceltic:before { font-family: WingDings; content: "\f057"; } .icon-wd-crossmaltese:before { font-family: WingDings; content: "\f058"; } .icon-wd-starofdavid:before { font-family: WingDings; content: "\f059"; } .icon-wd-crescentstar:before { font-family: WingDings; content: "\f05A"; } .icon-wd-yinyang:before { font-family: WingDings; content: "\f05B"; } .icon-wd-om:before { font-family: WingDings; content: "\f05C"; } .icon-wd-wheel:before { font-family: WingDings; content: "\f05D"; } .icon-wd-aries:before { font-family: WingDings; content: "\f05E"; } .icon-wd-taurus:before { font-family: WingDings; content: "\f05F"; } .icon-wd-gemini:before { font-family: WingDings; content: "\f060"; } .icon-wd-cancer:before { font-family: WingDings; content: "\f061"; } .icon-wd-leo:before { font-family: WingDings; content: "\f062"; } .icon-wd-virgo:before { font-family: WingDings; content: "\f063"; } .icon-wd-libra:before { font-family: WingDings; content: "\f064"; } .icon-wd-scorpio:before { font-family: WingDings; content: "\f065"; } .icon-wd-saggitarius:before { font-family: WingDings; content: "\f066"; } .icon-wd-capricorn:before { font-family: WingDings; content: "\f067"; } .icon-wd-aquarius:before { font-family: WingDings; content: "\f068"; } .icon-wd-pisces:before { font-family: WingDings; content: "\f069"; } .icon-wd-ampersanditlc:before { font-family: WingDings; content: "\f06A"; } .icon-wd-ampersandit:before { font-family: WingDings; content: "\f06B"; } .icon-wd-circle6:before { font-family: WingDings; content: "\f06C"; } .icon-wd-circleshadowdwn:before { font-family: WingDings; content: "\f06D"; } .icon-wd-square6:before { font-family: WingDings; content: "\f06E"; } .icon-wd-box3:before { font-family: WingDings; content: "\f06F"; } .icon-wd-box4:before { font-family: WingDings; content: "\f070"; } .icon-wd-boxshadowdwn:before { font-family: WingDings; content: "\f071"; } .icon-wd-boxshadowup:before { font-family: WingDings; content: "\f072"; } .icon-wd-lozenge4:before { font-family: WingDings; content: "\f073"; } .icon-wd-lozenge6:before { font-family: WingDings; content: "\f074"; } .icon-wd-rhombus6:before { font-family: WingDings; content: "\f075"; } .icon-wd-xrhombus:before { font-family: WingDings; content: "\f076"; } .icon-wd-rhombus4:before { font-family: WingDings; content: "\f077"; } .icon-wd-clear:before { font-family: WingDings; content: "\f078"; } .icon-wd-escape:before { font-family: WingDings; content: "\f079"; } .icon-wd-command:before { font-family: WingDings; content: "\f07A"; } .icon-wd-rosette:before { font-family: WingDings; content: "\f07B"; } .icon-wd-rosettesolid:before { font-family: WingDings; content: "\f07C"; } .icon-wd-quotedbllftbld:before { font-family: WingDings; content: "\f07D"; } .icon-wd-quotedblrtbld:before { font-family: WingDings; content: "\f07E"; } .icon-wd-.notdef:before { font-family: WingDings; content: "\f07F"; } .icon-wd-zerosans:before { font-family: WingDings; content: "\f080"; } .icon-wd-onesans:before { font-family: WingDings; content: "\f081"; } .icon-wd-twosans:before { font-family: WingDings; content: "\f082"; } .icon-wd-threesans:before { font-family: WingDings; content: "\f083"; } .icon-wd-foursans:before { font-family: WingDings; content: "\f084"; } .icon-wd-fivesans:before { font-family: WingDings; content: "\f085"; } .icon-wd-sixsans:before { font-family: WingDings; content: "\f086"; } .icon-wd-sevensans:before { font-family: WingDings; content: "\f087"; } .icon-wd-eightsans:before { font-family: WingDings; content: "\f088"; } .icon-wd-ninesans:before { font-family: WingDings; content: "\f089"; } .icon-wd-tensans:before { font-family: WingDings; content: "\f08A"; } .icon-wd-zerosansinv:before { font-family: WingDings; content: "\f08B"; } .icon-wd-onesansinv:before { font-family: WingDings; content: "\f08C"; } .icon-wd-twosansinv:before { font-family: WingDings; content: "\f08D"; } .icon-wd-threesansinv:before { font-family: WingDings; content: "\f08E"; } .icon-wd-foursansinv:before { font-family: WingDings; content: "\f08F"; } .icon-wd-fivesansinv:before { font-family: WingDings; content: "\f090"; } .icon-wd-sixsansinv:before { font-family: WingDings; content: "\f091"; } .icon-wd-sevensansinv:before { font-family: WingDings; content: "\f092"; } .icon-wd-eightsansinv:before { font-family: WingDings; content: "\f093"; } .icon-wd-ninesansinv:before { font-family: WingDings; content: "\f094"; } .icon-wd-tensansinv:before { font-family: WingDings; content: "\f095"; } .icon-wd-budleafne:before { font-family: WingDings; content: "\f096"; } .icon-wd-budleafnw:before { font-family: WingDings; content: "\f097"; } .icon-wd-budleafsw:before { font-family: WingDings; content: "\f098"; } .icon-wd-budleafse:before { font-family: WingDings; content: "\f099"; } .icon-wd-vineleafboldne:before { font-family: WingDings; content: "\f09A"; } .icon-wd-vineleafboldnw:before { font-family: WingDings; content: "\f09B"; } .icon-wd-vineleafboldsw:before { font-family: WingDings; content: "\f09C"; } .icon-wd-vineleafboldse:before { font-family: WingDings; content: "\f09D"; } .icon-wd-circle2:before { font-family: WingDings; content: "\f09E"; } .icon-wd-circle4:before { font-family: WingDings; content: "\f09F"; } .icon-wd-square2:before { font-family: WingDings; content: "\f0A0"; } .icon-wd-ring2:before { font-family: WingDings; content: "\f0A1"; } .icon-wd-ring4:before { font-family: WingDings; content: "\f0A2"; } .icon-wd-ring6:before { font-family: WingDings; content: "\f0A3"; } .icon-wd-ringbutton2:before { font-family: WingDings; content: "\f0A4"; } .icon-wd-target:before { font-family: WingDings; content: "\f0A5"; } .icon-wd-circleshadowup:before { font-family: WingDings; content: "\f0A6"; } .icon-wd-square4:before { font-family: WingDings; content: "\f0A7"; } .icon-wd-box2:before { font-family: WingDings; content: "\f0A8"; } .icon-wd-tristar2:before { font-family: WingDings; content: "\f0A9"; } .icon-wd-crosstar2:before { font-family: WingDings; content: "\f0AA"; } .icon-wd-pentastar2:before { font-family: WingDings; content: "\f0AB"; } .icon-wd-hexstar2:before { font-family: WingDings; content: "\f0AC"; } .icon-wd-octastar2:before { font-family: WingDings; content: "\f0AD"; } .icon-wd-dodecastar3:before { font-family: WingDings; content: "\f0AE"; } .icon-wd-octastar4:before { font-family: WingDings; content: "\f0AF"; } .icon-wd-registersquare:before { font-family: WingDings; content: "\f0B0"; } .icon-wd-registercircle:before { font-family: WingDings; content: "\f0B1"; } .icon-wd-cuspopen:before { font-family: WingDings; content: "\f0B2"; } .icon-wd-cuspopen1:before { font-family: WingDings; content: "\f0B3"; } .icon-wd-query:before { font-family: WingDings; content: "\f0B4"; } .icon-wd-circlestar:before { font-family: WingDings; content: "\f0B5"; } .icon-wd-starshadow:before { font-family: WingDings; content: "\f0B6"; } .icon-wd-oneoclock:before { font-family: WingDings; content: "\f0B7"; } .icon-wd-twooclock:before { font-family: WingDings; content: "\f0B8"; } .icon-wd-threeoclock:before { font-family: WingDings; content: "\f0B9"; } .icon-wd-fouroclock:before { font-family: WingDings; content: "\f0BA"; } .icon-wd-fiveoclock:before { font-family: WingDings; content: "\f0BB"; } .icon-wd-sixoclock:before { font-family: WingDings; content: "\f0BC"; } .icon-wd-sevenoclock:before { font-family: WingDings; content: "\f0BD"; } .icon-wd-eightoclock:before { font-family: WingDings; content: "\f0BE"; } .icon-wd-nineoclock:before { font-family: WingDings; content: "\f0BF"; } .icon-wd-tenoclock:before { font-family: WingDings; content: "\f0C0"; } .icon-wd-elevenoclock:before { font-family: WingDings; content: "\f0C1"; } .icon-wd-twelveoclock:before { font-family: WingDings; content: "\f0C2"; } .icon-wd-arrowdwnleft1:before { font-family: WingDings; content: "\f0C3"; } .icon-wd-arrowdwnrt1:before { font-family: WingDings; content: "\f0C4"; } .icon-wd-arrowupleft1:before { font-family: WingDings; content: "\f0C5"; } .icon-wd-arrowuprt1:before { font-family: WingDings; content: "\f0C6"; } .icon-wd-arrowleftup1:before { font-family: WingDings; content: "\f0C7"; } .icon-wd-arrowrtup1:before { font-family: WingDings; content: "\f0C8"; } .icon-wd-arrowleftdwn1:before { font-family: WingDings; content: "\f0C9"; } .icon-wd-arrowrtdwn1:before { font-family: WingDings; content: "\f0CA"; } .icon-wd-quiltsquare2:before { font-family: WingDings; content: "\f0CB"; } .icon-wd-quiltsquare2inv:before { font-family: WingDings; content: "\f0CC"; } .icon-wd-leafccwsw:before { font-family: WingDings; content: "\f0CD"; } .icon-wd-leafccwnw:before { font-family: WingDings; content: "\f0CE"; } .icon-wd-leafccwse:before { font-family: WingDings; content: "\f0CF"; } .icon-wd-leafccwne:before { font-family: WingDings; content: "\f0D0"; } .icon-wd-leafnw:before { font-family: WingDings; content: "\f0D1"; } .icon-wd-leafsw:before { font-family: WingDings; content: "\f0D2"; } .icon-wd-leafne:before { font-family: WingDings; content: "\f0D3"; } .icon-wd-leafse:before { font-family: WingDings; content: "\f0D4"; } .icon-wd-deleteleft:before { font-family: WingDings; content: "\f0D5"; } .icon-wd-deleteright:before { font-family: WingDings; content: "\f0D6"; } .icon-wd-head2left:before { font-family: WingDings; content: "\f0D7"; } .icon-wd-head2right:before { font-family: WingDings; content: "\f0D8"; } .icon-wd-head2up:before { font-family: WingDings; content: "\f0D9"; } .icon-wd-head2down:before { font-family: WingDings; content: "\f0DA"; } .icon-wd-circleleft:before { font-family: WingDings; content: "\f0DB"; } .icon-wd-circleright:before { font-family: WingDings; content: "\f0DC"; } .icon-wd-circleup:before { font-family: WingDings; content: "\f0DD"; } .icon-wd-circledown:before { font-family: WingDings; content: "\f0DE"; } .icon-wd-barb2left:before { font-family: WingDings; content: "\f0DF"; } .icon-wd-barb2right:before { font-family: WingDings; content: "\f0E0"; } .icon-wd-barb2up:before { font-family: WingDings; content: "\f0E1"; } .icon-wd-barb2down:before { font-family: WingDings; content: "\f0E2"; } .icon-wd-barb2nw:before { font-family: WingDings; content: "\f0E3"; } .icon-wd-barb2ne:before { font-family: WingDings; content: "\f0E4"; } .icon-wd-barb2sw:before { font-family: WingDings; content: "\f0E5"; } .icon-wd-barb2se:before { font-family: WingDings; content: "\f0E6"; } .icon-wd-barb4left:before { font-family: WingDings; content: "\f0E7"; } .icon-wd-barb4right:before { font-family: WingDings; content: "\f0E8"; } .icon-wd-barb4up:before { font-family: WingDings; content: "\f0E9"; } .icon-wd-barb4down:before { font-family: WingDings; content: "\f0EA"; } .icon-wd-barb4nw:before { font-family: WingDings; content: "\f0EB"; } .icon-wd-barb4ne:before { font-family: WingDings; content: "\f0EC"; } .icon-wd-barb4sw:before { font-family: WingDings; content: "\f0ED"; } .icon-wd-barb4se:before { font-family: WingDings; content: "\f0EE"; } .icon-wd-bleft:before { font-family: WingDings; content: "\f0EF"; } .icon-wd-bright:before { font-family: WingDings; content: "\f0F0"; } .icon-wd-bup:before { font-family: WingDings; content: "\f0F1"; } .icon-wd-bdown:before { font-family: WingDings; content: "\f0F2"; } .icon-wd-bleftright:before { font-family: WingDings; content: "\f0F3"; } .icon-wd-bupdown:before { font-family: WingDings; content: "\f0F4"; } .icon-wd-bnw:before { font-family: WingDings; content: "\f0F5"; } .icon-wd-bne:before { font-family: WingDings; content: "\f0F6"; } .icon-wd-bsw:before { font-family: WingDings; content: "\f0F7"; } .icon-wd-bse:before { font-family: WingDings; content: "\f0F8"; } .icon-wd-bdash1:before { font-family: WingDings; content: "\f0F9"; } .icon-wd-bdash2:before { font-family: WingDings; content: "\f0FA"; } .icon-wd-xmarkbld:before { font-family: WingDings; content: "\f0FB"; } .icon-wd-checkbld:before { font-family: WingDings; content: "\f0FC"; } .icon-wd-boxxmarkbld:before { font-family: WingDings; content: "\f0FD"; } .icon-wd-boxcheckbld:before { font-family: WingDings; content: "\f0FE"; } .icon-wd-windowslogo:before { font-family: WingDings; content: "\f0FF"; } #saveexitContent { background: white; padding: 1em; } #saveexitContent p { font-size: 1.2em; text-align: center; margin-top: 0; } #saveexitContent div { text-align: center; } #spotlight { position: absolute; width: 20em; margin: 0 0 0 -10em; height: 2.2em; top: -20em; left: 50%; text-align: center; background: #ffffff; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; border-top: 0px solid #2B2B2B; z-index: 9999; -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.3); } #spotlight span#spotlightText { color: #3A9C14; font-weight: bold; font-size: 1.1em; display: block; padding: .3em 0 0 0; } #processing { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000000; } #processing .processingcurtain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.01); } #processing .processingmessage { position: absolute; top: 50%; left: 50%; width: 20em; height: 12em; margin-left: -10em; margin-top: -6em; background: white; border: 0.2em solid #3A9C14; border-radius: 1em; text-align: center; } #processing .processingmessage label { font-size: 1.4em; display: block; padding: 2em 0 0.5em 0; } #processing .processingmessage span { display: inline-block; margin-top: 0 !important; font-size: 3em; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .ui-widget-overlay.active { background: rgba(134, 134, 134, 0.9); } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .labelAbove { clear: both; display: block; } .labelAbove label { color: #666666; line-height: 1.2rem; } .notRequiredMarker { position: relative; display: block; } .notRequiredMarker:before { content: " "; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; } .requiredMarker { position: relative; display: block; padding: 0 0 0 .6em; } .requiredMarker:before { font-family: FontAwesome; content: "\f069"; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; width: .5em; text-decoration: none; font-size: .5em; padding: .8em 0 0 0; color: #ba0100; } /* @screenTypeDetail : structural container of CM detail wrappers. */ div.screenTypeDetail { min-width: 60em; max-width: 86em; margin: 0 0 -.5em; } div.screenTypeDetail label { display: inline-block; } div.screenTypeDetail p { display: inline-block; font-size: 1.2rem; } div.screenTypeDetail li { font-size: 1.2rem; } div.screenTypeDetail .unusedLabels { display: none !important; } div.screenTypeDetail .buttons { text-align: center; margin: 1.2rem 0 1.2rem 0 !important; position: relative; padding: 1.7999999999999998rem 0 1em 0; } div.screenTypeDetail .buttons:before { content: ' '; position: absolute; top: -1px; right: 0; left: 0; height: 1px; background: #ccc; } div.screenTypeDetail .buttons button { margin: 1em 0 1em 0; } div.screenTypeDetail a { min-height: 24px; } div.screenTypeDetail .detailRowSeparator { clear: both; margin: 1em 0; height: 1px; background: #ccc; } div.screenTypeDetail .detailAnswer { padding: .2em 0 .5em 0; display: block; color: #666666; font-style: italic; } /* @literalControl: structural wrapper for nested literal and controls. */ div.screenTypeDetail .literalControl { display: inline-block; } div.screenTypeDetail .literalControl .literal { display: inline-block; } div.screenTypeDetail .literalControl .control { display: inline-block; } /* @detailContainerHeading: structural wrapper for rows within CM screenTypeDetail */ /* div { &:first-of-type{ &.detailRow { padding: 1em 1em 0; } } } */ div.screenTypeDetail .detailRow { display: block; width: 100%; position: relative; clear: both; padding: .3em 1.5em 0; margin: 0 -.5em .5em; white-space: nowrap; } div.screenTypeDetail .detailRow.detailContainerHeading { font-weight: bold; padding: 0 0 0 0 !important; margin: .5em 0 1.2rem 0; border-bottom: 2px solid #4fa0f7; } div.screenTypeDetail .detailRow.detailContainerHeading :after { content: ' '; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); height: 2px; position: absolute; left: 1px; right: 1px; bottom: -2px; } div.screenTypeDetail .detailRow.detailContainerHeading .cell { margin: 0; padding: 0; width: 100%; white-space: normal; } div.screenTypeDetail .detailRow.detailContainerHeading .cell input[type=text] { width: inherit; } div.screenTypeDetail .detailRow.detailContainerHeading .cell textarea { width: 100%; } div.screenTypeDetail .detailRow.detailContainerHeading label { font-size: 1.4rem; color: rgba(0, 0, 0, 0.9); font-weight: bold; padding: 0; line-height: 1.5rem; } div.screenTypeDetail .detailInfo { width: auto; border-bottom: 1px solid #8f8131; margin: -.5em -1em 1em; padding: 1em 1.5em; background: #f3e6a0; } div.screenTypeDetail .detailInfo label { font-size: 1.2rem; } div.screenTypeDetail .detailContext { border-bottom: 1px solid gray; margin: -.5em -1em 1em; padding: 1em 1.5em; background: #dedede; width: auto; } div.screenTypeDetail .detailContext .detailRow { padding: .3em 1em 0; } div.screenTypeDetail .detailContext label { font-size: 1.2rem; } div.screenTypeDetail .detailRowAnswer { color: #666; font-style: italic; padding: 0.6rem; display: inline-block; } div.screenTypeDetail .detailRowHeadingLiteral { font-weight: bold; } /* @cell: the structural container holding low-level elements */ div.screenTypeDetail span.cell, div.screenTypeDetail div.cell { display: inline-block; } div.screenTypeDetail span.cell, div.screenTypeDetail td.cell, div.screenTypeDetail div.cell { /*vertical-align: top;*/ padding: 0 .5em 0 0; margin: 0 0 0 0; white-space: normal; } div.screenTypeDetail span.cell input[type=text], div.screenTypeDetail td.cell input[type=text], div.screenTypeDetail div.cell input[type=text] { width: inherit; } div.screenTypeDetail span.cell textarea, div.screenTypeDetail td.cell textarea, div.screenTypeDetail div.cell textarea { width: 100%; } div.screenTypeDetail span.cell label, div.screenTypeDetail td.cell label, div.screenTypeDetail div.cell label { line-height: normal; font-size: 1.2rem; overflow-wrap: break-word; } div.screenTypeDetail span.cell label[for], div.screenTypeDetail td.cell label[for], div.screenTypeDetail div.cell label[for] { cursor: pointer; } div.screenTypeDetail span.cell a, div.screenTypeDetail td.cell a, div.screenTypeDetail div.cell a { font-size: 1.2rem; line-height: normal; } div.screenTypeDetail button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } div.screenTypeDetail button:before, div.screenTypeDetail button:after { font-size: 1.3rem; padding-top: 0; } div.screenTypeDetail button[disabled] { opacity: 0.4; cursor: normal; } div.screenTypeDetail .zipcode, div.screenTypeDetail .addressZip { width: 6em; } div.screenTypeDetail .addressZip4 { width: 4.4em; } div.screenTypeDetail .unusedLabels { display: none; } div.screenTypeList .fieldLabel { display: inline-block; } div#scrubMessagePane.scrubMessageMatched { display: block; } div#scrubMessagePane.scrubMessageMatched :before { font-family: FontAwesome; color: #4c90da; content: "\f05a"; padding: 0 .3em 0 0; font-size: 1.22rem; } div#scrubMessagePane.scrubMessageNotMatched { display: block; } div#scrubMessagePane.scrubMessageNotMatched :before { font-family: FontAwesome; color: #e9a109; content: "\f071"; padding: 0 .3em 0 0; font-size: 1.22rem; } div#scrubMessagePane label { font-size: 1.2rem; } /* Global CM class definitions*/ .requiredNotPopulated { background-color: #FFC0CB; } /*as of date - included by macro*/ #changeAsOfDateContainer { text-align: right; } #changeAsOfDateContainer.detailInfo { background: #DDDDDD; text-align: right; font-weight: bold; color: #666; } #changeAsOfDateContainer.detailInfo button.smallStandardButton { margin: 0 0 0 .5em !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; display: block; float: right; } #changeAsOfDateContainer #asOfDateValSpan { font-size: 1.2rem; } #changeAsOfDateContainer button.smallStandardButton { margin: 0 0 0 .5em !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; display: block; float: right; } .calendarIcon { display: inline-block; overflow: hidden; font-size: 1.6em; line-height: inherit; height: 100%; top: 0; text-align: center; border: 0; background: transparent; padding: 0; margin: 0 .2em; cursor: pointer; } .calendarIcon:before { padding: 0; margin: 0; font-family: FontAwesome; color: #666; content: "\f073"; width: 20px; text-align: center; } #contentContainer .screenTypeDetail { margin: 0 auto; } #contentContainer .screenTypeDetail .detailContext { border: 1px solid gray; } .tooltipHelp { display: inline-block; background-repeat: no-repeat; vertical-align: top; height: 1.6em; width: 1.6em; } /* custom page styles in less format */ .tooltipHelp:before { font-family: FontAwesome; color: #0a6cd6; content: "\f059"; width: 20px; text-align: center; font-size: 14px; } /* policy content override for jsTree */ #POLICYCONTENT { margin: -2.5em; } #treeContainer { font-size: 1.3rem; } /*font-weight: bold;*/ #treeContainer ul li a span { font-weight: normal; display: inline-block; padding: 0 .8em 0 .4em; color: blue; } /* policy content overlay */ #policyAnswerValues { position: absolute; left: 0; right: 0; top: 2.8em; height: auto !important; bottom: 0; padding: 0; } #policyAnswerValues .dialog-message-header { font-size: 1.2rem; text-align: center; padding: .2em; background: #ffeeaa; } #policyAnswerValues .dialog-message-header span { color: blue; } #U2_policyAnswerValues { padding-bottom: 1.3em; } #policyContentTable { width: 100%; border-spacing: 0; border-collapse: collapse; } #policyContentTable tr:nth-child(1) td { border-bottom: 1px solid #999aaa; font-weight: bold; } #policyContentTable tr:nth-child(1) td:nth-child(1) { width: 5%; } #policyContentTable tr:nth-child(1) td:nth-child(2) { width: 5%; } #policyContentTable tr:nth-child(1) td:nth-child(5) { width: 5%; } #policyContentTable tr:nth-child(1) td:nth-child(7) { width: 5%; } #policyContentTable tr:nth-child(1) td:nth-child(8) { width: 14%; } #policyContentTable tr td { font-size: 1.2rem; border-bottom: 1px solid #cccfff; text-align: center; } /* Change Summary - contractTransactionChangeSummary.vsl */ /* less css */ /* header for two sections, additions and deletions*/ #TRANSACTIONSUM .header1 { display: block; border-bottom: 1px solid #666; margin: 0 0 .5em 0; } #TRANSACTIONSUM .header1 label { font-size: 2.2rem; padding: 0 0 .2em 0; } #TRANSACTIONSUM .entityWebpageHeading { display: block; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 1em 0 0 0; } #TRANSACTIONSUM .entityWebpageHeading a { font-size: 1.4rem; font-weight: bold; display: block; background-color: #E0E0E0; padding: .2em .5em; text-decoration: underline; color: #4886BE; } #TRANSACTIONSUM .entityWebpageHeading a:hover { background-color: #C0C0C0; color: #0a6cd6; } #TRANSACTIONSUM .entityWebPageContentContainer { margin: 0 0 2em 0; } /* deletions */ #TRANSACTIONSUM .entityWebPageContentContainer ul { display: block; margin: 1em 0 0 0; padding: 0; border: 1px solid #ccc; background-color: #fff; } #TRANSACTIONSUM .entityWebPageContentContainer ul li { display: block; list-style-type: none; padding: .2em .2em .2em 2em; border-bottom: 1px solid #ccc; background-color: #fff; } #TRANSACTIONSUM .entityWebPageContentContainer ul li label { font-size: 1.2rem; font-style: italic; } #TRANSACTIONSUM .entityWebPageContentContainer ul li:nth-child(2n+1) { background-color: #EEE; } #TRANSACTIONSUM .entityWebPageContentContainer ul li:first-child { padding: .2em .2em .2em 1.2em; background-color: E0E0E0; } #TRANSACTIONSUM .entityWebPageContentContainer ul li:first-child label { font-weight: bold; font-size: 1.4rem; } #TRANSACTIONSUM .entityWebPageContentContainer ul li:last-child { border-bottom: none; } /* additions */ #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent { table-layout: fixed; border-collapse: collapse; width: 100%; background-color: #fff; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent thead th { width: 35%; padding: .2em .2em .2em 1.2em; border: 1px solid #ccc; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent thead th:nth-child(2) { background-color: #D7E9FF; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent thead th:nth-child(2) label { color: #697B8A; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent thead th label { font-size: 1.3rem; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent thead th:first-child { width: 30%; text-align: left; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody tr:nth-child(2n+1) { background-color: #eee; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody tr:nth-child(2n+1) td:nth-child(2) { background-color: #E2EEFC; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody td { border: 1px solid #ccc; padding: .2em .2em .2em 1.2em; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody td label { font-size: 1.2rem; color: #353535; font-style: italic; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody td:first-child label { font-style: normal; font-weight: bold; color: #000; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody td:nth-child(2) { background-color: #F0F3F7; } #TRANSACTIONSUM .entityWebPageContentContainer .entityWebPageContent tbody td:nth-child(2) label { color: #88A0B3; } div.detailUnit { /* unit container for detail */ display: block; min-width: 80rem; max-width: 120rem; margin: 0 auto; } div.detailUnit table.detailTable { /* detail table */ width: 100%; table-layout: fixed; border-collapse: collapse; } div.detailUnit table.detailTable td, div.detailUnit table.detailTable th { /* view item wrapper */ padding: 0; vertical-align: top; } div.detailUnit table.detailTable td div.detailVersionWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper { /* version container */ width: 100%; position: relative; clear: both; padding-left: 1.1rem; padding-right: 0; padding-top: 0; padding-bottom: 0; margin: .5rem 0 0 0; font-size: 1.2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.propagate, div.detailUnit table.detailTable th div.detailVersionWrapper.propagate { white-space: nowrap; } div.detailUnit table.detailTable td div.detailVersionWrapper.propagate .detailLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper.propagate .detailLiteral { display: inline; } div.detailUnit table.detailTable td div.detailVersionWrapper.propagate .propagateWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper.propagate .propagateWrapper { display: inline; } div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=text], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=text], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=password], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=password], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=color], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=color], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=date], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=date], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=datetime], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=datetime], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=datetime-local], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=datetime-local], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=email], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=email], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=month], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=month], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=number], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=number], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=search], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=search], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=tel], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=tel], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=time], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=time], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=url], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=url], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=week], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=week], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid select, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid select, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid input[type=checkbox], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid input[type=checkbox], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid textarea, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid textarea { background-color: #FFC0CB; } div.detailUnit table.detailTable td div.detailVersionWrapper.invalid a.standardLink, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid a.standardLink { background-color: #FFC0CB; } div.detailUnit table.detailTable td div.detailVersionWrapper.invalid .radio li, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid .radio li { border-radius: 4px; background-color: #FFC0CB; } div.detailUnit table.detailTable td div.detailVersionWrapper.invalid .fileControlEmpty label, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid .fileControlEmpty label { background-color: #FFC0CB; } div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=text], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=text], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=text], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=text], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=password], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=password], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=password], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=password], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=color], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=color], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=color], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=color], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=date], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=date], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=date], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=date], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=datetime], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=datetime], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=datetime], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=datetime], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=datetime-local], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=datetime-local], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=datetime-local], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=datetime-local], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=email], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=email], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=email], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=email], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=month], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=month], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=month], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=month], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=number], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=number], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=number], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=number], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=search], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=search], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=search], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=search], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=tel], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=tel], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=tel], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=tel], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=time], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=time], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=time], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=time], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=url], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=url], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=url], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=url], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=week], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=week], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=week], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=week], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness select, div.detailUnit table.detailTable th div.detailVersionWrapper.completeness select, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness select, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness select, div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness input[type=checkbox], div.detailUnit table.detailTable th div.detailVersionWrapper.completeness input[type=checkbox], div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness input[type=checkbox], div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness input[type=checkbox], div.detailUnit table.detailTable td div.detailVersionWrapper.completeness textarea, div.detailUnit table.detailTable th div.detailVersionWrapper.completeness textarea, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness textarea, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness textarea { background: #f3e6a0; } div.detailUnit table.detailTable td div.detailVersionWrapper.completeness a.standardLink, div.detailUnit table.detailTable th div.detailVersionWrapper.completeness a.standardLink, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness a.standardLink, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness a.standardLink { background-color: #f3e6a0; } div.detailUnit table.detailTable td div.detailVersionWrapper.completeness .radio li, div.detailUnit table.detailTable th div.detailVersionWrapper.completeness .radio li, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness .radio li, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness .radio li { border-radius: 4px; background-color: #f3e6a0; } div.detailUnit table.detailTable td div.detailVersionWrapper.completeness label, div.detailUnit table.detailTable th div.detailVersionWrapper.completeness label, div.detailUnit table.detailTable td div.detailVersionWrapper.invalid.completeness label, div.detailUnit table.detailTable th div.detailVersionWrapper.invalid.completeness label { color: #f3e6a0; } div.detailUnit table.detailTable td div.detailVersionWrapper.hiddenIcons .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.hiddenIcons .detailRightIcons { display: none; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral { /* control, literal wrapper */ font-size: inherit; text-align: inherit; font-weight: inherit; text-decoration: inherit; font-style: inherit; color: inherit; font-family: inherit; } /* end detailControl, detailLiteral */ div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral label { line-height: normal; font-size: inherit; color: #000000; overflow-wrap: break-word; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl label[for], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl label[for], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral label[for], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral label[for] { cursor: pointer; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl.exception_override label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl.exception_override label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral.exception_override label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral.exception_override label { font-style: italic; color: #1e86f5; float: left; width: 50%; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl.exception_override button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl.exception_override button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral.exception_override button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral.exception_override button { background-color: transparent; width: 2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl a, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl a, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral a, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral a { font-size: inherit; line-height: normal; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio { margin: 0px; padding: 0px; display: inline-block; clear: both; width: auto; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio.horizontal, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio.horizontal, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio.horizontal, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio.horizontal { display: block; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio.horizontal li, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio.horizontal li, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio.horizontal li, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio.horizontal li { display: inline-block; margin: 0; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio.horizontal li.break, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio.horizontal li.break, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio.horizontal li.break, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio.horizontal li.break { clear: left; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li { list-style: none; padding: 0 .3rem 0 .3rem; line-height: normal; white-space: nowrap; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li label { display: inline-block; cursor: pointer; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li input[type=radio], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li input[type=radio], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li input[type=radio] { margin: 0; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li label { font-size: inherit; padding: 0 .4rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl ul.radio li:hover, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl ul.radio li:hover, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral ul.radio li:hover, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral ul.radio li:hover { background-color: #f9fbd0; border-radius: 4px; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl textarea, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl textarea, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral textarea, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral textarea { width: 100%; height: auto; font-size: inherit; line-height: normal; min-height: 2.3rem; display: inline-block; color: inherit; font-family: inherit; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl select, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl select, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral select, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral select { font-size: inherit; width: 100%; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=text], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=text], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=text], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=text], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=password], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=password], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=password], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=password], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl select, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl select, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral select, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral select, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral label { display: inline-block; font-size: inherit; text-align: inherit; font-style: inherit; font-weight: inherit; font-family: inherit; text-decoration: inherit; color: inherit; width: 100%; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=text][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=text][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=text][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=text][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=password][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=password][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=password][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=password][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=checkbox][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=checkbox][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=checkbox][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=checkbox][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl input[type=radio][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl input[type=radio][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral input[type=radio][disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral input[type=radio][disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl select[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl select[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral select[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral select[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl label[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl label[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral label[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral label[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl textarea[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl textarea[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral textarea[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral textarea[disabled] { opacity: 0.5; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; width: 100%; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl button:after, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl button:after, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral button:after, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral button:after { font-size: 1.3rem; padding-top: 0; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl button[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl button[disabled], div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral button[disabled], div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral button[disabled] { opacity: 0.4; cursor: normal; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .attachFileControlWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .attachFileControlWrapper, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .attachFileControlWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .attachFileControlWrapper { display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer { white-space: normal; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper { border: 1px solid #ccc; background-color: #F4F3D2; border-radius: .5rem; white-space: nowrap; padding: .2rem 2rem .2rem .4rem; position: relative; display: inline-block; margin-right: .2rem; margin-bottom: .2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper:hover, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper:hover, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper:hover, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper:hover, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper.active, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .dependencyAnswerWrapper.active, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper.active, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .dependencyAnswerWrapper.active { background-color: #DCF8AB; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer input, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer input, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer input, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer input { border: none; background-color: transparent; width: auto; outline: none; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer span, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer span, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer span, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer span { vertical-align: middle; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer { display: inline-block; position: absolute; right: 0; bottom: 0; top: 0; min-width: 2rem; cursor: pointer; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer:before { content: '\f057'; font-family: FontAwesome; font-size: 2rem; line-height: 1.1; color: #ccc; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer:hover:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .dependencyAnswerContainer .deleteAnswer:hover:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer:hover:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .dependencyAnswerContainer .deleteAnswer:hover:before { color: #cc0000; } /* file controls */ div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete { display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button { position: relative; padding-left: 2.2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button:before { font-family: FontAwesome; visibility: visible; width: 1rem; height: 1.3rem; display: block; position: absolute; top: .3rem; left: .6rem; text-indent: none; text-shadow: none; padding: 0; font-weight: bold; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button.icon-detail-fileAdd:before { content: "\f01b"; color: blue; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete button.icon-detail-fileDelete:before { content: "\f014"; color: red; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button { border: none !important; border-radius: 0 0 0 0 !important; font-size: 1.2em !important; color: #FFFFFF !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; line-height: normal !important; background: transparent !important; width: auto !important; box-shadow: none !important; background: none; position: relative; width: 1.3rem; height: 1.5rem; display: block; overflow: hidden; padding-left: 1.3rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button:before { font-family: FontAwesome; visibility: visible; width: 1rem; height: 1.3rem; display: block; position: absolute; top: 0; left: 0; text-indent: none; text-shadow: none; padding: 0; font-weight: bold; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button.icon-detail-fileAdd:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button.icon-detail-fileAdd:before { content: "\f01b"; color: blue; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlView.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlView.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlAdd.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlAdd.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .detailFileControlDelete.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button.icon-detail-fileDelete:before, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .detailFileControlDelete.hideLiteral button.icon-detail-fileDelete:before { content: "\f014"; color: red; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlEmpty label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlEmpty label, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlEmpty label, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlEmpty label { display: inline-block; min-height: 23px; line-height: 1.5; vertical-align: text-top; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated { position: relative; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .detailFileControlView, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .detailFileControlView, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .detailFileControlView, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .detailFileControlView { position: relative; left: 0; right: 3rem; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .detailFileControlView a, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .detailFileControlView a, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .detailFileControlView a, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .detailFileControlView a { word-break: break-all; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper { display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd { position: relative; display: inline-block; right: auto; top: auto; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd.hideLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd.hideLiteral, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd.hideLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlAdd.hideLiteral { position: absolute; right: 1.5rem; top: 0; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete { position: relative; display: inline-block; right: auto; top: auto; } div.detailUnit table.detailTable td div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete.hideLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailControl .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete.hideLiteral, div.detailUnit table.detailTable td div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete.hideLiteral, div.detailUnit table.detailTable th div.detailVersionWrapper div.detailLiteral .fileControlPopulated .fileAttachControlWrapper .detailFileControlDelete.hideLiteral { position: absolute; right: 0; top: 0; } /* end phone multi */ div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(1), div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(1) { width: 30%; position: relative; display: inline-block; padding: 0 6px 0 6px; } div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(1):before, div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(1):before { content: "("; display: inline-block; position: absolute; left: 0; font-size: inherit; } div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(1):after, div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(1):after { content: ")"; display: inline-block; position: absolute; right: 0; font-size: inherit; top: 0; } /*first 3*/ div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(2), div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(2) { width: 28%; position: relative; padding: 0 8px 0 0; display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(2):before, div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(2):before { content: "-"; display: block; position: absolute; right: 0; font-size: inherit; } /*last 4*/ div.detailUnit table.detailTable td div.detailVersionWrapper.PHONE-MULTI span:nth-child(3), div.detailUnit table.detailTable th div.detailVersionWrapper.PHONE-MULTI span:nth-child(3) { width: 30%; display: inline-block; } /* end SS multi */ div.detailUnit table.detailTable td div.detailVersionWrapper.SS-MULTI span:nth-child(1), div.detailUnit table.detailTable th div.detailVersionWrapper.SS-MULTI span:nth-child(1) { width: 30%; position: relative; display: inline-block; } /*first 3*/ div.detailUnit table.detailTable td div.detailVersionWrapper.SS-MULTI span:nth-child(2), div.detailUnit table.detailTable th div.detailVersionWrapper.SS-MULTI span:nth-child(2) { width: 33%; position: relative; padding: 0 8px 0 8px; display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper.SS-MULTI span:nth-child(2):before, div.detailUnit table.detailTable th div.detailVersionWrapper.SS-MULTI span:nth-child(2):before { content: "-"; display: block; position: absolute; left: 0; font-size: inherit; top: 0; } div.detailUnit table.detailTable td div.detailVersionWrapper.SS-MULTI span:nth-child(2):after, div.detailUnit table.detailTable th div.detailVersionWrapper.SS-MULTI span:nth-child(2):after { content: "-"; display: block; position: absolute; right: 0; font-size: inherit; top: 0; } /*last 4*/ div.detailUnit table.detailTable td div.detailVersionWrapper.SS-MULTI span:nth-child(3), div.detailUnit table.detailTable th div.detailVersionWrapper.SS-MULTI span:nth-child(3) { width: 30%; display: inline-block; } /* end date multi */ div.detailUnit table.detailTable td div.detailVersionWrapper.DATE-MULTI span:nth-child(1), div.detailUnit table.detailTable th div.detailVersionWrapper.DATE-MULTI span:nth-child(1) { width: 23%; position: relative; display: inline-block; padding: 0 1rem 0 0; } div.detailUnit table.detailTable td div.detailVersionWrapper.DATE-MULTI span:nth-child(1):after, div.detailUnit table.detailTable th div.detailVersionWrapper.DATE-MULTI span:nth-child(1):after { content: "/"; display: block; position: absolute; right: 0; font-size: inherit; top: 0; } /*first 3*/ div.detailUnit table.detailTable td div.detailVersionWrapper.DATE-MULTI span:nth-child(2), div.detailUnit table.detailTable th div.detailVersionWrapper.DATE-MULTI span:nth-child(2) { width: 23%; position: relative; padding: 0 10px 0 0; display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper.DATE-MULTI span:nth-child(2):after, div.detailUnit table.detailTable th div.detailVersionWrapper.DATE-MULTI span:nth-child(2):after { content: "/"; display: block; position: absolute; right: 0; font-size: inherit; top: 0; } /*last 4*/ div.detailUnit table.detailTable td div.detailVersionWrapper.DATE-MULTI span:nth-child(3), div.detailUnit table.detailTable th div.detailVersionWrapper.DATE-MULTI span:nth-child(3) { width: 30%; display: inline-block; } div.detailUnit table.detailTable td div.detailVersionWrapper .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper .detailRightIcons { position: absolute; right: 0; white-space: nowrap; top: 0; padding: 0 .1rem 0 .1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper .literalRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper .literalRightIcons { position: absolute; right: 0; white-space: nowrap; top: 0; padding: 0 .1rem 0 .1rem; width: 2rem; } /* detail version icon containers, controls width on right side of version */ div.detailUnit table.detailTable td div.detailVersionWrapper.icons1, div.detailUnit table.detailTable th div.detailVersionWrapper.icons1 { padding-right: 2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons1 .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.icons1 .detailRightIcons { right: 0; width: 2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons2, div.detailUnit table.detailTable th div.detailVersionWrapper.icons2 { padding-right: 4rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons2 .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.icons2 .detailRightIcons { right: 0; width: 4rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons3, div.detailUnit table.detailTable th div.detailVersionWrapper.icons3 { padding-right: 6rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons3 .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.icons3 .detailRightIcons { right: 0; width: 6rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons4, div.detailUnit table.detailTable th div.detailVersionWrapper.icons4 { padding-right: 8rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons4 .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.icons4 .detailRightIcons { right: 0; width: 8rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons5, div.detailUnit table.detailTable th div.detailVersionWrapper.icons5 { padding-right: 10rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.icons5 .detailRightIcons, div.detailUnit table.detailTable th div.detailVersionWrapper.icons5 .detailRightIcons { right: 0; width: 10rem; } /* version padding based on icon definition */ div.detailUnit table.detailTable td div.detailVersionWrapper.required, div.detailUnit table.detailTable th div.detailVersionWrapper.required { padding-left: 1.1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.date.help, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.date.help { /*padding: 0px 68px 0px 11px;*/ } /* required with 3 icons */ div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.date.help.required, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.date.help.required { /*padding: 0px 68px 0px 11px;*/ } /* not required, 2 icons */ div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.date, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.date, div.detailUnit table.detailTable td div.detailVersionWrapper.help.date, div.detailUnit table.detailTable th div.detailVersionWrapper.help.date, div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.help, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.help { /*padding: 0px 51px 0px 11px;*/ } /* required with 2 icons */ div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.date.required, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.date.required, div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous.help.required, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous.help.required, div.detailUnit table.detailTable td div.detailVersionWrapper.help.date.required, div.detailUnit table.detailTable th div.detailVersionWrapper.help.date.required { /*padding: 0px 51px 0px 11px;*/ } /* not required with 1 icon */ div.detailUnit table.detailTable td div.detailVersionWrapper.anomalous, div.detailUnit table.detailTable th div.detailVersionWrapper.anomalous, div.detailUnit table.detailTable td div.detailVersionWrapper.date, div.detailUnit table.detailTable th div.detailVersionWrapper.date, div.detailUnit table.detailTable td div.detailVersionWrapper.help, div.detailUnit table.detailTable th div.detailVersionWrapper.help { /*padding: 0px 29px 0px 11px;*/ } /* required with 1 icon */ div.detailUnit table.detailTable td div.detailVersionWrapper.required.anomalous, div.detailUnit table.detailTable th div.detailVersionWrapper.required.anomalous, div.detailUnit table.detailTable td div.detailVersionWrapper.required.date, div.detailUnit table.detailTable th div.detailVersionWrapper.required.date, div.detailUnit table.detailTable td div.detailVersionWrapper.required.help, div.detailUnit table.detailTable th div.detailVersionWrapper.required.help { /*padding: 0px 29px 0px 11px;*/ } div.detailUnit table.detailTable td div.detailVersionWrapper.noControl, div.detailUnit table.detailTable th div.detailVersionWrapper.noControl { color: #666666; font-style: italic; } /* visible icons */ .help .icon.icon-detail-help, .date .icon.icon-detail-date, .anomalous .icon.icon-detail-anomalous, .required .icon.icon-detail-required, .icon.icon-detail-occ-selector, .icon.icon-detail-occ-navigator, .icon.icon-detail-removeException, .icon.icon-detail-ldd-search { display: inline; overflow: visible; text-align: center; border: 0; background: transparent; padding: 0; margin: 0 0 0 0.3rem; min-width: 1.5rem; min-height: 2rem; position: relative; font-size: 1.7rem; line-height: 1; } .help .icon.icon-detail-help:before, .date .icon.icon-detail-date:before, .anomalous .icon.icon-detail-anomalous:before, .required .icon.icon-detail-required:before, .icon.icon-detail-occ-selector:before, .icon.icon-detail-occ-navigator:before, .icon.icon-detail-removeException:before, .icon.icon-detail-ldd-search:before { padding: 0; margin: 0; /*width: 18px;*/ position: absolute; top: 0; left: 0; } .icon.icon-detail-multiLanguage { width: 2rem; padding-left: 0.2rem; height: 2rem; border: 0; background: transparent; } .icon.icon-detail-multiLanguage:before { font-family: FontAwesome; content: "\f0ac"; font-size: 2rem; color: #174c6a !important; } .date .icon.icon-detail-date, .date .icon.icon-detail-help, .icon.icon-detail-ldd-search, .icon.icon-detail-occ-selector, .icon.icon-detail-occ-navigator, .icon.icon-detail-removeException { cursor: pointer; } /* enabled required icon */ .required .icon.icon-detail-required { font-size: .7rem; line-height: 1.82rem; height: 1.82rem; color: #ba0100; left: .2rem; width: 1.1rem; position: absolute; margin: 0; left: 0; top: 0; } .required .icon.icon-detail-required:before { padding: 0; margin: 0; width: 1.1rem; } .required .icon.icon-detail-required:before { font-family: FontAwesome; content: "\f069"; } .icon.icon-detail-help:before { font-family: FontAwesome; color: #174c6a !important; content: "\f059"; text-align: center; } .icon.icon-detail-date:before { font-family: FontAwesome; color: #666 !important; content: "\f073"; text-align: center; } .icon.icon-detail-anomalous:before { font-family: FontAwesome; color: #dbca0a; content: "\f071"; text-align: center; } .icon.icon-detail-ldd-search:before { font-family: FontAwesome; color: #174c6a !important; content: "\f002"; text-align: center; } .icon.icon-detail-occ-selector:before { font-family: FontAwesome; color: #174c6a !important; content: "\f002"; text-align: center; } .icon.icon-detail-occ-navigator:before { font-family: FontAwesome; color: #174c6a !important; content: "\f090"; text-align: center; } .icon.icon-detail-removeException:before { font-family: FontAwesome; color: red !important; content: "\F014"; text-align: center; } .detailVersionWrapper.helpIconLink { padding-left: 0.2rem !important; } div.required div.detailLiteral div.icon.icon-detail-required, div.required div.detailControl div.icon-required { display: inline-block; top: auto; left: auto; position: static; line-height: 1; vertical-align: text-top; } div.detailLiteral button.icon.icon-detail-help { border: none !important; border-radius: 0 0 0 0 !important; font-size: 1.2em !important; color: #FFFFFF !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; line-height: normal !important; background: transparent !important; width: auto !important; box-shadow: none !important; position: relative; font-size: 1.2rem !important; text-align: left; padding-left: 0.2rem !important; width: 1.6rem !important; height: 1.6rem !important; vertical-align: top; } div.detailLiteral button.icon.icon-detail-help:before { font-size: 1.6rem !important; display: inline-block; position: absolute; top: 0; text-align: left; text-shadow: none !important; width: 1.6rem; height: 1.6rem; } div.detailLiteral button.icon.icon-detail-removeException { font-size: 1rem !important; } .variationDataFromOtherEId { color: blue; font-weight: bold; font-style: italic; } .questionPropertiesAdd { padding: 1rem !important; color: #174c6a; border: 0.1rem dotted #174c6a; margin-bottom: 2rem !important; background: #efefef; } .questionPropertiesAdd .detailLiteral:before { font-family: FontAwesome; content: '\f05a'; color: #174c6a; font-size: 2.8rem; display: inline; vertical-align: middle; } .questionPropertiesAdd label { display: inline !important; vertical-align: middle; padding-left: 1rem; font-weight: bold !important; font-size: 1.3rem !important; } input[type=radio] { /* height: 12px; width: 12px; */ margin: .2rem .2rem 0 0; } input[type=text], input[type=password], textarea, select { line-height: normal; margin: 0; } .listTitle { margin-bottom: 1rem; font-size: 1.4rem; text-align: center; font-weight: 600; } .listTitle:empty { display: none; } .listButtons { margin-top: 1rem; text-align: center; } .listButtons button.button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } .listButtons button.button:before, .listButtons button.button:after { font-size: 1.3rem; padding-top: 0; } .listButtons button.button[disabled] { opacity: 0.4; cursor: normal; } .listButtons button.hyperlink { background: transparent; border: 0; padding: 0.6em 0 0 0; color: #174c6a; text-decoration: none; text-align: left; line-height: normal; font-size: 1.2rem; } .listButtons button.hyperlink:before { display: none; } .listContainer { position: relative; background: white; } .listContainer.disabled { opacity: 0.4; } .listContainer .hiddenColumn { display: none !important; } .listContainer.list { border: 1px solid #174c6a; background: #FFFFFF; min-width: 70rem; } .listContainer.autoheight { height: auto !important; } .listContainer.noResults .listInnerWrapper { overflow-x: hidden !important; } .listContainer .tooltipCell, .listContainer .tooltipHeader { position: absolute; visibility: hidden; max-height: 0; overflow-y: hidden; } .listContainer .tooltipCell { font-size: 1.2rem; } .listContainer .tooltipHeader { font-size: 1.2rem; font-weight: bold; } .listContainer.listDropdown { display: inline-block; width: 100%; background: transparent; } .listContainer.listDropdown .listDropdownWrapper { display: table; border-collapse: collapse; width: auto; min-width: 0; max-width: 100%; margin: auto; border: 1px solid #2B2B2B; background: white; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow { display: table-row; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownButtonCell, .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownCell { display: table-cell; padding: 0; margin: 0; vertical-align: middle; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownCell { padding: 0.5rem; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownCell label { display: block; text-align: center; font-size: 1.2rem; padding-bottom: 0.2rem; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownCell select { width: auto; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownCell div.icon-detail-ldd-search { display: inline-block; font-size: 1.4rem; margin-left: 0.4rem; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownButtonCell button { background: transparent; border: 0; font-size: 1.2rem; color: #2a2a2a; padding: 0.4em 1.4rem; line-height: 1.1rem; margin: 0; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownButtonCell button.icon-detail-ldd-search { padding: 0.4em 0; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownButtonCell button:before { vertical-align: middle; padding-right: 0.5rem; } .listContainer.listDropdown .listDropdownWrapper .listDropdownRow .listDropdownButtonCell button:after { vertical-align: middle; padding-left: 0.5rem; } .listContainer .listInnerWrapper { box-sizing: content-box; position: absolute; width: 100%; height: 100%; } .listContainer .listInnerWrapper .listContents { box-sizing: border-box; position: absolute; top: 52px; bottom: 0; left: 0; right: 0; width: 100%; } .listContainer .listInnerWrapper .listContents.scrolling { bottom: auto !important; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div { height: auto !important; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage { position: relative !important; height: auto !important; display: flex; white-space: normal; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell { height: auto !important; white-space: normal; overflow: visible; padding: 0.4rem 0.4rem 0.4rem 0.4rem; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell > p { position: relative; white-space: normal; overflow: visible; line-height: normal; left: 0; right: 0; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.unchecked p, .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.checked p { position: static; display: block; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.unchecked p span, .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.checked p span { left: 0; top: 0; } .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.unchecked p span:before, .listContainer .listInnerWrapper .listContents.scrolling.wrapCells > div > .listRow.scrollPage > .listCell.checked p span:before { padding-top: 0.4rem; } .listContainer .listInnerWrapper .listContents.scrolling .scrollPage { display: none; } .listContainer .listInnerWrapper .listContents .noResults { display: none; position: absolute; left: 0; margin: 20px 0; font-size: 1.2rem; width: 100%; text-align: center; } .listContainer .listInnerWrapper .listContents .wait { display: none; position: absolute; margin: 0; padding: 25px 0; font-size: 1.2rem; width: 100%; text-align: center; top: 0; left: 0; right: 0; height: 100%; background: rgba(255, 255, 255, 0.9); } .listContainer .listInnerWrapper .listContents .zebra .listRow.odd.selected .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.odd.selected .listCell, .listContainer .listInnerWrapper .listContents .zebra .listRow.even.selected .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.even.selected .listCell { background: #cae4f3; } .listContainer .listInnerWrapper .listContents .zebra .listRow.odd.notselected .listCell.filtered[data-filterName='filter'], .listContainer .listInnerWrapper .listContents .notzebra .listRow.odd.notselected .listCell.filtered[data-filterName='filter'], .listContainer .listInnerWrapper .listContents .zebra .listRow.even.notselected .listCell.filtered[data-filterName='filter'], .listContainer .listInnerWrapper .listContents .notzebra .listRow.even.notselected .listCell.filtered[data-filterName='filter'] { background: #FDFFCC; } .listContainer .listInnerWrapper .listContents .zebra .listRow.odd.notselected:hover .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.odd.notselected:hover .listCell, .listContainer .listInnerWrapper .listContents .zebra .listRow.even.notselected:hover .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.even.notselected:hover .listCell { background: #ebf5fb; cursor: pointer; } .listContainer .listInnerWrapper .listContents .zebra .listRow.even.disabledRow:hover .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.even.disabledRow:hover .listCell { background: #F2F2F2; cursor: default; } .listContainer .listInnerWrapper .listContents .zebra .listRow.odd.disabledRow:hover .listCell, .listContainer .listInnerWrapper .listContents .notzebra .listRow.odd.disabledRow:hover .listCell { background: #FFFFFF; cursor: default; } .listContainer .listInnerWrapper .listContents .listRow { height: 26px; width: 100%; position: relative; white-space: nowrap; cursor: pointer; } .listContainer .listInnerWrapper .listContents .listRow.notselected.exception_override p { font-style: italic; font-weight: 600; color: #2a88bd; } .listContainer .listInnerWrapper .listContents .listRow.selected.exception_override p { font-style: italic; font-weight: 600; color: #174c6a; } .listContainer .listInnerWrapper .listContents .listRow.disabledRow .listCell p { opacity: 0.4; } .listContainer .listInnerWrapper .listContents .listRow .listCell { position: relative; display: inline-block; border-left: 1px solid #174c6a; border-bottom: 1px solid #174c6a; height: 26px; font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #F2F2F2; } .listContainer .listInnerWrapper .listContents .listRow .listCell:first-child { border-left: 0; } .listContainer .listInnerWrapper .listContents .listRow .listCell p { margin: 0; line-height: 26px; } .listContainer .listInnerWrapper .listContents .listRow .listCell p.cellText.default, .listContainer .listInnerWrapper .listContents .listRow .listCell p.cellText.custom { position: absolute; height: 100%; left: 0.3rem; right: 0.3rem; overflow: hidden; text-overflow: ellipsis; } .listContainer .listInnerWrapper .listContents .listRow .listCell p.cellText.centered { text-align: center; } .listContainer .listInnerWrapper .listContents .listRow .listCell p.cellText.right { text-align: right; } .listContainer .listInnerWrapper .listContents .listRow .listCell p.cellText .goButtonField { display: none; } .listContainer .listInnerWrapper .listContents .listRow .listCell.checked .icon { position: absolute; width: 100%; height: 100%; text-align: center; } .listContainer .listInnerWrapper .listContents .zebra .listRow.even .listCell { background: #F2F2F2; } .listContainer .listInnerWrapper .listContents .zebra .listRow.odd .listCell { background: #FFFFFF; } .listContainer .listInnerWrapper .listHead.nofiltering .listHeaders .listHeader.checked .selectall { left: 0; margin-left: 0; } .listContainer .listInnerWrapper .listHead .listHeaders { position: relative; width: 100%; white-space: nowrap; height: 27px; } .listContainer .listInnerWrapper .listHead .listHeaders.wrapHeaders { display: flex; height: auto !important; min-height: 27px; } .listContainer .listInnerWrapper .listHead .listHeaders.wrapHeaders > button { display: inline-block; height: auto !important; min-height: 27px; vertical-align: top; } .listContainer .listInnerWrapper .listHead .listHeaders.wrapHeaders > button > p { white-space: normal; overflow: visible; text-overflow: inherit; position: relative; margin-right: 1.5rem; } .listContainer .listInnerWrapper .listHead .listHeaders .selectall { position: absolute; top: 0rem; left: 0rem; margin-top: 0.2rem; width: 30px; line-height: 2.2rem; font-size: 1.8rem; color: white; cursor: pointer; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader { position: relative; display: inline-block; font-size: 1.2rem; font-weight: bold; border-top: 0; border-right: 0; border-left: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid #174c6a; border-radius: 0; cursor: pointer; height: 27px; padding: 0; margin: 0; text-align: left; opacity: 1; background: #174c6a; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader:focus { outline: 0; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader:focus > p.label { text-decoration: underline; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader #noselectall { display: none; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader.filtered[data-filterName='filter'] { background: #FDFFCC; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader.filtered[data-filterName='filter'] p.label, .listContainer .listInnerWrapper .listHead .listHeaders .listHeader.filtered[data-filterName='filter'] div.sorter, .listContainer .listInnerWrapper .listHead .listHeaders .listHeader.filtered[data-filterName='filter'] div.sorter:before, .listContainer .listInnerWrapper .listHead .listHeaders .listHeader.filtered[data-filterName='filter'] div.sorter:after { color: #000000; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader:first-child { border-left: 0 !important; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader p { margin: 0.5em 0 0 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; left: 0; right: 1.5rem; color: #FFFFFF; font-weight: 600; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div { position: absolute; top: 0; right: 0; width: 1.5rem; text-align: center; font-size: 0.8999999999999999rem; color: #FFFFFF; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 1.4rem; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div.icon-list-sort:before { margin-top: 0.1rem; color: #FFFFFF; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div.icon-list-sort-up { margin-top: 0.6rem; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div.icon-list-sort-up:before { margin-top: -0.5rem; color: #FFFFFF; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div.icon-list-sort-down { margin-top: 0.6rem; } .listContainer .listInnerWrapper .listHead .listHeaders .listHeader > div.icon-list-sort-down:before { margin-top: -1.1rem; color: #FFFFFF; } .listContainer .listInnerWrapper .listHead .listFilters { position: relative; width: 100%; white-space: nowrap; height: 26px; } .listContainer .listInnerWrapper .listHead .listFilters .checked_filter, .listContainer .listInnerWrapper .listHead .listFilters .unchecked_filter, .listContainer .listInnerWrapper .listHead .listFilters .dummy_filter, .listContainer .listInnerWrapper .listHead .listFilters .rec_type_filter { position: relative; height: 26px; display: inline-block; width: 4rem; background: #174c6a; border-bottom: 1px solid #174c6a; } .listContainer .listInnerWrapper .listHead .listFilters .checked_filter .clearFilters, .listContainer .listInnerWrapper .listHead .listFilters .unchecked_filter .clearFilters, .listContainer .listInnerWrapper .listHead .listFilters .dummy_filter .clearFilters, .listContainer .listInnerWrapper .listHead .listFilters .rec_type_filter .clearFilters { position: absolute; left: 50%; top: 0; width: 2rem; padding: 0; background: #174c6a; border: 1px solid #174c6a; border-radius: 0.7rem; color: #FFFFFF; font-size: 1.8rem; margin-left: -1rem; } .listContainer .listInnerWrapper .listHead .listFilters .checked_filter .clearFilters:focus, .listContainer .listInnerWrapper .listHead .listFilters .unchecked_filter .clearFilters:focus, .listContainer .listInnerWrapper .listHead .listFilters .dummy_filter .clearFilters:focus, .listContainer .listInnerWrapper .listHead .listFilters .rec_type_filter .clearFilters:focus { outline: 0; text-decoration: underline; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter { position: relative; display: inline-block; background: #174c6a; font-size: 1.2rem; border-left: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid #174c6a; cursor: pointer; height: 26px; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter.filtered[data-filterName='filter'] { background: #fdffcc; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter:first-child { border-left: 0 !important; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .textWrapper, .listContainer .listInnerWrapper .listHead .listFilters .listFilter .dateWrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 1px; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .textWrapper input, .listContainer .listInnerWrapper .listHead .listFilters .listFilter .dateWrapper input { position: absolute; width: 100%; height: 100%; border: 1px solid #7d9dba; padding: 2px 15px 2px 2px; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .textWrapper .filterGo:before, .listContainer .listInnerWrapper .listHead .listFilters .listFilter .dateWrapper .filterGo:before { position: absolute; top: 0.5rem; right: 0.3rem; font-size: 1.3rem; font-family: FontAwesome; color: #009900; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .noneWrapper { display: none; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .dropdownWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; display: block; padding: 1px; } .listContainer .listInnerWrapper .listHead .listFilters .listFilter .dropdownWrapper select { position: absolute; left: 1px; top: 1px; bottom: 1px; /* right: 1px; */ border: 1px solid #7d9dba; width: calc(98%); } .listContainer .listPager { position: absolute; bottom: 0; width: 100%; white-space: nowrap; height: 26px; background: #174c6a; border-top: 1px solid #174c6a; color: #FFFFFF; } .listContainer .listPager > div { font-size: 1.2rem; position: absolute; text-align: center; line-height: 2.4rem; width: 100%; height: 100%; } .listContainer .listPager button { position: relative; border: 0; background: transparent; font-size: 1.3rem; padding: 1px 6px; cursor: pointer; margin-top: 0.2rem; color: #FFFFFF; } .listContainer .listPager button[disabled]:before, .listContainer .listPager button[disabled]:after { color: #FFFFFF; opacity: 0.5rem; } .listContainer .listPager button:before, .listContainer .listPager button:after { color: #FFFFFF; } .listContainer .listPager button:before { padding-right: 0.4rem; } .listContainer .listPager button:after { padding-left: 0.4rem; } .listContainer .listPager button.pagerFirst, .listContainer .listPager button.pagerPrevious { float: left; } .listContainer .listPager button.pagerLast, .listContainer .listPager button.pagerNext { float: right; } .listContainer .executeFilters { position: absolute; width: 28px; height: 26px; right: 0; padding: 0; top: 27px; border-left: 1px solid #174c6a; border-bottom: 1px solid #174c6a; border-top: 0; border-right: 0; background: #174c6a; text-align: center; } .listContainer .executeFilters:before { color: #FFFFFF; } div[id*="_aboveListAdditional"] .customFilter { font-size: 1.2rem; margin-bottom: 1rem; padding: 0.5rem 0.5rem 0 0.5rem; } div[id*="_aboveListAdditional"] .customFilter span { font-weight: 600; } div[id*="_aboveListAdditional"] .customFilter input { margin-right: 0.7rem; } .listExceptionContainer, .listOccurrenceContainer { font-size: 1.2rem; font-weight: bold; text-align: right; } .listExceptionContainer a, .listOccurrenceContainer a { font-weight: normal; } .listExceptionContainer button#removeForException, .listOccurrenceContainer button#removeForException { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.5rem 0.3rem; line-height: 1.2rem; width: 80%; } .listAsOfDateContainer { font-size: 1.3rem; margin-bottom: 1.4rem; } .listAsOfDateContainer button#date-as_of_date { font-size: 1.8rem; } .listAsOfDateContainer button#as_of_date_go { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; font-size: 1.2rem !important; padding: 0.5rem 1rem !important; } .listAsOfDateContainer input { font-size: 1.3rem; width: 10rem; } .listAsOfDateContainer .icon.icon-detail-date { display: inline-block; overflow: visible; text-align: center; border: 0; background: transparent; padding: 0; margin: 0; position: relative; font-size: 14px; line-height: 1; cursor: pointer; } .listAsOfDateContainer .icon.icon-detail-date:before { font-family: FontAwesome; color: #666; content: "\f073"; text-align: center; } .listUnit #impactFooter { font-size: 1.2rem; text-align: center; padding: 0.5rem; } .listUnit .listInnerWrapper .listCell.invalid { color: #cc0000; } .listUnit .listInnerWrapper .listCell.invalid:before { position: absolute; display: block; font-size: 2px; height: 2px; left: 0; bottom: 0; right: 0; background-color: #cc0000; content: ''; } /* xml.less contains generic structure definitions for xsl pages. */ div .UPDListTitle { margin: 1em 0 0 0; margin: 1em auto 0 auto; padding: 0 0 .5em 0; font-size: 1.2rem; } div .UPDListTitle span { display: block; font-size: 1.4rem; margin: 0 0 0 0; } /* The Header */ div .updListUnit.detailUnit { max-width: 90%; min-width: 0em; margin: 2em auto 0 auto; } div .updListUnit.detailUnit .listButtons { margin: 1em auto 0 auto; } div .updListUnit.detailUnit .listButtons .updListButton { display: inline-block; vertical-align: top; } div .updListUnit.detailUnit .listButtons .updListButton button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } div .updListUnit.detailUnit .listButtons .updListButton button:before { padding-top: 0; line-height: .8; } div .updListUnit.detailUnit .UPDListWrapper { overflow-x: auto; overflow-y: hidden; /* right: 0; left: 0; */ height: auto; /* margin here to fix bug in IE9 */ margin-top: auto; } /* min-width: 0px; max-width: 100%; */ div .updListUnit.detailUnit [data-bumper] { width: 0px; height: 0px; cursor: none; padding: 0; margin: 0; background: none; border: none; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable { position: relative; border: 1px solid #2B2B2B; background: white; /*.drop-shadow(0, 0, 7px, 0.5);*/ table-layout: auto; width: auto; margin: 0 auto; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr { background-color: #F2F2F2; } /*.gradient( @LIGHT_BACKGROUND, darken(@LIGHT_BACKGROUND, 20%), @LIGHT_BACKGROUND );*/ div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th:nth-last-child(1) { border-right: 0px solid #5e5e5e; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td { border-bottom: 1px solid #5e5e5e; border-right: 1px solid #5e5e5e; padding: 0 !important; white-space: nowrap; overflow: hidden; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th.deleteColumnHeader, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td.deleteColumnHeader { width: 12em; max-width: 12em; text-align: center; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper { padding: .5em !important; margin: 0 0 0 0; text-align: left; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper.required, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper.required { padding: .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper .detailLiteral, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper .detailLiteral { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper .detailLiteral label, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper .detailLiteral label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper .detailLiteral label button.icon-detail-help, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper .detailLiteral label button.icon-detail-help { border: none !important; border-radius: 0 0 0 0 !important; font-size: 1.2em !important; color: #FFFFFF !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; line-height: normal !important; background: transparent !important; width: auto !important; box-shadow: none !important; background: transparent; width: 20px !important; position: static !important; font-size: 10px !important; height: 20px !important; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper.required .icon.icon-detail-required, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper.required .icon.icon-detail-required, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper.help .icon.icon-detail-help, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper.help .icon.icon-detail-help, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper.date .icon.icon-detail-date, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper.date .icon.icon-detail-date, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr th .detailVersionWrapper.anomalous .icon.icon-detail-anomalous, div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable thead tr td .detailVersionWrapper.anomalous .icon.icon-detail-anomalous { display: inline-block; position: relative; right: auto; left: auto; vertical-align: top; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr:nth-child(2n+1) { background: #f2f2f2; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr:hover { background-color: #CCE4FD; cursor: pointer; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr.selected { background-color: #D6E0EB; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td { border-bottom: 1px solid #5e5e5e; border-right: 1px solid #5e5e5e; padding: 0; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td:nth-last-child(1) { border-right: 1px solid #5e5e5e; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper { padding: .5em; margin: 0; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper.icons1 { padding: .5em 25px .5em .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper.icons2 { padding: .5em 45px .5em .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper.icons3 { padding: .5em 65px .5em .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper.icons4 { padding: .5em 85px .5em .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper.icons5 { padding: .5em 105px .5em .5em; } div .updListUnit.detailUnit .repeatingRowDetailTable.detailTable tbody tr td .detailVersionWrapper .detailRightIcons button.icon { top: 4px; } /* Adding the following style for generic override style for specific xsl */ table .tablePadding5 { table-layout: fixed; } table .tablePadding5 tr td, table .tablePadding5 tr th { padding: 0.5em 1em 0.5em 1em !important; } /* parent class for the xml web page wrapper */ div.xml { margin: 0 auto; } /* generic wrapper for xml unit wrapper */ div.xml .xmlUnit { display: block; min-width: 80em; max-width: 80em; margin: 0 auto; } div.xml .xmlUnit .xslSection { margin: 0 0 1em 0; padding: 0 0 1em 0; } div.xml .xmlUnit .xslSection label { font-size: 1.2rem; } div.xml .xmlUnit .xslSection label.xslHeading { font-size: 1.6rem; font-weight: bold; } div.xml .xmlUnit .xslSection label.xslHeading.l1 { font-size: 1.6rem; } div.xml .xmlUnit .xslSection label.xslHeading.l2 { font-size: 1.5rem; } div.xml .xmlUnit .xslSection label.xslHeading.l3 { font-size: 1.4rem; } div.xml .xmlUnit .xslSection label.xslWarning { display: block; padding: 1em; background: #FEFFE5; border: 1px solid #DDDDDD; } div.xml .xmlUnit .xslSection .xslLineTotal { border: 1px solid #DDDDDD; padding: .5em; background: #f8f8f8; } div.xml .xmlUnit .xslSection .xslLineTotal .xslLineTotalLabel { text-align: right; min-width: 83.33%; display: inline-block; } div.xml .xmlUnit .xslSection .xslLineTotal .xslLineTotalLabel label { font-weight: bold; } div.xml .xmlUnit .xslSection .xslLineTotal .xslLineTotalValue { display: inline-block; min-width: 10%; text-indent: 1em; } div.xml .xmlUnit .xslSection .xslLineTotal .xslLineTotalValue label { font-weight: bold; } div.xml .xmlUnit table { width: 95%; table-layout: fixed; border-collapse: collapse; } /* PAGE SPECIFIC CSS */ div.xml#PREMIUMSUM .policyInformation, div.xml#APP_RATING_RESULTS .policyInformation, div.xml#RATING_RESULTS .policyInformation, div.xml#APOLICY_SUMMARY .policyInformation { text-align: center; } div.xml#PREMIUMSUM .policyInformation .column, div.xml#APP_RATING_RESULTS .policyInformation .column, div.xml#RATING_RESULTS .policyInformation .column, div.xml#APOLICY_SUMMARY .policyInformation .column { text-align: left; display: inline-block; vertical-align: top; padding: 1em 0; background: #f8f8f8; border: 1px solid #DDDDDD; min-height: 18em; margin: 0 1em; min-width: 22em; } div.xml#PREMIUMSUM .policyInformation .column .lineItem, div.xml#APP_RATING_RESULTS .policyInformation .column .lineItem, div.xml#RATING_RESULTS .policyInformation .column .lineItem, div.xml#APOLICY_SUMMARY .policyInformation .column .lineItem { padding: .1em 1.3em 0 1.3em; } /*border-bottom: 1px solid @XSL-BORDER-COLOR-SECONDARY;*/ div.xml#PREMIUMSUM .policyInformation .column .lineItem label, div.xml#APP_RATING_RESULTS .policyInformation .column .lineItem label, div.xml#RATING_RESULTS .policyInformation .column .lineItem label, div.xml#APOLICY_SUMMARY .policyInformation .column .lineItem label { font-style: italic; } div.xml#PREMIUMSUM .policyInformation .column .lineItem label.xslHeading, div.xml#APP_RATING_RESULTS .policyInformation .column .lineItem label.xslHeading, div.xml#RATING_RESULTS .policyInformation .column .lineItem label.xslHeading, div.xml#APOLICY_SUMMARY .policyInformation .column .lineItem label.xslHeading { font-style: normal; margin: 0; padding: 0; } /*border-bottom: 1px solid @XSL-BORDER-COLOR-PRIMARY;*/ div.xml#PREMIUMSUM .policyInformation .column .lineItem label.xslHeading label, div.xml#APP_RATING_RESULTS .policyInformation .column .lineItem label.xslHeading label, div.xml#RATING_RESULTS .policyInformation .column .lineItem label.xslHeading label, div.xml#APOLICY_SUMMARY .policyInformation .column .lineItem label.xslHeading label { display: block; } div.xml#PREMIUMSUM .policyInformation .column .lineItem label.xslHeading label a, div.xml#APP_RATING_RESULTS .policyInformation .column .lineItem label.xslHeading label a, div.xml#RATING_RESULTS .policyInformation .column .lineItem label.xslHeading label a, div.xml#APOLICY_SUMMARY .policyInformation .column .lineItem label.xslHeading label a { display: block; } /* table formatting */ div.xml .xslSubSection table { width: 100%; } div.xml .xslSubSection table.subheadersForTableWithBackground { margin-top: 1em; } div.xml .xslSubSection table.subheadersForTableWithBackground tr { background-color: transparent; } div.xml .xslSubSection table.subheadersForTableWithBackground tr td { border-right: none !important; border-left: none !important; border-top: none !important; border-bottom: none !important; } div.xml .xslSubSection table.subheadersForTableWithBackground tr td label { font-size: 1.6rem !important; color: #1E09B9; font-weight: normal !important; } div.xml .xslSubSection table tr.table-tier-3 td { border-bottom: 1px solid #DDDDDD; } div.xml .xslSubSection table tr.table-tier-3 td:first-child label { color: #0a6cd6; padding-left: 1em; } div.xml .xslSubSection table tr:nth-child(1) td { border-top: 1px solid #DDDDDD; border-bottom: 2px solid #808080; padding: .3em 1em; } div.xml .xslSubSection table tr:nth-child(1) td label { font-size: 1.3rem; font-weight: bold; } div.xml .xslSubSection table tr:nth-child(even) { background-color: #f8f8f8; } div.xml .xslSubSection table tr.table-tier-2 td { font-weight: normal; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: none; } div.xml .xslSubSection table tr.table-tier-2 td label { font-size: 1.2rem; } div.xml .xslSubSection table tr.table-tier-2 td:first-child label { font-size: 1.3rem; } div.xml .xslSubSection table tr.table-tier-2 td:first-child label a { color: #111010; } div.xml .xslSubSection table tr td { border-right: 2px solid #DDDDDD; padding: .3em 1em; } div.xml .xslSubSection table tr td:nth-child(1) { border-left: 2px solid #DDDDDD; width: 50%; padding: .3em 2em; } div.xml .xslSubSection table tr.sideHeaderRow td { border-bottom: 1px solid #DDDDDD; } div.xml .xslSubSection table tr.sideHeaderRow td label { font-style: italic; font-weight: bold; } div.xml .xslSubSection table.classTable tr:nth-child(1) td { border-right: none; border-left: none; border-top: none; border-bottom: none; } div.xml .xslSubSection table.classTable tr:nth-child(1) td label { font-size: 1.2rem; font-weight: normal; } div.xml .xslSubSection table.classTable tr:nth-child(even) { background-color: transparent; } div.xml .xslSubSection table.classTable tr td { border-right: none; padding: .3em 1em; } div.xml .xslSubSection table.classTable tr td:nth-child(1) { border-left: none; width: 20%; } .ui-grid { border: 1px solid #d4d4d4; box-sizing: content-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .ui-grid-vertical-bar { position: absolute; right: 0; width: 0; } .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { width: 1px; } .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { background-color: #d4d4d4; } .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { background-color: #d4d4d4; } .ui-grid-header-cell:last-child .ui-grid-vertical-bar { right: -1px; width: 1px; background-color: #d4d4d4; } .ui-grid-clearfix:before, .ui-grid-clearfix:after { content: ""; display: table; } .ui-grid-clearfix:after { clear: both; } .ui-grid-invisible { visibility: hidden; } .ui-grid-top-panel-background { background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .ui-grid-top-panel { position: relative; border-bottom: 1px solid #d4d4d4; overflow: hidden; font-weight: bold; background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -webkit-border-top-right-radius: -1px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: -1px; -moz-border-radius-topright: -1px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: -1px; border-top-right-radius: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: -1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .ui-grid-group-panel { background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); border-bottom: 1px solid #d4d4d4; -webkit-border-top-right-radius: -1px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: -1px; -moz-border-radius-topright: -1px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: -1px; border-top-right-radius: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: -1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; min-height: 30px; } .ui-grid-header-group-panel .hidden { display: none; } .ui-grid-header-viewport { overflow: hidden; } .ui-grid-header-canvas { position: relative; } .ui-grid-header-canvas:before, .ui-grid-header-canvas:after { content: ""; display: table; line-height: 0; } .ui-grid-header-canvas:after { clear: both; } .ui-grid-header-cell { position: relative; float: left; top: 0; bottom: 0; background-color: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 0; } .ui-grid-header-cell .sortable { cursor: pointer; } .ui-grid-header .ui-grid-vertical-bar { top: 0; bottom: 0; } .ui-grid-column-menu-button { position: absolute; right: 1px; top: 0; } .ui-grid-column-menu-button .ui-grid-icon-angle-down { vertical-align: sub; } .ui-grid-column-menu { position: absolute; } /* Slide up/down animations */ .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove { -webkit-transition: all 0.05s linear; -moz-transition: all 0.05s linear; -o-transition: all 0.05s linear; transition: all 0.05s linear; display: block !important; } .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ui-grid-filter-container { padding: 4px 10px; position: relative; } .ui-grid-filter-container .ui-grid-filter-button { position: absolute; top: 0; bottom: 0; right: 0; } .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right { position: absolute; top: 50%; line-height: 32px; margin-top: -16px; right: 10px; opacity: 0.66; } .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover { opacity: 1; } input[type="text"].ui-grid-filter-input { padding: 0; margin: 0; border: 0; width: 100%; border: 1px solid #d4d4d4; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } input[type="text"].ui-grid-filter-input:hover { border: 1px solid #d4d4d4; } .ui-grid-render-container { position: relative; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .ui-grid-viewport { min-height: 20px; position: relative; overflow: hidden; } .ui-grid-viewport :focus { outline: none; } .ui-grid-canvas { position: relative; } .ui-grid-row:nth-child(odd) .ui-grid-cell { background-color: #fdfdfd; } .ui-grid-row:nth-child(even) .ui-grid-cell { background-color: #f3f3f3; } .ui-grid-row:last-child .ui-grid-cell { border-bottom-color: #d4d4d4; border-bottom-style: solid; } .ui-grid-no-row-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 10%; background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #d4d4d4; font-size: 2em; text-align: center; } .ui-grid-no-row-overlay > * { position: absolute; display: table; margin: auto 0; width: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.66; } .ui-grid-cell { overflow: hidden; float: left; background-color: inherit; border-right: 1px solid; border-color: #d4d4d4; box-sizing: border-box; } .ui-grid-cell:last-child { border-right: 0; } .ui-grid-cell-contents { padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 100%; } .ui-grid-cell-contents-hidden { visibility: hidden; width: 0; height: 0; display: none; } .ui-grid-row-header-cell { background-color: #F0F0EE !important; border-bottom: solid 1px #d4d4d4; } .ui-grid-native-scrollbar { position: absolute; overflow: scroll; } .ui-grid-native-scrollbar.vertical { top: 0; right: 0; height: 100%; overflow-x: hidden; width: 17px; } .ui-grid-native-scrollbar.horizontal { bottom: 0; left: 0; width: 100%; overflow-y: hidden; height: 17px; } .ui-grid-footer-panel-background { background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .ui-grid-footer-panel { position: relative; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; overflow: hidden; font-weight: bold; background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -webkit-border-top-right-radius: -1px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: -1px; -moz-border-radius-topright: -1px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: -1px; border-top-right-radius: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: -1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .ui-grid-group-panel { background: #f3f3f3; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; -webkit-border-top-right-radius: -1px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: -1px; -moz-border-radius-topright: -1px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: -1px; border-top-right-radius: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: -1px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; min-height: 30px; } .ui-grid-footer-group-panel .hidden { display: none; } .ui-grid-footer-viewport { overflow: hidden; } .ui-grid-footer-canvas { position: relative; } .ui-grid-footer-canvas:before, .ui-grid-footer-canvas:after { content: ""; display: table; line-height: 0; } .ui-grid-footer-canvas:after { clear: both; } .ui-grid-footer-cell { overflow: hidden; float: left; background-color: inherit; border-right: 1px solid; border-color: #d4d4d4; box-sizing: border-box; } .ui-grid-footer-cell:last-child { border-right: 0; } .ui-grid-footer .ui-grid-vertical-bar { top: 0; bottom: 0; } input[type="text"].ui-grid-filter-input { padding: 0; margin: 0; border: 0; width: 100%; border: 1px solid #d4d4d4; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } input[type="text"].ui-grid-filter-input:hover { border: 1px solid #d4d4d4; } .ui-grid-menu { z-index: 2; position: absolute; overflow: hidden; padding: 0 10px 20px 10px; cursor: default; } .ui-grid-menu .ui-grid-menu-inner { background: #f3f3f3; border: 1px solid #d4d4d4; position: relative; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); } .ui-grid-menu .ui-grid-menu-inner ul { margin: 0; padding: 0; list-style-type: none; } .ui-grid-menu .ui-grid-menu-inner ul li { padding: 8px; cursor: pointer; } .ui-grid-menu .ui-grid-menu-inner ul li:hover { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); background-color: #cecece; } .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) { border-bottom: 1px solid #d4d4d4; } .ui-grid-sortarrow { right: 5px; position: absolute; width: 20px; top: 0; bottom: 0; background-position: center; } .ui-grid-sortarrow.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @font-face { font-family: 'ui-grid'; src: url('../css/themes/adaptik-base/ui-grid.eot'); src: url('../css/themes/adaptik-base/ui-grid.eot#iefix') format('embedded-opentype'), url('../css/themes/adaptik-base/ui-grid.woff') format('woff'), url('../css/themes/adaptik-base/ui-grid.ttf?') format('truetype'), url('../css/themes/adaptik-base/ui-grid.svg?#ui-grid') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'ui-grid'; src: url('../css/themes/font/ui-grid.svg?12312827#ui-grid') format('svg'); } } */ [class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before { font-family: "ui-grid"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em;/* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .ui-grid-icon-blank::before { width: 1em; content: ' '; } /* * RTL Styles */ .ui-grid[dir=rtl] .ui-grid-header-cell, .ui-grid[dir=rtl] .ui-grid-footer-cell, .ui-grid[dir=rtl] .ui-grid-cell { float: right !important; } .ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal { left: inherit; right: 0; } .ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical { left: 0; right: inherit; } .ui-grid[dir=rtl] .ui-grid-column-menu-button { position: absolute; left: 1px; top: 0; right: inherit; } .ui-grid[dir=rtl] .ui-grid-cell:first-child, .ui-grid[dir=rtl] .ui-grid-header-cell:first-child, .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child { border-right: 0; } .ui-grid[dir=rtl] .ui-grid-cell:last-child { border-right: 1px solid; border-color: #d4d4d4; } .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar, .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar, .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar { width: 0; } /* Animation example, for spinners */ .ui-grid-animate-spin { -moz-animation: ui-grid-spin 2s infinite linear; -o-animation: ui-grid-spin 2s infinite linear; -webkit-animation: ui-grid-spin 2s infinite linear; animation: ui-grid-spin 2s infinite linear; display: inline-block; } @-moz-keyframes ui-grid-spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes ui-grid-spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes ui-grid-spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes ui-grid-spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes ui-grid-spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .ui-grid-cell-contents:focus { outline: 0; background-color: #b3c4c7; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ div.ui-grid-cell input { border-radius: inherit; padding: 0; width: 100%; color: inherit; height: auto; font: inherit; outline: none; } div.ui-grid-cell input:focus { color: inherit; outline: none; } div.ui-grid-cell input[type="checkbox"] { margin: 9px 0 0 6px; width: auto; } div.ui-grid-cell input.ng-invalid { border: 1px solid #fc8f8f; } div.ui-grid-cell input.ng-valid { border: 1px solid #d4d4d4; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell { background-color: #fdfdfd; } .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell { background-color: #f3f3f3; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .ui-grid-pinned-container { float: left; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child { box-sizing: border-box; border-right: 1px solid; border-width: 1px; border-color: #aeaeae; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child { box-sizing: border-box; border-right: 1px solid; border-width: 1px; border-color: #aeaeae; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { width: 1px; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { background-color: #d4d4d4; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { background-color: #aeaeae; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar { right: -1px; width: 1px; background-color: #aeaeae; } .ui-grid-render-container-body { float: left; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .ui-grid-column-resizer { top: 0; bottom: 0; width: 5px; position: absolute; cursor: col-resize; } .ui-grid-column-resizer.left { left: 0; } .ui-grid-column-resizer.right { right: 0; } .ui-grid.column-resizing { cursor: col-resize; } .ui-grid.column-resizing .ui-grid-resize-overlay { position: absolute; top: 0; height: 100%; width: 1px; background-color: #aeaeae; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .ui-grid-row-saving .ui-grid-cell { color: #848484 !important; } .ui-grid-row-error .ui-grid-cell { color: #ff0000 !important; } /* This file contains variable declarations (do not remove this line) */ /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ /** * @section Grid styles */ /** * @section Header styles */ /** @description Colors for header gradient */ /** * @section Grid body styles */ /** @description Colors used for row alternation */ /** * @section Sort arrow colors */ /** * @section Scrollbar styles */ /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ .ui-grid-row-selected .ui-grid-cell { background-color: #c9dde1 !important; } .ui-grid-disable-selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ui-grid-selection-row-header-buttons { cursor: pointer; opacity: 0.1; } .ui-grid-selection-row-header-buttons.ui-grid-row-selected { opacity: 1; } .ui-grid-selection-row-header-cell { border-bottom: solid 1px #d4d4d4; } .ui-grid-icon-plus-squared:before { content: '\c350'; } /* '썐' */ .ui-grid-icon-minus-squared:before { content: '\c351'; } /* '썑' */ .ui-grid-icon-search:before { content: '\c352'; } /* '썒' */ .ui-grid-icon-cancel:before { content: '\c353'; } /* '썓' */ .ui-grid-icon-info-circled:before { content: '\c354'; } /* '썔' */ .ui-grid-icon-lock:before { content: '\c355'; } /* '썕' */ .ui-grid-icon-lock-open:before { content: '\c356'; } /* '썖' */ .ui-grid-icon-pencil:before { content: '\c357'; } /* '썗' */ .ui-grid-icon-down-dir:before { content: '\c358'; } /* '썘' */ .ui-grid-icon-up-dir:before { content: '\c359'; } /* '썙' */ .ui-grid-icon-left-dir:before { content: '\c35a'; } /* '썚' */ .ui-grid-icon-right-dir:before { content: '\c35b'; } /* '썛' */ .ui-grid-icon-left-open:before { content: '\c35c'; } /* '썜' */ .ui-grid-icon-right-open:before { content: '\c35d'; } /* '썝' */ .ui-grid-icon-angle-down:before { content: '\c35e'; } /* '썞' */ .ui-grid-icon-filter:before { content: '\c35f'; } /* '썟' */ .ui-grid-icon-sort-alt-up:before { content: '\c360'; } /* '썠' */ .ui-grid-icon-sort-alt-down:before { content: '\c361'; } /* '썡' */ .ui-grid-icon-ok:before { content: '\e800'; } /* '' */ .ui-grid-icon-spin5:before { content: '\ea61'; } /* '' */ .listContents .listCell .cellText span.dependentCV, .listContents .listCell .cellText span.baseCV { position: relative; cursor: pointer; width: 100%; height: 1.8rem; margin: 0; font-size: 1.8rem; text-align: center; display: block; } .listContents .listCell .cellText span.dependentCV:after { font-family: FontAwesome; content: "\f149"; text-align: center; } .listContents .listCell .cellText span.baseCV:before { font-family: FontAwesome; content: "\f04d"; text-align: center; } .listContents .listCell .cellText span.baseCV:after { position: absolute; top: 0; left: 1.1rem; width: 1.8rem; height: 1.8rem; font-size: 1.3rem; content: "B"; text-align: center; font-weight: bold; color: white; } #PRODTRANSACTIONS { height: 100%; } #PRODTRANSACTIONS #ProductTransactionList, #PRODTRANSACTIONS #wrapper, #PRODTRANSACTIONS #container { height: 100%; } #PRODTRANSACTIONS #filterBar { display: flex; width: 100%; font-size: 1.2rem; margin-bottom: 1.2rem; margin-right: 5rem; } #PRODTRANSACTIONS #filterBar label { white-space: nowrap; } #PRODTRANSACTIONS #filterBar .collapseExpand { white-space: nowrap; } #PRODTRANSACTIONS #filterBar .collapseExpand label:first-child:after { content: " | "; } #PRODTRANSACTIONS #filterBar .filters { display: flex; width: 100%; margin-right: 5rem; } #PRODTRANSACTIONS #filterBar .filters > span { margin: 0 0 0 1rem; flex-grow: 1; text-align: right; } #PRODTRANSACTIONS #filterBar .filters input[type=number] { width: 6rem; } #PRODTRANSACTIONS #filterBar .filters input[type=number]::-webkit-inner-spin-button, #PRODTRANSACTIONS #filterBar .filters input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #PRODTRANSACTIONS #filterBar .filters button#cmdFindCv { font-size: 1.4rem; border: 0; background: transparent; padding: 0; margin: 0; position: relative; } #PRODTRANSACTIONS #filterBar .filters button#cmdFindCv:before { font-family: FontAwesome; content: "\f002"; text-align: center; } #PRODTRANSACTIONS #filterBar .filters .icon.icon-detail-date { display: inline-block; overflow: visible; text-align: center; border: 0; background: transparent; padding: 0; margin: 0; position: relative; font-size: 1.4rem; line-height: 1; cursor: pointer; } #PRODTRANSACTIONS #filterBar .filters .icon.icon-detail-date:before { font-family: FontAwesome; color: #666; content: "\f073"; text-align: center; } #PRODTRANSACTIONS #configData { position: relative; width: 100%; height: calc(100% - 16.5rem); font-size: 1.2rem; } #PRODTRANSACTIONS #configData #configTableHolder { position: absolute; height: 100%; left: 0; right: 5rem; border: 1px solid #b7b7b7; overflow-y: scroll; overflow-x: auto; } #PRODTRANSACTIONS #configData #configTableHolder #configTable tr { height: 2.3rem; } #PRODTRANSACTIONS #configData #configTableHolder #configTable tr td { line-height: 1.8rem; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .colExp { width: 1.8rem; vertical-align: middle; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .expandIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .collapseIcon { cursor: pointer; width: 1.4rem; height: 1.8rem; margin-left: 0.5rem; font-size: 1.8rem; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .expandIcon:after { font-family: FontAwesome; content: "\f0DA"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .collapseIcon:after { font-family: FontAwesome; content: "\f0D7"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotSelected { background: #174c6a; color: #FFFFFF; border-bottom: 1px solid #2a88bd; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotSelected .staleIcon:after, #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotSelected .baseIcon:after { color: black; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotSelected .prodIcon:after { color: #cc0000; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .prodIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .preprodIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .devIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .protoIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .staleIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .noIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .baseIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .apiIcon, #PRODTRANSACTIONS #configData #configTableHolder #configTable .depIcon { position: relative; cursor: pointer; width: 1.8rem; height: 1.8rem; margin: 0 0.2rem; font-size: 1.8rem; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .prodIcon:before { font-family: FontAwesome; content: "\f111"; text-align: center; color: #cc0000; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .prodIcon:after { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; font-size: 1.3rem; content: "P"; text-align: center; font-weight: bold; color: white; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .preprodIcon:after { font-family: FontAwesome; content: "\f023"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .devIcon:after { font-family: FontAwesome; content: "\f021"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .protoIcon:after { font-family: FontAwesome; content: "\f126"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .staleIcon:before { font-family: FontAwesome; content: "\f111"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .staleIcon:after { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; font-size: 1.3rem; content: "S"; text-align: center; font-weight: bold; color: white; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .pivotIcon:after { font-family: FontAwesome; content: "\f13d"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .baseIcon:before { font-family: FontAwesome; content: "\f04d"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .apiIcon:before { font-family: FontAwesome; content: "\f02d"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .apiIcon:after { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; font-size: 1.3rem; text-align: center; font-weight: bold; color: white; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .baseIcon:after { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; font-size: 1.3rem; content: "B"; text-align: center; font-weight: bold; color: white; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .depIcon:after { font-family: FontAwesome; content: "\f149"; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchHeading { background: #cae4f3; color: #174c6a; border-bottom: 1px solid #2B2B2B; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchHeadingSelected { background: #174c6a; color: #FFFFFF; border-bottom: 1px solid #2a88bd; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchName, #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchDate { text-align: left; font-weight: bold; white-space: nowrap; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchDate { text-align: right; padding-right: 0.4rem; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNodeName { width: 40%; text-align: left; vertical-align: middle; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .rootNodeName { width: 100%; text-align: middle; vertical-align: middle; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNodeDate { width: 30%; vertical-align: middle; text-align: right; padding-right: 4px; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNodeState { width: 15%; vertical-align: middle; text-align: center; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .idNumber { font-size: 11px; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNode { border-bottom: 1px solid #bcc3ca; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNode .alt1 { background: #f6f6f6; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNode .alt2 { background: #ffffff; } #PRODTRANSACTIONS #configData #configTableHolder #configTable .branchNodeSelected { background: #4ca3be; color: #ffffff; } #PRODTRANSACTIONS #configData #cmdMoveGrp { position: absolute; width: 4rem; height: 10rem; right: 0; top: 50%; margin-top: -5rem; text-align: center; } #PRODTRANSACTIONS #configData #cmdMoveGrp button { width: 4rem; height: 4rem; background: #2a88bd; border-radius: 2rem; border: 0; font-size: 2.8rem; color: white; } #PRODTRANSACTIONS #configData #cmdMoveGrp button.buttonMoveUp[disabled], #PRODTRANSACTIONS #configData #cmdMoveGrp button.buttonMoveDown[disabled] { opacity: 0.2; } #PRODTRANSACTIONS #configData #cmdMoveGrp button.buttonMoveUp:after { font-family: FontAwesome; content: "\f062"; } #PRODTRANSACTIONS #configData #cmdMoveGrp button.buttonMoveDown:after { font-family: FontAwesome; content: "\f063"; } #PRODTRANSACTIONS #buttonContainer { margin-right: 5rem; text-align: center; } #PRODTRANSACTIONS #buttonContainer .buttonGroup { display: inline-block; padding: 1rem 0.7rem; } #PRODTRANSACTIONS #buttonContainer button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } #PRODTRANSACTIONS #buttonContainer button:before, #PRODTRANSACTIONS #buttonContainer button:after { font-size: 1.3rem; padding-top: 0; } #PRODTRANSACTIONS #buttonContainer button[disabled] { opacity: 0.4; cursor: normal; } #PRODTRANSACTIONS .configurationTable { width: 100%; background: #fafafa; border-collapse: collapse; } #PRODTRANSACTIONS .branchNode, #PRODTRANSACTIONS .branchNodeHover, #PRODTRANSACTIONS .branchSelected, #PRODTRANSACTIONS .alt1, #PRODTRANSACTIONS .alt2, #PRODTRANSACTIONS .pivot, #PRODTRANSACTIONS .pivotHover, #PRODTRANSACTIONS .pivotSelected, #PRODTRANSACTIONS .disabled, #PRODTRANSACTIONS .disabledHover, #PRODTRANSACTIONS .disabledSelected, #PRODTRANSACTIONS .root, #PRODTRANSACTIONS .rootHover, #PRODTRANSACTIONS .rootSelected, #PRODTRANSACTIONS .rootDis, #PRODTRANSACTIONS .rootDisHover, #PRODTRANSACTIONS .rootDisSelected, #PRODTRANSACTIONS .imageButtonGroup, #PRODTRANSACTIONS .buttonGroup, #PRODTRANSACTIONS .branchHeading, #PRODTRANSACTIONS .branchHeadingSelected, #PRODTRANSACTIONS .branchName, #PRODTRANSACTIONS .branchDate { cursor: pointer; } /* END STRUCTURAL */ #PRODTRANSACTIONS .pivot { font-weight: bold; color: #008061; border-bottom: 1px solid #bcc3ca; } #PRODTRANSACTIONS .pivotHover { color: #ffffff; background: #add9ea; font-weight: bold; } #PRODTRANSACTIONS .disabled, #PRODTRANSACTIONS .disabledHover, #PRODTRANSACTIONS .disabledSelected, #PRODTRANSACTIONS .rootDis, #PRODTRANSACTIONS .rootDisHover, #PRODTRANSACTIONS .rootDisSelected { opacity: 0.5; } #PRODTRANSACTIONS .root, #PRODTRANSACTIONS .rootHover, #PRODTRANSACTIONS .rootSelected, #PRODTRANSACTIONS .rootDis, #PRODTRANSACTIONS .rootDisHover, #PRODTRANSACTIONS .rootDisSelected { text-align: center; font-style: italic; } #PRODTRANSACTIONS .disabledHover, #PRODTRANSACTIONS .rootHover, #PRODTRANSACTIONS .rootDisHover { background: #add9ea; } #PRODTRANSACTIONS .disabledSelected, #PRODTRANSACTIONS .rootSelected, #PRODTRANSACTIONS .rootDisSelected { background: #4ca3be; color: #ffffff; } #PRODTRANSACTIONS .root, #PRODTRANSACTIONS .rootDis { background: #e7f5fa; } #PRODTRANSACTIONS .baseDep, #PRODTRANSACTIONS .apiDoc { padding-left: 3px; width: 17px; vertical-align: middle; } #PRODTRANSACTIONS .prodProto, #PRODTRANSACTIONS .stale { padding-left: 3px; width: 17px; vertical-align: top; } #VIIEW_ITEM_PLACMENT { position: relative; } .vipEditorPanel .title { display: none; } .vipEditorPanel table { margin: 0 auto; } .vipEditorPanel table td { padding: 0 1rem .3rem 0; } .vipEditorPanel table .literalContainerForVip { font-size: 1.33rem; text-align: right; } .vipEditorPanel .buttons { text-align: center; } .vipEditorPanel .buttons button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } .vipEditorPanel input[type=text] { width: 100%; } .vipEditorPanel .helpIcon { display: inline-block; position: relative; cursor: pointer; } .vipEditorPanel .helpIcon:before { font-family: FontAwesome; color: #2a88bd; content: "\f059"; text-align: center; font-size: 1.8em; display: block; text-indent: initial; } #brdrPropEditOverlay table { table-layout: fixed; } #brdrPropEditOverlay td { padding: .5rem; font-size: 1.33rem; } .viewItemPlacementOverlay { width: 100% !important; height: 100% !important; max-height: 100% !important; } /* Note that when opened in overlay, this element is moved out of this parent scope and becomes visible */ .viewItemPlacementOverlay .vipEditorPanel { display: none !important; } .viewItemPlacementOverlay * { box-sizing: border-box; } .viewItemPlacementOverlay .ui-dialog-content { height: 100% !important; width: 100% !important; padding: 0 !important; overflow-y: auto; } .viewItemPlacementOverlay input { border: 2px; } .viewItemPlacementOverlay .textBox { width: 165px; } .viewItemPlacementOverlay div#content { position: absolute; top: 0; bottom: 4.1rem; left: 0; right: 0; background: #eeede5; overflow: hidden; } .viewItemPlacementOverlay div#title_and_lock_container { height: 26px; } .viewItemPlacementOverlay div#title { position: relative; background: url("../css/themes/adaptik-base/images/sprite.png"); float: left; height: 26px; border-bottom: 1px solid #4a4a4a; line-height: 26px; text-align: center; font-weight: bold; } .viewItemPlacementOverlay div.title { position: relative; background: url("../css/themes/adaptik-base/images/sprite.png"); float: left; width: 100%; height: 26px; border-bottom: 1px solid #4a4a4a; line-height: 26px; text-align: center; font-weight: bold; } /* ============================================= */ .viewItemPlacementOverlay #lock_container { position: absolute; right: 15rem; top: 0; } .viewItemPlacementOverlay #lock_container #lock p { margin: 0; padding: 0; visibility: hidden; font-size: 1.6rem; line-height: 1.8; font-weight: bold; text-shadow: 1px 1px black; letter-spacing: .2rem; } .viewItemPlacementOverlay #lock_container #lock p.expiryShow { visibility: visible; } .viewItemPlacementOverlay #lock_container #lock p.expiryWarn { color: #cc0000; } /* ============================================= */ .viewItemPlacementOverlay div#main_wrapper { position: absolute; background: #d7d8d8; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .viewItemPlacementOverlay div#left_container { position: absolute; left: 0; top: 0; bottom: 0; width: 75%; } .viewItemPlacementOverlay div#left_container.max { width: 100%; } .viewItemPlacementOverlay div#right_container { position: absolute; right: 0; bottom: 0; top: 0; width: 25%; border-left: 1px solid #888686; } /* ============================================= */ .viewItemPlacementOverlay div#vipframe { position: absolute; overflow-x: scroll; overflow-y: scroll; bottom: 4.4rem; right: 0; } .viewItemPlacementOverlay div#buttons { position: absolute; bottom: 0; height: 44px; text-align: center; vertical-align: middle; background: #e3e3e3; width: 100%; } .viewItemPlacementOverlay div#LanguageContainer, .viewItemPlacementOverlay .checkBoxWrappers { /*position:relative; float:left; margin-right: 10px;*/ display: inline-block; vertical-align: middle; text-align: left; } .viewItemPlacementOverlay div#LanguageContainer { padding-right: 1.5rem; } .viewItemPlacementOverlay .buttonWrapperContainer { padding: .5rem 35rem .5rem .5rem; } /* ============================================= */ .viewItemPlacementOverlay div#rowNumbersViewPort { position: absolute; left: 0; width: 2.8rem; height: 100%; overflow: hidden; border-top: 1px solid #888686; border-bottom: 1px solid #888686; border-right: 1px solid #888686; } .viewItemPlacementOverlay div#colNumbersViewPort { position: absolute; height: 2em; overflow: hidden; border-left: 1px solid #888686; border-right: 1px solid #888686; border-bottom: 1px solid #888686; } .viewItemPlacementOverlay div#rowNumbersList { background: #f6f6f6; width: 100%; height: 100%; } .viewItemPlacementOverlay div#colNumbersList { text-align: center; background: #f6f6f6; height: 100%; width: 100%; } .viewItemPlacementOverlay .rowNumber span, .viewItemPlacementOverlay .colNumber span { user-select: none; font-size: .9rem; } .viewItemPlacementOverlay div.rowNumber { position: absolute; left: 0; right: 0; background-color: #f6f6f6; border-bottom: 1px solid #bcbcbc; text-align: center; line-height: 2.2rem; } .viewItemPlacementOverlay div.rowNumber:hover { background-color: #f8f8f8; cursor: pointer; } .viewItemPlacementOverlay div.colNumber { position: absolute; text-align: center; background-color: #f6f6f6; border-right: 1px solid #bcbcbc; height: 100%; line-height: 2.2rem; } .viewItemPlacementOverlay div.pw_col_header_highlight { background-color: #add9ea; } /* ============================================= */ .viewItemPlacementOverlay div.buttons { position: relative; float: left; height: 44px; width: 100%; border-top: 1px solid #888686; text-align: center; vertical-align: middle; background: #e3e3e3; } .viewItemPlacementOverlay button { /*border: 1px solid #4a4a4a; margin: 7px 7px 0px 0px; background: white url("../css/themes/adaptik-base/images/sprite.png") repeat-x -0px -138px; padding: 0px 7px; height: 30px; font-size: 1.1em; font-family: "Trebuchet MS";*/ background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } .viewItemPlacementOverlay button:before, .viewItemPlacementOverlay button:after { font-size: 1.3rem; padding-top: 0; } .viewItemPlacementOverlay button[disabled] { opacity: 0.4; cursor: normal; } .viewItemPlacementOverlay button#cmdCancel span { /* position: relative; display: inline-block; width: 21px; height: 26px; background: black url("../css/themes/adaptik-base/images/sprite.png") no-repeat -5px -34px; vertical-align: middle;*/ } .viewItemPlacementOverlay button#cmdReload span { /* position: relative; display: inline-block; width: 21px; height: 26px; background: black url("../css/themes/adaptik-base/images/sprite.png") no-repeat -31px -34px; vertical-align: middle;*/ } .viewItemPlacementOverlay button#cmdSubmit span { /* position: relative; display: inline-block; width: 21px; height: 26px; background: black url("../css/themes/adaptik-base/images/sprite.png") no-repeat -57px -34px; vertical-align: middle;*/ } .viewItemPlacementOverlay div#borderHeader { border-bottom: 1px solid #bcbcbc; } .viewItemPlacementOverlay span.editButtonWrapper { display: inline-block; } .viewItemPlacementOverlay span.colorPickerBox { display: inline-block !important; border: 1px solid #bcbcbc; width: 20px; height: 12px; } .viewItemPlacementOverlay a.editButton { padding: 0 .3rem 0 .3rem; color: #0000cc; font-weight: bold; font-size: .9rem; } .viewItemPlacementOverlay a.editButton.disabled { display: none; } .viewItemPlacementOverlay div#toggleCanvasElementsContainer { position: absolute; right: 6px; top: 0; white-space: nowrap; padding: .5rem; width: 35rem; border-left: 1px solid #b7b6b6; } .viewItemPlacementOverlay div#toggleCanvasElementsContainer input { vertical-align: middle; margin: 0; } /* Nesting the properties styles in LESS */ .viewItemPlacementOverlay #properties { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #ebebeb; padding: 0; } .viewItemPlacementOverlay #properties .propertyScrollPane { overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #bcbcbc; } /* All taboles in property panel */ .viewItemPlacementOverlay #properties table { table-layout: fixed; width: 100%; } .viewItemPlacementOverlay #properties table td { background: white; font-size: 0.9rem; padding: .3rem; border-bottom: 1px solid #bcbcbc; white-space: nowrap; } .viewItemPlacementOverlay #properties table td.literalProperty { width: 40%; border-right: 1px solid #bcbcbc; overflow: hidden; white-space: nowrap; } .viewItemPlacementOverlay #properties table td.literalProperty span, .viewItemPlacementOverlay #properties table td.literalProperty div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.2rem; display: block; } .viewItemPlacementOverlay #properties table td.valueProperty { width: 60%; } .viewItemPlacementOverlay #properties table td.valueProperty #litPropFontValue span, .viewItemPlacementOverlay #properties table td.valueProperty #ctlPropFontValue span, .viewItemPlacementOverlay #properties table td.valueProperty #ctlPropBgClrValue span, .viewItemPlacementOverlay #properties table td.valueProperty #litPropBgClrValue span, .viewItemPlacementOverlay #properties table td.valueProperty #ctlPropCtlClrValue span { display: inline-block; padding-left: .2rem; vertical-align: middle; } .viewItemPlacementOverlay #properties table td.valueProperty div, .viewItemPlacementOverlay #properties table td.valueProperty p, .viewItemPlacementOverlay #properties table td.valueProperty span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; display: block; padding: 0; margin: 0; } .viewItemPlacementOverlay #properties table td.valueProperty select { font-size: 0.9rem; } .viewItemPlacementOverlay #properties .propertyPanelHeader { background: #e3e3e3; padding: .3rem; text-align: left; font-weight: bold; border-bottom: 1px solid #bcbcbc; position: relative; } .viewItemPlacementOverlay #properties .propertyPanelHeader span { font-weight: bold; font-size: 1.2rem; } .viewItemPlacementOverlay #properties .propertyPanelHeader .editButtonWrapper { position: absolute; display: block; top: .3rem; right: .8rem; } /*#borderPanel { margin-bottom: 5px; } #groupPanel { margin-bottom: 5px; } #actionPanel { margin-bottom: 5px; }*/ .viewItemPlacementOverlay #actionPanel td#movement { width: 120px; text-align: center; border-bottom: 0px !important; } .viewItemPlacementOverlay #actionPanel tr#movementUp td { border-bottom: 0px; } .viewItemPlacementOverlay button.roundButton { display: inline-block; width: 4rem; height: 4rem; border: 2px solid #f5f5f5; border-radius: 50%; color: #f5f5f5; text-align: center; text-decoration: none; background: #464646; box-shadow: 0 0 3px gray; font-weight: bold; outline: none; margin: .3rem; padding: 0; } .viewItemPlacementOverlay button.roundButton:hover { background: #262626; } .viewItemPlacementOverlay .deleteWrapper { display: inline-block; width: 49%; } .viewItemPlacementOverlay .movementWrapper { display: inline-block; width: 50%; vertical-align: middle; } .viewItemPlacementOverlay .movementWrapper .movementLiteral { text-align: center; padding: .5rem; font-size: 1.2rem; } .viewItemPlacementOverlay .movementWrapper .movementControls { text-align: center; } .viewItemPlacementOverlay button#moveUpButton, .viewItemPlacementOverlay button#moveDownButton, .viewItemPlacementOverlay button#moveLeftButton, .viewItemPlacementOverlay button#moveRightButton { margin-top: 0px; } .viewItemPlacementOverlay button#moveUpButton:before, .viewItemPlacementOverlay button#moveDownButton:before, .viewItemPlacementOverlay button#moveLeftButton:before, .viewItemPlacementOverlay button#moveRightButton:before { font-family: FontAwesome; } .viewItemPlacementOverlay #moveUpButton:before { content: "\f062"; } .viewItemPlacementOverlay button#moveDownButton:before { content: "\f063"; } .viewItemPlacementOverlay button#moveLeftButton:before { content: "\f060"; } .viewItemPlacementOverlay button#moveRightButton:before { content: "\f061"; } .viewItemPlacementOverlay #actionPanel #actionButtons { text-align: center; } .viewItemPlacementOverlay button#deleteButton { width: 9em; } .viewItemPlacementOverlay button#deleteButton span { /*position: relative; display: inline-block; width: 21px; height: 26px; background: black url("../css/themes/adaptik-base/images/sprite.png") no-repeat -31px -112px; vertical-align: middle;*/ } .viewItemPlacementOverlay label.header { display: block; font-size: 1.1em; font-weight: bold; padding: 3px; } .viewItemPlacementOverlay label.spacer { font-size: 1px; } .viewItemPlacementOverlay label.literal { display: inline-block; background-color: #f5f5f5; padding: 3px; border-bottom: 2px solid white; border-right: 2px solid white; } .viewItemPlacementOverlay table#vipgrid input { border: 1px solid #b8b8b8; margin: 0px 3px; padding: 2px; vertical-align: middle; } .viewItemPlacementOverlay table#vipgrid textarea { border: 1px solid #b8b8b8; margin: 2px 3px; padding: 2px; vertical-align: middle; } .viewItemPlacementOverlay table#vipgrid select { border: 1px solid #b8b8b8; margin: 0px 3px; padding: 2px; vertical-align: middle; } .viewItemPlacementOverlay table.viewItemOverlayInputs { width: 80%; } .viewItemPlacementOverlay table.viewItemOverlayInputs td { width: 50%; } .viewItemPlacementOverlay table.literalOverlayInputs { width: 95%; } .viewItemPlacementOverlay table.literalOverlayInputs td { width: 50%; } .viewItemPlacementOverlay table.literalOverlayInputs select { width: 100%; } .viewItemPlacementOverlay table.controlOverlayInputs { width: 95%; } .viewItemPlacementOverlay table.controlOverlayInputs td { width: 50%; } .viewItemPlacementOverlay table.controlOverlayInputs select { width: 100%; } .viewItemPlacementOverlay table.groupOverlayInputs { width: 95%; } .viewItemPlacementOverlay table.groupOverlayInputs td { width: 50%; } .viewItemPlacementOverlay table.groupOverlayInputs select { width: 100%; } .viewItemPlacementOverlay span.calIcon { display: inline-block; width: 18px; height: 18px; background: url("../css/themes/adaptik-base/images/sprite.png") no-repeat -0px -112px; } .viewItemPlacementOverlay table#vipgrid label.hidden, .viewItemPlacementOverlay table#vipgrid input.hidden { filter: alpha(opacity=20); } .viewItemPlacementOverlay table#vipgrid label.hidden span.super { vertical-align: top; font-size: 0.7em; } .viewItemPlacementOverlay .literalContainerForVip label { float: left; padding: 4px; } .viewItemPlacementOverlay .literalContainerForVip td { width: 1.5em; } .viewItemPlacementOverlay span.notrequired { display: inline-block; width: 9px; height: 8px; padding: 3px; float: left; } .viewItemPlacementOverlay div#brdrPropertyList { text-align: left; } .viewItemPlacementOverlay .disabled { filter: alpha(opacity=50); } .viewItemPlacementOverlay .disabledHover { cursor: default; filter: alpha(opacity=50); } .pw_yui_dnd_proxy { background-color: yellow; filter: alpha(opacity=50); opacity: .50; z-index: 10999 !important; } /* Styles for the canvas itself */ .viewItemPlacementOverlay .left_canvas { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #ffffff; z-index: 1; } .viewItemPlacementOverlay .left_canvas.gridHidden { background-image: none !important; } /* Styles for the canvas itself */ .viewItemPlacementOverlay .right_canvas { border: solid black 2px; background-color: #ddd; } .viewItemPlacementOverlay .rowNumbersList { text-align: center; overflow: hidden; border-bottom: 1px solid #000; user-select: none; } /* Styles for grid lines */ .viewItemPlacementOverlay .pw_grid { border: solid #D6D3D6 1px; /*filter:alpha(opacity=10);*/ /*opacity: .1;*/ z-index: 0; font-size: 1px; } /* Styles for boxes in the figure */ .viewItemPlacementOverlay .boxstyle { border: solid black 2px; background: #aaa; padding: 2px 10px 2px 10px; font: bold 12pt sans-serif; text-align: center; } /* styles for line connecting the boxes */ .viewItemPlacementOverlay .boldline { border: solid black 2px; } .viewItemPlacementOverlay .slot { position: absolute; background-color: #f1f1f1; margin: auto 0px auto 0px; border: solid gray 1px; font-size: 12px; z-index: 10; } .viewItemPlacementOverlay .slotInternal { /*width: 100%;*/ z-index: 10; cursor: default;/*inherit;*/ } .viewItemPlacementOverlay div.slotInternal { width: 100%; height: 100%; /*background-color: cyan;*/ margin: 0; padding: 0; overflow: hidden; } .viewItemPlacementOverlay div.slotInternal span { user-select: none; } .viewItemPlacementOverlay div.slotInternal span.literalText { text-decoration: inherit; font-weight: inherit; color: inherit; font-style: inherit; } .viewItemPlacementOverlay input.slotInternal { width: 99%;/* display:block; */ /* margin-right: 2px; */ /* margin-left: 2px; */ /* padding: 0; */ /* border-width: 1px; */ /* position: relative; */ /* height: 99%; */ } .viewItemPlacementOverlay input[type="checkbox"], .viewItemPlacementOverlay input[type="radio"].slotInternal { width: 1.0em; height: 1.0em; } .viewItemPlacementOverlay .text_box_simulator { width: 99% !important; border: 1px inset #d4d0c8 !important; background-color: white; } .viewItemPlacementOverlay .text_area_simulator { width: 99% !important; background-color: white !important; border: 1px inset #d4d0c8; overflow-y: scroll !important; } .viewItemPlacementOverlay .pw_req_ind { width: 0.7em; font-size: 1.2em; font-weight: bolder; text-align: left; text-decoration: none; color: red; display: inline-block; cursor: inherit; } .viewItemPlacementOverlay .textElementWrapper { white-space: nowrap; } .viewItemPlacementOverlay .textElementWrapper span, .viewItemPlacementOverlay .textElementWrapper sup { vertical-align: middle; } .viewItemPlacementOverlay select.slotInternal { width: 99%;/*position: absolute;*/ } .viewItemPlacementOverlay span.slotInternal { display: inline-block; cursor: inherit; /*height: 99%;*/ width: 99%; } .viewItemPlacementOverlay span.slotInternal.literalText { width: auto; } .viewItemPlacementOverlay p.slotInternal { cursor: inherit; } .viewItemPlacementOverlay .slotInternalSelected { cursor: move !important; } .viewItemPlacementOverlay span.slot_tab_order { top: 0px; left: 0px; position: absolute; font-size: 1.5em; color: white; background-color: #007f60; } .viewItemPlacementOverlay .slotInternal sup { font-size: 0.75em; } /**This class is currently not in use; but could be utilized to manipulate the design of the Tab Order display**/ .viewItemPlacementOverlay div.slot_tab_order { width: 100%; height: 100%; position: absolute; display: none; } /*** Slot Template CSS Recommended dimensions height = 0.56 * width(20 columns) height = 2.09 * width(wide = 80 columns) ***/ .viewItemPlacementOverlay .slotTemplate { height: 2.3em; width: 4.1em; } .viewItemPlacementOverlay .slotTemplateWide { height: 2.3em; width: 1.1em; } .viewItemPlacementOverlay .slotTemplate800x600 { height: 1.9em; width: 3.38em; } .viewItemPlacementOverlay .slotTemplateWide800x600 { height: 1.9em; width: 0.91em; } .viewItemPlacementOverlay .slotTemplate1024x768 { height: 1.9em; width: 3.38em; } .viewItemPlacementOverlay .slotTemplateWide1024x768 { height: 1.9em; width: 0.91em; } .viewItemPlacementOverlay .slotTemplate1280x1024 { height: 2.0em; width: 3.54em; } .viewItemPlacementOverlay .slotTemplateWide1280x1024 { height: 2.0em; width: 0.96em; } .viewItemPlacementOverlay .slotTemplate1440x900 { height: 2.3em; width: 4.1em; } .viewItemPlacementOverlay .slotTemplateWide1440x900 { height: 2.3em; width: 1.1em; } .viewItemPlacementOverlay .slotTemplate1600x1200 { height: 2.3em; width: 4.1em; } .viewItemPlacementOverlay .slotTemplateWide1600x1200 { height: 2.3em; width: 1.1em; } .viewItemPlacementOverlay .slotTemplate1920x1080 { height: 2.3em; width: 4.1em; } .viewItemPlacementOverlay .slotTemplateWide1920x1080 { height: 2.3em; width: 1.1em; } /*** Slot Template CSS ***/ /*To make slot handle square the font-size must be smaller than the height dimension*/ .viewItemPlacementOverlay .slotHandle { position: absolute; height: 6px; width: 6px; background-color: white; border: solid black 1px; font-size: 1px; z-index: 20; } .viewItemPlacementOverlay div.gridVisible { display: block; } .viewItemPlacementOverlay div.gridHidden .pw_grid { display: none; } .viewItemPlacementOverlay div.gridNumbersVisible { display: block; } .viewItemPlacementOverlay div.gridNumbersHidden { display: none; } .viewItemPlacementOverlay .neHandle { cursor: ne-resize; } .viewItemPlacementOverlay .nwHandle { cursor: nw-resize; } .viewItemPlacementOverlay .swHandle { cursor: sw-resize; } .viewItemPlacementOverlay .seHandle { cursor: se-resize; } .viewItemPlacementOverlay .sHandle { cursor: s-resize; } .viewItemPlacementOverlay .nHandle { cursor: n-resize; } .viewItemPlacementOverlay .eHandle { cursor: e-resize; } .viewItemPlacementOverlay .wHandle { cursor: w-resize; } .viewItemPlacementOverlay .pw_slot_selected { cursor: move; background-color: #add9ea; z-index: 30; } .viewItemPlacementOverlay .pw_slot_active { cursor: default; background-color: #add9ea; z-index: 30; } .viewItemPlacementOverlay .pw_slot_selected_row { position: absolute; z-index: 999; background-color: greenyellow;/* just for now, for testing */ filter: alpha(opacity=50); opacity: .50; display: block; } .viewItemPlacementOverlay .pw_marker_slot { position: absolute; z-index: 9999; background-color: red; filter: alpha(opacity=50); opacity: .50; display: none; } .viewItemPlacementOverlay .pw_union_slot { position: absolute; z-index: 9999; background-color: #bbb; filter: alpha(opacity=50); opacity: .50; display: block; } .viewItemPlacementOverlay .pw_slot_sibling_highlight { border: solid red 1px; } .viewItemPlacementOverlay .pw_slot_error_highlight { background-color: #ffc0cb; } .viewItemPlacementOverlay .slot_hidden_vi div.slotInternal { filter: alpha(opacity=40); opacity: .40; } .viewItemPlacementOverlay div#pw_canvas_contextmenu div ul { border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; } .viewItemPlacementOverlay div#pw_canvas_contextmenu div ul li a { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; } /* The general font settings including the base font size (applied to HTML and BODY elements to initialize REM size), * and also the size of text used throughout the app (in most cases other sizes should be based off this size). */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ .viewItemPlacementOverlay .yui-overlay, .viewItemPlacementOverlay .yui-panel-container { visibility: hidden; position: absolute; z-index: 2; } .viewItemPlacementOverlay .yui-panel-container form { margin: 0; } .viewItemPlacementOverlay .mask { z-index: 1; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .viewItemPlacementOverlay .mask.block-scrollbars { overflow: auto; } .viewItemPlacementOverlay .masked select, .viewItemPlacementOverlay .drag select, .viewItemPlacementOverlay .hide-select select { _visibility: hidden; } .viewItemPlacementOverlay .yui-panel-container select { _visibility: inherit; } .viewItemPlacementOverlay .hide-scrollbars, .viewItemPlacementOverlay .hide-scrollbars * { overflow: hidden; } .viewItemPlacementOverlay .hide-scrollbars select { display: none; } .viewItemPlacementOverlay .show-scrollbars { overflow: auto; } .viewItemPlacementOverlay .yui-panel-container.show-scrollbars, .viewItemPlacementOverlay .yui-tt.show-scrollbars { overflow: visible; } .viewItemPlacementOverlay .yui-panel-container.show-scrollbars .underlay, .viewItemPlacementOverlay .yui-tt.show-scrollbars .yui-tt-shadow { overflow: auto; } .viewItemPlacementOverlay .yui-panel-container.shadow .underlay.yui-force-redraw { padding-bottom: 1px; } .viewItemPlacementOverlay .yui-effect-fade .underlay { display: none; } .viewItemPlacementOverlay .yui-tt-shadow { position: absolute; } .viewItemPlacementOverlay .yui-skin-sam .mask { background-color: #000; opacity: .10; *filter: alpha(opacity=10); } .viewItemPlacementOverlay .yui-skin-sam .yui-panel-container { padding: 0 1px; *padding: 2px 3px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel { position: relative; *zoom: 1; left: 0; top: 0; border-style: solid; border-width: 1px 0; border-color: #808080; z-index: 1; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .hd, .viewItemPlacementOverlay .yui-skin-sam .yui-panel .bd, .viewItemPlacementOverlay .yui-skin-sam .yui-panel .ft { *zoom: 1; *position: relative; border-style: solid; border-width: 0 1px; border-color: #808080; margin: 0 -1px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .hd { border-bottom: solid 1px #ccc; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .bd, .viewItemPlacementOverlay .yui-skin-sam .yui-panel .ft { background-color: #F2F2F2; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .hd { padding: 0 10px; font-size: 93%; line-height: 2; *line-height: 1.9; font-weight: bold; color: #000; background: url(../css/themes/adaptik-base/sprite.png) repeat-x 0 -200px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .bd { padding: 10px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel .ft { border-top: solid 1px #808080; padding: 5px 10px; font-size: 77%; } .viewItemPlacementOverlay .yui-skin-sam .container-close { position: absolute; top: 5px; right: 6px; width: 25px; height: 15px; background: url(../css/themes/adaptik-base/sprite.png) no-repeat 0 -300px; cursor: pointer; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel-container .underlay { right: -1px; left: -1px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel-container.matte { padding: 9px 10px; background-color: #fff; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel-container.shadow { _padding: 2px 5px 0 3px; } .viewItemPlacementOverlay .yui-skin-sam .yui-panel-container.shadow .underlay { position: absolute; top: 2px; right: -3px; bottom: -3px; left: -3px; *top: 3px; *left: -1px; *right: -1px; *bottom: -1px; _top: 0; _right: 0; _bottom: 0; _left: 0; _margin-top: 3px; _margin-left: -1px; background-color: #000; opacity: .2; *filter: alpha(opacity=12); } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft { border-top: none; padding: 0 10px 10px 10px; font-size: 100%; } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft .button-group { display: block; text-align: right; } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft button.default { font-weight: bold; } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft span.default { border-color: #304369; background-position: 0 -1400px; } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft span.default .first-child { border-color: #304369; } .viewItemPlacementOverlay .yui-skin-sam .yui-dialog .ft span.default button { color: #fff; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd .yui-icon { background: url(../css/themes/adaptik-base/sprite.png) no-repeat 0 0; width: 16px; height: 16px; margin-right: 10px; float: left; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.blckicon { background-position: 0 -1100px; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.alrticon { background-position: 0 -1050px; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.hlpicon { background-position: 0 -1150px; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.infoicon { background-position: 0 -1200px; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.warnicon { background-position: 0 -1900px; } .viewItemPlacementOverlay .yui-skin-sam .yui-simple-dialog .bd span.tipicon { background-position: 0 -1250px; } .viewItemPlacementOverlay .yui-skin-sam .yui-tt .bd { position: relative; top: 0; left: 0; z-index: 1; color: #000; padding: 2px 5px; border-color: #D4C237 #A6982B #A6982B #A6982B; border-width: 1px; border-style: solid; background-color: #FFEE69; } .viewItemPlacementOverlay .yui-skin-sam .yui-tt.show-scrollbars .bd { overflow: auto; } .viewItemPlacementOverlay .yui-skin-sam .yui-tt-shadow { top: 2px; right: -3px; left: -3px; bottom: -3px; background-color: #000; } .viewItemPlacementOverlay .yui-skin-sam .yui-tt-shadow-visible { opacity: .12; *filter: alpha(opacity=12); } /* The following are the adaptik default picks for internal icons, these can be overridden by copying the line below * and replacing the content and font-family with the values from the icons.less icon class. * * NOTE: Overrides should be made in the theme specific overrides file, not this file. * * Lists */ .icon-list-pagerFirst:before { font-family: FontAwesome; content: "\f048"; } .icon-list-pagerPrevious:before { font-family: FontAwesome; content: "\f04a"; } .icon-list-pagerNext:after { font-family: FontAwesome; content: "\f04e"; } .icon-list-pagerLast:after { font-family: FontAwesome; content: "\f051"; } .icon-list-filterGo:before { font-family: FontAwesome; content: "\f04b"; } .icon-list-executeFilters:before { font-family: FontAwesome; content: "\f04b"; } .icon-list-na:before { content: ""; } .icon-list-sort:before { font-family: FontAwesome; content: "\f0dc"; } .icon-list-sort-up:before { font-family: FontAwesome; content: "\f0de"; } .icon-list-sort-down:before { font-family: FontAwesome; content: "\f0dd"; } .icon-list-check:before { font-family: FontAwesome; content: "\f096"; position: absolute; top: 0; left: 0; right: 0; text-align: center; } .icon-list-check.selected:before { font-family: FontAwesome; content: "\f046"; position: absolute; top: 0; left: 0; right: 0; text-align: center; } .noselectall.icon-list-check:before { content: ""; position: absolute; top: 0; left: 0; right: 0; text-align: center; } .selected .checked .icon-list-selected:before { font-family: FontAwesome; content: "\f046" !important; } .notselected .checked .icon-list-selected:before { font-family: FontAwesome; content: "\f096" !important; } .selected .unchecked .icon-list-selected:before { font-family: FontAwesome; content: "\f04b" !important; color: #2a88bd; position: absolute; top: 0; left: 0; right: 0; text-align: center; } .icon-list-clear:before { font-family: FontAwesome; content: "\f00d"; position: absolute; top: 0; left: 0; right: 0; } .icon-list-clear:after { font-family: FontAwesome; content: "\f0da"; float: right; padding-right: 0.3em; } /* General Buttons */ .icon-button-add:before { font-family: FontAwesome; content: "\f067"; } .icon-button-addPrefill:before { font-family: FontAwesome; content: "\f067"; } .icon-button-edit:before { font-family: FontAwesome; content: "\f040"; } .icon-button-edit.view:before { font-family: FontAwesome; content: "\f06e"; } .icon-button-view:before { font-family: FontAwesome; content: "\f06e"; } .icon-button-delete:before { font-family: FontAwesome; content: "\f00d"; } .icon-button-delcpa:before { font-family: FontAwesome; content: "\f00d"; } .icon-button-replace:before { font-family: FontAwesome; content: "\f079"; } .icon-button-replaceocc:before { font-family: FontAwesome; content: "\f079"; } .icon-button-copy:before { font-family: FontAwesome; content: "\f0c5"; } .icon-button-continue:before { font-family: FontAwesome; content: "\f054"; } .icon-button-cancel:before { font-family: FontAwesome; content: "\f05e"; } .icon-button-cancelForward:before { font-family: FontAwesome; content: "\f05e"; } .icon-button-cancelBack:before { font-family: FontAwesome; content: "\f05e"; } .icon-button-submit:before { font-family: FontAwesome; content: "\f00c"; } .icon-button-submitReturn:before { font-family: FontAwesome; content: "\f00c"; } .icon-button-search:before { font-family: FontAwesome; content: "\f002"; } .icon-exception-where-used:before { font-family: FontAwesome; content: "\f002"; } .icon-button-reload:before { font-family: FontAwesome; content: "\f021"; } .icon-button-appNav:before { font-family: FontAwesome; content: "\f090"; } .icon-button-appNavPopup:before { font-family: FontAwesome; content: "\f090"; } .icon-button-printBody:before { font-family: FontAwesome; content: "\f02f"; } .icon-button-propagate:before { font-family: FontAwesome; content: "\f0e8"; } .icon-button-callStandardAction:before { font-family: FontAwesome; content: "\f013"; } .icon-button-fileUpload:before { font-family: FontAwesome; content: "\f093"; } .icon-button-propagatePrevious:before { font-family: FontAwesome; content: "\f053"; } .icon-button-download:before { font-family: FontAwesome; content: "\f019"; } .icon-button-upload:before { font-family: FontAwesome; content: "\f093"; } .icon-button-report:before { font-family: FontAwesome; content: "\f002"; } .icon-button-dependency:before, .icon-button-depenendecy:before { font-family: FontAwesome; content: "\f0ca"; } .icon-button-dependency-copy:before, .icon-button-depenendecy-copy:before { font-family: FontAwesome; content: "\f0ea"; } .icon-button-vi-placement:before { font-family: FontAwesome; content: "\f0ce"; } .icon-button-na-history:before { font-family: FontAwesome; content: "\f1da"; } button.icon[class*=icon-button-]:before { color: #FFFFFF; } .listButtons button.button.icon-button-delete, .listButtons button.button.icon-button-delcpa { background: #cc0000 !important; } /* Detail Buttons */ .required .icon-detail-required:before { font-family: FontAwesome; content: "\f069"; } .icon-detail-submit:before { font-family: FontAwesome; content: "\f00c"; color: #00CC00; } .icon-detail-cancel:before { font-family: FontAwesome; content: "\f05e"; color: #CC0000; } .icon-detail-cancelforward:before { font-family: FontAwesome; content: "\f05e"; color: #CC0000; } .icon-detail-canceldetail:before { font-family: FontAwesome; content: "\f05e"; color: #CC0000; } .icon-detail-cancelback:before { font-family: FontAwesome; content: "\f05e"; color: #CC0000; } .icon-detail-doactionc:before { font-family: FontAwesome; content: "\f05e"; color: #CC0000; } .icon-detail-actionnav:before { font-family: FontAwesome; content: "\f013"; color: #0a6cd6; } .icon-detail-doaction:before { font-family: FontAwesome; content: "\f013"; color: #0a6cd6; } .icon-detail-actionoverlay:before { font-family: FontAwesome; content: "\f08e"; color: #0a6cd6; } .icon-detail-actionpop:before { font-family: FontAwesome; content: "\f08e"; color: #0a6cd6; } .icon-detail-url:before { font-family: FontAwesome; content: "\f08e"; color: #0a6cd6; } .icon-detail-bookmark:before { font-family: FontAwesome; content: "\f02e"; color: #0a6cd6; } .icon-detail-delete:before { font-family: FontAwesome; content: "\f00d"; color: #CC0000; } .icon-detail-reload:before { font-family: FontAwesome; content: "\f021"; color: #0a6cd6; } .icon-detail-search:before { font-family: FontAwesome; content: "\f002"; color: #0a6cd6; } .icon-detail-printbody:before { font-family: FontAwesome; content: "\f02f"; color: #0a6cd6; } .icon-detail-actionredisplay:before { font-family: FontAwesome; content: "\f079"; color: #0a6cd6; } .icon-detail-intermediatedetail:before { font-family: FontAwesome; content: "\f044"; color: #0a6cd6; } .icon-detail-executeclientaction:before { font-family: FontAwesome; content: "\f013"; color: #0a6cd6; } .icon-detail-execlactionwthcnfrm:before { font-family: FontAwesome; content: "\f013"; color: #0a6cd6; } button.icon[class*=icon-detail-]:before { color: #FFFFFF; } .detailLiteral button.icon.icon-detail-cancel, .detailLiteral button.icon.icon-detail-canceldetail, .detailLiteral button.icon.icon-detail-cancelforward, .detailLiteral button.icon.icon-detail-cancelback, .detailLiteral button.icon.icon-detail-doactionc, .detailLiteral button.icon.icon-detail-delete { background: #cc0000 !important; } /* Override Buttons -- these can be referenced from the style tab within PD in the override style fields */ .icon-override-submit button.icon:before, button.icon.icon-override-submit:before { font-family: FontAwesome; content: "\f00c" !important; color: #00CC00; } .icon-override-cancel button.icon:before, button.icon.icon-override-cancel:before { font-family: FontAwesome; content: "\f05e" !important; color: #CC0000; } .icon-override-action button.icon:before, button.icon.icon-override-action:before { font-family: FontAwesome; content: "\f013" !important; color: #0a6cd6; } .icon-override-overlay button.icon:before, button.icon.icon-override-overlay:before { font-family: FontAwesome; content: "\f08e" !important; color: #0a6cd6; } .icon-override-bookmark button.icon:before, button.icon.icon-override-bookmark:before { font-family: FontAwesome; content: "\f02e" !important; color: #0a6cd6; } .icon-override-delete button.icon:before, button.icon.icon-override-delete:before { font-family: FontAwesome; content: "\f00d" !important; color: #CC0000; } .icon-detail-ldd-search:before { font-family: FontAwesome; content: "\f002"; } .icon-override-reload button.icon:before, button.icon.icon-override-reload:before { font-family: FontAwesome; content: "\f021" !important; color: #0a6cd6; } .icon-override-search button.icon:before, button.icon.icon-override-search:before { font-family: FontAwesome; content: "\f002" !important; color: #0a6cd6; } .icon-override-print button.icon:before, button.icon.icon-override-print:before { font-family: FontAwesome; content: "\f02f" !important; color: #0a6cd6; } /* Processing */ .icon-processing-spinner:before { font-family: FontAwesome; content: "\f110"; } /* Marquee */ .icon-marquee-moveleft:before { font-family: FontAwesome; content: "\f053"; } .icon-marquee-moveright:before { font-family: FontAwesome; content: "\f054"; } /* Menu */ .icon-menu-collapse:before { font-family: FontAwesome; content: "\f077"; } .icon-menu-expand:before { font-family: FontAwesome; content: "\f078"; } /* Panel */ .icon-panel-close:before { font-family: FontAwesome; content: "\f00d"; } /* Overlay */ .icon-overlay-close:before { font-family: FontAwesome; content: "\f00d"; } .icon-overlay-nextError:before { font-family: FontAwesome; content: "\f061"; } .icon-overlay-errors:before { font-family: FontAwesome; content: "\f071"; } .icon-overlay-help:before { font-family: FontAwesome; content: "\f128"; } .icon-overlay-debug:before { font-family: FontAwesome; content: "\f188"; } .p1 { width: 1% !important; } .p2 { width: 2% !important; } .p3 { width: 3% !important; } .p4 { width: 4% !important; } .p5 { width: 5% !important; } .p6 { width: 6% !important; } .p7 { width: 7% !important; } .p8 { width: 8% !important; } .p9 { width: 9% !important; } .p10 { width: 10% !important; } .p11 { width: 11% !important; } .p12 { width: 12% !important; } .p13 { width: 13% !important; } .p14 { width: 14% !important; } .p15 { width: 15% !important; } .p16 { width: 16% !important; } .p17 { width: 17% !important; } .p18 { width: 18% !important; } .p19 { width: 19% !important; } .p20 { width: 20% !important; } .p21 { width: 21% !important; } .p22 { width: 22% !important; } .p23 { width: 23% !important; } .p24 { width: 24% !important; } .p25 { width: 25% !important; } .p26 { width: 26% !important; } .p27 { width: 27% !important; } .p28 { width: 28% !important; } .p29 { width: 29% !important; } .p30 { width: 30% !important; } .p31 { width: 31% !important; } .p32 { width: 32% !important; } .p33 { width: 33% !important; } .p34 { width: 34% !important; } .p35 { width: 35% !important; } .p36 { width: 36% !important; } .p37 { width: 37% !important; } .p38 { width: 38% !important; } .p39 { width: 39% !important; } .p40 { width: 40% !important; } .p41 { width: 41% !important; } .p42 { width: 42% !important; } .p43 { width: 43% !important; } .p44 { width: 44% !important; } .p45 { width: 45% !important; } .p46 { width: 46% !important; } .p47 { width: 47% !important; } .p48 { width: 48% !important; } .p49 { width: 49% !important; } .p50 { width: 50% !important; } .p51 { width: 51% !important; } .p52 { width: 52% !important; } .p53 { width: 53% !important; } .p54 { width: 54% !important; } .p55 { width: 55% !important; } .p56 { width: 56% !important; } .p57 { width: 57% !important; } .p58 { width: 58% !important; } .p59 { width: 59% !important; } .p60 { width: 60% !important; } .p61 { width: 61% !important; } .p62 { width: 62% !important; } .p63 { width: 63% !important; } .p64 { width: 64% !important; } .p65 { width: 65% !important; } .p66 { width: 66% !important; } .p67 { width: 67% !important; } .p68 { width: 68% !important; } .p69 { width: 69% !important; } .p70 { width: 70% !important; } .p71 { width: 71% !important; } .p72 { width: 72% !important; } .p73 { width: 73% !important; } .p74 { width: 74% !important; } .p75 { width: 75% !important; } .p76 { width: 76% !important; } .p77 { width: 77% !important; } .p78 { width: 78% !important; } .p79 { width: 79% !important; } .p80 { width: 80% !important; } .p81 { width: 81% !important; } .p82 { width: 82% !important; } .p83 { width: 83% !important; } .p84 { width: 84% !important; } .p85 { width: 85% !important; } .p86 { width: 86% !important; } .p87 { width: 87% !important; } .p88 { width: 88% !important; } .p89 { width: 89% !important; } .p90 { width: 90% !important; } .p91 { width: 91% !important; } .p92 { width: 92% !important; } .p93 { width: 93% !important; } .p94 { width: 94% !important; } .p95 { width: 95% !important; } .p96 { width: 96% !important; } .p97 { width: 97% !important; } .p98 { width: 98% !important; } .p99 { width: 99% !important; } .p100 { width: 100% !important; } .em1 { width: 1em !important; } .em2 { width: 2em !important; } .em3 { width: 3em !important; } .em4 { width: 4em !important; } .em5 { width: 5em !important; } .em6 { width: 6em !important; } .em7 { width: 7em !important; } .em8 { width: 8em !important; } .em9 { width: 9em !important; } .em10 { width: 10em !important; } .em11 { width: 11em !important; } .em12 { width: 12em !important; } .em13 { width: 13em !important; } .em14 { width: 14em !important; } .em15 { width: 15em !important; } .em16 { width: 16em !important; } .em17 { width: 17em !important; } .em18 { width: 18em !important; } .em19 { width: 19em !important; } .em20 { width: 20em !important; } .em21 { width: 21em !important; } .em22 { width: 22em !important; } .em23 { width: 23em !important; } .em24 { width: 24em !important; } .em25 { width: 25em !important; } .em26 { width: 26em !important; } .em27 { width: 27em !important; } .em28 { width: 28em !important; } .em29 { width: 29em !important; } .em30 { width: 30em !important; } .em31 { width: 31em !important; } .em32 { width: 32em !important; } .em33 { width: 33em !important; } .em34 { width: 34em !important; } .em35 { width: 35em !important; } .em36 { width: 36em !important; } .em37 { width: 37em !important; } .em38 { width: 38em !important; } .em39 { width: 39em !important; } .em40 { width: 40em !important; } .em41 { width: 41em !important; } .em42 { width: 42em !important; } .em43 { width: 43em !important; } .em44 { width: 44em !important; } .em45 { width: 45em !important; } .em46 { width: 46em !important; } .em47 { width: 47em !important; } .em48 { width: 48em !important; } .em49 { width: 49em !important; } .em50 { width: 50em !important; } .em51 { width: 51em !important; } .em52 { width: 52em !important; } .em53 { width: 53em !important; } .em54 { width: 54em !important; } .em55 { width: 55em !important; } .em56 { width: 56em !important; } .em57 { width: 57em !important; } .em58 { width: 58em !important; } .em59 { width: 59em !important; } .em60 { width: 60em !important; } .em61 { width: 61em !important; } .em62 { width: 62em !important; } .em63 { width: 63em !important; } .em64 { width: 64em !important; } .em65 { width: 65em !important; } .em66 { width: 66em !important; } .em67 { width: 67em !important; } .em68 { width: 68em !important; } .em69 { width: 69em !important; } .em70 { width: 70em !important; } .em71 { width: 71em !important; } .em72 { width: 72em !important; } .em73 { width: 73em !important; } .em74 { width: 74em !important; } .em75 { width: 75em !important; } .em76 { width: 76em !important; } .em77 { width: 77em !important; } .em78 { width: 78em !important; } .em79 { width: 79em !important; } .em80 { width: 80em !important; } .em81 { width: 81em !important; } .em82 { width: 82em !important; } .em83 { width: 83em !important; } .em84 { width: 84em !important; } .em85 { width: 85em !important; } .em86 { width: 86em !important; } .em87 { width: 87em !important; } .em88 { width: 88em !important; } .em89 { width: 89em !important; } .em90 { width: 90em !important; } .em91 { width: 91em !important; } .em92 { width: 92em !important; } .em93 { width: 93em !important; } .em94 { width: 94em !important; } .em95 { width: 95em !important; } .em96 { width: 96em !important; } .em97 { width: 97em !important; } .em98 { width: 98em !important; } .em99 { width: 99em !important; } .em100 { width: 100em !important; } /* This file handles styling for the base layout, depending on the level of layout adjustments it may be possible * to use an overrides.less file to make minor adjustments. However if you need to adjust a lot, then this file can * overridden by pointing to a custom version within the new theme.less file instead of this one. */ * { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: "Open Sans", arial, sans-serif; } html.loginDetail body { visibility: visible !important; } html.loginDetail form { height: 100%; } html.loginDetail .bodyWrapper { height: 100%; display: flex; align-items: center; justify-content: center; background: #d7ebf6; } html.loginDetail .bodyWrapper #loginPanel { border: 0.5rem solid #174c6a; border-radius: 2rem; padding: 5rem; background: #FFFFFF; width: 55rem; } html.loginDetail .bodyWrapper #loginPanel .inputRow { margin-top: 1rem; } html.loginDetail .bodyWrapper #loginPanel input { width: 100%; background: #FFFFFF; border: 0.1rem solid #bcc3ca; border-radius: 0.5rem; padding: 0.5rem; font-size: 1.5rem; } html.loginDetail .bodyWrapper #loginPanel input.invalid { background: #fecfda; } html.loginDetail .bodyWrapper #loginPanel .buttonRow { text-align: center; margin-top: 1.4rem; } html.loginDetail .bodyWrapper #loginPanel button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; font-size: 1.6rem; padding: 1rem 3rem; } html.loginDetail .bodyWrapper #loginPanel .messagePanel { display: none; margin: 1rem 0; text-align: center; } html.loginDetail .bodyWrapper #loginPanel .messagePanel label { font-size: 1.2rem; font-weight: 600; color: #8f0222; } html.loginDetail .bodyWrapper #loginPanel .messagePanel.active { display: block; } html.loginDetail #logo { width: 100%; height: 8rem; background: url('../css/themes/adaptik-base/images/product-designer.png') no-repeat center; background-size: contain; margin-bottom: 2rem; } html { font-size: 10px; width: 100%; height: 100%; overflow: hidden; } html body { position: fixed; font-size: 1em; width: 100%; height: 100%; overflow: hidden; margin: 0; visibility: hidden; background-color: #fcfcfc; } html body p, html body span, html body div, html body label { font-weight: normal; } html body input[type=text]::-ms-clear { display: none; } html body .hidden { display: none !important; } html body .forceHideLiteral { color: transparent; font-size: 0px; } html body button { cursor: pointer; } html body button * { cursor: pointer; } html body textarea { resize: none; } html body .right { float: right; } html body .left { float: left; } html body .center { text-align: center; } html body .text-small { font-size: small; } html body div[id*="_aboveListAdditional"] { overflow: auto; display: flex; width: 100%; } html body div[id*="_aboveListAdditional"] .occurrenceSelection { width: 70%; } html body div[id*="_aboveListAdditional"] .listExceptionContainer, html body div[id*="_aboveListAdditional"] .listExceptionFilterContainer { flex-grow: 1; padding-left: 5rem; } html body div[id*="_aboveListAdditional"] .listExceptionContainer a { padding-left: 0.4rem; } /* Base link class */ html body a { color: #174c6a; cursor: pointer !important; } html body a:visited { color: #174c6a; } html body a.standardLink.altAnswers { cursor: default !important; } html body a.standardLink.altAnswers > label.altAnswers { width: auto !important; cursor: pointer !important; } html body a.standardLink.altAnswers:not([data-badge="0"]):after { content: attr(data-badge); color: #FFFFFF; display: inline-block; background: #174c6a; border-radius: 1rem; padding: 0rem 0.6rem; font-size: 1rem; margin-left: 0.7rem; font-weight: 600; } /* The header section, contains the logo and context area, plus the launchbar buttons. */ html body header { position: absolute; top: 0; left: 0; right: 0; height: 5.6em; border-bottom: 0.3rem solid #174c6a; background: #FFFFFF; z-index: 1; } /* Logo */ html body header #logo { position: absolute; width: 12.2em; height: 4.6em; top: 0.5em; bottom: 0.5em; left: 0.5em; right: 0.5em; background: url('../css/themes/adaptik-base/images/product-designer.png') no-repeat 0 0; background-size: contain; } /* Context Area Marquee */ html body header #contextMarquee { position: absolute; left: 22rem; height: 5.3em; top: 0; right: 10.5rem; } html body header #contextMarquee .marquee-moveleft, html body header #contextMarquee .marquee-moveright { line-height: 5.6em; background: #e6e6e6; } html body header #contextMarquee .marquee-moveleft { border-right: 0.1rem solid #cccccc; } html body header #contextMarquee .marquee-moveright { border-left: 0.1rem solid #cccccc; } /* Context Area Container */ html body header #contextContainer { display: table; table-layout: fixed; position: absolute; left: 0; height: 100%; top: 0; } /* Context 'row' */ html body header #contextContainer #context { display: table-row; position: relative; height: 100%; } /* Context 'cell' */ html body header #contextContainer #context span { display: table-cell; height: 100%; margin-left: 0.5rem; padding: 0.6rem 0.8rem 0 0.8rem; } /* Context literal */ html body header #contextContainer #context span label { display: block; font-size: 1.3rem; font-weight: bold; max-width: 25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #174c6a; line-height: 1.7rem; } /* This is what allows us to force a return */ html body header #contextContainer #context span label:after { content: ''; display: block; width: 0; height: 0; margin: 0.3rem; } /* Context value */ html body header #contextContainer #context span p { display: inline-block; width: auto; margin: 0; font-size: 1.3rem; max-width: 25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2a88bd; } html body header #launchbar { position: absolute; top: 0; right: 0; text-align: center; height: 100%; } html body header #launchbar button { position: relative; font-size: 1.4rem; line-height: 1rem; border: 0; color: #174c6a; height: 100%; display: inline-block; background: transparent; margin: 0; } html body header #launchbar button:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } html body header #launchbar button:before { font-size: 1.8rem !important; padding: 0.1rem 0.3em 0 0 !important; display: inline-block !important; text-align: center !important; } html body header #launchbar button#MENUITEM_ERRORS { opacity: 0.4; } html body header #launchbar button#MENUITEM_ERRORS[data-badge] { opacity: 1; } html body header #launchbar button#MENUITEM_ERRORS[data-badge]:after { content: attr(data-badge); display: block; position: absolute; font-size: 1rem; font-weight: bold; top: 1rem; right: 0.1rem; line-height: 1.2rem; height: 1.2rem; min-width: 1rem; padding: 0 0.3rem 0.2rem 0.3rem; color: #FFFFFF; border-radius: 0.8rem; background: #8f0222; } html body header #launchbar label.blank { vertical-align: top; display: inline-block; width: 1.5rem; height: 100%; border-right: 0.1rem solid #787878; border-right: 0.1rem solid rgba(255, 255, 255, 0.2); } html body section { position: absolute; top: 5.6em; bottom: 0; left: 0; right: 0; z-index: 0; } html body section #contentTitleContainer { position: absolute; left: 0; right: 0; top: 0; height: 3em; text-align: center; z-index: 1; background: #FFFFFF; } html body section #contentTitleContainer #contentTitle { color: #174c6a; font-weight: 600; font-size: 1.6rem; padding: 0 0.5em; line-height: 2em; margin: 0; } html body section #contentTitleContainer #release { position: absolute; top: 0; right: 0; color: #174c6a; padding: 0.3em; opacity: 0.6; text-align: left; } html body section #crumbtrail { position: absolute; top: 3rem; left: 0; right: 0; height: 3.6rem; background: #FFFFFF; border-bottom: 0.1rem solid #174c6a; white-space: nowrap; overflow: hidden; opacity: 0.7; } /* Context 'cell' */ html body section #crumbtrail span { display: inline-block; height: 100%; padding: 0 1.2rem 0 0.8rem; line-height: 2.4rem; position: relative; } html body section #crumbtrail span:last-child:after { display: none; } /* Context literal */ html body section #crumbtrail span label { display: block; font-size: 1.1rem; font-weight: 600; color: #174c6a; max-width: 26rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4rem; } html body section #crumbtrail span label:after { content: ':'; margin-right: 0.3rem; } /* Context value */ html body section #crumbtrail span p { display: inline-block; width: auto; margin: 0; font-size: 1.3em; color: #2a88bd; max-width: 26em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; } html body section aside { position: absolute; top: 0; bottom: 0; width: 22rem; background: #fafdff; z-index: 2; border-right: 0.1rem solid #174c6a; overflow-y: auto; } /* Styling for the menu */ html body section aside #menu ul { display: block; list-style: none; padding: 0; margin: 0; } html body section aside #menu ul li { display: block; } html body section aside #menu ul li.indent1 > button { padding-left: 0.3em; } html body section aside #menu ul li.indent2 > button, html body section aside #menu ul li.indent1 > label { padding-left: 0.7em; } html body section aside #menu ul li.indent3 > button, html body section aside #menu ul li.indent2 > label { padding-left: 1.4em; } html body section aside #menu ul li.indent4 > button, html body section aside #menu ul li.indent3 > label { padding-left: 2.1em; } html body section aside #menu ul li.indent5 > button, html body section aside #menu ul li.indent4 > label { padding-left: 2.8em; } html body section aside #menu ul li.indent6 > button, html body section aside #menu ul li.indent5 > label { padding-left: 3.5em; } html body section aside #menu ul li.indent7 > button, html body section aside #menu ul li.indent6 > label { padding-left: 4.2em; } html body section aside #menu ul li.indent8 > button, html body section aside #menu ul li.indent7 > label { padding-left: 4.9em; } html body section aside #menu ul li.indent9 > button, html body section aside #menu ul li.indent8 > label { padding-left: 5.6em; } html body section aside #menu ul li.indent10 > button, html body section aside #menu ul li.indent9 > label { padding-left: 6.3em; } html body section aside #menu ul li.indent1 > label.header { background: #cae4f3; color: #174c6a; } html body section aside #menu ul li.indent1 > label.header > label { font-weight: 600; font-size: 1.3rem; } html body section aside #menu ul li.indent1 > label.header:hover { cursor: pointer; background: #b5daef; } html body section aside #menu ul li.indent1 > label.header:hover > label { text-decoration: underline; cursor: inherit; } html body section aside #menu ul li.indent2 > label.header, html body section aside #menu ul li.indent3 > label.header, html body section aside #menu ul li.indent4 > label.header, html body section aside #menu ul li.indent5 > label.header { background: #dfeff8; color: #174c6a; } html body section aside #menu ul li.indent2 > label.header > label, html body section aside #menu ul li.indent3 > label.header > label, html body section aside #menu ul li.indent4 > label.header > label, html body section aside #menu ul li.indent5 > label.header > label { font-weight: 600; font-size: 1.3rem; } html body section aside #menu ul li.indent2 > label.header:hover, html body section aside #menu ul li.indent3 > label.header:hover, html body section aside #menu ul li.indent4 > label.header:hover, html body section aside #menu ul li.indent5 > label.header:hover { cursor: pointer; background: #b5daef; } html body section aside #menu ul li.indent2 > label.header:hover > label, html body section aside #menu ul li.indent3 > label.header:hover > label, html body section aside #menu ul li.indent4 > label.header:hover > label, html body section aside #menu ul li.indent5 > label.header:hover > label { text-decoration: underline; cursor: inherit; } html body section aside #menu ul li > label { position: relative; display: block; width: auto; text-align: left; font-size: 1.2rem; padding: 0.4em; border-bottom: 1px solid #bcc3ca; } html body section aside #menu ul li > label:before { padding-right: 0.4em; } html body section aside #menu ul li > label span { float: right; } html body section aside #menu ul li button { display: block; width: 100%; text-align: left; margin: 0; padding: 0.4em; border: 0; background: #FFFFFF; border-bottom: 1px solid #bcc3ca; font-size: 1.2rem; color: #000000; } html body section aside #menu ul li button:before { padding-right: 0.4em; } html body section aside #menu ul li button:hover { background: #98cbe8; color: #000000; } html body section aside #menu ul li button.selected { background: #174c6a; color: #FFFFFF; font-weight: bold; } html body section aside #menu ul li button:focus { outline: none; } html body section aside #menu ul li button:focus label { text-decoration: underline; } html body section article { position: absolute; top: 0; right: 0; bottom: 0; left: 22rem; } html body section article #contentContainer { position: absolute; left: 0; top: 6.6rem; right: 0; bottom: 0; overflow-y: scroll; overflow-x: auto; padding: 2.5rem; } html body section article #contentContainer #content .detail { padding: 1.2rem; max-width: 120rem; min-width: 80rem; margin: 0 auto; } .panel { position: relative; background: #FFFFFF; height: 100%; overflow: auto; z-index: 1; } .panel.shown { display: block; } .panel.notshown { display: none; } .panel.titled .panel-contentWrapper { margin-top: 2.4rem; } .panel .panel-titlebar { background: #174c6a; position: absolute; left: 0; right: 0; top: 0; z-index: 1; padding: 0.4rem 0.3rem 0.3rem 0.3rem; height: 2.4rem; } .panel .panel-titlebar label { color: #FFFFFF; font-size: 1.2rem; font-weight: bold; } .panel .panel-titlebar label:before { padding-right: 0.4rem; } .panel .panel-titlebar button.icon-panel-close { border: 0; position: absolute; right: 0.5rem; top: 0.2rem; padding: 0.1rem 0 0 0; color: #FFFFFF; background: transparent; } .panel .panel-titlebar button.icon-panel-close:before { padding: 0.1rem; } #popovers > div { display: none; position: absolute; min-width: 18rem; margin-top: 3.1rem; } .popover { padding: 0.3rem; border-radius: 1rem; background: #174c6a; box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0.8); } .popover .panel { border-bottom-left-radius: 0.8rem; border-bottom-right-radius: 0.8rem; } .popover.pop-up { margin-bottom: 1rem; } .popover.pop-down { margin-top: 1rem; } .popover.emptying { background: #f0f0f0; background: rgba(0, 0, 0, 0.02); border: 0.1rem solid #e6e6e6; border: 0.1rem solid rgba(0, 0, 0, 0.03); } .popover.emptying.pop-up:after { border-top: 1rem solid rgba(0, 0, 0, 0.02); } .popover.pop-up:after { content: ''; position: absolute; border-top: 1rem solid #174c6a; border-left: 1rem solid transparent; border-right: 1rem solid transparent; bottom: -1rem; left: 50%; margin-left: -1rem; } .popover.pop-down:before { content: ''; position: absolute; border-bottom: 1rem solid #174c6a; border-left: 1rem solid transparent; border-right: 1rem solid transparent; top: -1rem; left: 50%; margin-left: -1rem; } #errorPopover { z-index: 1; margin-left: -31rem; background: #8f0222; } #errorPopover:before { margin-left: 29.8rem !important; border-bottom: 1rem solid #8f0222; } #errorPopover #errorPanel { width: 76rem; } #errorPopover #errorPanel .panel-titlebar { background-color: #8f0222; } #errorPopover #errorHeadingMessage { padding: 1rem; font-size: 1.2rem; background: #fff799; border-bottom: 0.1rem dashed #d8ca00; } #errorPopover #errorContent { background: #FFFFFF; padding: 0; } #errorPopover #errorContent > ul { font-size: 1.2rem; margin: 0; padding: 0; list-style-type: none; display: block; } #errorPopover #errorContent > ul > li { padding: 1rem; } #errorPopover #errorContent > ul > li.odd { border-bottom: 0.1rem solid #e0e0e0; } #errorPopover #errorContent > ul > li.even { background: #f3f3f3; } #errorPopover #errorContent > ul > li.header { font-weight: bold; padding: 0.5rem; border-bottom: 0.1rem solid #5d0116; background: #2B2B2B; } #errorPopover #errorContent > ul > li.header:first-child { border-top: 0; } #errorPopover #errorContent > ul > li.identifier { font-weight: bold; padding: 0.5em; } .errorOverlayPopover { position: absolute; top: 2.7rem; right: 1rem; z-index: 2; background: #8f0222; } .errorOverlayPopover:before { position: absolute; top: 0; left: auto !important; right: 2.3rem; border-bottom-color: #8f0222 !important; } .errorOverlayPopover .panel .panel-titlebar { background-color: #8f0222; } .errorOverlayPopover #errorOverlayHeadingMessage { padding: 1rem; font-size: 1.2rem; background: #fff799; border-bottom: 0.1rem dashed #d8ca00; } .errorOverlayPopover div[data-renderer=errorList] { background: #FFFFFF; } .errorOverlayPopover div[data-renderer=errorList] > ul { font-size: 1.2rem; margin: 0; padding: 0; list-style-type: none; display: block; } .errorOverlayPopover div[data-renderer=errorList] > ul > li { padding: 1rem; } .errorOverlayPopover div[data-renderer=errorList] > ul > li.odd { border-bottom: 0.1rem solid #e0e0e0; } .errorOverlayPopover div[data-renderer=errorList] > ul > li.even { background: #f3f3f3; } .errorOverlayPopover div[data-renderer=errorList] > ul > li.header { font-weight: bold; padding: 0.5rem; border-bottom: 0.1rem solid #5d0116; background: #2B2B2B; } .errorOverlayPopover div[data-renderer=errorList] > ul > li.header:first-child { border-top: 0; } .errorOverlayPopover div[data-renderer=errorList] > ul > li.identifier { font-weight: bold; padding: 0.5em; } #errorPopover #errorContent, .errorOverlayPopover .panel-content { max-height: 25rem; overflow: auto; } .marquee .marquee-moveleft, .marquee .marquee-moveright { position: absolute; display: none; width: 2rem; height: 100%; text-align: center; } .marquee .marquee-moveleft:before, .marquee .marquee-moveright:before { font-size: 1.2rem; } .marquee .marquee-move-disable { opacity: 0.1; } .marquee .marquee-moveleft { left: 0; } .marquee .marquee-moveright { right: 0; } .marquee .marquee-contentWrapper { position: absolute; height: 100%; left: 0; right: 0; overflow: hidden; } .marquee.scrollable .marquee-moveleft, .marquee.scrollable .marquee-moveright { display: block; cursor: pointer; } .marquee.scrollable .marquee-contentWrapper { left: 2rem; right: 2rem; } button.smallStandardButton { border-radius: .2em !important; font-size: 10px !important; margin: 0 !important; padding: .2em 1em !important; display: inline-block !important; } .customerLinked button { border-radius: .2em !important; font-size: 10px !important; margin: 0 !important; padding: .2em .5em !important; display: inline-block !important; width: auto !important; } /* button bar outer wrapper */ .buttonBar { display: block; width: 100%; margin: 1.5rem auto 0 auto; text-align: center; padding: .5rem; } .buttonBar:empty { display: none; } .buttonBar .buttonBarUnit { display: inline-block; } .buttonBar .buttonBarUnit .buttonBarButton { display: inline-block; } .buttonBar .buttonBarUnit .buttonBarButton button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } .buttonBar .buttonBarUnit .buttonBarButton button:before, .buttonBar .buttonBarUnit .buttonBarButton button:after { font-size: 1.3rem; padding-top: 0; } .buttonBar .buttonBarUnit .buttonBarButton button[disabled] { opacity: 0.4; cursor: normal; } .buttonBar .buttonBarUnit .buttonBarButton a { font-size: 1.2rem; padding: 0.3rem; } div.multiDetailWrapper { min-width: 60rem; max-width: 120rem; margin: 0 auto; } div.multiDetailWrapper table.containerTable { width: 100%; table-layout: fixed; border-collapse: collapse; } div.multiDetailWrapper table.containerTable > tbody > tr > td, div.multiDetailWrapper table.containerTable > tbody > tr > th { vertical-align: top; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander { overflow: hidden; margin-bottom: 3rem; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderWrapper, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderWrapper { padding: 2rem 1rem 0rem 3.5rem; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderHeading, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderHeading { position: relative; padding-bottom: 0.3rem; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderHeading .expanderHeadingLiteral, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderHeading .expanderHeadingLiteral { display: inline-block; height: 2.8rem; line-height: 2.8rem; border-bottom: 0.2rem dotted #174c6a; width: calc(100% - 4rem); margin-left: 1rem; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderHeading .expanderHeadingLiteral .expanderHeadingText label, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderHeading .expanderHeadingLiteral .expanderHeadingText label { font-size: 1.6rem !important; font-weight: 600; color: #174c6a; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderHeading .expanderControl, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderHeading .expanderControl { display: inline-block; cursor: pointer; vertical-align: bottom; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander .expanderHeading .expanderControl:before, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander .expanderHeading .expanderControl:before { content: '\f138'; display: block; font-family: FontAwesome; overflow: hidden; font-size: 2.8rem; height: 2.8rem; color: #174c6a; } div.multiDetailWrapper table.containerTable > tbody > tr > td .expander.open .expanderControl:before, div.multiDetailWrapper table.containerTable > tbody > tr > th .expander.open .expanderControl:before { content: '\f13a'; } div.multiDetailWrapper table.containerTable .detailUnit { min-width: 100%; max-width: 100%; } /* Detail View CSS Overrides * * These can be used in certain circumstances within a detail, typically on a literal in order to adjust it in * a way that either PD Configuration cannot, or because you need the same style in a lot of places. */ div.detailUnit table.detailTable td div.detailVersionWrapper.helpIconLink .detailLiteral a { display: inline-block; overflow: visible; text-align: center; border: 0; background: transparent; padding: 0; margin: 0 0 0 0.3rem; min-width: 1.5rem; min-height: 2rem; position: relative; font-size: 1.7rem; line-height: 1; } div.detailUnit table.detailTable td div.detailVersionWrapper.helpIconLink .detailLiteral a:before { padding: 0; margin: 0; position: absolute; top: 0; left: 0; color: #174c6a !important; font-family: FontAwesome; content: "\f059"; text-align: center; } div.detailUnit table.detailTable td div.detailVersionWrapper .detailLiteral .literalNote { display: block; font-weight: 600; font-size: 1.1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.testObjectOverrideClass { background: pink; } /* Spacer: * Maintain a gap in between two rows */ div.detailUnit table.detailTable td div.detailVersionWrapper.spacer { text-indent: -100000px; } div.detailUnit table.detailTable td div.detailVersionWrapper.spacer .detailLiteral { height: 1.2rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.spacer .detailLiteral label { font-size: 0px !important; } /* -- Headers: * Adjusts a literal to make it stand out and help separate content areas within a detail */ div.detailUnit table.detailTable td div.detailVersionWrapper.header1.paddedTop { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header1.paddedBottom { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header1 div.detailLiteral { border-bottom: 1px dashed #174c6a; margin: 0 0 0.8em 0; } div.detailUnit table.detailTable td div.detailVersionWrapper.header1 div.detailLiteral label { color: #174c6a; font-weight: 600; font-size: 1.4rem; padding: 0; line-height: 1.4em; } div.detailUnit table.detailTable td div.detailVersionWrapper.header2.paddedTop { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header2.paddedBottom { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header2 div.detailLiteral { border-bottom: 1px dashed #174c6a; margin: 0 0 0.8em 0; } div.detailUnit table.detailTable td div.detailVersionWrapper.header2 div.detailLiteral label { color: #174c6a; font-weight: 600; font-size: 1.3rem; padding: 0; line-height: 1.4em; } div.detailUnit table.detailTable td div.detailVersionWrapper.header3.paddedTop { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header3.paddedBottom { padding-top: 1rem; } div.detailUnit table.detailTable td div.detailVersionWrapper.header3 div.detailLiteral { margin: 0 0 0.8em 0; } div.detailUnit table.detailTable td div.detailVersionWrapper.header3 div.detailLiteral label { color: #174c6a; font-weight: 600; font-size: 1.2rem; padding: 0; line-height: 1.4em; } div.detailUnit table.detailTable td div.detailVersionWrapper.infoMessage { background: #FFFFFF; border: 1px solid #bcc3ca; padding: 1em; font-size: 1.2rem; font-weight: bold; margin-bottom: 1em; } div.detailUnit table.detailTable td div.detailVersionWrapper.infoMessage:before { position: absolute; margin-right: 0.3em; font-family: FontAwesome; content: '\f05a'; color: #2a88bd; font-size: 3em; } div.detailUnit table.detailTable td div.detailVersionWrapper.infoMessage > .detailLiteral { margin-left: 3.5em; } /* Used in both details and above certain lists to show info text that needs attention */ .listInfoMessage { background: #FFFFFF; border: 1px solid #bcc3ca; padding: 1em 1em 1em 4em; font-weight: bold; margin-bottom: 1em; min-height: 5em; } .listInfoMessage:before { position: absolute; left: 1em; top: 1em; margin-right: 0.3em; font-family: FontAwesome; content: '\f05a'; color: #2a88bd; font-size: 3em; } div.adaptikToolTip { z-index: 10004; display: block; border-radius: 1rem; border: 0.2rem solid #174c6a; box-shadow: 0 0 0 0.8rem rgba(36, 117, 163, 0.4); background: #fff; position: fixed !important; } div.adaptikToolTip .ui-dialog-content { font-size: 1.2rem; min-height: 0 !important; padding: 0.6rem; } div.adaptikToolTip .ui-dialog-titlebar { padding: 0.6rem 0.6rem 0 0.6rem; } div.adaptikToolTip .ui-dialog-titlebar span { font-weight: bold; color: #174c6a; font-size: 1.2rem; } div.adaptikToolTip .ui-dialog-buttonset { display: none; } div.adaptikToolTip .overlayTitleButtons { position: absolute; top: 0.2rem; right: 0.2rem; } div.adaptikToolTip .overlayTitleButtons button { border: 0; background: transparent; } .transparentCurtain { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: default; background-color: rgba(0, 0, 0, 0.5); } div.hideInitial { visibility: hidden; } div.ui-widget-overlay.ui-front.active { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.5; } div.adaptikOverlay { background: #fcfcfc; position: absolute !important; overflow: hidden; border-radius: 2rem; display: inline-block; border: 0.3rem solid #174c6a; max-height: 95%; box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0.8); padding: 0; } div.adaptikOverlay.adaptikDialog { min-width: 35rem; max-width: 50rem; } div.adaptikOverlay.adaptikDialog.adaptikConfirm { max-width: 80%; } div.adaptikOverlay.adaptikDialog.adaptikConfirm .ui-dialog-title:before { font-family: FontAwesome; content: '\f059'; font-size: 3rem; color: #2a88bd; vertical-align: middle; margin-right: 1rem; } div.adaptikOverlay.adaptikDialog.adaptikAlert { max-width: 80%; } div.adaptikOverlay.adaptikDialog.adaptikAlert .ui-dialog-titlebar { margin-bottom: 0.5rem; } div.adaptikOverlay.adaptikDialog.adaptikAlert .ui-dialog-titlebar .ui-dialog-title:before { font-family: FontAwesome; content: '\f071'; font-size: 3rem; color: #f3e6a0; vertical-align: middle; margin-right: 1rem; } div.adaptikOverlay.adaptikDialog:after { display: none; } div.adaptikOverlay.adaptikDialog .dialogWrapper { margin-bottom: 0 !important; } div.adaptikOverlay.adaptikDialog .ui-widget-header { background: transparent; padding: 2rem; color: #000000; border: 0; height: auto; } div.adaptikOverlay.adaptikDialog .ui-widget-header span.ui-dialog-title { width: auto; font-size: 1.3rem; font-weight: 600; margin: 0; line-height: normal; } div.adaptikOverlay.adaptikDialog .adaptikDialogCloseIcon { position: absolute; height: 2rem; width: 2rem; top: 0.5rem; right: 0.5rem; cursor: pointer; background: transparent; } div.adaptikOverlay.adaptikDialog .adaptikDialogCloseIcon:before { font-family: FontAwesome; content: "\f00d"; color: #174c6a; font-size: 16px; padding-left: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } div.adaptikOverlay.adaptikDialog .dialogContentContainer { font-size: 1.2rem; padding: 0 1.2rem; max-height: 50rem; } div.adaptikOverlay.adaptikDialog .dialogInputContainer { padding: 1rem 1.2rem 1rem 1.2rem; text-align: center; } div.adaptikOverlay.adaptikDialog .dialogInputContainer input { font-size: 1.4rem; } div.adaptikOverlay.adaptikDialog .dialogInputContainer input[type=text] { width: 100%; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer { text-align: center; padding: 1rem; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogPositiveControl, div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl { display: inline-block; background: none; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogPositiveControl button, div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl button { background: #174c6a; border: 0; border-radius: 0.7rem; font-size: 1.3rem; font-weight: 600; color: #FFFFFF; padding: 0.6rem 1.2rem; margin: 0.2rem 0.3rem; line-height: 1.2rem; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogPositiveControl button:before, div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl button:before, div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogPositiveControl button:after, div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl button:after { font-size: 1.3rem; padding-top: 0; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogPositiveControl button[disabled], div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl button[disabled] { opacity: 0.4; cursor: normal; } div.adaptikOverlay.adaptikDialog .dialogButtonContainer .dialogNegativeControl button { background: #8f0222 !important; } div.adaptikOverlay:focus { outline: none; } div.adaptikOverlay .ui-dialog.ui-dialog-content { overflow-x: hidden; overflow-y: auto; margin-bottom: 1.4rem; padding-bottom: 1.4rem; } div.adaptikOverlay:after { content: ''; bottom: 0; position: absolute; width: 100%; text-align: center; min-height: 1.2rem; color: #f8f8f8; line-height: 1.2rem; border-top: 0.2rem dashed #2a88bd; margin: 0.5rem 0 0 0; background-color: #174c6a; } div.adaptikOverlay .ui-dialog-content { padding: 0.5rem 1rem 0.5rem 1rem; margin: 0 0 1.5rem 0; } div.adaptikOverlay .ui-dialog { overflow: hidden; } div.adaptikOverlay .ui-widget-header { border: none; background: #174c6a; height: 1.8em; font-weight: 600; border-bottom: 2px solid #2a88bd; color: #FFFFFF; font-size: 1.5rem; } div.adaptikOverlay .ui-widget-header .ui-dialog-title { width: calc(100% - 10em); margin-left: 1.3rem; line-height: 2.5rem; } div.adaptikOverlay .ui-widget-header .overlayTitleButtons { position: absolute; right: 0.8rem; top: 0.3rem; } div.adaptikOverlay .ui-widget-header .overlayTitleButtons button { border: 0; background: transparent; color: white; width: 2rem; height: 2rem; margin-left: 0.5rem; padding: 0; font-size: 1.4rem; } div.adaptikOverlay .ui-widget-header .overlayTitleButtons button[disabled="disabled"] { opacity: 0.2; } div.adaptikOverlay .ui-widget-header span.ui-icon-closethick { background-color: transparent; background: none; text-indent: 0px; display: block; width: 12px; height: 12px; } div.adaptikOverlay .ui-widget-header span.ui-icon-closethick:before { font-family: FontAwesome; content: "\f00d"; color: #f0f0f0; font-size: 1em; height: 12px; line-height: 12px; font-weight: normal; text-align: center; margin: -10px 0 0 0; display: block; } div.adaptikOverlay .ui-dialog-titlebar-close { background: none; } div .detailOverlayScrollContainer { overflow-y: auto; min-height: 14rem; } div.detailOverlay { min-width: 40rem; max-width: 120rem; } div.detailOverlay.adaptikOverlay .ui-dialog-content { padding: 0; } div.detailOverlay div.detailOverlayScrollContainer { padding: 1.5rem; } div.detailOverlay div.detailUnit { min-width: 40rem; } div.listOverlay { width: 95% !important; height: 95% !important; max-height: 95%; } div.listOverlay .ui-dialog-content { height: calc(100% - 2.7em) !important; padding: 0 0 2rem 0; overflow-y: auto; } div.listOverlay .listContainer.list { border-left: 0 !important; border-right: 0 !important; } #fileUploadOverlayForm { padding: 1rem; } #fileUploadOverlayForm #headerLabel .notrequired { display: none; } #fileUploadOverlayForm #headerLabel #lbl_header { font-size: 1.3rem; margin: 0.4rem 1rem; } #fileUploadOverlayForm #headerLabel span.btag { font-size: 1.4rem; font-weight: 600; margin: 0.4rem 0; display: block; border-bottom: 2px dotted #174c6a; padding-bottom: 0.4rem; } #fileUploadOverlayForm #attachmentFileWrapper { margin: 1rem; } #fileUploadOverlayForm #attachmentFileWrapper input { width: 100%; font-size: 1.2rem; } #fileUploadOverlayForm div.buttons { padding: 0; margin: 0; } #fileUploadOverlayForm div.buttons:before { display: none; } .adaptikDatePicker { width: 18rem; border-radius: 1rem; display: none; border: 0.2rem solid #174c6a; box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0.8); background: #FFFFFF; margin: 0.6rem auto 0; font-size: 1.2rem; padding: 0.3rem; text-align: center; } .adaptikDatePicker a { text-decoration: none; } .adaptikDatePicker .ui-datepicker-header { white-space: nowrap; } .adaptikDatePicker .ui-datepicker-header .ui-datepicker-title { text-align: center; } .adaptikDatePicker .ui-datepicker-header .ui-datepicker-prev, .adaptikDatePicker .ui-datepicker-header .ui-datepicker-next { width: 3rem; text-align: center; cursor: pointer; margin: 0.4rem 0; } .adaptikDatePicker .ui-datepicker-header .ui-datepicker-prev { float: left; } .adaptikDatePicker .ui-datepicker-header .ui-datepicker-next { float: right; } .adaptikDatePicker .ui-datepicker-header .ui-datepicker-year, .adaptikDatePicker .ui-datepicker-header .ui-datepicker-month { margin: 0.2rem; } .adaptikDatePicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse; margin-top: 0.8rem; } .adaptikDatePicker .ui-datepicker-calendar thead { background: #DDDDDD; } .adaptikDatePicker .ui-datepicker-calendar thead th { text-transform: uppercase; padding: 0.2rem; } .adaptikDatePicker .ui-datepicker-calendar tbody td a { display: block; } .adaptikDatePicker .ui-datepicker-calendar tbody td a.ui-state-hover { background: #666666; color: #FFFFFF; } .adaptikDatePicker .ui-datepicker-calendar tbody td a.ui-state-active { background: #174c6a; color: #FFFFFF; } .adaptikDatePicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable { background: #F2F2F2; color: #DDDDDD; } .adaptikDatePicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable span { opacity: .3; } #multiLanguageOverlay { width: 80rem !important; } #multiLanguageOverlay .title { font-size: 1.3em; font-weight: 600; margin: 1rem 1rem 0 1rem; display: block; border-bottom: 0.1rem dotted #174c6a; } #multiLanguageOverlay .multiLanguageDiv > label { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.6rem; display: block; width: calc(100% - 2rem); margin-left: 1rem; margin-top: 1rem; } #multiLanguageOverlay .multiLanguageDiv .primary, #multiLanguageOverlay .multiLanguageDiv .secondary { display: table; width: calc(100% - 3rem); margin: 2rem 0 1rem 2rem; } #multiLanguageOverlay .multiLanguageDiv .primary .detailRow, #multiLanguageOverlay .multiLanguageDiv .secondary .detailRow { display: table-row; margin-top: 0.3rem; } #multiLanguageOverlay .multiLanguageDiv .primary .detailRow .literal, #multiLanguageOverlay .multiLanguageDiv .secondary .detailRow .literal { display: table-cell; vertical-align: top; font-size: 1.3rem; width: 30%; } #multiLanguageOverlay .multiLanguageDiv .primary .detailRow .control, #multiLanguageOverlay .multiLanguageDiv .secondary .detailRow .control { display: table-cell; vertical-align: top; width: 70%; } #multiLanguageOverlay .multiLanguageDiv .primary .detailRow .control .multiLanguageTextArea, #multiLanguageOverlay .multiLanguageDiv .secondary .detailRow .control .multiLanguageTextArea { width: 100%; } #multiLanguageOverlay .multiLanguageButtonBar { padding-top: 5em; padding-bottom: 2em; } .detailUnit.V_USER_ADMIN_DT { width: 40rem; } .detailUnit.V_BASE_ENTITY_DT, .detailUnit.V_BASE_PRODUCT_DT, .detailUnit.V_BASE_VIEW_DT { width: 60rem; } .detailUnit.V_10993_DT, .detailUnit.V_BASE_QUESTION_DT { width: 80rem; } .overlayTarget.ui-dialog-content.ui-widget-content#VERSION_HANDLER { width: 45rem !important; } #EXCEPTIONFACTORS.listDetailTemplate > div:first-child { margin-bottom: 1rem; } #EXCEPTIONFACTORS.listDetailTemplate #exceptionFactorWarning .list_box_title.exceptionFactorWarning:empty { display: none; } #dependenciesListActionsContainer { padding: 1rem; text-align: center; } #dependenciesListActionsContainer > span { padding: 0 .5rem; } #dependenciesListActionsContainer > span label { font-size: 1.2rem; font-weight: 600; } #EXCEPTIONCRITERIONDETAILIST .detailAboveCriterionList { padding: 1rem 0 1rem 0; } span.noProduct { color: #007f60; } .listContainer.CHANGE_HISTORY.list .cellText.CHANGED { font-weight: bold; margin: -0.4rem 0 0 -0.4rem !important; padding: 0.4rem 0.4rem 0 0.4rem; background: #f1e5a2; position: absolute !important; position: relative !important; width: calc(100% + 0.8rem) !important; height: calc(100% + 0.4rem) !important; } #W_V_APPEARANCEPROPERTY td[id*=borderSeparator], #VIEWITEMBD_AP td[id*=borderSeparator] { border-right: 0.1rem solid #174c6a; } #W_V_APPEARANCEPROPERTY label[id*=dependencyExprssControl], #VIEWITEMBD_AP label[id*=dependencyExprssControl] { color: initial; font-style: normal; border: 0.1rem solid gray; padding: 0.4rem; } #W_V_APPEARANCEPROPERTY .detailVersionWrapper.smallStandardButton button, #VIEWITEMBD_AP .detailVersionWrapper.smallStandardButton button { border-radius: .2em !important; font-size: 10px !important; margin: 0 !important; padding: .2em 1em !important; display: inline-block !important; width: 100% !important; } #PRODEXCEPTIONFACTORS > .detailUnit.U1 { margin-bottom: 1rem !important; } #EXCEPTION_FACTOR_LIST .exceptionFactorWarning { display: block; font-size: 1.2rem; font-weight: bold; color: #8f0222; padding: 1rem 0; } #EXCEPTION_FACTOR_LIST .exceptionFactorWarning:empty { display: none; } #CONTRACT_ENTITY_CHART_DISPLAY { overflow: auto; margin-bottom: 0; height: calc(100% - 4.1rem) !important; padding: 2rem; } /* Provide base set of mixins */ /* Variables and base structure */ /* Popovers and framework support files */ /* jQuery UI structural styles */ /* Customer page styles */ /* Custom page styles */ /* Units */