@charset "UTF-8"; body { background-color: #fff !important; color: #333; display: block; font-family: 'Open Sans', sans-serif !important; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0; } body, input, textarea, .page-title span, .pingback a.url { font-family: 'Open Sans', sans-serif !important; font-weight: 400; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/opensans/OpenSansLight.woff") format("woff"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/OpenSans.woff") format("woff"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/OpenSansBold.woff") format("woff"); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("../fonts/opensans/OpenSansLightItalic.woff") format("woff"); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/opensans/OpenSansItalic.woff") format("woff"); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/opensans/OpenSansBoldItalic.woff") format("woff"); } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-asc:before { content: ""; } .fa-sort-up:before, .fa-sort-desc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-reply-all:before { content: ""; } .fa-mail-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, div.footer-left p, div.footer-center, a.headerButton, a.button-gui, div .tile, div .bigtile, div .tile a span.add-Icon, div .bigtile a span.add-Icon, div.centralContent, .contentDiv li, div.dropdownInner ul, .search-field, .fixedDropdown .notificationItemContent, .fixedDropdown .notificationItem i, .innerDropdownInnerUL, .dashboard-large-chart .dashboard-large-chart-inner, .dashboard-small-chart .dashboard-small-chart-inner, .dashboard-medium-chart, .dashboard-tendency-container, .dashboard-bar-chart-container, .dashboard-large-chart, .dashboard-small-chart, .dashboard-sub-bar .dashboard-sub-bar-title, .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart, .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart, .dashboard-medium-chart .dashboard-interior-chart, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency .dashboard-figure, .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title, .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage, .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut, .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart, .dashboard-legend, .dashboard-sub-bar, .modal-chart-detail, .modal-chart-detail .modal-body, .modal-chart-detail .modal-dashboard-legend, .modal-chart-detail .modal-inner-detail, .dashboard-half-height-legend, .dashboard-title-bar .dashboard-half-title-bar, .dashboardModal, .pagination-line li a { float: left; } div.navmenu, div.footer-right, div.footer-right p, ul.headerButtonList li, div .tile div.iconSet span, div .bigtile div.iconSet span, div.headerBar > div.headerButtonBar, .fixedDropdown button, .dashboard-sub-bar-menu, .query-button, .arango-tab li, .show-save-state, div.gv_colour_list, .docsThirdCol { float: right; } div.tileList:after, div.resizecontainer:after, div.headerBar > div.headerButtonBar:after, .detail-chart:after, .dashboard-sub-bar:after, .dashboard-medium-chart .dashboard-medium-chart-menu:after, .dashboard-medium-chart .dashboard-medium-chart-inner:after, .dashboard-tendency-container .dashboard-tendency-chart:after, .dashboard-bar-chart-container .dashboard-bar-chart:after, .dashboard-row:after, #distributionChartDiv:after, .lineChartDiv:after, .arango-tab:after, .pagination-line li:after, .document-info .document-info-container .document-inner-info-container .document-attribute:after { clear: both; content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; } .addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox div.gv_action_button, .clusterDownBtn button, div .tile a span.icon, div .bigtile a span.icon, div .tile a svg, div .bigtile a svg, div .tile div.iconSet span, div .bigtile div.iconSet span, div .bigtile, .contentDiv .icon, .icon-info-sign, .arangoicon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .search-submit-icon, .gv-search-submit-icon, .fixedDropdown .notificationItem i, .fullNotification:hover, .contentTables tr.contentRowInactive a, .arango-tab a, .arango-tab li, .pagination-line li a, .link > line, .node, .edit-index-table .icon_arangodb_roundminus { cursor: pointer; } nav.navbar, footer.footer { background-color: #333232; color: #fff; left: 0; position: fixed; right: 0; width: 100%; z-index: 1000; } .button-danger { background-color: #da4f49; } .button-danger:hover, .button-danger:focus { background-color: #be342e; } .deleteButton, .contentTables td span, .edit-index-table .icon_arangodb_roundminus { color: #da4f49; } .deleteButton:hover, .contentTables td span:hover, .edit-index-table .icon_arangodb_roundminus:hover, .deleteButton:focus, .contentTables td span:focus, .edit-index-table .icon_arangodb_roundminus:focus { color: #be342e; } .button-success { background-color: #8aa051; } .button-success:hover, .button-success:focus { background-color: #788f3d; } .addButton, .contentTables td.dbThSecond span { color: #8aa051; } .addButton:hover, .contentTables td.dbThSecond span:hover, .addButton:focus, .contentTables td.dbThSecond span:focus { color: #788f3d; } .button-warning { background-color: #faa732; } .button-warning:hover, .button-warning:focus { background-color: #f89406; } .button-neutral, .button-success:disabled, .button-close { background-color: #8f8d8c; } .button-neutral:hover, .button-success:hover:disabled, .button-close:hover, .button-neutral:focus, .button-success:focus:disabled, .button-close:focus { background-color: #736b68; } .dashboard-sub-bar-menu { color: #8f8d8c; } .dashboard-sub-bar-menu:hover, .dashboard-sub-bar-menu:focus { color: #736b68; } .button-primary { background-color: #564e4a; } .button-primary:hover, .button-primary:focus { background-color: #3a322e; } .button-header, a.headerButton, a.button-gui { background-color: #ddd; border: 1px solid #222; color: #555; } .button-header:hover, a.headerButton:hover, a.button-gui:hover, .button-header:focus, a.headerButton:focus, a.button-gui:focus { background-color: #fff; color: #000; } .button-notification { background-color: #faa020; } .button-notification:hover, .button-notification:focus { background-color: #f87c0f; } .button-inactive { background-color: #d3d3d3; } .button-inactive:hover, .button-inactive:focus { background-color: #808080; } ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; display: none; list-style: none; margin: 5px 0 0; padding: 5px 0; position: absolute; right: 0; top: 80%; z-index: 1000; } ul.link-dropdown-menu li, ul.user-dropdown-menu li, ul.gv-dropdown-menu li { line-height: 20px; white-space: nowrap; width: 100%; } ul.link-dropdown-menu li.dropdown-header, ul.user-dropdown-menu li.dropdown-header, ul.gv-dropdown-menu li.dropdown-header { color: #999; font-size: 15px; font-weight: 600; font-variant: small-caps; padding: 0 15px; } ul.link-dropdown-menu li.dropdown-header:hover, ul.user-dropdown-menu li.dropdown-header:hover, ul.gv-dropdown-menu li.dropdown-header:hover { cursor: default; } ul.link-dropdown-menu li.divider, ul.user-dropdown-menu li.divider, ul.gv-dropdown-menu li.divider { background-color: #e5e5e5; height: 1px; margin: 10px 1px; } ul.link-dropdown-menu a, ul.user-dropdown-menu a, ul.gv-dropdown-menu a { color: #333232; padding: 0 20px; } ul.link-dropdown-menu:before, ul.user-dropdown-menu:before, ul.gv-dropdown-menu:before { position: absolute; border-width: 7px; border-style: solid; border-color: transparent; border-top: none; border-bottom-color: rgba(0, 0, 0, 0.2); display: inline-block; content: ''; position: absolute; right: 7px; top: -7px; } ul.link-dropdown-menu:after, ul.user-dropdown-menu:after, ul.gv-dropdown-menu:after { position: absolute; border-width: 7px; border-style: solid; border-color: transparent; border-top: none; border-bottom-color: #fff; display: inline-block; content: ''; right: 8px; top: -6px; } .navbar { -webkit-font-smoothing: subpixel-antialiased; } .navbar .nav li.dropdown .active > .dropdown-toggle, .navbar .nav li.dropdown .open > .dropdown-toggle, .navbar .nav li.dropdown .open.active > .dropdown-toggle { background: #788f3d; } nav.navbar { height: 38px; margin-bottom: 3px; top: 0; } nav.navbar .nav > .active > a { background-color: #8aa051; color: #fff; -webkit-box-shadow: 0 0 0 transparent inset; -moz-box-shadow: 0 0 0 transparent inset; box-shadow: 0 0 0 transparent inset; } nav.navbar .nav > li > a:focus { background-color: #333232; } nav.navbar .nav > li > a:hover { background-color: #8aa051; color: #fff; } div.navlogo { margin-left: 5px; margin-right: 1px; padding-top: 3px; } ul.navlist { list-style: none; } ul.navlist li { margin-left: 1px; } ul.navlist li.navbar-spacer { -webkit-box-shadow: 1px 0 0 #c8c8c8; -moz-box-shadow: 1px 0 0 #c8c8c8; box-shadow: 1px 0 0 #c8c8c8; background-color: #a0a0a0; height: 21px; margin-top: 9px; width: 1px; } ul.navlist li.navbar-spacer.big { margin-left: 15px; margin-right: 15px; } ul.navlist li.navbar-spacer.med { margin-left: 5px; margin-right: 5px; } ul.navlist li.navbar-spacer:hover { background-color: #a0a0a0; } ul.navlist > li.active, ul.navlist li.dropdown-item:hover, ul.navlist > li:hover { background-color: #8aa051; } ul.navlist li.dropdown-item { margin-left: 0; } ul.navlist li.dropdown-item a { display: block; } ul.navlist li.dropdown-item a:hover { color: #fff; } a.tab { color: #fff; display: block; padding-top: 9px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; } a.tab.userImg { padding-bottom: 5px; } ul.gv-dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0.7); border: solid 1px #686766; margin-right: -20px; margin-top: 6px; } ul.gv-dropdown-menu:after { border-bottom-color: #333232; } ul.gv-dropdown-menu li:hover { background-color: #8aa051; background-image: none; } ul.gv-dropdown-menu li a { padding: 0; } ul.gv-dropdown-menu li a label { color: #fff; padding-left: 5px; } ul.gv-dropdown-menu li a:focus { background-color: #8aa051 !important; background-image: none; } #arangoCollectionSelect { display: none; float: right; margin-bottom: 0; margin-right: 15px; padding-bottom: 0; } .caret { border-left: 5px solid transparent; border-top: 5px solid #fff; border-right: 5px solid transparent; content: ''; display: inline-block; height: 0; vertical-align: top; width: 0; } .applications-menu { display: block; } .arango-logo { height: 34px; padding: 0 !important; } .arango-logo img { margin-left: 22px; } .footer { background-color: #333232; bottom: 0; font-size: 14px; left: 0; position: fixed; right: 0; text-align: center; z-index: 1000; } footer.footer { bottom: 0; height: 40px; } footer.footer p { margin-bottom: 0; padding-bottom: 10px; padding-top: 10px; } div.footer-left { background: none repeat scroll 0 0 #333232; color: #fff; width: 45%; } div.footer-center { background: none repeat scroll 0 0 #333232; color: #fff; width: 10%; } div.footer-center p:hover { cursor: pointer; } div.footer-right { background: none repeat scroll 0 0 #333232; color: #333232; width: 45%; } div.footer-right p { color: #fff; } div.footer-right i { color: #da4f49; font-size: 18px; } div.footer-right a { color: #fff; margin-left: 5px; position: relative; top: -1px; } div.footer-right .isOnline { color: #8aa051 !important; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close, .button-header { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; font-size: 14px; font-weight: 300 !important; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close { border: 0; color: #fff; margin-left: 10px; padding: 5px 16px; } .button-header { margin-top: 5px; } .addButton { font-size: 22px; margin-right: 7px; margin-top: 2px; position: relative; } .deleteButton { font-size: 22px; padding-right: 3px; position: relative; top: 3px; } #closeBtnInfoView { margin-left: 0 !important; } button.large-distance { margin-left: 12px; } button.short-distance { margin-left: 6px; } ul.headerButtonList { display: inline-block; margin-bottom: 0; margin-left: 0; padding-left: 0 !important; } ul.headerButtonList li { display: inline; } button.shutdown { margin-top: 6px; padding: 3px 14px; } a.headerButton, a.button-gui { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: 5px; margin-right: 5px; padding-left: 9px; padding-right: 9px; } a.headerButton { height: 17px; margin-top: 2px; padding-top: 4px; padding-bottom: 2px; position: relative; width: 9px; } a.headerButton .icon_arangodb_filter { top: 3px !important; } a.headerButton .icon_arangodb_import { top: 1px !important; } a.headerButton .icon_arangodb_checklist { right: 5px; top: 3px !important; } a.headerButton .icon_arangodb_arrowleft, a.headerButton .icon_arangodb_arrowright { font-weight: bold; } a.headerButton.activated { background-color: #788f3d; color: #fff; } a.headerButton.activated:hover { background-color: #fff; color: #788f3d; } div.toolbox { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 3px solid #333232; margin-right: 5px; position: absolute; } div.toolbox div.gv_action_button { background-color: #333232; color: #fff; height: 50px; margin-bottom: 2px; margin-top: 2px; position: relative; text-align: center; width: 50px; } div.toolbox div.gv_action_button.active { background-color: #8aa051; } div.toolbox div.gv_action_button:first-child { margin-top: 0; } div.toolbox div.gv_action_button:last-child { margin-bottom: 0; } h6.gv_icon_icon, h6.gv_button_title { left: 0; margin: 0; position: absolute; right: 0; } h6.gv_icon_icon { font-size: 22px; top: 6px; } h6.gv_button_title { bottom: 1px; } button.graphViewer-icon-button { background-color: transparent; border: 0; height: 20px; margin-left: 5px; margin-top: -2px; padding: 0; width: 20px; } button.graphViewer-icon-button > img { height: 20px; padding-bottom: 10px; width: 20px; } button.gv_dropdown_entry { height: 30px; margin: 4px 4px 4px 30px; width: 160px; } button.gv_context_button { width: 65px; } .btn-icon { background-color: #383434; padding: 4px; } button.gv-icon-small { background-size: 16px 16px; height: 16px; width: 16px; } button.gv-icon-small.delete { background-image: url("../img/icon_delete.png"); } button.gv-icon-small.add { background-image: url("../img/plus_icon.png"); } button.gv-icon-btn { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background-size: 36px 36px; height: 36px; width: 36px; } button.gv-icon-btn.active { background-color: #8aa051; } button.btn-zoom:hover { background: inherit; } button.btn-zoom { background: none; height: 16px; margin: 0; padding: 0; position: absolute; width: 16px; } button.btn-zoom-top { left: 13px; top: 0; } button.btn-zoom-left { left: 0; top: 12px; } button.btn-zoom-bottom { left: 13px; top: 24px; } button.btn-zoom-right { right: 0; top: 12px; } button.gv-zoom-btn { background-size: 14px 14px; height: 14px; vertical-align: baseline; width: 14px; } button.gv-zoom-btn.pan-right { background-image: url("../img/gv_arrow_right.png"); } button.gv-zoom-btn.pan-left { background-image: url("../img/gv_arrow_left.png"); } button.gv-zoom-btn.pan-top { background-image: url("../img/gv_arrow_top.png"); } button.gv-zoom-btn.pan-bottom { background-image: url("../img/gv_arrow_bottom.png"); } a.pagination-button, ul.arango-pagination a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .badge, .label, .btn { text-shadow: none !important; } .thumbnail, .navbar-inner { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } .modal-body th.actionCell > button { margin-top: -12px; } button { font-family: 'Open Sans', sans-serif !important; } .btn-old-padding { padding-bottom: 4px !important; padding-top: 4px !important; } button.btn-overview, button.btn-server { margin: 5px; } button.btn-server { width: 120px; } a.button-gui { height: auto; margin-bottom: 0; margin-top: 0; padding-top: 1px; padding-bottom: 1px; position: absolute; right: 2px; text-decoration: none !important; top: 2px; width: auto; } a.button-gui.button-gui-disabled { display: none; } .clusterDownBtn { padding-bottom: 10px; padding-top: 10px; text-align: center; } .clusterDownBtn button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; border: 1px solid rgba(0, 0, 0, 0.1875); color: #333; font-size: 20px; font-weight: 300; margin: 0; padding: 12px 18px; text-align: center; text-decoration: none !important; width: 250px; } .clusterDownBtn button:hover { background-color: #e8e8e8; color: #4a6c30; -webkit-transition-delay: 0; -webkit-transition-duration: .2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in; } .clusterDownBtn button.green { background-color: #617e2b; color: #fff; } .clusterDownBtn button.green:hover { background-color: #8ba142; } div.tileList { margin-left: -6px; margin-right: -6px; } div.tileList legend { padding-left: 5px; } div .tile, div .bigtile { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.05); font-size: 14px; list-style: none; margin-bottom: 13px; margin-left: 6px; margin-right: 6px; position: relative; text-align: center; } div .tile img.icon, div .bigtile img.icon { height: 50px; width: 50px; } div .tile a span.add-Icon, div .bigtile a span.add-Icon { font-size: 22px; margin-left: 22px; margin-right: 10px; margin-top: -5px; position: relative; right: 4px; top: 2px; } div .tile a span.icon, div .bigtile a span.icon { font-size: 50px; } div .tile a svg.icon, div .bigtile a svg.icon { height: 50px; width: 50px; } div .tile svg.tile-icon-svg, div .bigtile svg.tile-icon-svg { fill: #686766; height: 50px; margin-left: 90px; margin-top: 10px; width: 50px; } div .tile span.tile-icon, div .bigtile span.tile-icon { color: #686766; font-size: 50px; line-height: 1.2; } div .tile h5, div .bigtile h5 { background: #686766; color: #fff; font-size: 12px; margin: 0; overflow: hidden !important; padding: 4px 8px; text-overflow: ellipsis !important; white-space: nowrap !important; } div .tile div.tileSelects, div .bigtile div.tileSelects { margin-left: 40px; position: relative; z-index: 9999; } div .tile div.tileSelects select, div .bigtile div.tileSelects select { float: right; height: 20px; margin-right: 5px; margin-top: 16px; width: 70px; } div .tile div.iconSet, div .bigtile div.iconSet { position: absolute; right: 5px; top: 5px; } div .tile div.iconSet span, div .bigtile div.iconSet span { font-size: 18px; opacity: .5; padding-left: 7px; } div .tile div.iconSet span:hover, div .bigtile div.iconSet span:hover { opacity: 1.0; } div .tile div.iconSet span.disabled, div .bigtile div.iconSet span.disabled { cursor: default; opacity: .2; } div .tile .badge-success, div .bigtile .badge-success { font-weight: 300; } div .tile .unloaded div, div .bigtile .unloaded div { border-bottom: 16px solid #ff8f35; } div .tile .deleted div, div .bigtile .deleted div { border-bottom: 16px solid #700; } div .tile div.tileBadge, div .bigtile div.tileBadge { bottom: 29px; font-size: 11px; font-weight: 300; position: absolute; right: 0; } div .tile div.tileBadge button, div .bigtile div.tileBadge button { margin-left: 0; margin-right: 5px; } div .tile div.tileBadge span, div .bigtile div.tileBadge span { display: inline-block; line-height: 13px; } div .tile div.tileBadge span div.corneredBadge, div .bigtile div.tileBadge span div.corneredBadge { border-left: 17px solid transparent; border-bottom-style: solid; border-bottom-width: 17px; color: #fff; height: 0; padding-left: 4px; padding-right: 9px; } div .tile div.tileBadge span div.corneredBadge.loading, div .bigtile div.tileBadge span div.corneredBadge.loading { border-bottom-color: #ff8f35; } div .tile div.tileBadge span div.corneredBadge.loaded, div .bigtile div.tileBadge span div.corneredBadge.loaded { border-bottom-color: #8aa051; } div .tile div.tileBadge span div.corneredBadge.unloaded, div .bigtile div.tileBadge span div.corneredBadge.unloaded { border-bottom-color: #ff8f35; } div .tile { height: 100px; width: 228px; } div .bigtile { height: 309px; width: 456px; } div .bigtile div.shardContainer { font-size: 30px; } div .bigtile div.shardContainer span { padding: 2px; } .collectionName { bottom: 0; font-weight: 300; left: 0; position: absolute; right: 0; text-align: left; } div.resizecontainer { margin: 0 auto; } @media (max-width: 798px) { #arangoCollectionUl { display: none; } #collectionsDropdown ul { width: auto !important; } #arangoCollectionSelect { display: inline-block; } } @media (min-width: 799px) and (max-width: 1041px) { #arangoCollectionUl a { font-size: 12px; padding: 10px 5px; } } @media (min-width: 1042px) and (max-width: 1284px) { #arangoCollectionUl a { font-size: 14px; } } @media (min-width: 250px) and (max-width: 489px) { div.resizecontainer { width: 228px; } .dashboard-large-chart { width: 148px; } .dashboard-large-chart .dashboard-sub-bar { width: 136px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 190px; width: 138px; } .dashboard-sub-bar-menu { font-size: 12px; } .dashboard-medium-chart { width: 98px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 96px; } .dashboard-medium-chart .dashboard-interior-chart { height: 190px; width: 98px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 12px; left: 81px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 190px; width: 98px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 10px; } .dashboard-small-chart { width: 68px; } .dashboard-small-chart .dashboard-sub-bar { width: 56px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 58px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 195px; width: 58px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 10px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 78.25px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 9px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 25.08333px; line-height: 25.08333px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 40.16667px; line-height: 19.08333px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 56px; } .dashboard-bar-chart-container { height: 77.75px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 77.75px; width: 58px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 25.25px; line-height: 25.25px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 29.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 11.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 33.5px; line-height: 33.5px; padding: 5px 8px 10px; width: 42px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 38.5px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 56px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -114px; width: 228px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { display: none; font-size: 12px; min-height: 190px; width: 10px; } .modal-chart-detail .modal-inner-detail { width: 208px; } .modal-body .dashboard-large-chart { width: 143px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 131px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 133px; } .modal-body .dashboard-medium-chart { width: 93px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 91px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 93px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 76px; } .modal-body .dashboard-small-chart { width: 63px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 51px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 53px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 53px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 6.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 51px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 58px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 29.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 11.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 42px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 56px; } .percentage { font-size: 14px; } .absolut { font-size: 14px; font-weight: 300; } .dashboard-sub-bar { font-size: 10px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 14px; font-weight: 300; } .dashboard-figure { font-size: 16px; font-weight: 400; } .dashboard-figurePer { font-size: 14px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 10px; font-weight: 400; } .dashboard-legend { display: none; font-size: 10px; font-weight: 400; height: 195px; margin-top: -3px; width: 0; } .dashboard-half-height-legend { display: none; font-size: 10px; height: 100px; width: 0; } } @media (min-width: 490px) and (max-width: 729px) { div.resizecontainer { width: 468px; } .dashboard-large-chart { width: 308px; } .dashboard-large-chart .dashboard-sub-bar { width: 296px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 190px; width: 298px; } .dashboard-sub-bar-menu { font-size: 12px; } .dashboard-medium-chart { width: 218px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 216px; } .dashboard-medium-chart .dashboard-interior-chart { height: 190px; width: 218px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 12px; left: 201px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 190px; width: 218px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 10px; } .dashboard-small-chart { width: 148px; } .dashboard-small-chart .dashboard-sub-bar { width: 136px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 138px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 195px; width: 138px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 10px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 78.25px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 49px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 25.08333px; line-height: 25.08333px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 40.16667px; line-height: 19.08333px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 136px; } .dashboard-bar-chart-container { height: 77.75px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 77.75px; width: 138px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 25.25px; line-height: 25.25px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 85.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 35.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 33.5px; line-height: 33.5px; padding: 5px 8px 10px; width: 122px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 38.5px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 136px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -234px; width: 468px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { display: none; font-size: 12px; min-height: 190px; width: 10px; } .modal-chart-detail .modal-inner-detail { width: 448px; } .modal-body .dashboard-large-chart { width: 303px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 291px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 293px; } .modal-body .dashboard-medium-chart { width: 213px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 211px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 213px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 196px; } .modal-body .dashboard-small-chart { width: 143px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 131px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 133px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 133px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 46.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 131px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 138px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 85.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 35.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 122px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 136px; } .percentage { font-size: 14px; } .absolut { font-size: 14px; font-weight: 300; } .dashboard-sub-bar { font-size: 10px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 14px; font-weight: 300; } .dashboard-figure { font-size: 16px; font-weight: 400; } .dashboard-figurePer { font-size: 14px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 10px; font-weight: 400; } .dashboard-legend { display: none; font-size: 10px; font-weight: 400; height: 195px; margin-top: -3px; width: 0; } .dashboard-half-height-legend { display: none; font-size: 10px; height: 100px; width: 0; } } @media (min-width: 730px) and (max-width: 969px) { div.resizecontainer { width: 708px; } .dashboard-large-chart { width: 468px; } .dashboard-large-chart .dashboard-sub-bar { width: 456px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 190px; width: 458px; } .dashboard-sub-bar-menu { font-size: 12px; } .dashboard-medium-chart { width: 338px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 336px; } .dashboard-medium-chart .dashboard-interior-chart { height: 190px; width: 338px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 12px; left: 321px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 190px; width: 338px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 10px; } .dashboard-small-chart { width: 228px; } .dashboard-small-chart .dashboard-sub-bar { width: 216px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 218px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 195px; width: 218px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 10px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 78.25px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 89px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 25.08333px; line-height: 25.08333px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 40.16667px; line-height: 19.08333px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 216px; } .dashboard-bar-chart-container { height: 77.75px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 77.75px; width: 218px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 25.25px; line-height: 25.25px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 141.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 59.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 33.5px; line-height: 33.5px; padding: 5px 8px 10px; width: 202px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 38.5px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 216px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -354px; width: 708px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { display: none; font-size: 12px; min-height: 190px; width: 10px; } .modal-chart-detail .modal-inner-detail { width: 688px; } .modal-body .dashboard-large-chart { width: 463px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 451px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 453px; } .modal-body .dashboard-medium-chart { width: 333px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 331px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 333px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 316px; } .modal-body .dashboard-small-chart { width: 223px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 211px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 213px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 213px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 86.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 211px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 218px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 141.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 59.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 202px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 216px; } .percentage { font-size: 14px; } .absolut { font-size: 14px; font-weight: 300; } .dashboard-sub-bar { font-size: 10px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 14px; font-weight: 300; } .dashboard-figure { font-size: 16px; font-weight: 400; } .dashboard-figurePer { font-size: 14px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 10px; font-weight: 400; } .dashboard-legend { display: none; font-size: 10px; font-weight: 400; height: 195px; margin-top: -3px; width: 0; } .dashboard-half-height-legend { display: none; font-size: 10px; height: 100px; width: 0; } } @media (min-width: 970px) and (max-width: 1209px) { div.resizecontainer { width: 948px; } .dashboard-large-chart { width: 628px; } .dashboard-large-chart .dashboard-sub-bar { width: 616px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 225px; width: 498px; } .dashboard-sub-bar-menu { font-size: 13px; } .dashboard-medium-chart { width: 458px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 456px; } .dashboard-medium-chart .dashboard-interior-chart { height: 225px; width: 338px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 13px; left: 440px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 225px; width: 458px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 11px; } .dashboard-small-chart { width: 308px; } .dashboard-small-chart .dashboard-sub-bar { width: 296px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 298px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 232px; width: 298px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 11px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 96.5px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 129px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 31.16667px; line-height: 31.16667px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 52.33333px; line-height: 25.16667px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 296px; } .dashboard-bar-chart-container { height: 96px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 96px; width: 298px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 31.33333px; line-height: 31.33333px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 197.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 83.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 45.66667px; line-height: 45.66667px; padding: 5px 8px 10px; width: 282px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 50.66667px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 296px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -474px; width: 948px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 13px; min-height: 225px; width: 130px; } .modal-chart-detail .modal-inner-detail { width: 808px; } .modal-body .dashboard-large-chart { width: 623px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 611px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 493px; } .modal-body .dashboard-medium-chart { width: 453px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 451px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 333px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 435px; } .modal-body .dashboard-small-chart { width: 303px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 291px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 293px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 293px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 126.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 291px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 298px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 197.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 83.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 282px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 296px; } .percentage { font-size: 15px; } .absolut { font-size: 15px; font-weight: 300; } .dashboard-sub-bar { font-size: 11px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 15px; font-weight: 300; } .dashboard-figure { font-size: 18px; font-weight: 400; } .dashboard-figurePer { font-size: 16px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 11px; font-weight: 400; } .dashboard-legend { font-size: 11px; font-weight: 400; height: 230px; margin-top: -3px; width: 120px; } .dashboard-half-height-legend { font-size: 11px; height: 117.5px; width: 60px; } } @media (min-width: 1210px) and (max-width: 1449px) { div.resizecontainer { width: 1188px; } .dashboard-large-chart { width: 788px; } .dashboard-large-chart .dashboard-sub-bar { width: 776px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 260px; width: 648px; } .dashboard-sub-bar-menu { font-size: 15px; } .dashboard-medium-chart { width: 578px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 576px; } .dashboard-medium-chart .dashboard-interior-chart { height: 260px; width: 448px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 16px; left: 557px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 260px; width: 578px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 12px; } .dashboard-small-chart { width: 388px; } .dashboard-small-chart .dashboard-sub-bar { width: 376px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 378px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 267px; width: 378px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 13px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 114px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 169px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 37px; line-height: 37px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 64px; line-height: 31px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 376px; } .dashboard-bar-chart-container { height: 113.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 113.5px; width: 378px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 37.16667px; line-height: 37.16667px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 253.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 107.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 57.33333px; line-height: 57.33333px; padding: 5px 8px 10px; width: 362px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 62.33333px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 376px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -594px; width: 1188px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 14px; min-height: 260px; width: 140px; } .modal-chart-detail .modal-inner-detail { width: 1038px; } .modal-body .dashboard-large-chart { width: 783px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 771px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 643px; } .modal-body .dashboard-medium-chart { width: 573px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 571px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 443px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 552px; } .modal-body .dashboard-small-chart { width: 383px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 371px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 373px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 373px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 166.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 371px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 378px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 253.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 107.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 362px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 376px; } .percentage { font-size: 18px; } .absolut { font-size: 18px; font-weight: 300; } .dashboard-sub-bar { font-size: 13px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 18px; font-weight: 300; } .dashboard-figure { font-size: 22px; font-weight: 400; } .dashboard-figurePer { font-size: 20px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 13px; font-weight: 400; } .dashboard-legend { font-size: 12px; font-weight: 400; height: 265px; margin-top: -3px; width: 130px; } .dashboard-half-height-legend { font-size: 12px; height: 135px; width: 65px; } } @media (min-width: 1450px) and (max-width: 1689px) { div.resizecontainer { width: 1428px; } .dashboard-large-chart { width: 948px; } .dashboard-large-chart .dashboard-sub-bar { width: 936px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 290px; width: 798px; } .dashboard-sub-bar-menu { font-size: 15px; } .dashboard-medium-chart { width: 698px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 696px; } .dashboard-medium-chart .dashboard-interior-chart { height: 290px; width: 558px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 18px; left: 675px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 290px; width: 698px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 13px; } .dashboard-small-chart { width: 468px; } .dashboard-small-chart .dashboard-sub-bar { width: 456px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 458px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 297px; width: 458px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 13px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 129px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 209px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 42px; line-height: 42px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 74px; line-height: 36px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 456px; } .dashboard-bar-chart-container { height: 128.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 128.5px; width: 458px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 42.16667px; line-height: 42.16667px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 309.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 131.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 67.33333px; line-height: 67.33333px; padding: 5px 8px 10px; width: 442px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 72.33333px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 456px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -714px; width: 1428px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 15px; min-height: 290px; width: 150px; } .modal-chart-detail .modal-inner-detail { width: 1268px; } .modal-body .dashboard-large-chart { width: 943px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 931px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 793px; } .modal-body .dashboard-medium-chart { width: 693px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 691px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 553px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 670px; } .modal-body .dashboard-small-chart { width: 463px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 451px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 453px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 453px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 206.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 451px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 458px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 309.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 131.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 442px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 456px; } .percentage { font-size: 20px; } .absolut { font-size: 20px; font-weight: 300; } .dashboard-sub-bar { font-size: 13px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 20px; font-weight: 300; } .dashboard-figure { font-size: 26px; font-weight: 400; } .dashboard-figurePer { font-size: 24px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 13px; font-weight: 400; } .dashboard-legend { font-size: 13px; font-weight: 400; height: 295px; margin-top: -3px; width: 140px; } .dashboard-half-height-legend { font-size: 13px; height: 150px; width: 70px; } } @media (min-width: 1690px) and (max-width: 1929px) { div.resizecontainer { width: 1668px; } .dashboard-large-chart { width: 1108px; } .dashboard-large-chart .dashboard-sub-bar { width: 1096px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 330px; width: 938px; } .dashboard-sub-bar-menu { font-size: 16px; } .dashboard-medium-chart { width: 818px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 816px; } .dashboard-medium-chart .dashboard-interior-chart { height: 330px; width: 658px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 22px; left: 791px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 330px; width: 818px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 14px; } .dashboard-small-chart { width: 548px; } .dashboard-small-chart .dashboard-sub-bar { width: 536px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 538px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 337px; width: 538px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 14px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 149px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 249px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 48.66667px; line-height: 48.66667px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 87.33333px; line-height: 42.66667px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 536px; } .dashboard-bar-chart-container { height: 148.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 148.5px; width: 538px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 48.83333px; line-height: 48.83333px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 365.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 155.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 80.66667px; line-height: 80.66667px; padding: 5px 8px 10px; width: 522px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 85.66667px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 536px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -834px; width: 1668px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 16px; min-height: 330px; width: 170px; } .modal-chart-detail .modal-inner-detail { width: 1488px; } .modal-body .dashboard-large-chart { width: 1103px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 1091px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 933px; } .modal-body .dashboard-medium-chart { width: 813px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 811px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 653px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 786px; } .modal-body .dashboard-small-chart { width: 543px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 531px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 533px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 533px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 246.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 531px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 538px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 365.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 155.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 522px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 536px; } .percentage { font-size: 24px; } .absolut { font-size: 24px; font-weight: 300; } .dashboard-sub-bar { font-size: 14px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 24px; font-weight: 300; } .dashboard-figure { font-size: 30px; font-weight: 400; } .dashboard-figurePer { font-size: 28px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 14px; font-weight: 400; } .dashboard-legend { font-size: 14px; font-weight: 400; height: 335px; margin-top: -3px; width: 160px; } .dashboard-half-height-legend { font-size: 14px; height: 170px; width: 80px; } } @media (min-width: 1930px) and (max-width: 2169px) { div.resizecontainer { width: 1908px; } .dashboard-large-chart { width: 1268px; } .dashboard-large-chart .dashboard-sub-bar { width: 1256px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 390px; width: 1088px; } .dashboard-sub-bar-menu { font-size: 17px; } .dashboard-medium-chart { width: 938px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 936px; } .dashboard-medium-chart .dashboard-interior-chart { height: 390px; width: 768px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 26px; left: 907px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 390px; width: 938px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 15px; } .dashboard-small-chart { width: 628px; } .dashboard-small-chart .dashboard-sub-bar { width: 616px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 618px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 397px; width: 618px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 14px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 179px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 289px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 58.66667px; line-height: 58.66667px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 107.33333px; line-height: 52.66667px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 616px; } .dashboard-bar-chart-container { height: 178.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 178.5px; width: 618px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 58.83333px; line-height: 58.83333px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 421.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 179.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 100.66667px; line-height: 100.66667px; padding: 5px 8px 10px; width: 602px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 105.66667px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 616px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -954px; width: 1908px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 17px; min-height: 390px; width: 180px; } .modal-chart-detail .modal-inner-detail { width: 1718px; } .modal-body .dashboard-large-chart { width: 1263px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 1251px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 1083px; } .modal-body .dashboard-medium-chart { width: 933px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 931px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 763px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 902px; } .modal-body .dashboard-small-chart { width: 623px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 611px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 613px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 613px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 286.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 611px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 618px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 421.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 179.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 602px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 616px; } .percentage { font-size: 28px; } .absolut { font-size: 28px; font-weight: 300; } .dashboard-sub-bar { font-size: 15px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 28px; font-weight: 300; } .dashboard-figure { font-size: 34px; font-weight: 400; } .dashboard-figurePer { font-size: 32px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 14px; font-weight: 400; } .dashboard-legend { font-size: 15px; font-weight: 400; height: 395px; margin-top: -3px; width: 170px; } .dashboard-half-height-legend { font-size: 15px; height: 200px; width: 85px; } } @media (min-width: 2170px) and (max-width: 2409px) { div.resizecontainer { width: 2148px; } .dashboard-large-chart { width: 1428px; } .dashboard-large-chart .dashboard-sub-bar { width: 1416px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 290px; width: 1278px; } .dashboard-sub-bar-menu { font-size: 17px; } .dashboard-medium-chart { width: 1058px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 1056px; } .dashboard-medium-chart .dashboard-interior-chart { height: 290px; width: 918px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 20px; left: 1033px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 290px; width: 1058px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 15px; } .dashboard-small-chart { width: 708px; } .dashboard-small-chart .dashboard-sub-bar { width: 696px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 698px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 297px; width: 698px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 15px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 129px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 329px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 42px; line-height: 42px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 74px; line-height: 36px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 696px; } .dashboard-bar-chart-container { height: 128.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 128.5px; width: 698px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 42.16667px; line-height: 42.16667px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 477.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 203.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 67.33333px; line-height: 67.33333px; padding: 5px 8px 10px; width: 682px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 72.33333px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 696px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -1074px; width: 2148px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 17px; min-height: 290px; width: 150px; } .modal-chart-detail .modal-inner-detail { width: 1988px; } .modal-body .dashboard-large-chart { width: 1423px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 1411px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 1273px; } .modal-body .dashboard-medium-chart { width: 1053px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 1051px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 913px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 1028px; } .modal-body .dashboard-small-chart { width: 703px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 691px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 693px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 693px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 326.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 691px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 698px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 477.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 203.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 682px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 696px; } .percentage { font-size: 22px; } .absolut { font-size: 22px; font-weight: 300; } .dashboard-sub-bar { font-size: 15px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 22px; font-weight: 300; } .dashboard-figure { font-size: 36px; font-weight: 400; } .dashboard-figurePer { font-size: 34px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 15px; font-weight: 400; } .dashboard-legend { font-size: 15px; font-weight: 400; height: 295px; margin-top: -3px; width: 140px; } .dashboard-half-height-legend { font-size: 15px; height: 150px; width: 70px; } } @media (min-width: 2410px) and (max-width: 2649px) { div.resizecontainer { width: 2388px; } .dashboard-large-chart { width: 1588px; } .dashboard-large-chart .dashboard-sub-bar { width: 1576px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 290px; width: 1438px; } .dashboard-sub-bar-menu { font-size: 17px; } .dashboard-medium-chart { width: 1178px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 1176px; } .dashboard-medium-chart .dashboard-interior-chart { height: 290px; width: 1038px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 20px; left: 1153px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 290px; width: 1178px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 15px; } .dashboard-small-chart { width: 788px; } .dashboard-small-chart .dashboard-sub-bar { width: 776px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 778px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 297px; width: 778px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 15px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 129px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 369px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 42px; line-height: 42px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 74px; line-height: 36px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 776px; } .dashboard-bar-chart-container { height: 128.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 128.5px; width: 778px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 42.16667px; line-height: 42.16667px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 533.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 227.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 67.33333px; line-height: 67.33333px; padding: 5px 8px 10px; width: 762px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 72.33333px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 776px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -1194px; width: 2388px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 17px; min-height: 290px; width: 150px; } .modal-chart-detail .modal-inner-detail { width: 2228px; } .modal-body .dashboard-large-chart { width: 1583px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 1571px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 1433px; } .modal-body .dashboard-medium-chart { width: 1173px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 1171px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 1033px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 1148px; } .modal-body .dashboard-small-chart { width: 783px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 771px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 773px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 773px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 366.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 771px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 778px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 533.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 227.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 762px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 776px; } .percentage { font-size: 22px; } .absolut { font-size: 22px; font-weight: 300; } .dashboard-sub-bar { font-size: 15px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 22px; font-weight: 300; } .dashboard-figure { font-size: 36px; font-weight: 400; } .dashboard-figurePer { font-size: 34px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 15px; font-weight: 400; } .dashboard-legend { font-size: 15px; font-weight: 400; height: 295px; margin-top: -3px; width: 140px; } .dashboard-half-height-legend { font-size: 15px; height: 150px; width: 70px; } } @media (min-width: 2650px) and (max-width: 2889px) { div.resizecontainer { width: 2628px; } .dashboard-large-chart { width: 1748px; } .dashboard-large-chart .dashboard-sub-bar { width: 1736px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { height: 290px; width: 1598px; } .dashboard-sub-bar-menu { font-size: 17px; } .dashboard-medium-chart { width: 1298px; } .dashboard-medium-chart .dashboard-sub-bar { margin-left: -5px; width: 1296px; } .dashboard-medium-chart .dashboard-interior-chart { height: 290px; width: 1158px; } .dashboard-medium-chart .dashboard-medium-chart-menu { font-size: 20px; left: 1273px; top: 0; } .dashboard-medium-chart #clusterGraphs svg { height: 290px; width: 1298px; } .dashboard-medium-chart #clusterGraphs svg text { font-size: 15px; } .dashboard-small-chart { width: 868px; } .dashboard-small-chart .dashboard-sub-bar { width: 856px; } .dashboard-small-chart .dashboard-small-chart-inner { width: 858px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { height: 297px; width: 858px; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-axis text { fill: #666; font-size: 15px; font-weight: 400; } .dashboard-tendency-container .dashboard-tendency-chart { height: 129px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 409px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar { height: 42px; line-height: 42px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { height: 74px; line-height: 36px; padding-top: 5px; } .dashboard-tendency-container .dashboard-sub-bar { width: 856px; } .dashboard-bar-chart-container { height: 128.5px; } .dashboard-bar-chart-container .dashboard-bar-chart { height: 128.5px; width: 858px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { height: 42.16667px; line-height: 42.16667px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 589.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 251.4px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart { height: 67.33333px; line-height: 67.33333px; padding: 5px 8px 10px; width: 842px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart { height: 72.33333px; } .dashboard-bar-chart-container .dashboard-sub-bar { width: 856px; } .modal-chart-detail { bottom: 12.1% !important; left: 50%; margin-left: -1314px; width: 2628px; } .modal-chart-detail .modal-body { height: 95%; max-height: none; padding: 5px; } .modal-chart-detail .modal-dashboard-legend { font-size: 17px; min-height: 290px; width: 150px; } .modal-chart-detail .modal-inner-detail { width: 2468px; } .modal-body .dashboard-large-chart { width: 1743px; } .modal-body .dashboard-large-chart .dashboard-sub-bar { width: 1731px; } .modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { width: 1593px; } .modal-body .dashboard-medium-chart { width: 1293px; } .modal-body .dashboard-medium-chart .dashboard-sub-bar { width: 1291px; } .modal-body .dashboard-medium-chart .dashboard-interior-chart { width: 1153px; } .modal-body .dashboard-medium-chart .dashboard-medium-chart-menu { left: 1268px; } .modal-body .dashboard-small-chart { width: 863px; } .modal-body .dashboard-small-chart .dashboard-sub-bar { width: 851px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner { width: 853px; } .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart { width: 853px; } .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure { width: 406.5px; } .modal-body .dashboard-tendency-container .dashboard-sub-bar { width: 851px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart { width: 858px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { width: 589.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { width: 251.4px; } .modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart { width: 842px; } .modal-body .dashboard-bar-chart-container .dashboard-sub-bar { width: 856px; } .percentage { font-size: 22px; } .absolut { font-size: 22px; font-weight: 300; } .dashboard-sub-bar { font-size: 15px; font-weight: 400; } .dashboard-subtitle-bar { font-size: 22px; font-weight: 300; } .dashboard-figure { font-size: 36px; font-weight: 400; } .dashboard-figurePer { font-size: 34px; font-weight: 300; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { font-size: 15px; font-weight: 400; } .dashboard-legend { font-size: 15px; font-weight: 400; height: 295px; margin-top: -3px; width: 140px; } .dashboard-half-height-legend { font-size: 15px; height: 150px; width: 70px; } } div.centralRow { margin-top: 65px; margin-bottom: 65px; } div.centralContent { background-color: rgba(0, 0, 0, 0.0675); height: 100%; margin-left: -5px; margin-right: -5px; min-height: 80px; padding: 5px; width: 100%; } .contentDiv { list-style: none; padding: 13px 0 0; } .contentDiv li { background-color: rgba(0, 0, 0, 0.05); } .contentDiv a.add { display: block; font-weight: 400; padding: 40px 0; text-align: left; } .contentDiv .icon { padding-left: 5px; padding-right: 5px; padding-top: 10px; } .contentDiv:after { clear: both; } .contentDiv:after, .contentDiv:before { content: ''; display: table; line-height: 0; } .clusterInfoIcon { float: left; padding-left: 5px; padding-top: 2px; } .waitModal { text-align: center; } .waitModal.icon { font-size: 100px; height: 120px; } .waitModal.message { font-size: 20px; } .icon_arangodb_info { color: #333; font-size: 23px; } li a [class^="icon_arangodb"], li a [class*=" icon_arangodb"] { font-size: 18px; position: absolute; right: 4px; top: 2px; } div.headerDropdown { background-color: #fff; display: none; padding: 10px; position: relative; width: auto; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox { display: none; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label { background-position: 0 0; background-repeat: no-repeat; display: inline-block; font-size: 15px; height: 15px; margin-top: 0; padding-left: 20px; vertical-align: middle; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } div.dropdownInner { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; min-height: 125px; position: relative; width: auto; } div.dropdownInner > .nav-header { color: #000; font-size: 13px; font-weight: 400; } div.dropdownInner > label { color: #000; font-weight: 300; } div.dropdownInner ul { border-left: 1px solid #000; display: inline; margin-top: 10px; min-height: 105px; width: 238px; } div.dropdownInner ul:first-of-type { border: 0; } div.dropdownInner ul label { color: #000; padding-left: 35px; } div.queryline { color: #000; height: 35px; } div.queryline .textDiv { margin-right: 10px; margin-top: 4px; } div.queryline select, div.queryline input { margin-bottom: 5px; } div.queryline.querylineAdd span { color: #fff; padding-left: 10px; position: relative; top: -21px; } div.queryline .removeFilterItem i { margin-left: 5px !important; margin-top: 0 !important; } div.queryline div.searchByAttribute { margin-left: 6px; margin-right: 6px; position: relative; } div.queryline div.searchByAttribute > ul.gv-dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #333232; color: #fff; display: none; left: 0; position: absolute; top: 20px; width: 247px; } div.dropdownImport { background-color: #fff; display: none; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; position: relative; } div.dropdownImport input { line-height: 0; margin-bottom: -15px; margin-top: 5px; } select.filterSelect { margin-left: 10px; margin-right: 10px; width: 100px; } #filterHeader button { float: right; margin-left: 10px !important; margin-top: 1px; } div.input-append button.gv_example_toggle { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background-color: #8f8d8c; height: 30px; margin-left: -1px; padding-left: 10px; padding-right: 10px; padding-top: 12px; vertical-align: top; } div.input-append button.gv_example_toggle:hover { background-color: #8aa051; } .searchEqualsLabel { margin-left: 6px; margin-right: 6px; } img.gv-throbber { background-image: url("../img/swagger/throbber.gif"); } span.gv_caret { margin-top: 2px !important; } input.search-input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; height: 18px; line-height: 18px; margin-top: 5px; width: 214px; } input.search-input:focus { -webkit-box-shadow: 0 0 10px #8aa051; -moz-box-shadow: 0 0 10px #8aa051; box-shadow: 0 0 10px #8aa051; border-color: #8aa051; outline: none; } .search-field { margin-left: 15px; } .search-submit-icon, .gv-search-submit-icon { background-image: url("../img/enter_icon.png"); background-size: 14px; height: 14px; margin-left: -18px; opacity: .2; position: absolute; width: 14px; } .search-submit-icon:hover, .gv-search-submit-icon:hover { opacity: .8; } .search-submit-icon { margin-top: 11px; } .gv-search-submit-icon { margin-top: 6px; } div.headerBar { background-color: #686766; color: #fff; font-size: 16px; height: 36px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; position: relative; } div.headerBar input[type=checkbox].css-checkbox { display: none; } div.headerBar input[type=checkbox].css-checkbox + label.css-label { background-position: 0 0; background-repeat: no-repeat; cursor: pointer; display: inline-block; font-size: 15px; height: 15px; margin-top: 0; padding-left: 20px; vertical-align: middle; } div.headerBar input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } div.headerBar input[type="radio"] { display: none; } div.headerBar input[type="radio"] + label span { background: url("../img/check_radio_sheet.png") -38px top no-repeat; cursor: pointer; display: inline-block; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; width: 19px; } div.headerBar input[type="radio"]:checked + label span { background: url("../img/check_radio_sheet.png") -57px top no-repeat; } div.headerBar a.arangoHeader { color: #fff; font-size: 16px; left: 5px; position: relative; top: 7px; } div.headerBar > div.headerButtonBar { margin: 4px 0; margin-bottom: 0 !important; } div.headerBar > div.breadcrumb { padding-left: 5px !important; } div.breadcrumb a.disabledBread { color: #fff; } .arangoHeader { font-weight: 400; } #transparentHeader input[type=checkbox].css-checkbox { display: none; } .checkboxLabel { margin-top: 4px; padding-left: 0; } .css-label { background-image: url("../img/dark-check-green.png"); } .css-label-round { background-image: url("../img/dark-check-green-round.png"); } .modal-header, .modal-dashboard-header { background-color: #686766; border-bottom: 0 !important; margin-top: 5px; padding-left: 5px; padding-right: 10px; padding-top: 4px; } .modal-header .arangoHeader, .modal-dashboard-header .arangoHeader { color: #fff; font-size: 16px; left: 5px; position: relative; top: 2px; } .modal-header a, .modal-dashboard-header a { top: 2px !important; } .modal-header .close, .modal-dashboard-header .close { color: #fff; font-weight: 300; margin-top: 2px; opacity: .5; } .modal-header .close:hover, .modal-dashboard-header .close:hover { opacity: 1; } .modal-body { color: #736b68; font-family: 'Open Sans', sans-serif !important; font-size: 14px; font-weight: 300; } .modal-body input, .modal-body select, .modal-body textarea { margin-top: 10px; } .modal-body input[type='checkbox'] { margin-bottom: 10px; } .modal-body input[type='text'].invalid-input { border-color: rgba(234, 23, 23, 0.6); } .modal-body input[type='text'].invalid-input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6); } .modal-body th th.actionCell, .modal-body th th.keyCell, .modal-body th .valueCell { text-align: center; } .modal-body th.actionCell { width: 30px; } .modal-body th.keyCell { width: 170px; } .modal-body th.keyCell input { width: 150px; } .modal-body th .valueCell { width: 300px; } .modal-body th .valueCell input { width: 290px; } .modal-body th div.select2-container { margin-bottom: 10px; margin-top: 10px; } .modal-body .icon-info-sign { margin-bottom: 10px; margin-left: 10px; opacity: .7; padding-bottom: 5px; } .modal-body .icon-info-sign:hover { opacity: 1; } .modal-body .icon_arangodb_info { color: #736b68; font-size: 18px; margin-top: -10px; position: absolute; right: 12px; } .modal-body .icon_arangodb_info:hover { color: #000; } .modal-body .collapse { margin-right: -14px; position: relative; } .modal-body .accordion-inner { border-top: 0; margin-left: 0; padding-left: 0; padding-right: 0; } .modal-body .accordion-toggle span b.caret { border-top-color: #000; float: right; margin-top: 5px; } .modal-body .accordion-toggle.collapsed span b.caret { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .modal-body input { width: 384px; } .modal-body select { width: 398px; } .modal-body .collectionTh { height: 55px; } .modal-body .tab-content { min-height: 200px; } .modal-body .errorMessage { color: #f00; font-size: 9pt; margin-bottom: 5px; margin-top: -9px; position: absolute; } .modal-text { font-weight: 300; padding-bottom: 3px; padding-top: 3px; } .modal-backdrop, .modal-backdrop.fade.in { opacity: .4; } .modal { border-radius: 0 !important; } .modal .fade.in { top: 12.1% !important; } .modal table tr:last-child { border-bottom: 0 !important; } .waitModal { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border: 0; color: #fff; } .waitModalBackdrop { opacity: .7 !important; } .modalTooltips span { color: #736b68; font-size: 20px; } .modalTooltips span:hover { color: #000; } pre.gv-object-view { text-align: left; white-space: pre; } .capitalize { text-transform: capitalize; } .modal-footer { border-top: 0 !important; padding-right: 17px; } .modal-header { margin-left: 5px; margin-right: 5px; } .modal-dashboard-header { margin-left: 0; margin-right: 0; padding-bottom: 9px; } .modal table tr, .thBorderBottom { border-bottom: 1px solid #f7f3f2 !important; } .modal-delete-confirmation { display: none; } .modal-delete-confirmation button { margin-right: 10px; margin-top: -4px; } .modal-delete-confirmation button .modal-confirm-delete { margin-right: -18px; } .createModalDialog table { width: 100%; } .createModalDialog .collection-info-figures table { float: left; margin-left: 0; margin-right: 0; margin-top: 0; min-width: 200px; padding: 3px; text-align: left; } .createModalDialog .figures1, .createModalDialog .figures2 { margin-bottom: 20px; width: 255px; } .createModalDialog .figures2 { margin-left: 20px !important; } .createModalDialog .figures3 { margin-bottom: 0; width: 100%; } .navlogo .stat_cpu { height: 26px; margin-top: 1px; width: 26px; } .navlogo .stat_cpu path { fill: #aa0; } .navlogo .stat_ram { height: 26px; width: 26px; } .navlogo .stat_ram path { fill: #070; } .navlogo .stat_req { height: 22px; width: 22px; } .navlogo .stat_req path { fill: #aa0; } .fixedDropdown { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; margin: 37px 0 0 0 !important; width: 210px; } .fixedDropdown:after { visibility: hidden; } .fixedDropdown .dropdown-item { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .fixedDropdown .dropdown-header { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 !important; } .fixedDropdown a { padding-left: 5px !important; } .fixedDropdown .notificationItemContent { font-weight: 300; margin-left: 15px; max-width: 155px; min-height: 15px; white-space: normal; width: 155px; word-wrap: break-word; } .fixedDropdown button { margin-right: 5px; } .fixedDropdown .notificationItem { color: #000; } .fixedDropdown .notificationItem .notificationItemTitle:hover { color: #000; cursor: default; } .fixedDropdown .notificationItem i { color: rgba(0, 0, 0, 0.2); font-size: 20px; position: relative; right: 4px; top: -9px; } .fixedDropdown .notificationItem i:hover { color: #000; } .innerDropdownInnerUL { border-bottom: 1px solid rgba(0, 0, 0, 0.2); height: 220px !important; min-height: 220px; overflow-x: hidden; overflow-y: scroll; width: 100%; } .innerDropdownInnerUL .dropdown-item:hover { background-color: #e1e1e1 !important; } .innerDropdownInnerUL li { width: auto !important; } #stat_hd { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #333232; border: 2px solid #8aa051; height: 24px; margin-top: 2px; text-align: center; width: 24px; } #stat_hd #stat_hd_counter { color: #fff; line-height: 24px; margin-left: 0; } .fullNotification { background-color: #c00 !important; border: 2px solid #c00 !important; } .contentButtons { clear: both; margin-bottom: 10px; width: 100%; } .contentButtons #createDatabase, .contentButtons #createUser { margin-left: 0; } .contentTables { margin-bottom: 10px; width: 100%; } .contentTables thead { text-align: left; } .contentTables thead tr { background-color: #fff; border-bottom: 1px solid #c2c2c2; } .contentTables tbody tr:nth-child(odd) { background-color: #d9d9d9; } .contentTables tbody tr:nth-child(even) { background-color: #fff; } .contentTables tr.contentRowActive { background-color: #bdcc92 !important; font-weight: 400; } .contentTables tr.contentRowActive a { color: #000 !important; } .contentTables tr.contentRowActive span { display: none; } .contentTables tr.contentRowInactive a { color: #000 !important; } .contentTables .dbThFirst { width: 90%; } .contentTables .dbThSecond { width: 10%; } .contentTables td { padding: 12px 18px; } .contentTables td span { float: right; font-size: 22px; } .contentTables .collectionThSec { margin-right: 0; width: 80%; } .contentTables .collectionTh { margin-right: 0; width: 5%; } .user-menu-img { background-color: #d3d3d3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid #8aa051; margin-top: -4px; } .tooltip-inner { max-width: 300px !important; white-space: normal !important; word-wrap: break-word !important; } .index-tooltip { color: #736b68; } .index-tooltip:hover { color: #000; } .index-tooltip span.arangoicon { font-size: 18px !important; } .tooltipInfoTh { width: 10%; } .dbselection { float: left; margin-right: 3px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dashboard-large-chart .dashboard-large-chart-inner, .dashboard-small-chart .dashboard-small-chart-inner, .dashboard-medium-chart, .dashboard-tendency-container, .dashboard-bar-chart-container { border-left: 0 solid #000; } .dashboard-large-chart .dashboard-large-chart-inner:first-child, .dashboard-small-chart .dashboard-small-chart-inner:first-child, .dashboard-medium-chart:first-child, .dashboard-tendency-container:first-child, .dashboard-bar-chart-container:first-child { margin-left: 0; } .dashboard-large-chart, .dashboard-small-chart, .dashboard-medium-chart, .dashboard-tendency-container, .dashboard-bar-chart-container { margin-bottom: 10px; position: relative; } .dashboard-sub-bar-menu { cursor: pointer; position: absolute; right: 9px; top: 6px; } .dashboard-large-chart { margin-right: 12px; } .dashboard-large-chart .dashboard-large-chart-inner { background-color: #fff; border-left: 5px solid #e1e1e1; border-right: 5px solid #e1e1e1; border-top: 5px solid #e1e1e1; padding-top: 5px; } .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart { margin-bottom: 0; } .dashboard-small-chart .dashboard-small-chart-inner { background-color: #fff; border-left: 5px solid #e1e1e1; border-right: 5px solid #e1e1e1; border-top: 5px solid #e1e1e1; } .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart .nv-bar rect { fill-opacity: .15; stroke-opacity: 1; stroke-width: 1px; } .dashboard-medium-chart { background-color: #fff; border-left: 5px solid #e1e1e1; border-right: 5px solid #e1e1e1; border-top: 5px solid #e1e1e1; padding-top: 5px; } .dashboard-medium-chart:first-child { margin-right: 12px; } .dashboard-medium-chart .dashboard-interior-chart { margin-bottom: 0; } .dashboard-medium-chart .dashboard-medium-chart-menu { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 0 solid rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3); cursor: pointer; padding: 0 4px; position: absolute; z-index: 1000; } .dashboard-medium-chart .dashboard-medium-chart-menu:hover { color: rgba(0, 0, 0, 0.7); } .dashboard-medium-chart .dashboard-medium-chart-inner { padding-top: 5px; } .dashboard-medium-chart .clusterChart .slice path { fill-opacity: .15; stroke-opacity: 1; stroke-width: 1.5px; } .dashboard-tendency-container .dashboard-tendency-chart { background-color: #fff; border-left: 5px solid #e1e1e1; border-right: 5px solid #e1e1e1; border-top: 5px solid #e1e1e1; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency { background-color: #fff; margin-top: 5px; padding: 0 8px; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency:first-child { border-right: 1px solid #e1e1e1; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency .dashboard-subtitle-bar { border-bottom: 1px solid #e1e1e1; text-align: right; } .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency .dashboard-figure { text-align: center; } .dashboard-bar-chart-container .dashboard-bar-chart { background-color: #fff; border-left: 5px solid #e1e1e1; border-right: 5px solid #e1e1e1; border-top: 5px solid #e1e1e1; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title { margin-top: 5px; padding: 0 8px; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage { font-weight: 400; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut { text-align: right; } .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart .nv-bar rect { fill-opacity: .15; stroke-opacity: 1; stroke-width: 1px; } .dashboard-legend .dashboard-legend-inner { padding: 0 5px 5px 0; } .dashboard-sub-bar { background-color: #686766; color: #fff; height: 24px; line-height: 24px; margin: 0; padding: 0 6px; } .dashboard-spacer { margin: 0 12px; } .headerBar.dashboard-headerbar { margin: 15px 0 10px; } .modal-chart-detail .modal-dashboard-legend .dashboard-legend-inner { padding-left: 20px; padding-top: 20px; } .dashboard-half-height-legend .dashboard-legend-inner { padding-top: 20px; } .dashboard-title-bar { background-color: #686766; color: #fff; font-size: 14.5px; font-weight: 400; height: 30px; line-height: 30px; padding: 0 5px 0 10px; } .dashboard-title-bar .dashboard-half-title-bar { border-left: 1px solid #000; margin-left: -1px; width: 50%; } .dashboard-title-bar .dashboard-half-title-bar:first-child { border-left: 0; margin-left: 0; } .dashboard-row { margin-bottom: 0; margin-left: 0; margin-right: 0; } .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x { color: #666; } .dashboardModal { -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; height: 80%; margin-left: -45%; min-width: 780px; overflow: auto; padding: 10px; top: 10%; width: 90% !important; } #dashboardHttpGroup { border: 6px solid #000; height: 100%; width: 100%; } #dashboardDetailedChart { border: 1px solid #000; height: 300px; width: 100%; } #dashboardDetailedChart .dygraph-axis-label-y { text-align: left; } .innerDashboardChart { bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; } .innerDashboardChart .dygraph-axis-label-y { text-align: left; } .dashboardDetailChart .dygraph-axis-label-y { text-align: left; } .dashboardChart { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); float: left; height: 210px; margin: 1.05%; position: relative; width: 31%; } .dygraph-label.dygraph-title { color: #000; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; text-align: left; } #dashboardDetailedLineChart { padding-top: 10px; } .dashboardDistribution { float: left; width: 270px; } .dashboardDistribution svg { height: 220px; width: 250px; } .showHotkeyHelp { cursor: pointer; } .shortcuts { font-size: 14px; font-weight: 200; } .shortcuts b { border-left: 1px solid rgba(0, 0, 0, 0.34); margin-left: 5px; padding-left: 5px; } .shortcuts b:first-child, .shortcuts .clearShortcut { border-left: 0; margin-left: 0; padding-left: 0; } .query-toolbar, .aql-editor { background-color: #f0f0f0; border-bottom: 0; border-style: solid; border-width: 1px; font-size: 20px; height: 27px; margin-left: 0; margin-right: 0; } .editor-toolbar { border-color: #a0a0a0; margin-top: 5px; } .editor-toolbar span { float: right; margin-left: 5px; margin-right: 5px; position: relative; top: 2px; } .editor-toolbar i { margin-right: 5px; margin-top: 3px; } .editor-toolbar i:hover { cursor: pointer; } .editor-toolbar .fa-comment, .editor-toolbar .fa-comment-o { font-size: 18px; position: relative; top: -2px; } .editor-toolbar .arango-icon-disk { margin-top: 1px; } .queryMethods button a { color: #fff; } .aql-editor { border-color: #a0a0a0; border-left: 0 !important; border-top: 0 !important; height: 200px; margin-bottom: 5px; min-height: 100px; min-width: 99.8%; width: auto; } .aql-editor .ace_error, .aql-editor .ace_info { background: none; } .queryTH { width: 20% !important; } .queryTH2 { width: 75% !important; } .query-output { background-color: #fff; border: 1px solid #c0c0c0; border-top-width: 0; height: 200px; margin-bottom: 10px; margin-left: 0; margin-right: 0; min-height: 100px; overflow-y: hidden; width: auto; } .query-output .ace_cursor-layer, .query-output .ace_replace_form { display: none; } .query-output .ace_error, .query-output .ace_info { background: none; } .ace_print-margin { visibility: hidden !important; } .styled-select { float: right; height: 30px; overflow: hidden; width: 220px; } .styled-select select { background: #fff; border: 0; border-radius: 0; font-size: 14px; font-weight: 300; height: 30px; line-height: 1; padding: 5px; padding-left: 5px !important; padding-top: 3px !important; } .querySizeDiv { height: 30px !important; margin-right: 10px; width: 130px !important; } .querySizeDiv select { height: 30px !important; } .wide-button-div { height: 20px; margin-bottom: 15px; padding-top: 5px; width: 100%; } .shortcut-div { float: left; margin-top: -5px; padding-left: 45px; width: auto; } .query-dropdown-left { margin-top: 10px; width: 100%; } .query-dropdown-right { width: 100%; } .query-dropdown-right textarea { padding: 5px 0 0; resize: vertical; width: 100%; } .query-dropdown-right textarea:focus { border-color: #8aa051; box-shadow: 0 0 3px #8aa051; outline: none; } .query-modal-select { padding-left: 0; width: 100%; } .output-toolbar { border-color: #c0c0c0; border-top: 0; position: relative; width: auto; } .output-toolbar span { float: right; margin-left: 5px; margin-right: 5px; position: relative; top: 2px; } .query-select { border: 0 !important; border-radius: 0 !important; line-height: 20px !important; margin-bottom: 0; z-index: 9999 !important; } .query-select option { z-index: 9999 !important; } .editor-label { background-color: #ddd; height: 1px; width: 100%; } .editor-label h6 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 5px; } .query-dropdown { background-color: #d9d9d9; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; } .tooltip-margin { margin-top: 1px; } .query-dropdown-in { background-color: #fff; padding: 10px; } .query-dropdown-in a { color: #686766; font-size: 16px; font-weight: bolder; margin-bottom: 5px; width: 100%; } .query-dropdown-in #save-edit-query { margin-left: 7px !important; } .query-dropdown-in #delete-edit-query { margin-left: 0 !important; } .query-size { border-radius: 0 !important; line-height: 20px !important; width: 130px !important; z-index: 9999 !important; } #queryContent .arango-tab a { border-bottom-color: #ddd; } #queryContent .arango-tab .active { border-bottom-color: #fff !important; } .query-div { display: none; min-height: 360px; } .query-div > * { border: 0 !important; } .query-div .icon_arangodb { cursor: pointer; margin-bottom: 5px; } .query-div .arango-table { max-width: 100%; table-layout: fixed; width: 100%; } .query-div .arango-table tbody { max-width: 100%; width: 100%; } .query-div .arango-table tr { max-width: 100%; width: 100%; } .query-div .arango-table .table-cell0 { cursor: pointer; min-width: 250px; overflow: hidden; text-overflow: ellipsis !important; white-space: nowrap !important; width: 20%; } .query-div .arango-table .table-cell1 { cursor: pointer; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 73%; } .query-div .arango-table .table-cell2 { max-width: 40px; min-width: 40px; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 40px; } .queryImport { margin-bottom: 10px; } .display-none { display: none; } .row { margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 0; } .innerContent { padding-top: 13px; } .container { margin-left: 20px; margin-right: 20px; width: auto !important; } .arango-tab { border-bottom: 1px solid #ddd; list-style: none; margin-bottom: -1px; margin-left: 0; margin-right: 15px; padding-bottom: 0; } .arango-tab a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #f1f0ee; border: 1px solid transparent; border-bottom-color: #888; color: #000; display: block; font-size: 13px; line-height: 20px; margin-right: 2px; min-width: 50px; padding: 2px 15px; text-align: center; } .arango-tab li { background-color: transparent; border: 0; margin-bottom: -1px; margin-left: 2px; position: relative; z-index: 900; } .arango-tab li.active a { background: #fff; border-bottom-color: #fff; border-left-color: #888; border-right-color: #888; border-top-color: #888; height: 21px; margin-top: -1px; } .jsoneditor { background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; } .jsoneditor .menu { background-color: #686766 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } .jsoneditor .search .frame { border: 0 !important; margin: 3px !important; } .jsoneditor .search .results { color: #fff !important; margin-top: 3px !important; } .show-save-state { color: #008000; display: none; font-weight: 300; margin-top: 5px; } .document-editor { height: 500px; margin-bottom: 5px; width: 100%; } .disabledPag, .disabledPag a { cursor: default !important; opacity: .5 !important; } .pagination-line { margin: 20px 0; padding-bottom: 5px; text-align: center; } .pagination-line li a:hover, .pagination-line li.active a, .pagination-line li.active span { background-color: #8f8d8c; color: #fff; } .pagination-line li a { background-color: #fff; border: 1px solid #ddd; border-left-width: 0; font-size: 11.9px; line-height: 20px; padding: 2px 10px; text-decoration: none; } .pagination-line ul { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: inline-block; margin-bottom: 0; margin-left: 0; } .pagination-line li { display: inline-block; margin-left: 11px; } .pagination-line li a { border-width: 0; } .pagination-line li span { color: #000; font-size: 14px; position: relative; top: 2px; } .pagination-line li:last-child a, .pagination-line li:last-child span, .pagination-line li:first-child a, .pagination-line li:first-child span { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; background: #8f8d8c; border: 0; color: #000; height: 20px; position: relative; width: 14px; } .pagination-line li.disabled:last-child a, .pagination-line li.disabled:last-child span, .pagination-line li.disabled:first-child a, .pagination-line li.disabled:first-child span { background-color: #777; color: #666; cursor: default; pointer-events: none; } .collection-pagination { margin-left: 23px !important; } .arango-pagination i.fa, .pre-pagi i.fa, .las-pagi i.fa { font-size: 19px; position: relative; top: -2px; } .arango-pagination li:first-child { margin-right: 20px; } .arango-pagination li:last-child { margin-left: 30px; } .pre-pagi { margin-right: -5px !important; } .accordion-group { border: 0; } .accordion-heading a { border: 1px solid #ccc; color: #000; font-weight: 400; width: 397px !important; } .shell_workspace { margin-top: 13px; } .replShell { background-color: #fff; float: left; height: 100%; min-width: 100px; position: relative; width: 100%; } .replShell pre { border-bottom: 0; border-left: 0; border-right: 1px solid #a0a0a0; border-top: 1px solid #a0a0a0; } .jqconsole { background-color: #000; border-radius: 0; padding: 10px; } .jqconsole-header { color: #fff; } .jserror { color: #f06; margin-left: -10px; } .jssuccess { color: #6f0; } .jqconsole-cursor { background-color: #808080; } .jqconsole-blurred .jqconsole-header .jqconsole-cursor { color: #c4cccc; } .jqconsole-prompt { color: #b91; } .jqconsole-old-prompt { color: #f60; font-weight: normal; } .jqconsole-input { color: #dd0; } .jqconsole-old-input { color: #bb0; font-weight: normal; } .jqconsole-output { color: #fff; } .query-output .ace_gutter-cell { background-color: #f0f0f0; } .swagger-ui-wrap #resources li.resource { background-color: #f4f3f3; } .centralContent .api-actions { margin: 0 !important; padding: 0; } .centralContent .api-actions .container { margin-bottom: 0 !important; margin-left: 5px !important; margin-right: 5px !important; margin-top: 0 !important; padding-bottom: 10px !important; padding-top: 13px !important; } .centralContent .api-actions .resource { border-bottom: 0 !important; padding-left: 5px !important; } .centralContent .api-actions .resource .heading h2 a { color: #000 !important; font-weight: 300 !important; } .centralContent .api-actions .active .heading h2 a { color: #000 !important; } .centralContent .api-actions .endpoints { margin-right: 5px !important; } .centralContent .api-actions .endpoints .endpoint:last-child { padding-bottom: 5px !important; } .centralContent .api-actions .endpoint .operations .heading, .centralContent .api-actions .endpoint .operations .content { border-radius: 0 !important; font-weight: 300 !important; } .centralContent .api-actions .endpoint .operations .content { margin: 0 !important; } .centralContent .api-actions .endpoint .operations .content h4 { font-weight: 700 !important; } .centralContent .api-actions .toggleOperation, .centralContent .api-actions .http_method { border-radius: 0 !important; } .centralContent .api-actions .required, .centralContent .api-actions em, .centralContent .api-actions strong { font-weight: 400 !important; } .centralContent .api-actions input[type="button"] { background: none repeat scroll 0 0 #8f8d8c !important; border: medium none !important; box-shadow: none !important; color: #fff !important; float: right !important; font-size: 14px !important; font-weight: 300 !important; margin-top: 10px !important; padding: 8px 16px !important; } .centralContent .api-actions .resource > .heading > .options { margin: 11px 10px 0 0 !important; } .form-actions { background: none; border: 0; } .form-actions:before, .form-actions:after { content: ''; display: table; line-height: 0; } .form-actions:after { clear: both; } .alert { padding: 15px 35px 15px 14px; } textarea, .alert { border-radius: 0 !important; } .log-content { word-break: break-all; word-wrap: break-word; } .log-content-id { padding-bottom: 0 !important; } .log-content-id .dataTable { border-collapse: separate; border-spacing: 0 5px; table-layout: fixed !important; } .log-content-id .arango-tab { border-bottom: 0 !important; } .log-content-id .tab-content { margin-top: 1px !important; } .tab-content { min-height: 390px; } .log-table-id, .info-table-id, .debug-table-id, .crit-table-id, .warn-table-id { border-spacing: 0 0; font-size: 15px !important; margin-top: -5px !important; } .log-table-id thead, .info-table-id thead, .debug-table-id thead, .crit-table-id thead, .warn-table-id thead { background-color: #f9f9f9; border-top: 6px solid #888 !important; text-align: center; } .log-table-id thead tr th, .info-table-id thead tr th, .debug-table-id thead tr th, .crit-table-id thead tr th, .warn-table-id thead tr th { background-color: #fff !important; border-bottom: 1px solid #c2c2c2; border-top: 2px solid #888; } .log-table-id .firstcol, .info-table-id .firstcol, .debug-table-id .firstcol, .crit-table-id .firstcol, .warn-table-id .firstcol { cursor: default !important; max-width: 80px !important; width: 80px !important; } .log-table-id tbody .firstcol, .info-table-id tbody .firstcol, .debug-table-id tbody .firstcol, .crit-table-id tbody .firstcol, .warn-table-id tbody .firstcol { background-color: transparent !important; } .log-table-id tbody tr td, .info-table-id tbody tr td, .debug-table-id tbody tr td, .crit-table-id tbody tr td, .warn-table-id tbody tr td { padding-bottom: 8px !important; padding-top: 8px !important; } .thirdcol { cursor: default !important; max-width: 500px !important; } .seccol, .dataTables_empty { cursor: default !important; margin-bottom: 5px; width: 100px !important; } .dataTables_info { display: none; } #arangoLogTable tbody td:nth-child(1) { text-align: center; width: 80px; } #arangoLogTable tbody td:nth-child(2) { text-align: center; width: 80px; } #arangoLogTable tbody td:nth-child(3) { width: auto; } div.gv_zoom_widget { height: 300px; left: 95px; position: absolute; top: 20px; width: 40px; z-index: 1; } div.gv_zoom_widget div.gv_zoom_buttons_bg { background-image: url("../img/gv_button_bg_reverse.png"); background-size: contain; height: 40px; margin-bottom: 20px; } div.gv_zoom_widget div.gv_zoom_slider { background: #333232; height: 200px; margin: 0 17px; width: 4px; } div.gv_zoom_widget a.ui-slider-handle { background: #fff; border-color: #686766; height: .5em; left: -.55em; outline: none; } div.gv_zoom_widget a.ui-slider-handle.ui-state-hover { outline-color: #333232; } div.gv_zoom_widget .ui-state-default { background: #f6f6f6; } div.gv_colour_list { max-height: 680px; overflow: auto; position: absolute; right: 26px; text-align: right; top: 20px; z-index: 1; } div.gv_colour_list li { background-color: transparent; float: none; padding: 2px 6px; } svg.graph-viewer { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); left: 74px; position: absolute; top: 12px; z-index: 0; } svg.graph-viewer text { font-size: 16px; pointer-events: none; } div.gv-background { height: 685px; position: relative; } .link > line { stroke-width: 2; } div.gv-colour-list { max-height: 680px; overflow: auto; position: absolute; right: 26px; text-align: right; top: 20px; z-index: 1; } div.gv-colour-list li { float: none; padding: 2px 6px; } div.gv-manage-button-container { margin-top: 10px; } legend.gv-inner { font-size: 16px; } input.gv-radio-button { display: block; margin-top: 3px; width: auto; } .collectionTh { font-family: 'Open Sans', sans-serif !important; font-size: 14px; font-weight: 400 !important; text-align: left; width: 20% !important; } .collectionTh select, .collectionTh textarea { margin-top: 10px; } .collectionInfoTh { min-width: 60px; text-align: left; width: 320px; } .addCollection table tr { border-bottom: 0 !important; height: 53px; } .addCollection .icon_arangodb_info { margin-left: 20px !important; position: relative; top: 2px !important; } .addCollection .accordion { margin-top: 10px; } .addCollection .collectionThSec { width: 320px !important; } .addCollection .collectionTh { width: 96px; } .addCollection .modalInput { width: 320px; } .addCollection .modalSelect { width: 334px; } .addCollection .accordion-toggle { width: 457px !important; } .change-collection .tab-content { min-height: 230px; } .change-collection input { width: 384px !important; } .change-collection select { width: 398px !important; } .show-collection .tab-content { min-height: 200px; } .collectionInfoTh { width: 320px; } .collectionInfoTh2 { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; text-align: left; width: 150px; } .collection-info-figures table { float: left; margin-left: 0; margin-right: 0; margin-top: 0; min-width: 200px; padding: 3px; text-align: left; } .figuresHeader { border-bottom: 1px solid #c2c2c2; } .figuresHeader th { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; } #collectionIndexTable { margin-left: 0; width: 100%; } #infoTab, #collectionTab { border-bottom: 0; margin-bottom: 1px; padding-bottom: 0; padding-right: 10px; } #infoTab li, #collectionTab li { float: right; } #infoTab a, #collectionTab a { background-color: #f1f0ee; border-bottom: 1px solid #888; border-radius: 0 !important; color: #000; font-size: 13px !important; height: 21px; margin-bottom: -1px; margin-right: 4px; padding: 4px !important; } #infoTab .active > a, #collectionTab .active > a { background-color: #fff; border-color: #888 #888 transparent !important; } #tab-content-collection-info #info, #tab-content-collection-info .collection-info-figures, #tab-content-collection-info #index { border-top: 1px solid #888 !important; margin-left: 0 !important; padding-top: 10px; } #confirmCreateEdge { margin-left: 20px; } .collection-info-figures .icon_arangodb_info { position: relative !important; right: -4px !important; } .snippet-wrap .snippet-num li { list-style: decimal-leading-zero outside none; } .snippet-no-num { list-style-type: none; padding-left: 0; } .snippet-no-num .prettify { font-size: 1.2em; } .snippet-no-num .sh_number { color: #044; } .snippet-no-num .sh_symbol { color: #00f; } .snippet-no-num .sh_cbracket { color: #c7a317; } .snippet-no-num .sh_keyword { color: #c12dad; } .snippet-no-num .sh_string { color: #ce2f30; } .snippet-no-num .sh_object { color: #00f; } .snippet-no-num .sh_array { color: #00f; } @media (max-width: 798px) { .arango-collection-ul { display: none; } .collection-dropdown ul { width: auto !important; } .arango-collection-select { display: inline-block; } } @media (min-width: 799px) and (max-width: 1041px) { .arango-collection-ul a { font-size: 11px; padding: 7px 5px 10px; } } @media (min-width: 1042px) and (max-width: 1284px) { .arango-collection-ul a { font-size: 13px; } } .document-info { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 8px; margin-top: -10px; min-height: 65px; padding: 5px; } .document-info .document-info-container { clear: both; width: 100%; } .document-info .document-info-container .document-inner-info-container { float: left; margin-left: 10px; margin-top: 5px; } .document-info .document-info-container .document-inner-info-container .document-attribute { margin-right: 20px; } .document-info .document-info-container .document-inner-info-container .document-attribute div { float: left; } .document-info .document-bold-font { font-family: droid sans mono, monospace, courier new, courier, sans-serif; font-size: 11pt; min-width: 55px; } .document-info .document-thin-font { color: #008000; font-family: droid sans mono, monospace, courier new, courier, sans-serif; font-size: 11pt; } .document-info .document-type-container div { float: left; } .document-link:hover { cursor: pointer; text-decoration: underline; } .jsoneditor .tree div { font-size: 11pt; } .jsoneditor .outer .tree > table > tbody > tr:first-of-type { visibility: hidden; } #progressPlaceholder { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .progress-view { opacity: 0; background-color: transparent; border-radius: 5px; color: #333232; height: 180px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; opacity: 0; width: 300px; } .progress-view .progress-content { margin-left: 90px; margin-top: 10px; opacity: 0; } .progress-view .progress-content .fa-spinner { opacity: 0; font-size: 100pt; } .progress-view .progress-message { background-color: #333232; border-radius: 0 0 5px 5px; border-top: 1px solid #fff; color: #fff; font-weight: 200; height: 25px; padding-top: 3px; text-align: center; opacity: 0; } #progressPlaceholderIcon { color: #8aa051; float: left; font-size: 22px; margin-left: 10px; margin-top: 7px; } .hotkeysList .hotkeysLabel { clear: both; color: #000; font-size: 16px; font-weight: 400; } .hotkeysList .hotkeysContent { padding-left: 10px; } .hotkeysList li { line-height: 25px; } .hotkeysList li .hotkeysDiv { float: left; } .hotkeysList .hotkeysicons { background-color: #686766; border: 1px solid #000; border-radius: 2px; color: #fff; display: inline; height: 19px; margin-left: 10px; text-align: center; width: 19px; } .hotkeysContentLabel { float: left; width: 30%; } .arango-table { border-top: 1px solid #000; width: 100%; } .arango-table thead { background-color: #fff; } .arango-table thead th { border-bottom: 1px solid #c2c2c2; height: 43px; } .arango-table tbody tr:nth-child(even) { background-color: #fff; } .arango-table tbody tr:nth-child(odd) { background: #f1f0ee; } .arango-table tbody td { padding: 10px 18px; } .arango-tabbar { height: 27px; width: 100%; } .arango-tabbar button { background: #f1f0ee; border: 0; float: right; height: 27px; width: 82px; } .arango-tabbar .arango-active-tab { background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; } .arangoDataTable { border-spacing: 0 0; position: relative; table-layout: fixed !important; width: 100% !important; } .arangoDataTable thead { background-color: #fff !important; font-weight: 400 !important; text-align: left; } .arangoDataTable thead th { border-bottom: 0; cursor: default !important; font-weight: 400 !important; padding: 10px 14px !important; } .arangoDataTable thead tr { border-bottom: 1px solid #c2c2c2; } .arangoDataTable tr { cursor: pointer; } .arangoDataTable td { padding: 10px 18px !important; } .arangoDataTable .key { margin-top: 4px; } .arangoDataTable .dataTable .noPointer tr { cursor: default; } .arangoDataTable .selected-row { background-color: #8aa051 !important; } .arangoDataTable .selected-row div { color: #fff !important; } .arangoDataTable .selected-row li { color: #fff !important; } .arangoDataTable .selected-row span { color: #fff !important; } .api-container #resources > li.resource:nth-child(even), table.arangoDataTable tr.even { background-color: #fff; } .api-container #resources > li.resource:nth-child(odd), table.arangoDataTable tr.odd { background-color: #f1f0ee; } #tableDiv table.dataTable td { padding: 12px 18px !important; } #documentsTableID_length, #documentsTableID_filter { display: none; } #documentsTableID_wrapper { min-height: 513px !important; padding-bottom: 0 !important; } #documentsTableID_wrapper .fg-toolbar { visibility: hidden; } #documentsTableID_paginate, #documentsTableID_filter, #documentsTableID_length { visibility: hidden; } .snippet-no-num { font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 400; margin-bottom: 0; } .cuttedContent, .prettify ul li, .writeable a { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .totalDocuments { color: #000; float: left; margin-top: -54px !important; padding-left: 10px; } .prettify { border: none !important; font-size: 1em !important; margin: 0 !important; padding: 0 !important; } table .sorting { background: none !important; } .sorting_asc, .sorting_desc { background: #e4e0dd; } .new-index-view input[type='checkbox'] { float: left; margin-top: -9px; } .new-index-view table tr { width: 600px !important; } .new-index-view table tr th:last-child { width: 50px !important; } .new-index-view table th { font-weight: 300 !important; width: 200px !important; } .edit-index-table { margin-top: 5px; min-width: auto !important; } .edit-index-table th { padding-bottom: 5px; padding-left: 5px; padding-top: 5px; } .edit-index-table .icon_arangodb_locked { color: rgba(0, 0, 0, 0.5); cursor: default; font-size: 20px; margin-left: 10px; } .edit-index-table .icon_arangodb_roundminus { font-size: 20px; margin-left: 10px; } .contentIn > div { padding: 10px; } .contentIn .arangoicon { font-size: 25px; position: relative; top: -3px !important; } .index-button-bar { margin-top: 15px; } .index-button-bar button { margin-left: 0; } .docsFirstCol, .docsSecCol, .docsThirdCol { border: 0 !important; } .docsFirstCol { height: 26px; width: 80%; } .docsSecCol { height: 26px; min-width: 400px !important; width: 10%; } .docsThirdCol { height: 26px; } .add-filter-item { margin-left: 5px; } .add-filter-item i { margin-top: 0 !important; } .upload-indicator { display: none; margin-top: -3px; padding-right: 10px; } .breadcrumb { background: transparent; border: 0; border-radius: 0; padding: 8px 0; } .breadcrumb a.activeBread { color: #b9d375; } .documents-size { float: right; margin-top: -58px; width: 115px; } .ace_error { background: none !important; } #exportHeader .fa-exclamation-circle { color: #333232; font-size: 13pt; margin-right: 10px; } .totalDocuments:hover { color: #000; } /*# sourceMappingURL=generated.css.map */