@import url("dojo-override.css"); /************* change map CSS************/ .esriSimpleSlider, .jimu-widget-zoomslider, .jimu-widget-extent-navigate { background-color: transparent; } .esriSimpleSliderTL { top: 85px; left: 25px; border: 0px solid transparent; } .esriSimpleSliderIncrementButton, .jimu-widget-zoomslider .zoom-in, .jimu-widget-extent-navigate .previous { background-color: #fff; color: rgb(51, 51, 51); } .esriSimpleSliderIncrementButton:hover, .jimu-widget-zoomslider .zoom-in:hover, .jimu-widget-extent-navigate .previous::hover { background-color: #e6e6e6; } .esriSimpleSliderDecrementButton, .jimu-widget-zoomslider .zoom-out, .jimu-widget-extent-navigate .next { background-color: #fff; color: rgb(51, 51, 51); } .esriSimpleSliderDecrementButton:hover, .jimu-widget-zoomslider .zoom-out:hover, .jimu-widget-zoomslider .zoom-in:hover, .jimu-widget-extent-navigate .next:hover { background-color: #e6e6e6; } .esriSimpleSliderVertical, .jimu-widget-zoomslider.vertical { color: #333; } .esriSimpleSliderVertical .esriSimpleSliderIncrementButton, .jimu-widget-zoomslider.vertical .esriSimpleSliderIncrementButton, .esriSimpleSliderVertical .esriSimpleSliderDecrementButton, .jimu-widget-zoomslider.vertical .esriSimpleSliderDecrementButton, .esriSimpleSliderVertical .zoom, .jimu-widget-zoomslider.vertical .zoom, .jimu-widget-extent-navigate .operation { -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2); -webkit-border-radius: 50%; border-radius: 50%; } .esriSimpleSliderVertical .esriSimpleSliderIncrementButton > span, .jimu-widget-zoomslider.vertical .esriSimpleSliderIncrementButton > span, .esriSimpleSliderVertical .esriSimpleSliderDecrementButton > span, .jimu-widget-zoomslider.vertical .esriSimpleSliderDecrementButton > span, .esriSimpleSliderVertical .zoom > span, .jimu-widget-zoomslider.vertical .zoom > span { display: none; } .esriSimpleSliderVertical .esriSimpleSliderIncrementButton, .jimu-widget-zoomslider.vertical .esriSimpleSliderIncrementButton { border-bottom: 0 none; margin-bottom: 10px; } .esriSimpleSliderVertical .esriSimpleSliderIncrementButton:before, .jimu-widget-zoomslider.vertical .esriSimpleSliderIncrementButton:before { font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "a"; } .esriSimpleSliderVertical .esriSimpleSliderDecrementButton:before, .jimu-widget-zoomslider.vertical .esriSimpleSliderDecrementButton:before { font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "b"; } .esriSimpleSliderVertical .zoom-in, .jimu-widget-zoomslider.vertical .zoom-in, .jimu-widget-extent-navigate.vertical .previous { border-bottom: 0 none; margin-bottom: 10px; } .esriSimpleSliderVertical .zoom, .jimu-widget-zoomslider.vertical .zoom { font-size: 20px; } .esriSimpleSliderDisabledButton, .esriSimpleSliderDisabledButton:active, .esriSimpleSliderDisabledButton:hover, .jimu-state-disabled, .jimu-state-disabled:hover { opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); color: inherit; cursor: default; } .jimu-widget-extent-navigate .jimu-state-disabled{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .jimu-rtl .esriSimpleSliderTL { right: 85px; left: auto; } .jimu-rtl .esriControlsBR { left: 5px; text-align: left; } .jimu-rtl .esriAttribution { text-align: right; margin: 0 0 0 5px; position: absolute; left: 65px; bottom: 0; } .jimu-rtl .map .logo-med { float: left; } .jimu-rtl .esriScalebarLineLabel { right: 95%; } /************* END **********************/ /*style for table*/ .jimu-table { border-collapse: collapse; border-spacing: 0; width: 100%; } .jimu-table >thead >tr, .jimu-table >thead >th { background-color: #f1f1f1; color: #333; text-transform: uppercase; } .jimu-table >thead >tr td, .jimu-table >thead >th td { font-size: 14px; padding: 10px 20px; border-bottom: 0 none; } .jimu-table tr { background-color: #fff; height: 30px; color: #6d6e70; /*mouse down*/ } .jimu-table tr.auto-height { height: auto; } .jimu-table tr:hover { background-color: #f5f5f5; } .jimu-table tr.jimu-state-active { background-color: $table-row-active-bg-color; } .jimu-table tr.jimu-state-selected { background-color: #aadbfa; } .jimu-table tr td { font-size: 12px; border-bottom: 1px solid #ddd; } .jimu-table td, .jimu-table th { padding: 5px 20px; } .jimu-oe-row :nth-child(odd) { background-color: #f8f8f8; } .jimu-oe-row :nth-child(even) { background-color: #fff; } .jimu-oe-row .jimu-state-selected { background-color: #aadbfa; } /*styled input tag*/ .jimu-input { height: 30px; background: #fff; border: 1px solid #ddd; color: inherit; padding: 5px 10px; margin: 0; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; } .jimu-input:hover { border-color: #3b8fc4; } .jimu-input:focus { color: inherit; border-color: #3b8fc4; outline: none; -webkit-box-shadow: none; box-shadow: none; } /*a styled button using div*/ .jimu-btn { cursor: pointer; line-height: 20px; min-width: 70px; display: inline-block; padding: 5px 10px; font-size: 14px; text-align: center; background: #fff; border: 1px solid #ddd; vertical-align: middle; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; color: #333; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; -webkit-font-smoothing: antialiased; } .jimu-btn:hover { color: #333; background-color: #e6e6e6; border-color: #d2d2d2; } .jimu-btn.jimu-state-disabled { color: #999; background-color: #f1f1f1; border-color: #ddd; opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); } .jimu-btn.jimu-state-disabled:hover { background: #fff; } .jimu-btn.btn-delete { background: #da4d1e; border-color: transparent; color: #fff; } .jimu-btn.btn-delete:hover { color: #fff; background-color: #c4451b; border-color: $button-red-hover-border-colorr; } .jimu-icon-btn { color: #3b8fc4; float: left; min-width: 30px; min-height: 30px; border: 1px solid #ddd; position: relative; background-color: #fff; cursor: pointer; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 2px; border-radius: 2px; } .jimu-icon-btn:hover { background-color: #e6e6e6; border-color: #ddd; } .add-with-icon { display: inline-block; overflow: hidden; height: 24px; font-size: 13px; cursor: pointer; color: #3b8fc4; } .add-with-icon.jimu-state-disabled { cursor: default; color: #3b8fc4; opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); } .add-with-icon .jimu-icon-add { float: left; margin-top: 4px; background-image: none; font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .add-with-icon .jimu-icon-add:before { content: 'A'; } .add-with-icon .add-label { float: left; height: 100%; line-height: 24px; vertical-align: middle; margin-left: 5px; text-decoration: underline; } .jimu-rtl .add-with-icon .add-icon { float: right; } .jimu-rtl .add-with-icon .add-label { float: right; margin-left: 0; margin-right: 5px; } .jimu-navbar { overflow: hidden; } .jimu-navbar >.jimu-icon-btn { -webkit-border-radius: 0; border-radius: 0; border-top-color: #ddd; border-left: 1px solid #ddd; } .jimu-navbar >.jimu-icon-btn + .jimu-icon-btn { border-left: 0 none; } .jimu-navbar >.jimu-icon-btn:nth-child(1) { border-left: 1px solid #ddd; } .jimu-navbar >.jimu-icon-btn:hover { background-color: #e6e6e6; border-color: #ddd; } .jimu-navbar >.jimu-icon-btn.jimu-state-selected { background-color: #3b8fc4; border-color: #3888ba; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .jimu-navbar >.jimu-icon-btn:first-child { -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .jimu-navbar >.jimu-icon-btn:last-child { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } /*************************************************************************** css for the dijits ****************************************************************************/ /*the css for Checkbox dijit*/ .jimu-checkbox { overflow: hidden; display: inline-block; /*.checkbox, .label{ float: left; }*/ } .jimu-checkbox .checkbox { width: 16px; height: 16px; display: inline-block; border: 1px solid #ddd; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .jimu-checkbox .checkbox:hover { border: 1px solid #3b8fc4; -webkit-box-shadow: none; box-shadow: none; } .jimu-checkbox .checkbox.jimu-icon-checked { background-image: none; background-color: #3b8fc4 !important; border: 1px solid #3b8fc4; color: #fff; } .jimu-checkbox .checkbox.jimu-icon-checked:before { font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "k"; left: -1px; top: 0; } .jimu-checkbox .label { font-size: 14px; margin: auto 10px; cursor: default; } /*the css for DropMenu dijit*/ .jimu-dropmenu { overflow: visible; } .jimu-dropmenu >.jimu-icon-btn { width: 16px; height: 16px; min-height: 16px; min-width: 16px; border: 1px solid #ddd; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; background-image: none; } .jimu-dropmenu >.jimu-icon-btn:before { font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "n"; position: absolute; top: -0.5px; left: -0.5px; } .jimu-dropmenu >.jimu-icon-btn:hover { -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2); } .jimu-dropmenu .drop-menu { position: absolute; border: 1px solid #3b8fc4; background-color: #fff; -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); } .jimu-dropmenu .menu-item { height: 30px; min-width: 50px; margin: 0; padding: 5px 10px; cursor: pointer; } .jimu-dropmenu .menu-item:hover { background-color: #f1f1f1; color: #333; text-decoration: none; } .jimu-dropmenu .menu-item-line { border: 1px solid #ddd; margin: 0px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } /*the css for Tab dijit*/ .jimu-tab { position: relative; width: 100%; height: 100%; } .jimu-tab >.control { overflow: hidden; } .jimu-tab >.control >.tab { min-width: 30px; height: 30px; border-left: 1px solid #fff; background-color: #f5f5f5; color: #6d6e70; font-size: 12px; float: left; text-align: center; cursor: pointer; padding-left: 5px 10px; padding-right: 5px 10px; white-space: nowrap; -o-text-overflow: clip; text-overflow: clip; } .jimu-tab >.control >.tab.jimu-state-selected { background-color: #fff; color: #3b8fc4; border-top: 2px solid #3b8fc4; border-left: none; } .jimu-tab >.control >.tab.jimu-state-selected + .tab { border-left: none; } .jimu-tab >.jimu-viewstack { background-color: #fff; position: absolute; top: 30px; left: 0; right: 0; bottom: 0; height: auto; } .jimu-tab.nested>.control>.tab { min-width: 50px; min-height: 30px; background-color: #fff; color: #6d6e70; float: left; text-align: center; cursor: pointer; padding: 5px 10px; padding-top: 0; padding-bottom: 0; font-size: 12px; } .jimu-tab.nested>.control>.tab.jimu-state-selected { background-color: #3b8fc4; color: #fff; } .jimu-rtl .jimu-tab >.control >.tab { border-right: 1px solid #fff; float: right; } .jimu-rtl .jimu-tab >.control >.tab.jimu-state-selected { border-right: none; } .jimu-rtl .jimu-tab >.control >.tab.jimu-state-selected +.tab { border-right: none; } .jimu-rtl .jimu-tab.nested>.control>.tab { float: right; } /*css for PreloadWidgetIcon dijit*/ .jimu-widget-onscreen-icon { position: absolute; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; } .jimu-widget-onscreen-icon:hover { background-color: #e6e6e6; } .jimu-widget-onscreen-icon.jimu-state-selected { background-color: #e6e6e6; } .jimu-widget-onscreen-icon img { width: 16px; height: 16px; margin: 12px; } /**CSS for popup dijit***/ .jimu-popup { -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); position: absolute; background-color: #fff; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); overflow: hidden; } .jimu-popup:focus { outline: 1px solid #3b8fc4; } .jimu-popup > .title { height: 40px; padding: 0 10px; line-height: 40px; margin: 0; color: #333; font-size: 14px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom: 1px solid #ddd; cursor: move; } .jimu-popup .title-label { overflow: hidden; max-width: 900px; display: block; margin: 0 5px; /*float: left;*/ /*text-overflow: ellipsis;*/ white-space: nowrap; } .jimu-popup .close-btn { width: 20px; height: 20px; background-image: none; margin-top: 10px; cursor: pointer; font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*&:hover{ opacity: 1; }*/ } .jimu-popup .close-btn:before { content: 'j'; font-size: 20px; } .jimu-popup .content { font-size: 14px; overflow-x: hidden; overflow-y: auto; } .jimu-popup .content-absolute { position: absolute; top: 60px; bottom: 63px; left: 30px; right: 30px; } .jimu-popup .content-static { position: static; margin: 20px 30px 0; } .jimu-popup .button-container { overflow: hidden; padding: 15px 30px; width: 100%; } .jimu-popup .button-container-absolute { position: absolute; bottom: 0; } .jimu-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 110; background-color: rgba(0,0,0,0.2); } /**CSS for search dijit***/ .jimu-search { height: 40px; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .jimu-search .jimu-input-wrapper { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; } .jimu-search .jimu-input { width: 100%; height: 100%; } .jimu-search .jimu-input::-ms-clear { display: none; } .jimu-search .search-btn { background-image: none; position: absolute; right: 10px; top: 10px; cursor: pointer; font-family: "launchpad-icons" !important; content: attr(data-icon); font-size: 16px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #3b8fc4; } .jimu-search .search-btn:before { content: 'c'; font-size: 20px; } /*************************************************************************** widget:jimu-w ***************************************************************************/ /*widget root element, widget template's root element should use this class*/ .jimu-widget, .jimu-widget-setting { position: relative; } .jimu-widget-frame { position: relative; width: 100%; height: 100%; } .jimu-widget-frame.jimu-container { overflow-x: auto; overflow-y: auto; position: relative; /*padding: 0;*/ background-color: transparent; } .jimu-widget-frame >.jimu-container { position: relative; overflow-x: hidden; overflow-y: auto; padding: 10px; background-color: transparent; } .jimu-widget-subtitle { font-size: 14px; color: #6d6e70; } .jimu-widget-fieldlabel { font-size: 12px; color: #999; } .jimu-widget-content { font-size: 12px; color: #6d6e70; } .jimu-widget-placeholder { position: absolute; } .jimu-widget-placeholder.jimu-state-active { border: 2px solid #da4d1e; } .jimu-widget-placeholder .inner { width: 20px; height: 20px; margin: 8px; text-align: center; line-height: 20px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; background-color: rgba(0,0,0,0.8); } /***CSS for SimpleTable dijit***/ .jimu-simple-table { width: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; min-height: 80px; position: relative; } .jimu-simple-table .simple-table-title { font-size: 14px; } .jimu-simple-table .head-section { width: 100%; height: 40px; background-color: #f1f1f1; overflow: hidden; } .jimu-simple-table .head-section .simple-table-tbody { display: none; } .jimu-simple-table .body-section { position: absolute; top: 40px; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; background-color: #fff; border: 0 none; color: #6d6e70; } .jimu-simple-table .body-section .table-div { margin: 0; min-height: 100%; background-image: none; } .jimu-simple-table .body-section .simple-table-thead { display: none; } .jimu-simple-table .table { width: 100%; border-collapse: collapse; table-layout: fixed; } .jimu-simple-table .simple-table-field, .jimu-simple-table .simple-table-cell { vertical-align: middle; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; color: #6d6e70; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jimu-simple-table .simple-table-field.hidden-column > *, .jimu-simple-table .simple-table-cell.hidden-column > * { display: none; } .jimu-simple-table .simple-table-field { height: 40px; line-height: 40px; color: #333; font-size: 14px; font-weight: normal; } .jimu-simple-table .simple-table-cell { height: 30px; line-height: 30px; font-size: 12px; border-bottom: 1px solid #ddd; } .jimu-simple-table .simple-table-field > *, .jimu-simple-table .simple-table-cell > * { -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jimu-simple-table .simple-table-cell > * { overflow: hidden; } .jimu-simple-table .simple-table-row:last-child .simple-table-cell { border-bottom: 0; } .jimu-simple-table .simple-table-row .editable-div, .jimu-simple-table .simple-table-row .normal-text-div { color: #000000 !important; outline: none; width: 100%; height: 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jimu-simple-table .simple-table-row .editable-input { width: 100%; } .jimu-simple-table .simple-table-row > .actions-td .action-item-parent { display: none; vertical-align: middle; } .jimu-simple-table .simple-table-row > .actions-td .action-item { cursor: pointer; } .jimu-simple-table .simple-table-row:hover { background-color: #aadbfa; } .jimu-simple-table .simple-table-row:hover > .actions-td .action-item-parent { display: inline-block; } /*** CSS for ColorPicker dijit ***/ .jimu-color-picker { width: 30px; height: 30px; -webkit-border-radius: 2px; border-radius: 2px; border-width: 1px; border-style: solid; border-color: #ddd; cursor: pointer; } /*** CSS for Symbol dijit ***/ .jimu-symbol-chooser { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 0; font-size: 14px; } .jimu-symbol-chooser .symbol-section { width: 100%; display: none; } .jimu-symbol-chooser .symbol-set-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; } .jimu-symbol-chooser .symbol-set-table > tbody > tr > td { vertical-align: middle; padding-top: 5px; padding-bottom: 5px; } .jimu-symbol-chooser .point-sym-class-select-tr > td { padding-bottom: 0 !important; } .jimu-symbol-chooser .point-icon-tables-tr > td { padding-top: 0 !important; } .jimu-symbol-chooser .icon-tables { width: 100%; height: 120px; overflow-x: hidden; overflow-y: auto; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ddd; } .jimu-symbol-chooser .icon-table { width: 100%; border-collapse: collapse; table-layout: fixed; overflow: hidden; } .jimu-symbol-chooser .symbol-div-item { position: relative; width: 36px; height: 36px; border: 1px solid transparent; -webkit-border-radius: 0; border-radius: 0; } .jimu-symbol-chooser .symbol-div-item:hover, .jimu-symbol-chooser .selected-symbol-div-item { border: 1px solid #3b8fc4 !important; background-color: #e6e6e6 !important; } .jimu-symbol-chooser .symbol-div-item { margin: 2px; padding: 0; } .jimu-symbol-chooser .symbol-div-item .svg-node { position: absolute; top: 0; left: 0; } .jimu-symbol-chooser.ie8 .line-icon-table .symbol-div-item .svg-node { top: 13px; } .jimu-rtl .jimu-symbol-chooser .symbol-div-item .svg-node { left: auto; right: 0; } .jimu-rtl .jimu-symbol-chooser.ie8 .line-icon-table .symbol-div-item .svg-node { right: -16px; } /* CSS for jimu-single-filter */ .jimu-single-filter .dijit-form-FilteringSelect>div.dijitArrowButton.dijitDownArrowButton{ width: 30px; height: 30px; } /* CSS for jimu-single-filter-parameter */ .jimu-single-filter-parameter .dijit-form-FilteringSelect>div.dijitArrowButton.dijitDownArrowButton{ width: 30px; height: 30px; }