/******************************************************* Define colors. ********************************************************/ /* #20272b */ /* #044969 */ /* #355569 */ /* #0A3A58 */ /* #f8f8f9 */ /* #d4d7d8 */ /* #808184 */ /* #666666 */ /* #8bcfbe */ /* #37a98c */ /* #ecf2f7 */ /* #51ADE0 */ /* #61afd5 */ /* #9dddcc */ /* #ffffff */ /******************************************************* Define media query dimensions. ********************************************************/ @import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz'); @media only screen and (max-width: 719px) { .hide-on-mobile { display: none !important; } } @media only screen and (min-width: 960px) { .hide-on-desktop-and-tablet { display: none !important; } } @media only screen and (min-width: 720px) and (max-width: 959px) { .hide-on-desktop-and-tablet { display: none !important; } } /******************************************************* Import stylesheets. ********************************************************/ /******************************************************* Mixins to define web fonts. ********************************************************/ /******************************************************* Define all web fonts. ********************************************************/ /* Museo Slab Font Family */ @font-face { font-family: "MuseoSlab"; font-style: normal; font-weight: 100; src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_100Webeot.eot"); src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_100Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_100Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_100.otf") format("opentype"); } @font-face { font-family: "MuseoSlab"; font-style: normal; font-weight: 300; src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webeot.eot"); src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300.otf") format("opentype"); } @font-face { font-family: "MuseoSlab"; font-style: normal; font-weight: 500; src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot"); src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500.otf") format("opentype"); } @font-face { font-family: "MuseoSlab"; font-style: normal; font-weight: 700; src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_700Webeot.eot"); src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_700Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_700Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_700.otf") format("opentype"); } @font-face { font-family: "MuseoSlab"; font-style: normal; font-weight: 900; src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webeot.eot"); src: url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webeot.eot?#iefix") format("embedded-opentype"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webwoff.woff") format("woff"), url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900.otf") format("opentype"); } /*'Whitney SSm A', 'Whitney SSm B' Font Family */ @font-face { font-family: 'Whitney SSm A', 'Whitney SSm B'; } @font-face { font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 500; font-style: normal; } @font-face { font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 300; font-style: normal; } /******************************************************* Hosted web fonts. ********************************************************/ /******************************************************* Font stacks. ********************************************************/ /******************************************************* Make sure em and strong are showing correct fonts. ********************************************************/ em, i { font-style: italic; } strong, b { font-weight: 700; } i + i, i + em, i + strong, i + b, em + i, em + em, em + strong, em + b, strong + i, strong + em, strong + strong, strong + b, b + i, b + em, b + strong, b + b { font-style: italic; font-weight: 700; } #pdmp-container #pdmp { /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* HTML5 display-role reset for older browsers */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ /* non-visible scrollbar */ /* RTL direction/left-side scrollbar */ /* scrollbar position: outside */ /* RTL direction/left-side scrollbar (scrollbar position: outside) */ /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ /* non-visible scrollbar */ /* scrollbar position: outside */ /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ /* non-visible horizontal scrollbar */ /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ /* RTL direction/left-side scrollbar */ /* non-visible scrollbar/RTL direction/left-side scrollbar */ /* non-visible horizontal scrollbar */ /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ /* theme: "dark" */ /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ /* theme: "dark-2" */ /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ /* theme: "dark-thick" */ /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ /* theme "dark-thin" */ /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ /* theme "rounded-dark", "rounded-dots-dark" */ /* theme "rounded-dots", "rounded-dots-dark" */ /* theme "rounded-dots-dark" */ /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ /* theme "3d", "3d-dark" */ /* theme "3d-dark" */ /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ /* theme: "3d-thick-dark" */ /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ /* RTL direction/left-side scrollbar */ /* theme: "minimal-dark" */ /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ /* theme "dark-3" */ /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ /* theme "inset-2", "inset-2-dark" */ /* theme "inset-3", "inset-3-dark" */ /* ---------------------------------------- */ } #pdmp-container #pdmp html, #pdmp-container #pdmp body, #pdmp-container #pdmp div, #pdmp-container #pdmp span, #pdmp-container #pdmp applet, #pdmp-container #pdmp object, #pdmp-container #pdmp iframe, #pdmp-container #pdmp h1, #pdmp-container #pdmp h2, #pdmp-container #pdmp h3, #pdmp-container #pdmp h4, #pdmp-container #pdmp h5, #pdmp-container #pdmp h6, #pdmp-container #pdmp p, #pdmp-container #pdmp blockquote, #pdmp-container #pdmp pre, #pdmp-container #pdmp a, #pdmp-container #pdmp abbr, #pdmp-container #pdmp acronym, #pdmp-container #pdmp address, #pdmp-container #pdmp big, #pdmp-container #pdmp cite, #pdmp-container #pdmp code, #pdmp-container #pdmp del, #pdmp-container #pdmp dfn, #pdmp-container #pdmp em, #pdmp-container #pdmp img, #pdmp-container #pdmp ins, #pdmp-container #pdmp kbd, #pdmp-container #pdmp q, #pdmp-container #pdmp s, #pdmp-container #pdmp samp, #pdmp-container #pdmp small, #pdmp-container #pdmp strike, #pdmp-container #pdmp strong, #pdmp-container #pdmp sub, #pdmp-container #pdmp sup, #pdmp-container #pdmp tt, #pdmp-container #pdmp var, #pdmp-container #pdmp b, #pdmp-container #pdmp u, #pdmp-container #pdmp i, #pdmp-container #pdmp center, #pdmp-container #pdmp dl, #pdmp-container #pdmp dt, #pdmp-container #pdmp dd, #pdmp-container #pdmp ol, #pdmp-container #pdmp ul, #pdmp-container #pdmp li, #pdmp-container #pdmp fieldset, #pdmp-container #pdmp form, #pdmp-container #pdmp label, #pdmp-container #pdmp legend, #pdmp-container #pdmp table, #pdmp-container #pdmp caption, #pdmp-container #pdmp tbody, #pdmp-container #pdmp tfoot, #pdmp-container #pdmp thead, #pdmp-container #pdmp tr, #pdmp-container #pdmp th, #pdmp-container #pdmp td, #pdmp-container #pdmp article, #pdmp-container #pdmp aside, #pdmp-container #pdmp canvas, #pdmp-container #pdmp details, #pdmp-container #pdmp embed, #pdmp-container #pdmp figure, #pdmp-container #pdmp figcaption, #pdmp-container #pdmp footer, #pdmp-container #pdmp header, #pdmp-container #pdmp hgroup, #pdmp-container #pdmp menu, #pdmp-container #pdmp nav, #pdmp-container #pdmp output, #pdmp-container #pdmp ruby, #pdmp-container #pdmp section, #pdmp-container #pdmp summary, #pdmp-container #pdmp time, #pdmp-container #pdmp mark, #pdmp-container #pdmp audio, #pdmp-container #pdmp video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #pdmp-container #pdmp article, #pdmp-container #pdmp aside, #pdmp-container #pdmp details, #pdmp-container #pdmp figcaption, #pdmp-container #pdmp figure, #pdmp-container #pdmp footer, #pdmp-container #pdmp header, #pdmp-container #pdmp hgroup, #pdmp-container #pdmp menu, #pdmp-container #pdmp nav, #pdmp-container #pdmp section { display: block; } #pdmp-container #pdmp body { line-height: 1; } #pdmp-container #pdmp ol, #pdmp-container #pdmp ul { list-style: none; } #pdmp-container #pdmp blockquote, #pdmp-container #pdmp q { quotes: none; } #pdmp-container #pdmp blockquote:before, #pdmp-container #pdmp blockquote:after, #pdmp-container #pdmp q:before, #pdmp-container #pdmp q:after { content: ''; content: none; } #pdmp-container #pdmp table { border-collapse: collapse; border-spacing: 0; } #pdmp-container #pdmp .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } #pdmp-container #pdmp .mCustomScrollbar.mCS_no_scrollbar, #pdmp-container #pdmp .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } #pdmp-container #pdmp .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } #pdmp-container #pdmp .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } #pdmp-container #pdmp .mCSB_inside > .mCSB_container { margin-right: 30px; } #pdmp-container #pdmp .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } #pdmp-container #pdmp .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } #pdmp-container #pdmp .mCSB_outside + .mCSB_scrollTools { right: -26px; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } #pdmp-container #pdmp .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } #pdmp-container #pdmp .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } #pdmp-container #pdmp .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } #pdmp-container #pdmp .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } #pdmp-container #pdmp .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } #pdmp-container #pdmp .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } #pdmp-container #pdmp .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } #pdmp-container #pdmp .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } #pdmp-container #pdmp .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } #pdmp-container #pdmp .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } #pdmp-container #pdmp .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } #pdmp-container #pdmp .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } #pdmp-container #pdmp .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } #pdmp-container #pdmp .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } #pdmp-container #pdmp .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } #pdmp-container #pdmp .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } #pdmp-container #pdmp .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } #pdmp-container #pdmp .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } #pdmp-container #pdmp .mCSB_scrollTools, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } #pdmp-container #pdmp .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } #pdmp-container #pdmp .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, #pdmp-container #pdmp .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } #pdmp-container #pdmp .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, #pdmp-container #pdmp .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, #pdmp-container #pdmp .mCustomScrollBox:hover > .mCSB_scrollTools, #pdmp-container #pdmp .mCustomScrollBox:hover ~ .mCSB_scrollTools, #pdmp-container #pdmp .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, #pdmp-container #pdmp .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp:hover, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown:hover, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonLeft:hover, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonUp:active, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonDown:active, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonLeft:active, #pdmp-container #pdmp .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } #pdmp-container #pdmp .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } #pdmp-container #pdmp .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } #pdmp-container #pdmp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } #pdmp-container #pdmp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } #pdmp-container #pdmp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } #pdmp-container #pdmp .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } #pdmp-container #pdmp .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } #pdmp-container #pdmp .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } #pdmp-container #pdmp .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } #pdmp-container #pdmp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } #pdmp-container #pdmp .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } #pdmp-container #pdmp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } #pdmp-container #pdmp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } #pdmp-container #pdmp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } #pdmp-container #pdmp .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } #pdmp-container #pdmp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } #pdmp-container #pdmp .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, #pdmp-container #pdmp .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools_vertical, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } #pdmp-container #pdmp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } #pdmp-container #pdmp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } #pdmp-container #pdmp .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #pdmp-container #pdmp .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } #pdmp-container #pdmp .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, #pdmp-container #pdmp .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #pdmp-container #pdmp .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } #pdmp-container #pdmp .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } #pdmp-container #pdmp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } #pdmp-container #pdmp .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } #pdmp-container #pdmp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } #pdmp-container #pdmp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; } #pdmp-container #pdmp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #pdmp-container #pdmp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /******************************************************* Mixins. ********************************************************/ /******************************************************* Interactive styles. ********************************************************/ #pdmp-container { width: 100%; font-family: Lato, "Whitney SSm A", "Whitney SSm B", Whitney, Calibri, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, Roboto, sans-serif; font-size: 10px; font-weight: 400; background-color: #f8f8f9; margin: 2em 0; } @media only screen and (max-width: 719px) { #pdmp-container { width: 100vw; margin-left: -10px; } } #pdmp-container [v-cloak] { opacity: 0; } #pdmp-container #pdmp { width: 100%; margin: 0 auto; position: relative; font-size: 1em; /******************************************************* Reset for default Pew styles. ********************************************************/ /******************************************************* General styles. ********************************************************/ /******************************************************* Header. ********************************************************/ /******************************************************* Sections. ********************************************************/ /******************************************************* Map section. ********************************************************/ /******************************************************* State select section. ********************************************************/ /******************************************************* Footer. ********************************************************/ } #pdmp-container #pdmp *, #pdmp-container #pdmp *::before, #pdmp-container #pdmp *::after { box-sizing: border-box; } #pdmp-container #pdmp h1 { word-spacing: normal; line-height: 1; } #pdmp-container #pdmp h2 { letter-spacing: normal; word-spacing: normal; color: #20272b; } #pdmp-container #pdmp h3 { margin: 0; letter-spacing: normal; } #pdmp-container #pdmp p { word-spacing: normal; margin: 0; } #pdmp-container #pdmp ul { list-style-type: none; margin: 0; padding: 0; } #pdmp-container #pdmp ul li { margin: 0; } #pdmp-container #pdmp a { -webkit-transition: none; transition: none; cursor: pointer; text-decoration: none; } #pdmp-container #pdmp th { text-align: center; padding: 0; } #pdmp-container #pdmp td { padding: 0; } #pdmp-container #pdmp tr:nth-child(2n+2) { background-color: inherit; } #pdmp-container #pdmp button { padding: 0; -webkit-transition: none; transition: none; } #pdmp-container #pdmp svg:not(:root) { overflow: auto; } #pdmp-container #pdmp b, #pdmp-container #pdmp strong { font-weight: 700 !important; } #pdmp-container #pdmp em, #pdmp-container #pdmp i { font-style: italic !important; } #pdmp-container #pdmp img { width: 100%; height: auto; } #pdmp-container #pdmp i.fa { font-family: FontAwesome; } #pdmp-container #pdmp sup { font-size: 0.7em; line-height: 0; } #pdmp-container #pdmp #pdmp-header { font-size: 1.6em; height: 3.5em; background-color: #0A3A58; color: #ffffff; line-height: 3.5em; padding-left: 2.4%; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-header { font-size: 1.8em; padding: 1em 3.5%; height: auto; line-height: 1.3; } } #pdmp-container #pdmp #pdmp-header #pdmp-logo { width: 32%; vertical-align: middle; position: relative; top: -0.2em; } #pdmp-container #pdmp .pdmp-section { width: 95.3%; margin: 0 auto; overflow: hidden; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section { width: 100%; } } #pdmp-container #pdmp .pdmp-section#overview { width: 100%; } #pdmp-container #pdmp .pdmp-section#overview .pdmp-section-content { background-color: #ffffff; color: #20272b; font-size: 1.5em; line-height: 1.4; } #pdmp-container #pdmp .pdmp-section#overview .pdmp-section-content p { margin: 1.4em 2.4%; } #pdmp-container #pdmp .pdmp-section.active .pdmp-section-header { background-color: #51ADE0; } #pdmp-container #pdmp .pdmp-section.active .pdmp-section-header .pdmp-section-toggle { background-color: #61afd5; } #pdmp-container #pdmp .pdmp-section.active .pdmp-section-header:hover h2 { background-color: #77c4e9; } #pdmp-container #pdmp .pdmp-section.active .pdmp-section-header:hover .pdmp-section-toggle { background-color: #75b9da; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header { background-color: #044969; font-family: MuseoSlab, Georgia, 'Times New Roman', serif; font-weight: 500; height: 4.8em; line-height: 4.8em; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header:hover h2 { background-color: #066b9a; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header:hover .pdmp-section-toggle { background-color: #065a81; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header h2 { font-size: 1.3em; color: #ffffff; padding: 0 2.4%; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-header h2 { padding: 0 3.5%; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-header .pdmp-section-toggle { background-color: #0A3A58; color: #ffffff; height: 4.8em; width: 4.8em; font-size: 1em; position: absolute; top: 0; right: 0; cursor: pointer; border: none; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header .pdmp-section-toggle.pdmp-section-toggle-expand::after { content: '+'; font-size: 2.4em; line-height: 2; text-align: center; } #pdmp-container #pdmp .pdmp-section .pdmp-section-header .pdmp-section-toggle.pdmp-section-toggle-collapse::after { content: '\2014'; font-size: 2em; line-height: 2.4; text-align: center; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content { overflow: hidden; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content.expanded { height: auto; -webkit-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content.expanded { padding: 1em 3.5%; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content.collapsed { height: 0; -webkit-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table { font-size: 1.5em; line-height: 1.4; color: #355569; display: table; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table { display: block; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group { display: table-row; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group { display: inline; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-question { display: table-cell; padding: 1.4em 1.1875em; vertical-align: middle; width: 32.2%; color: #20272b; border-right: 0.03125em solid #666666; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-question { display: block; border-right: none; width: 100%; padding: 1.4em 0; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state { display: none; padding: 1.4em 1.1875em; vertical-align: middle; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state { display: inline-block; padding: 0; border-bottom: 0.03125em solid #d4d7d8; width: 45%; line-height: 2; font-family: MuseoSlab, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #51ADE0; font-size: 1.4; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer { display: table-cell; border-right: 0.03125em solid #666666; padding: 1.4em 1.1875em; vertical-align: middle; text-align: center; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer { display: inline-block; width: 50%; padding: 0; line-height: 2; border-right: none; border-bottom: 0.03125em solid #d4d7d8; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(3) { width: 20.3%; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(3) { width: 50%; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(5) { width: 21.5%; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(5) { width: 50%; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(7) { width: 21.3%; border-right: none; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group .pdmp-table-state-answer:nth-child(7) { width: 50%; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group :nth-child(6), #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table .pdmp-table-question-group :nth-child(7) { border-bottom: none; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes { background-color: #ffffff; font-size: 1.2em; line-height: 1.1429; padding: 1.4em 0; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes { list-style-type: none; margin: 0 1.1875em; padding-right: 3.429em; font-weight: 200; line-height: 1.4; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes { padding-right: 1em; margin: 1.4em 0; font-weight: 300; color: #20272b; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes li { margin: 1.1429em 0 1.1429em 1.2em; text-indent: -0.9em; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes li { line-height: 1.5; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes li.dagger::before { content: '\2020'; padding-right: 0.4em; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ul.footnotes li.asterisk::before { content: '*'; padding-right: 0.4em; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes { list-style-type: none; counter-reset: item; padding-right: 3.429em; margin: 0 1.1875em 0 2.4em; font-weight: 200; text-indent: -0.5em; line-height: 1.4; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes { padding-right: 1em; margin: 1.4em 0; font-weight: 300; color: #20272b; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes li { margin-bottom: 1.1429em; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes li { margin-left: 1.4em; line-height: 1.5; } } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes li::before { display: inline-block; content: counter(item); counter-increment: item; width: 0.5em; } #pdmp-container #pdmp .pdmp-section .pdmp-section-content .pdmp-table-footnotes ol.footnotes li:last-child { margin-bottom: 0; } #pdmp-container #pdmp #pdmp-map { padding-bottom: 3.5em; border-bottom: 0.03125em solid #666666; position: relative; } #pdmp-container #pdmp #pdmp-map::after { content: ""; display: block; clear: both; } #pdmp-container #pdmp #pdmp-map #select-a-system-label { font-family: MuseoSlab; font-size: 1.8em; line-height: 1.2778; font-weight: 500; margin: 1.6em 0 1em 0; color: #20272b; } #pdmp-container #pdmp #pdmp-map #select-a-system { float: left; width: 27%; min-height: 56em; position: relative; z-index: 50; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-system.active .pdmp-section-header { background-color: #51ADE0; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-system.active .pdmp-section-header .pdmp-section-toggle { background-color: #51ADE0; opacity: 0.2; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-system.active .pdmp-section-header:hover h2 { background-color: #51ADE0; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-system.active .pdmp-section-header:hover .pdmp-section-toggle { background-color: #51ADE0; } #pdmp-container #pdmp #select-a-system .pdmp-section-header h2 { padding: 0 5.3%; } @media only screen and (min-width: 720px) and (max-width: 959px) { #pdmp-container #pdmp #select-a-system .pdmp-section-header h2 { font-size: 1em; } } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-header .pdmp-section-toggle { cursor: pointer; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content { background-color: #ecf2f7; overflow-x: hidden; overflow-y: auto; font-size: 1.4em; line-height: 1.4; letter-spacing: 0.05em; -webkit-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content.expanded { height: auto; -webkit-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content.collapsed { height: 0; -webkit-transition: 0.3s height ease-in-out; transition: 0.3s height ease-in-out; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content li { margin: 1.125em 0.8125em; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content li a { color: #20272b; } #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content li a:hover, #pdmp-container #pdmp #pdmp-map #select-a-system .pdmp-section-content li a.active { color: #51ADE0; } #pdmp-container #pdmp #pdmp-map #map-content { padding-bottom: 3em; overflow: visible; } #pdmp-container #pdmp #pdmp-map #us-map { float: right; width: 63.1%; height: 48em; -webkit-transform: scale(1.4) translateX(-3em) translateY(-3em); -ms-transform: scale(1.4) translateX(-3em) translateY(-3em); transform: scale(1.4) translateX(-3em) translateY(-3em); position: relative; z-index: 25; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pdmp-container #pdmp #pdmp-map #us-map .datamaps-legend { padding-left: 7em; position: absolute; top: 46em; } #pdmp-container #pdmp #pdmp-map #us-map .datamaps-legend dl { width: 44em; } #pdmp-container #pdmp #pdmp-map #us-map .datamaps-legend dl .key-container { display: inline-block; } #pdmp-container #pdmp #pdmp-map #us-map .datamaps-legend dl .key-container dt { margin-right: 0.5em; margin-bottom: 0.2em; font-size: 1.2em; line-height: 1.2; width: 1em; height: 1em; } #pdmp-container #pdmp #pdmp-map #us-map .datamaps-legend dl .key-container dd { margin-right: 1.5em; margin-bottom: 0.2em; border-radius: 0; width: auto; height: 1.2em; line-height: 1.2; white-space: nowrap; } #pdmp-container #pdmp #pdmp-map #measure-label { position: absolute; top: 34.5em; left: 30.7%; width: 59%; font-size: 1.5em; line-height: 1.2; border-bottom: 0.03125em solid #666666; padding-bottom: 0.5em; } #pdmp-container #pdmp #comparative-chart-of-systems { padding: 3em 0; overflow: visible; } #pdmp-container #pdmp #comparative-chart-of-systems h2 { display: inline-block; font-family: MuseoSlab; font-size: 1.8em; line-height: 1.2778; font-weight: 500; width: 33.5%; padding-right: 16.2%; vertical-align: top; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #comparative-chart-of-systems h2 { display: block; width: 100%; padding-right: 0; } } #pdmp-container #pdmp #comparative-chart-of-systems #comparative-chart-of-systems-content { overflow: visible; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects { width: 66.2%; float: right; padding-top: 2.4em; padding-bottom: 2em; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #comparative-chart-of-systems #state-selects { width: 100%; float: none; margin-bottom: 4em; } } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state { float: left; width: 32.25%; margin-right: 1.6%; font-size: 1.5em; line-height: 1.375; position: relative; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-label { margin-bottom: 0.5em; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected { background-color: #355569; color: #ffffff; cursor: pointer; font-family: MuseoSlab; font-size: 1em; letter-spacing: -0.05em; line-height: 2.875; font-weight: 500; padding-left: 0.8125em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected.not-blank { background-color: #51ADE0; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected.not-blank:hover { background-color: #77c4e9; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected:hover { background-color: #3e637a; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected::after { content: '\f107'; font-family: FontAwesome; position: absolute; top: 0; right: 0.45em; color: #ffffff; font-size: 2em; line-height: 1.4; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-selected.expanded::after { content: '\f106'; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options { position: absolute; top: 100%; height: 10em; width: 100%; background-color: #A0CDBD; color: #355569; font-family: MuseoSlab; font-size: 1em; font-weight: 500; line-height: 1.6; letter-spacing: -0.05em; overflow: auto; z-index: 50; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options li .state-text, #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options li .state-abbrev { padding-left: 0.8125em; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options li:hover { background-color: #77c4e9; color: #ffffff; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options .mCSB_scrollTools { margin-right: 21px; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; bottom: 10px; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { background-color: #355569; opacity: 0.8; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects .state-select-state .state-options .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { background-color: #ffffff; } #pdmp-container #pdmp #comparative-chart-of-systems #state-selects :last-child { margin-right: 0; } #pdmp-container #pdmp #pdmp-footer { background-color: #0A3A58; color: #ffffff; font-size: 1.6em; line-height: 3; height: 3em; padding: 0 1.5em; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-footer { background-color: inherit; color: #20272b; height: auto; line-height: 2; padding: 0; } } #pdmp-container #pdmp #pdmp-footer .resources-label { float: left; } #pdmp-container #pdmp #pdmp-footer .resources-label .fa { display: none; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-footer .resources-label { float: none; border-bottom: 1px solid #20272b; border-top: 1px solid #20272b; padding: 0.5em 3.5% 0.5em 3.5%; margin-bottom: 0.5em; margin-top: 0.5em; } #pdmp-container #pdmp #pdmp-footer .resources-label .fa { display: inline-block; color: #20272b; margin-right: 1.5em; } } #pdmp-container #pdmp #pdmp-footer .resource { float: left; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-footer .resource { float: none; padding: 0 3.5%; } } #pdmp-container #pdmp #pdmp-footer .resource a:link, #pdmp-container #pdmp #pdmp-footer .resource a:visited { color: #ffffff; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-footer .resource a:link, #pdmp-container #pdmp #pdmp-footer .resource a:visited { color: #20272b; } } #pdmp-container #pdmp #pdmp-footer .resource a:hover { color: #51ADE0; } #pdmp-container #pdmp #pdmp-footer .resource .fa-file-text-o { padding: 0 1em 0 1.5em; font-style: normal !important; } @media only screen and (max-width: 719px) { #pdmp-container #pdmp #pdmp-footer .resource .fa-file-text-o { padding: 0; margin-right: 1.5em; } }