/* DASEES specific CSS. */ /* Commented out by TS to fix tooltips in measure value function line chart. */ /* Temporary fix to incorrectly sizing Extjs tooltips. */ /* */ /* * TODO - I don't think we need this tooltip sizing stuff anymore. */ .x-tip { width: auto !important; } .x-tip-body { width: auto !important; } .x-tip-body span { width: auto !important; } .sdm-tooltip { background: white; padding: 5px; width: auto !important; } .gisdt-tooltip { background: white; padding: 5px; width: auto !important; } /* SNA Browser Search Icon */ .SNA-run {width:16px; height:16px; background-image:url('images/fam/icons/control_play_blue.png')} /* add this to a grid columns cls to wrap headers [cls:'multiline'] */ .wrap-column-header .x-column-header-inner .x-column-header-text { white-space: normal; } .nextstep span {background:transparent;color:black !important;font-weight:bold !important;} .neptuneicon-blank { width:0x; height:0px; } .overview p {padding: 10px 0px 5px 0px !important;} /* Icons */ .sdmicon-space { width:16px; height:16px; display: none; } .sdmicon-noicon { display: none; } .measure-users-o { opacity: 0.3; background-image:url('images/user_measure.png') !important; } .measure-users-o:hover { opacity: 1.0; background-image:url('images/user_measure.png') !important; } .measure-users { background-image:url('images/user_measure.png') !important; } .measure-description-o { opacity: 0.3; background-image:url('images/measure_description.png') !important; } .measure-description-o:hover { opacity: 1.0; background-image:url('images/measure_description.png') !important; } .measure-description { background-image:url('images/measure_description.png') !important; } .objective-users-o { opacity: 0.3; width:16px; height:16px; background-image:url('images/user_objective.png') !important; } .objective-users-o:hover { opacity: 1.0; } .objective-users { width:16px; height:16px; background-image:url('images/user_objective.png') !important; } .objective-description-o { opacity: 0.3; background-image:url('images/objective_description.png') !important; } .objective-description-o:hover { opacity: 1.0; } .objective-description { background-image:url('images/objective_description.png') !important; } .option-categorical { background-image:url('images/option_categorical.png') !important; } .option-continuous { background-image:url('images/option_continuous.png') !important; } .option-users-o { opacity: 0.3; width:16px; height:16px; background-image:url('images/user_option.png') !important; } .option-users-o:hover { opacity: 1.0; } .option-users { width:16px; height:16px; background-image:url('images/user_option.png') !important; } .option-description-o { opacity: 0.3; background-image:url('images/option_description.png') !important; } .option-description-o:hover { opacity: 1.0; } .option-description { background-image:url('images/option_description.png') !important; } /* Stakeholder tool */ .stakeholder-industry { background-image:url('images/industry.png') !important; } .stakeholder-government { background-image:url('images/government.png') !important; } .stakeholder-individual { background-image:url('images/individual.png') !important; } .stakeholder-community { background-image:url('images/community.png') !important; } .stakeholder-business { background-image:url('images/business.png') !important; } .stakeholder-environment { background-image:url('images/environment.png') !important; } .stakeholder-regulation { background-image:url('images/regulation.png') !important; } .stakeholder-science { background-image:url('images/flask-solid.png') !important; } .stakeholder-add { background-image:url('fugue/icons/block--plus.png') !important; background-repeat: no-repeat; } /* DecisionSketch tool */ .sketch-industry { background-image:url('images/industry.png') !important; } .sketch-government { background-image:url('images/government.png') !important; } .sketch-individual { background-image:url('images/individual.png') !important; } .sketch-community { background-image:url('images/community.png') !important; } .sketch-business { background-image:url('images/business.png') !important; } .sketch-environment { background-image:url('images/environment.png') !important; } .sketch-regulation { background-image:url('images/regulation.png') !important; } .sketch-science { background-image:url('images/flask-solid.png') !important; } .sketch-objectivecategory { background-image:url('images/objectivecategory.png') !important; } .sketch-add { background-image:url('fugue/icons/block--plus.png') !important; background-repeat: no-repeat; } .sketch-objective { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAgVBMVEUAAACHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuuHzuv6DS1+AAAAKnRSTlMAAwQGBwkKEBIVFhscJSszREpLUm+DmJudoqWvtL7I2dze4uTm6Ont8fUsMEiTAAAAfUlEQVQYV23NWQ6CQBBF0SsCKoID4oBQzji8/S/QD7oBE+9fnbykwFUWKV2TfIOkOmzP8VEyJOkRAkR3eVANYOpBKSw0hAJ2P1DC2UHXU5L0SUYHMzObU7XbdxJdJGlKrqE0ELx6uWoFZPIyi7cAZG5ziv2jYF01t/2S/30BURMWsVnzaiMAAAAASUVORK5CYII=') } .sketch-measure { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAllBMVEUAAACQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pCQ7pC9zEMOAAAAMXRSTlMAAQIEBQYJDBESFRccIiMmJysuLzU4OUtdXl9pcHiGnaCrt8XHyMrR2dre4OTm6On1vPyGewAAAHVJREFUGBkFwYUBwjAAALB0MNzdi0Px/v8cCQjb964AgNWiMt4CwCkQx98SQEIEgIQ4ySWAhKgAIOmHWBsFAEmqxta6APCUqhEA071HuZwDcG5s8rH2AuBX+eZczwHAoTf7bNpXADr3dmheBwDoXvJtCAAA8Ac2xgg7TD1DOwAAAABJRU5ErkJggg==') } .sketch-option { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAjVBMVEUAAAD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wD/1wDF/ErdAAAALnRSTlMAAQMHCAsPFRYeICgqNDU9P1BUXF1ebHd4e4KDjJKVm6W+wMfK3ODm6e/19/n9hOPSmAAAAHFJREFUGBl9wVcOglAAAMHF3nsXsTeUvf/xNJC84I8zfDXVNiV1zWqUbZ3zY+KA4JIs48x0l5zO5Az25AxW5Aw2UKmCwas/fdtDfbRoXC3EqGtgoek40RnqEaKLxtAZRvjVZaQeyKnPJt2b3ilEEX99AIdaE/opkhztAAAAAElFTkSuQmCC') } .sketch-scenario { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAjVBMVEUAAADacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNbacNZqATekAAAALnRSTlMAAQMHCAsPFRYeICgqNDU9P1BUXF1ebHd4e4KDjJKVm6W+wMfK3ODm6e/19/n9hOPSmAAAAHFJREFUGBl9wVcOglAAAMHF3nsXsTeUvf/xNJC84I8zfDXVNiV1zWqUbZ3zY+KA4JIs48x0l5zO5Az25AxW5Aw2UKmCwas/fdtDfbRoXC3EqGtgoek40RnqEaKLxtAZRvjVZaQeyKnPJt2b3ilEEX99AIdaE/opkhztAAAAAElFTkSuQmCC') } /* TODO - REMOVE SOME OF THESE THAT AREN'T USED ANYMORE */ .sdmicon-finished { width:16px; height:16px; background-image:url('images/Checkmark.svg') !important; } .sdmicon-action { width:16px; height:16px; background-image:url('images/Action.svg') !important; } .sdmicon-context { width:16px; height:16px; background-image:url('images/Context.svg') !important; } .sdmicon-evaluate { width:16px; height:16px; background-image:url('images/Evaluate.svg') !important; } .sdmicon-objectives { width:16px; height:16px; background-image:url('images/Objectives.svg') !important; } .sdmicon-options { width:16px; height:16px; background-image:url('images/Options.svg') !important; } .sdmicon-categorical { width:16px; height:16px; background-image:url('images/Categorical.svg') !important; } .sdmicon-continuous { width:16px; height:16px; background-image:url('images/Continuous.svg') !important; } /* iconMoon */ .neptuneicon-equalizer { width:16px; height:16px; background-image:url('images/icomoon/equalizer.svg') !important; } /* */ .neptuneicon-layout-v { width:16px; height:16px; background-image:url('fugue/icons/layout-split-vertical.png') !important; } .neptuneicon-layout-h { width:16px; height:16px; background-image:url('fugue/icons/layout-split.png') !important; } .neptuneicon-legend { width:16px; height:16px; background-image:url('fugue/icons/palette.png') !important; } .neptuneicon-datasave { width:16px; height:16px; background-image:url('fugue/icons/disk-black.png') !important; } .neptuneicon-rename { width:16px; height:16px; background-image:url('fugue/icons/disk-rename.png') !important; } .neptuneicon-sdisk { width:16px; height:16px; background-image:url('fugue/icons/disk--pencil.png') !important; } .neptuneicon-datarevert { width:16px; height:16px; background-image:url('fugue/icons/arrow-circle.png') !important; } .neptuneicon-tabnew { width:16px; height:16px; background-image:url('fugue/icons/ui-tab--plus.png') !important; } .neptuneicon-tabdelete { width:16px; height:16px; background-image:url('fugue/icons/ui-tab--minus.png') !important; } .neptuneicon-tabrename { width:16px; height:16px; background-image:url('fugue/icons/ui-tab--pencil.png') !important; } .neptuneicon-tabsave { width:16px; height:16px; background-image:url('fugue/icons/ui-tab.png') !important; } .neptuneicon-help { width:16px; height:16px; background-image:url('fugue/icons/question.png') !important; } .neptuneicon-greenplus { width:16px; height:16px; background-image:url('fugue/icons/plus.png') !important; } .neptuneicon-redminus { width:16px; height:16px; background-image:url('fugue/icons/cross.png') !important; } .neptuneicon-editcomment { width:16px; height:16px; background-image:url('fugue/icons/card--pencil.png') !important; } .neptuneicon-cancel { width:16px; height:16px; background-image:url('fam/icons/cancel.png') !important; } .neptuneicon-cascade { width:16px; height:16px; background-image:url('fam/icons/application_cascade.png') !important; } .neptuneicon-arrowleft { width:16px; height:16px; background-image:url('fam/icons/arrow_left.png') !important; } .neptuneicon-arrowright { width:16px; height:16px; background-image:url('fam/icons/arrow_right.png') !important; } .neptuneicon-cloudup { width:16px; height:16px; background-image:url('fugue/icons/upload-cloud.png') !important; } .neptuneicon-clouddown { width:16px; height:16px; background-image:url('fugue/icons/download-cloud.png') !important; } .neptuneicon-view { width:16px; height:16px; background-image:url('fugue/icons/eye.png') !important; } /* roll your own */ .neptuneicon-add { width:16px; height:16px; background-image:url('images/add-to-list.svg') !important; } .neptuneicon-delete { width:16px; height:16px; background-image:url('images/trash.svg') !important; } .neptuneicon-right { width:16px; height:16px; background-image:url('fugue/icons/control-stop.png') !important; } .neptuneicon-left { width:16px; height:16px; background-image:url('fugue/icons/control-stop-180.png') !important; } /*.neptuneicon-collapse { width:16px; height:16px; background-image:url('images/flow-line.svg') !important; } .neptuneicon-expand { width:16px; height:16px; background-image:url('images/flow-cascade.svg') !important; }*/ .neptuneicon-collapse { width:16px; height:16px; background-image:url('fugue/icons/node-insert.png') !important; } .neptuneicon-expand { width:16px; height:16px; background-image:url('fugue/icons/node-insert-next.png') !important; } .neptuneicon-sortquant { width:16px; height:16px; background-image:url('fugue/icons/sort-quantity.png') !important; } .neptuneicon-equation { width:16px; height:16px; background-image:url('fugue/icons/sum.png') !important; } .neptuneicon-distribution{ width:14px; height:14px; background-image:url('images/distribution.svg') !important; } .neptuneicon-play { width:16px; height:16px; background-image:url('images/play.svg') !important; } .neptuneicon-run { width:16px; height:16px; background-image:url('fugue/icons/compile.png') !important; } /*.neptuneicon-run { width:16px; height:16px; background-image:url('fugue/icons/application-run.png') !important; }*/ .neptuneicon-plusplay { width:16px; height:16px; background-image:url('images/plus.svg') !important; } .neptuneicon-statistics { width:16px; height:16px; background-image:url('fugue/icons/chart.png') !important; } .neptuneicon-graph { width:16px; height:16px; background-image:url('images/graph.svg') !important; } /*.neptuneicon-scale { width:16px; height:16px; background-image:url('images/icon-scales.svg') !important; }*/ .neptuneicon-scale { width:16px; height:16px; background-image:url('fugue/icons/balance--arrow.png') !important; } .neptuneicon-scale-edit { width:16px; height:16px; background-image:url('fugue/icons/balance--pencil.png') !important; } .neptuneicon-lightbulb { width:16px; height:16px; background-image:url('fugue/icons/light-bulb--plus.png') !important; } .neptuneicon-lightbulbar { width:16px; height:16px; background-image:url('fugue/icons/light-bulb--arrow.png') !important; } .neptuneicon-wrench { width:16px; height:16px; background-image:url('fugue/icons/wrench--arrow.png') !important; } .neptuneicon-star { width:16px; height:16px; background-image:url('fugue/icons/star.png') !important; } .neptuneicon-starpencil { width:16px; height:16px; background-image:url('fugue/icons/star--pencil.png') !important; } .neptuneicon-doccopy { width:16px; height:16px; background-image:url('fugue/icons/document-copy.png') !important; } .neptuneicon-lock { width:16px; height:16px; background-image:url('fugue/icons/lock.png') !important; } .neptuneicon-blank { width:16px; height:16px; background-image:none; } .neptuneicon-skyler { width:16px; height:16px; background-image:url('fugue/icons/stickman-smiley.png') !important; } .neptuneicon-zoomin { width:16px; height:16px; background-image:url('fugue/icons/magnifier-zoom-in.png') !important; } .neptuneicon-zoomout { width:16px; height:16px; background-image:url('fugue/icons/magnifier-zoom-out.png') !important; } .neptuneicon-zoomfit { width:16px; height:16px; background-image:url('fugue/icons/magnifier-zoom-fit.png') !important; } .neptuneicon-next { width:16px; height:16px; background-image:url('fugue/icons/blue-document-page-next.png') !important; } .neptuneicon-prev { width:16px; height:16px; background-image:url('fugue/icons/blue-document-page-previous.png') !important; } .neptuneicon-clear { width:16px; height:16px; background-image:url('fugue/icons/cross-white.png') !important; } .neptuneicon-strategyadd { background-image:url(fugue/icons/blueprint--plus.png) !important; background-repeat: no-repeat; } .neptuneicon-strategydelete { background-image:url(fugue/icons/blueprint--minus.png) !important; background-repeat: no-repeat; } .neptuneicon-strategyedit { background-image:url(fugue/icons/blueprint--pencil.png) !important; background-repeat: no-repeat; } .neptuneicon-strategydup { background-image:url(fugue/icons/blueprints.png) !important; background-repeat: no-repeat; } .sdm-centertitle { text-align: center; color: green; } .icon-root { background-image:url(icon-folder.png) !important; background-repeat: no-repeat; } .icon-driver { background:#FF6666 none no-repeat left bottom !important; height: 10 !important; } .icon-pressure { background:#E3AC75 none no-repeat left bottom !important; height: 10 !important; } .icon-state { background:#66CC00 none no-repeat left bottom !important; height: 10 !important; } .icon-impact { background:#99CCFF none no-repeat left bottom !important; height: 10 !important; } .icon-measure { background:#99CCFF none no-repeat left bottom !important; height: 10 !important; } .icon-response { background:#FFCC00 none no-repeat left bottom !important; height: 10 !important; } .icon-option { background:#FFCC00 none no-repeat left bottom !important; height: 10 !important; } .icon-event { background-image:url(fam/icons/lightning.png) !important; background-repeat: no-repeat; } .icon-process { background-image:url(fam/icons/cog.png) !important; background-repeat: no-repeat; } .icon-scenario { background-image:url(fam/icons/table.png) !important; background-repeat: no-repeat; } .icon-feature { background-image:url(fam/icons/palette.png) !important; background-repeat: no-repeat; } /* Grid cells when the mouse cursor is over the row */ .x-grid-row.sdm-selectrow .x-grid-td { background-color: PaleGreen; } .x-grid-row-over.sdm-selectrow .x-grid-td { background-color: LightGreen; } .x-grid-row-selected.sdm-selectrow .x-grid-td { background-color: #72db72; } /* Removes default tree node yellow folder icon */ #FlowTreePanel .x-tree-icon-parent { display: none; } /* We replace the default open/close icons for trees because they are to visually noisy. */ .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {background-image: url(images/elbow-minus.gif);} .x-tree-lines .x-tree-elbow-plus {background-image: url(images/elbow-plus.gif);} .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {background-image: url(images/elbow-end-minus.gif);} .x-tree-lines .x-tree-elbow-end-plus {background-image: url(images/elbow-end-plus.gif);} /* Flow tree uses dots for a checklist look. */ #FlowTreePanel .x-grid-tree-node-expanded .x-tree-icon-parent { width:8px; height:16px; background-image:url('images/slim_dot.svg') !important; } #FlowTreePanel .x-tree-icon-parent { width:8px; height:16px; background-image:url('images/slim_dot.svg') !important; } /* Replaces the default tree node leaf icon with dot */ #FlowTreePanel .x-tree-icon-leaf { background-image: url('images/slim_dot.svg') !important; width:9px; height:16px; } .sdm-leaveblank { display: none; } .sdm-linked2measure { background-image: url('images/dot_green.svg') !important; background-repeat: no-repeat; width:16 !important; height:16 !important; } .sdm-linked2option { background-image: url('images/dot_yellow.svg') !important; width:16 !important; height:16 !important; } .sdm-linked2measureoption { background-image: url('images/dot_greenyellow.svg') !important; width:16 !important; height:16 !important; } .sdm-nolinks { /*background-image: url('images/dot_invisible.svg') !important;*/ background-image: url('images/dot_empty.svg') !important; width:16 !important; height:16 !important; } .sdm-objparent { background-image: url('images/blue_folder.png') !important; width:16 !important; height:16 !important; } /* Removes default tree node yellow folder icon */ .sdm-flowtree .x-tree-icon-parent { display: none; } /* Keep default tree node yellow folder icon for root node */ /* for some reason these two rules fail if I switch the order !! */ .sdm-flowtree .x-grid-tree-node-expanded .nnc-tree-root-node .x-tree-icon-parent { width:16px; height:16px; background-image:url('images/folder-open.gif') !important; } .sdm-flowtree .nnc-tree-root-node .x-tree-icon-parent { width:16px; height:16px; background-image:url('images/folder.gif') !important; } /* Replaces the default tree node leaf icon with dot */ .sdm-flowtree .x-tree-icon-leaf { background-image: url('images/slim_dot.svg') !important; width:9px; height:16px; } /* The following is to set the Means-Ends Objectives Hierarchy tree panel */ /* to have background matching the parking lot color for means objectives. */ .sdm-flowtree { background-color: #C9D7F5; } .sdm-flowtree .x-grid-cell { background-color: #C9D7F5; } .sdm-flowtree .x-grid-row-selected .x-grid-cell { background-color: #87AAF5 !important; } .sdm-lightbrown .x-tree-icon-leaf { /*background-image: url('images/icon-scales.svg') !important; */ background-image: url('images/light-bulb.svg') !important; width:16px; height:16px; } .sdm-lightbrown { color: brown ; } /* d3 tree styles */ .node { z-index: 8; } .node circle { z-index: 8; cursor: pointer; stroke-width: 1.5px; } /*.node:not(:hover) text.label { display: none;*/ .node text.label { pointer-events: auto; cursor: crosshair; font-weight: 500; font-size: 13px; font-family: "Helvetica Neue", Helvetica; stroke-width: 0px; text-shadow: 0 2px 2px #ccc; } .node text.symbol { pointer-events: none; font-weight: 500; font-size: 20px; font-family: "Helvetica Neue", Helvetica; stroke-width: 0px; text-shadow: 0 2px 2px #ccc; } .link { cursor: pointer; pointer-events: all; fill: none; stroke: #98AFC7; /*#ccc;*/ stroke-width: 1.5px; } .arrow { z-index: 21; stroke: none; /* fill: #ccc; */ } .spacing { margin: 0 0; } .hintette { z-index: 1; position: absolute; right: 0; width: 120px; font-size: 14px; color: #999; padding: 0 25px; } .driver { color: #d62728; } .pressure { color: #8c6d31; } .state { color: #2ca02c; } .impact { color: #3182bd; } .response { color: #dbdb8d; } .driver-row .x-change-cell { background-color: #FF6666; } .pressure-row .x-change-cell { background-color: #E3AC75; } .state-row .x-change-cell { background-color: #66CC00; } .impact-row .x-change-cell { background-color: #99CCFF; } .response-row .x-change-cell { background-color: #FFCC00; } /* Management Scenarios option grid cells */ .scenarioOptionGridCell .x-grid-cell { font-weight: bold; font-style: italic; padding: 3px; } .scenarioOptionGridCellSelect .x-grid-row-selected .x-grid-cell { background-color: lightblue !important; color :#000000 !important; font-weight: bold; font-style: italic; padding: 3px; } /* Management Scenarios option panel header */ .scenarioOptionPanelHeader .x-panel-header { font-style: italic; } .preference-arrow { color: #308AE7; } /* Brainstorm edit idea textfield */ .brainstormEditIdeaTextfield { font-size: 36px !important; } /* The following colors the parking lot grid according to the node type */ .idea-row .x-grid-cell { background-color: #FFFFFF; } .objective-row .x-grid-cell { background-color: #87CEEB; } .meansobjective-row .x-grid-cell { background-color: #87AAF5; } .measure-row .x-grid-cell { background-color: #90EE90; } .option-row .x-grid-cell { background-color: #FFD700; } .stakeholder-row .x-grid-cell { background-color: #EECF92; } .regulation-row .x-grid-cell { background-color: #FA6161; } .process-row .x-grid-cell { background-color: #EE9C92; } /* The following colors the tool grids to match the parking lot colors */ /* Background color for the Objective Measures grid */ .measureGridRow .x-grid-row .x-grid-cell { background-color: #D2FAD2; } /* Selection color for the Objective Measures grid */ .measureGridCellSelect .x-grid-row-selected .x-grid-cell { background-color: #90EE90 !important; } /* May not need anymore - used to color particular rows in Define Options grid */ .option-column { background-color: #FCEC92; } /* Background color for the Define Options grid */ .optionGridRow .x-grid-row .x-grid-cell { background-color: #FCEC92; } /* Selection color for the Define Options grid */ .optionGridCellSelect .x-grid-row-selected .x-grid-cell { background-color: #FFD700 !important; } /* The following is to set the Fundamental Objectives Hierarchy tree panel */ /* to have background matching the parking lot color for objectives. */ .fundamentalflowtree { background-color: #d7f3ff; /*background-color: #C1E6F5; */ } .fundamentalflowtree .x-grid-cell { background-color: #d7f3ff; } .fundamentalflowtree .x-grid-row-selected .x-grid-cell { background-color: #87CEEB !important; } /* * * Aspect widget css. * */ /* gisdt/aspect/SingleScenario.js */ .aspect-singlescenario { border-radius: 4px; border: 1px silver solid; background-color: #dedede; margin: 2px; padding: 3px; } .aspect-singlescenario-statusquo { border-radius: 4px; border: 1px darkgray solid; background-color: #C2C2C2; margin: 2px; padding: 3px; } .aspect-singlescenario-title { cursor: default; color: darkorchid; font-weight: bold; font-size: larger; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .aspect-singlescenario-title-small { color: darkorchid; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin: 0px 0px 6px 0px; } .aspect-singlescenario-statusquo-title { cursor: default; color: #846f54; font-weight: bold; font-size: larger; overflow-x: hidden; } .aspect-scenariowin-title { margin: 3px 0px 5px 5px; color: darkorchid; font-size: larger; overflow-x: hidden; } /* gisdt/aspect/ScenarioLevel.js */ .aspect-scenario-level { cursor: pointer; border: 1px darkgray solid; background-color: gold; box-shadow: inset 2px 2px 16px white; text-align: center; border-radius: 3px; margin: 3px; padding: 3px; } .aspect-scenario-level:hover { box-shadow: inset 0px 0px 16px gold; background-color: yellow; } .aspect-scenario-level-sq { cursor: pointer; border: 1px darkgray solid; background-color: gainsboro; box-shadow: inset 3px 3px 16px white; text-align: center; border-radius: 3px; margin: 3px; padding: 3px; } .aspect-scenario-level-sq:hover { box-shadow: inset 2px 2px 10px white; background-color: lightgray; } .aspect-scenario-levelname { color: #696969; font-size: larger; overflow-x: hidden; } .aspect-scenario-levelname-compact { color: black; font-size: smaller; overflow-x: hidden; margin: 3px 0px 0px 0px; } .aspect-scenario-levelquo { cursor: pointer; background-color: #d8d8d8; text-align: center; border: 1px silver solid; box-shadow: inset 0px 0px 6px #cccccc; border-radius: 3px; margin: 3px; padding: 3px; } .aspect-scenario-levelquo:hover { background-color: #f3f3f3; } .aspect-radgroup { background-color: #E0E0E0; } /* gisdt/aspect/Description.js */ .aspect-description { border-radius: 3px; padding: 3px; cursor: pointer; color: dimgray; margin: 2px; } .aspect-description:hover { background-color: #f3f3f3; border: 1px gray solid; box-shadow: inset 0px 0px 2px gray; } .aspect-title { color: gray; font-weight: bold; font-size: 14px; margin: 5px 1px 2px 1px; } .option-link { opacity: 0.8; width:13px; height:13px; background-image:url('images/link.svg'); } .option-link:hover { opacity: 1.0; width:15px; height:15px; background-image:url('images/unlink.svg'); } .option-unlink { width:15px; height:15px; } .option-unlink:hover { opacity: 0.7; width:15px; height:15px; background-image:url('images/link.svg'); } .option-grid { background-color: #FFFFE0; } .option-grid .x-grid-cell { background-color: #FFFFE0; } .option-grid .x-grid-row-selected .x-grid-cell { background-color: gold !important; } .betweeness { background: #1e5799; background: -moz-linear-gradient(left, #1e5799 0%, #f92e27 39%, #f48727 63%, #fafc88 100%); background: -webkit-linear-gradient(left, #1e5799 0%,#f92e27 39%,#f48727 63%,#fafc88 100%); background: linear-gradient(to right, #1e5799 0%,#f92e27 39%,#f48727 63%,#fafc88 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#fafc88',GradientType=1 ); } .sna-tooltip { background: white; font-size: 110%; padding: 5px; } /*----------------------------*/ /* Decision Book Styling */ /* gisdt/book/DecisionBook.js */ .decision-book { } .decision-book-editable { background-color: #f0f8f0; } .decision-book-editable:hover { background-color: lightgreen; } .decision-book-date { padding-top: 8pt; padding-bottom: 6pt; margin-block-start: 0.3em; margin-block-end: 0.4em; } .decision-book-indent { margin-left: 2em; } .decision-book-node-name { font-weight: bold; padding-top: 0.1em; padding-bottom: 0.4em; } .decision-book-text { padding-top: 0.4em; padding-bottom: 0.4em; } .decision-book-description { font-weight: 100; padding-top: 0.1em; padding-bottom: 0.4em; } .decision-book-number { font-size: 1.2em; font-weight: lighter; padding-top: 0.1em; padding-bottom: 0.4em; } .decision-book h1 { font-size: 3em; color: #4a86e8; padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } .decision-book h2 { padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } .decision-book h3 { padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } .decision-book h4 { padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } .decision-book h5 { padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } .decision-book h6 { padding-top: 0.7em; padding-bottom: 0.4em; margin-block-start: 0; margin-block-end: 0; } /* decision book editing widgets GUI */ .decisionbook-block-editable { border-color: white; transition: border-color 300ms ease; } .decisionbook-block-editable:hover { border-color: red; } .decision-block-insert { opacity: 0.2; transition: opacity 300ms ease; } .decision-block-insert:hover { opacity: 1.0; } /*--------------*/ /* Quill editor */ .ql-editor{ min-height: 150; } /*---------------*/ /* Graph Styling */ .nnc-graph-text1 { fill: dimgray; font-weight: bold; font-size: 15px; } .nnc-graph-text2 { font-size: 13px; } .nnc-graph-number { font-size: 11px; color: 'dimgray'; } /*---------------*/ /* Chart Styling */ .chart-legend-table { width: 100%; border-collapse: collapse; } .chart-legend-row { border-bottom: thin solid lightgray; } .chart-legend-swatch { width: 20px; text-align: right; } .chart-legend-text { width: 200px; text-align: left; }