/** * WebDataRocks Reporting v1.4.9 (https://www.webdatarocks.com/) * Copyright © 2023 WebDataRocks. All rights reserved. * * By downloading, installing and/or using WebDataRocks you agree with the terms of * WebDataRocks End User License Agreement, a copy of which is located at: https://www.webdatarocks.com/license-agreement/. */ /* ===== RESET STYLES ===== */ #wdr-pivot-view, #wdr-toolbar-wrapper { line-height: 1; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; -webkit-text-size-adjust: none; } #wdr-pivot-view input[type=text], #wdr-toolbar-wrapper input[type=text] { -webkit-appearance: none; } #wdr-pivot-view div, #wdr-pivot-view span, #wdr-pivot-view applet, #wdr-pivot-view object, #wdr-pivot-view iframe, #wdr-pivot-view h1, #wdr-pivot-view h2, #wdr-pivot-view h3, #wdr-pivot-view h4, #wdr-pivot-view h5, #wdr-pivot-view h6, #wdr-pivot-view p, #wdr-pivot-view blockquote, #wdr-pivot-view pre, #wdr-pivot-view a, #wdr-pivot-view abbr, #wdr-pivot-view acronym, #wdr-pivot-view address, #wdr-pivot-view big, #wdr-pivot-view cite, #wdr-pivot-view code, #wdr-pivot-view del, #wdr-pivot-view dfn, #wdr-pivot-view em, #wdr-pivot-view img, #wdr-pivot-view ins, #wdr-pivot-view kbd, #wdr-pivot-view q, #wdr-pivot-view s, #wdr-pivot-view samp, #wdr-pivot-view small, #wdr-pivot-view strike, #wdr-pivot-view strong, #wdr-pivot-view sub, #wdr-pivot-view sup, #wdr-pivot-view tt, #wdr-pivot-view var, #wdr-pivot-view b, #wdr-pivot-view u, #wdr-pivot-view i, #wdr-pivot-view center, #wdr-pivot-view dl, #wdr-pivot-view dt, #wdr-pivot-view dd, #wdr-pivot-view ol, #wdr-pivot-view ul, #wdr-pivot-view li, #wdr-pivot-view fieldset, #wdr-pivot-view form, #wdr-pivot-view label, #wdr-pivot-view legend, #wdr-pivot-view table, #wdr-pivot-view caption, #wdr-pivot-view tbody, #wdr-pivot-view tfoot, #wdr-pivot-view thead, #wdr-pivot-view tr, #wdr-pivot-view th, #wdr-pivot-view td, #wdr-pivot-view article, #wdr-pivot-view aside, #wdr-pivot-view canvas, #wdr-pivot-view details, #wdr-pivot-view embed, #wdr-pivot-view figure, #wdr-pivot-view figcaption, #wdr-pivot-view footer, #wdr-pivot-view header, #wdr-pivot-view menu, #wdr-pivot-view nav, #wdr-pivot-view output, #wdr-pivot-view ruby, #wdr-pivot-view section, #wdr-pivot-view summary, #wdr-pivot-view time, #wdr-pivot-view mark, #wdr-pivot-view audio, #wdr-pivot-view video, #wdr-toolbar-wrapper div, #wdr-toolbar-wrapper span, #wdr-toolbar-wrapper applet, #wdr-toolbar-wrapper object, #wdr-toolbar-wrapper iframe, #wdr-toolbar-wrapper h1, #wdr-toolbar-wrapper h2, #wdr-toolbar-wrapper h3, #wdr-toolbar-wrapper h4, #wdr-toolbar-wrapper h5, #wdr-toolbar-wrapper h6, #wdr-toolbar-wrapper p, #wdr-toolbar-wrapper blockquote, #wdr-toolbar-wrapper pre, #wdr-toolbar-wrapper a, #wdr-toolbar-wrapper abbr, #wdr-toolbar-wrapper acronym, #wdr-toolbar-wrapper address, #wdr-toolbar-wrapper big, #wdr-toolbar-wrapper cite, #wdr-toolbar-wrapper code, #wdr-toolbar-wrapper del, #wdr-toolbar-wrapper dfn, #wdr-toolbar-wrapper em, #wdr-toolbar-wrapper img, #wdr-toolbar-wrapper ins, #wdr-toolbar-wrapper kbd, #wdr-toolbar-wrapper q, #wdr-toolbar-wrapper s, #wdr-toolbar-wrapper samp, #wdr-toolbar-wrapper small, #wdr-toolbar-wrapper strike, #wdr-toolbar-wrapper strong, #wdr-toolbar-wrapper sub, #wdr-toolbar-wrapper sup, #wdr-toolbar-wrapper tt, #wdr-toolbar-wrapper var, #wdr-toolbar-wrapper b, #wdr-toolbar-wrapper u, #wdr-toolbar-wrapper i, #wdr-toolbar-wrapper center, #wdr-toolbar-wrapper dl, #wdr-toolbar-wrapper dt, #wdr-toolbar-wrapper dd, #wdr-toolbar-wrapper ol, #wdr-toolbar-wrapper ul, #wdr-toolbar-wrapper li, #wdr-toolbar-wrapper fieldset, #wdr-toolbar-wrapper form, #wdr-toolbar-wrapper label, #wdr-toolbar-wrapper legend, #wdr-toolbar-wrapper table, #wdr-toolbar-wrapper caption, #wdr-toolbar-wrapper tbody, #wdr-toolbar-wrapper tfoot, #wdr-toolbar-wrapper thead, #wdr-toolbar-wrapper tr, #wdr-toolbar-wrapper th, #wdr-toolbar-wrapper td, #wdr-toolbar-wrapper article, #wdr-toolbar-wrapper aside, #wdr-toolbar-wrapper canvas, #wdr-toolbar-wrapper details, #wdr-toolbar-wrapper embed, #wdr-toolbar-wrapper figure, #wdr-toolbar-wrapper figcaption, #wdr-toolbar-wrapper footer, #wdr-toolbar-wrapper header, #wdr-toolbar-wrapper menu, #wdr-toolbar-wrapper nav, #wdr-toolbar-wrapper output, #wdr-toolbar-wrapper ruby, #wdr-toolbar-wrapper section, #wdr-toolbar-wrapper summary, #wdr-toolbar-wrapper time, #wdr-toolbar-wrapper mark, #wdr-toolbar-wrapper audio, #wdr-toolbar-wrapper video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; box-sizing: border-box; transition: none; border-collapse: collapse; border-spacing: 0; } #wdr-pivot-view ol, #wdr-pivot-view ul, #wdr-toolbar-wrapper ol, #wdr-toolbar-wrapper ul { list-style: none; } #wdr-pivot-view table, #wdr-toolbar-wrapper table { border-collapse: collapse; border-spacing: 0; } #wdr-pivot-view caption, #wdr-pivot-view th, #wdr-pivot-view td, #wdr-toolbar-wrapper caption, #wdr-toolbar-wrapper th, #wdr-toolbar-wrapper td { text-align: left; font-weight: normal; vertical-align: middle; } #wdr-pivot-view q, #wdr-pivot-view blockquote, #wdr-toolbar-wrapper q, #wdr-toolbar-wrapper blockquote { quotes: none; } #wdr-pivot-view q:before, #wdr-pivot-view q:after, #wdr-pivot-view blockquote:before, #wdr-pivot-view blockquote:after, #wdr-toolbar-wrapper q:before, #wdr-toolbar-wrapper q:after, #wdr-toolbar-wrapper blockquote:before, #wdr-toolbar-wrapper blockquote:after { content: ""; content: none; } #wdr-pivot-view img, #wdr-toolbar-wrapper img { max-width: 100%; height: auto; height: initial; border: none; } #wdr-pivot-view a, #wdr-toolbar-wrapper a { -webkit-text-decoration: none; text-decoration: none; } #wdr-pivot-view article, #wdr-pivot-view aside, #wdr-pivot-view details, #wdr-pivot-view figcaption, #wdr-pivot-view figure, #wdr-pivot-view footer, #wdr-pivot-view header, #wdr-pivot-view main, #wdr-pivot-view menu, #wdr-pivot-view nav, #wdr-pivot-view section, #wdr-pivot-view summary, #wdr-toolbar-wrapper article, #wdr-toolbar-wrapper aside, #wdr-toolbar-wrapper details, #wdr-toolbar-wrapper figcaption, #wdr-toolbar-wrapper figure, #wdr-toolbar-wrapper footer, #wdr-toolbar-wrapper header, #wdr-toolbar-wrapper main, #wdr-toolbar-wrapper menu, #wdr-toolbar-wrapper nav, #wdr-toolbar-wrapper section, #wdr-toolbar-wrapper summary { display: block; box-sizing: border-box; } #wdr-pivot-view :focus, #wdr-toolbar-wrapper :focus { outline: none; } #wdr-pivot-view h1, #wdr-pivot-view h2, #wdr-pivot-view h3, #wdr-pivot-view h4, #wdr-pivot-view h5, #wdr-pivot-view h6, #wdr-toolbar-wrapper h1, #wdr-toolbar-wrapper h2, #wdr-toolbar-wrapper h3, #wdr-toolbar-wrapper h4, #wdr-toolbar-wrapper h5, #wdr-toolbar-wrapper h6 { font-weight: normal; } /*-----------STANDARD RESET END-----------------*/ @font-face { font-family: "webdatarocks-icons"; src: url("/assets/webdatarocks-icons-CDgNADaP.woff") format("woff"), url("/assets/webdatarocks-icons-n0vvUxUJ.ttf") format("truetype"), url("/assets/webdatarocks-icons-qcdhME4m.svg#webdatarocks-icons") format("svg"); font-weight: normal; font-style: normal; } /* === Do NOT remove and do NOT change .wdr-csscheck class === */ .wdr-csscheck { font-family: 'webdatarocks'; } /* ===== PIVOT UI ===== */ #wdr-pivot-view .wdr-ui, #wdr-pivot-view .wdr-ui span, #wdr-pivot-view .wdr-ui div, #wdr-pivot-view .wdr-ui p, #wdr-pivot-view .wdr-ui a, #wdr-pivot-view .wdr-ui table, #wdr-pivot-view .wdr-ui table th, #wdr-pivot-view .wdr-ui table tr, #wdr-pivot-view .wdr-ui table td, #wdr-pivot-view .wdr-ui ul, #wdr-pivot-view .wdr-ui li, #wdr-pivot-view .wdr-ui input, #wdr-pivot-view .wdr-ui textarea, #wdr-pivot-view .wdr-ui select, #wdr-toolbar-wrapper .wdr-toolbar-ui, #wdr-toolbar-wrapper .wdr-toolbar-ui span, #wdr-toolbar-wrapper .wdr-toolbar-ui div, #wdr-toolbar-wrapper .wdr-toolbar-ui p, #wdr-toolbar-wrapper .wdr-toolbar-ui a, #wdr-toolbar-wrapper .wdr-toolbar-ui table, #wdr-toolbar-wrapper .wdr-toolbar-ui table th, #wdr-toolbar-wrapper .wdr-toolbar-ui table tr, #wdr-toolbar-wrapper .wdr-toolbar-ui table td, #wdr-toolbar-wrapper .wdr-toolbar-ui ul, #wdr-toolbar-wrapper .wdr-toolbar-ui li, #wdr-toolbar-wrapper .wdr-toolbar-ui input, #wdr-toolbar-wrapper .wdr-toolbar-ui textarea, #wdr-toolbar-wrapper .wdr-toolbar-ui select { font-family: Arial, sans-serif; font-size: 12px; text-align: left; color: #111; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-shadow: none; float: none; line-height: normal; } #wdr-pivot-view .wdr-ui-mobile, #wdr-pivot-view .wdr-ui-mobile span, #wdr-pivot-view .wdr-ui-mobile div, #wdr-pivot-view .wdr-ui-mobile p, #wdr-pivot-view .wdr-ui-mobile a, #wdr-pivot-view .wdr-ui-mobile table, #wdr-pivot-view .wdr-ui-mobile th, #wdr-pivot-view .wdr-ui-mobile tr, #wdr-pivot-view .wdr-ui-mobile td, #wdr-pivot-view .wdr-ui-mobile ul, #wdr-pivot-view .wdr-ui-mobile li, #wdr-pivot-view .wdr-ui-mobile input, #wdr-pivot-view .wdr-ui-mobile textarea, #wdr-pivot-view .wdr-ui-mobile select, #wdr-pivot-view .wdr-ui-mobile option { font-size: 14px; border-radius: 0; } #wdr-pivot-view .wdr-ui-mobile input[type="text"] { height: 28px; line-height: 28px; border: 1px solid #999; background-color: #ffffff; } #wdr-pivot-view .wdr-ui-mobile select { background-color: #ffffff; } #wdr-pivot-view .wdr-ui a { font-weight: normal; } #wdr-pivot-view .wdr-ui ul > li:before { width: 0px !important; height: 0px !important; margin: 0; padding: 0; border: 0; } #wdr-pivot-view a.wdr-ui { color: inherit; font-weight: normal; } #wdr-pivot-view a.wdr-ui:hover { color: inherit; font-weight: normal; -webkit-text-decoration: none; text-decoration: none; } #wdr-pivot-view input.wdr-ui { font-size: 12px; outline: none; } #wdr-pivot-view input.wdr-ui-mobile { font-size: 14px; } #wdr-pivot-view span.wdr-ui { font-size: 11px; } #wdr-pivot-view span.wdr-ui-mobile { font-size: 14px; } #wdr-pivot-view div.wdr-ui-clear { clear: both; } #wdr-pivot-view input[type=text].wdr-ui-text-input, #wdr-pivot-view input[type=number].wdr-ui-text-input { /*vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;*/ box-shadow: none; width: 100%; height: 38px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; text-align: left; color: #111; font-size: 14px; background: #fff; border: 1px solid #d5d5d5; } #wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-ui-prompt { color: #cecece; font-style: italic; } #wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-ui-mobile { height: 30px; } #wdr-pivot-view .wdr-ui textarea.wdr-ui-text-area { resize: none; border: 1px solid #999; padding: 1px; box-shadow: none; margin: 0; color: #111; font-size: 14px; } #wdr-pivot-view .wdr-ui textarea.wdr-ui-text-area:focus { outline: none; } #wdr-pivot-view [class^="wdr-ui-icon-"]:before, #wdr-pivot-view [class*=" wdr-ui-icon-"]:before, #wdr-pivot-view .wdr-ui-icon:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: webdatarocks-icons !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #wdr-pivot-view .wdr-icon-act_add:before { content: "\e900"; } #wdr-pivot-view .wdr-icon-act_calc:before { content: "\e90a"; } #wdr-pivot-view .wdr-icon-act_check:before { content: "\e902"; } #wdr-pivot-view .wdr-icon-act_close:before { content: "\e908"; } #wdr-pivot-view .wdr-icon-act_close_small:before { content: "\e904"; } #wdr-pivot-view .wdr-icon-act_filter:before { content: "\e905"; } #wdr-pivot-view .wdr-icon-act_font:before { content: "\e906"; } #wdr-pivot-view .wdr-icon-act_search:before { content: "\e913"; } #wdr-pivot-view .wdr-icon-act_table_settings:before { content: "\e90c"; } #wdr-pivot-view .wdr-icon-act_table_sort:before { content: "\e90d"; } #wdr-pivot-view .wdr-icon-act_trash:before { content: "\e908"; } #wdr-pivot-view .wdr-icon-arrow_down:before { content: "\e90f"; } #wdr-pivot-view .wdr-icon-arrow_left:before { content: "\e910"; } #wdr-pivot-view .wdr-icon-arrow_right:before { content: "\e911"; } #wdr-pivot-view .wdr-icon-arrow_up:before { content: "\e912"; } #wdr-pivot-view .wdr-icon-count_down:before { content: "\e926"; } #wdr-pivot-view .wdr-icon-count_up:before { content: "\e927"; } #wdr-pivot-view .wdr-icon-dd_connect_csv:before { content: "\e928"; } #wdr-pivot-view .wdr-icon-dd_connect_json:before { content: "\e929"; } #wdr-pivot-view .wdr-icon-dd_export_bar:before { content: "\e92a"; } #wdr-pivot-view .wdr-icon-dd_export_bar_hor:before { content: "\e92b"; } #wdr-pivot-view .wdr-icon-dd_export_bar_lane:before { content: "\e92c"; } #wdr-pivot-view .wdr-icon-dd_export_bar_stack:before { content: "\e92d"; } #wdr-pivot-view .wdr-icon-dd_export_line:before { content: "\e92e"; } #wdr-pivot-view .wdr-icon-dd_export_pie:before { content: "\e92f"; } #wdr-pivot-view .wdr-icon-dd_export_scatter:before { content: "\e930"; } #wdr-pivot-view .wdr-icon-dd_format:before { content: "\e931"; } #wdr-pivot-view .wdr-icon-dd_format_1:before { content: "\e932"; } #wdr-pivot-view .wdr-icon-dd_open_local:before { content: "\e933"; } #wdr-pivot-view .wdr-icon-dd_open_remote:before { content: "\e934"; } #wdr-pivot-view .wdr-icon-dd_save_exel:before { content: "\e935"; } #wdr-pivot-view .wdr-icon-dd_save_html:before { content: "\e936"; } #wdr-pivot-view .wdr-icon-dd_save_image:before { content: "\e937"; } #wdr-pivot-view .wdr-icon-dd_save_pdf:before { content: "\e938"; } #wdr-pivot-view .wdr-icon-dd_save_print:before { content: "\e939"; } #wdr-pivot-view .wdr-icon-direction_direction_y:before { content: "\e93a"; } #wdr-pivot-view .wdr-icon-menu_connect:before { content: "\e93c"; } #wdr-pivot-view .wdr-icon-menu_export:before { content: "\e93d"; } #wdr-pivot-view .wdr-icon-menu_fields:before { content: "\e93e"; } #wdr-pivot-view .wdr-icon-menu_format:before { content: "\e93f"; } #wdr-pivot-view .wdr-icon-menu_fullscreen_close:before { content: "\e940"; } #wdr-pivot-view .wdr-icon-menu_fullscreen_open:before { content: "\e941"; } #wdr-pivot-view .wdr-icon-menu_grid:before { content: "\e942"; } #wdr-pivot-view .wdr-icon-menu_open:before { content: "\e943"; } #wdr-pivot-view .wdr-icon-menu_options:before { content: "\e944"; } #wdr-pivot-view .wdr-icon-menu_save:before { content: "\e945"; } #wdr-pivot-view .wdr-icon-notif_arrow:before { content: "\e949"; } #wdr-pivot-view .wdr-icon-notif_confirm:before { content: "\e901"; } #wdr-pivot-view .wdr-icon-notif_info:before { content: "\e948"; } #wdr-pivot-view .wdr-icon-notif_warning:before { content: "\e949"; } .wdr-ui-icon { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; } .wdr-ui-vam { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .wdr-ui-icon-vam { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .wdr-ui-ham { left: 50%; transform: translateX(-50%); } .wdr-ui-icon-ham { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; left: 50%; transform: translateX(-50%); } .wdr-ui-icon-c { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 50%; transform: translateX(-50%); } .wdr-shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #wdr-pivot-view span.wdr-ui-label { color: #111; font-size: 14px; } #wdr-pivot-view span.wdr-ui-label * { font-size: 14px; } #wdr-pivot-view span.wdr-ui-label b { font-weight: bold; } #wdr-pivot-view span.wdr-ui-label-light { color: #999; } #wdr-pivot-view a.wdr-ui-btn, #wdr-toolbar-wrapper a.wdr-ui-btn { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; text-transform: uppercase; position: relative; outline: none; cursor: pointer; text-align: center; display: inline-block; vertical-align: top; transition: color 0.3s; font-size: 14px; font-weight: bold; padding: 10px 12px; letter-spacing: 0.5px; min-width: 90px; color: #555; border-radius: 4px; background: #DBDBDB; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view a.wdr-ui-btn:hover, #wdr-toolbar-wrapper a.wdr-ui-btn:hover { font-weight: bold; color: #626262; background: #e3e3e3; /*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/ } #wdr-pivot-view a.wdr-ui-btn:hover, #wdr-toolbar-wrapper a.wdr-ui-btn:hover, #wdr-pivot-view a.wdr-ui-btn:focus, #wdr-toolbar-wrapper a.wdr-ui-btn:focus, #wdr-pivot-view a.wdr-ui-btn:active, #wdr-toolbar-wrapper a.wdr-ui-btn:active { outline: none; } #wdr-pivot-view a.wdr-ui-btn-dark, #wdr-toolbar-wrapper a.wdr-ui-btn-dark { color: #fff; background: #555; } #wdr-pivot-view a.wdr-ui-btn-dark:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-dark:hover { font-weight: bold; color: #fff; background: #626262; } #wdr-pivot-view a.wdr-ui-btn-light, #wdr-toolbar-wrapper a.wdr-ui-btn-light { background: #fbfbfb; border: 1px solid #d5d5d5; color: #555; font-weight: normal; text-transform: none; padding: 11px 11px; } #wdr-pivot-view a.wdr-ui-btn-light:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-light:hover { background: #e3e3e3; /*border-color: @ui-border-color-light;*/ color: #555; font-weight: normal; } #wdr-pivot-view a.wdr-ui-btn-superlight, #wdr-toolbar-wrapper a.wdr-ui-btn-superlight { background: #fff; /*border: @ui-element-border;*/ color: #555; font-weight: normal; text-transform: none; padding: 11px 11px; padding-top: 9px; } #wdr-pivot-view a.wdr-ui-btn-superlight:hover, #wdr-toolbar-wrapper a.wdr-ui-btn-superlight:hover { background: #fbfbfb; /*border-color: @ui-border-color-light;*/ color: #555; font-weight: normal; } #wdr-pivot-view a.wdr-ui-btn.wdr-ui-btn-close, #wdr-toolbar-wrapper a.wdr-ui-btn.wdr-ui-btn-close { font-size: 0; border: none; background: none; min-width: auto; min-width: 0; min-width: initial; width: 30px; height: 30px; padding: 2px; } #wdr-pivot-view a.wdr-ui-btn.wdr-ui-btn-close:before, #wdr-toolbar-wrapper a.wdr-ui-btn.wdr-ui-btn-close:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\e908"; font-size: 26px; } #wdr-pivot-view .wdr-ui-btns-row, #wdr-toolbar-wrapper .wdr-ui-btns-row { font-size: 0; } #wdr-pivot-view .wdr-ui-btns-row .wdr-ui-btn, #wdr-toolbar-wrapper .wdr-ui-btns-row .wdr-ui-btn { margin-right: 20px; height: 38px; } #wdr-pivot-view .wdr-ui-btns-row .wdr-ui-btn:last-child, #wdr-toolbar-wrapper .wdr-ui-btns-row .wdr-ui-btn:last-child { margin-right: 0; } #wdr-pivot-view .wdr-icon-notif_arrow:before, #wdr-toolbar-wrapper .wdr-icon-notif_arrow:before { content: "\e949"; } #wdr-pivot-view a.wdr-ui-toggle-btn { color: #999; font-size: 14px; line-height: 36px; display: inline-block; text-align: center; cursor: pointer; border: 1px solid #d5d5d5; background: #fff; } #wdr-pivot-view a.wdr-ui-toggle-btn.wdr-selected { color: #111; background: #f1f1f1; } #wdr-pivot-view a.wdr-ui-toggle-btn:hover { color: #111; background: #e3e3e3; } #wdr-pivot-view a.wdr-ui-toggle-btn-dark { color: #111; background: #f1f1f1; } #wdr-pivot-view a.wdr-ui-toggle-btn-dark.wdr-selected { color: #fff; background: #555; border-color: #555; } #wdr-pivot-view a.wdr-ui-toggle-btn-dark.wdr-selected:hover { background: #626262; border-color: #626262; } #wdr-pivot-view a.wdr-ui-link-btn { background: none; font-size: 12px; -webkit-text-decoration: underline; text-decoration: underline; line-height: normal; width: auto; width: initial; height: auto; height: initial; border: none; padding: 0; cursor: pointer; } #wdr-pivot-view a.wdr-ui-link-btn:hover { background: none; -webkit-text-decoration: none; text-decoration: none; } #wdr-pivot-view a.wdr-ui-link-btn.wdr-ui-pressed { background: none; -webkit-text-decoration: underline; text-decoration: underline; } #wdr-pivot-view a.wdr-ui-checkbox { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: inline-block; vertical-align: middle; } #wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label { padding-left: 30px; position: relative; line-height: 1.2; color: #111; font-size: 14px; } #wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:before { content: ''; display: inline-block; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #d5d5d5; background: #fff; } #wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:before:hover { border-color: #999; } #wdr-pivot-view a.wdr-ui-checkbox .wdr-ui-label:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; content: '\e901'; color: #fff; font-size: 16px; left: 1px; } #wdr-pivot-view a.wdr-ui-checkbox.wdr-selected .wdr-ui-label:after { opacity: 1; } #wdr-pivot-view a.wdr-ui-checkbox.wdr-selected .wdr-ui-label:before { border: none; background: #555; } #wdr-pivot-view a.wdr-ui-checkbox.wdr-ui-semi-selected .wdr-ui-label:after { content: ''; background: #555; width: 10px; height: 10px; left: 4px; top: 9px; opacity: 1; } #wdr-pivot-view div.wdr-ui-dropdown { text-align: left; display: inline-block; vertical-align: top; width: auto; width: initial; position: relative; box-sizing: border-box; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn { display: block; position: relative; background-color: #fff; text-align: left; border: 1px solid #d5d5d5; padding: 9px 35px 10px 10px; box-sizing: border-box; cursor: pointer; height: 38px; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn .wdr-ui-label { color: #111; font-size: 14px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e902"; right: 8px; font-size: 21px; color: #999; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn.wdr-selected:after { content: "\e904"; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-btn.wdr-selected + .wdr-ui-dropdown-list { margin-top: 5px; visibility: visible; opacity: 1; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list { display: block; position: absolute; z-index: 3; left: 0; top: 100%; border: 1px solid #d5d5d5; margin-top: 20px; visibility: hidden; width: 100%; box-sizing: border-box; opacity: 1; background: #fff; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul { overflow-y: auto; max-height: 300px; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li { display: block; border-bottom: 1px solid #DBDBDB; padding: 11px 9px; cursor: pointer; position: relative; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li .wdr-ui-label { color: #111; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li:last-child { border-bottom: none; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li:hover { background: #f1f1f1; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li.wdr-selected { background: #f1f1f1; padding-right: 25px; position: relative; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list ul li.wdr-selected:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: '\e901'; color: #999; right: 8px; font-size: 18px; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:before, #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:after { content: ''; position: absolute; display: block; left: 50%; transform: translateX(-50%); } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:before { width: 0px; height: 0px; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #d5d5d5 transparent; top: -6px; } #wdr-pivot-view div.wdr-ui-dropdown .wdr-ui-dropdown-list:after { width: 0px; height: 0px; border-style: solid; border-width: 0 4.5px 5px 4.5px; border-color: transparent transparent #fff transparent; top: -5px; } /* popup */ #wdr-pivot-view div.wdr-ui-window { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); max-width: 100%; background: #fff; margin: 0 auto 0; border: 1px solid #d5d5d5; padding: 24px 30px 30px; box-sizing: border-box; position: absolute; z-index: 7; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-header { min-height: 40px; margin-bottom: 10px; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-header.wdr-ph-simple { margin-bottom: 24px; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-header .wdr-popup-icons-row { margin-bottom: 25px; margin-top: 7px; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-header .wdr-ui-btns-row { position: absolute; right: 30px; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-title { color: #111; font-size: 24px; display: block; padding: 5px 0; } #wdr-pivot-view div.wdr-ui-window .wdr-popup-subtitle { color: #999; font-size: 14px; margin-top: 5px; display: block; } #wdr-pivot-view div.wdr-ui-popup { z-index: 12; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile { padding: 20px; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile .wdr-popup-subtitle { display: none; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile .wdr-ui-btns-row { right: 20px; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header { margin-bottom: 10px; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col { width: 100%; margin-bottom: 10px; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row { position: relative; right: auto; right: initial; right: auto; text-align: left; } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row .wdr-ui-btn { width: calc(50% - 10px); width: -webkit-calc(50% - 10px); } #wdr-pivot-view div.wdr-ui-popup.wdr-layout-mobile-small .wdr-popup-header .wdr-popup-title { font-size: 18px; line-height: 1; } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-row, #wdr-pivot-view .wdr-ui .wdr-ui-row { font-size: 0; } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col, #wdr-pivot-view .wdr-ui .wdr-ui-col, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-2, #wdr-pivot-view .wdr-ui .wdr-ui-col-2, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3, #wdr-pivot-view .wdr-ui .wdr-ui-col-3, #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9, #wdr-pivot-view .wdr-ui .wdr-ui-col-9 { display: inline-block; vertical-align: top; min-height: 1px; } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-2, #wdr-pivot-view .wdr-ui .wdr-ui-col-2 { width: 50%; } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3, #wdr-pivot-view .wdr-ui .wdr-ui-col-3 { margin-right: 30px; width: calc(33.33% - 20px); } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-3:nth-child(3n+3), #wdr-pivot-view .wdr-ui .wdr-ui-col-3:nth-child(3n+3) { margin-right: 0; } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9, #wdr-pivot-view .wdr-ui .wdr-ui-col-9 { margin-right: 1px; margin-bottom: 1px; width: calc(11.11% - 0.9px); } #wdr-toolbar-wrapper .wdr-ui .wdr-ui-col-9:nth-child(9n+9), #wdr-pivot-view .wdr-ui .wdr-ui-col-9:nth-child(9n+9) { margin-right: 0; } #wdr-toolbar-wrapper .wdr-ui .wdr-vam, #wdr-pivot-view .wdr-ui .wdr-vam { vertical-align: middle; } #wdr-toolbar-wrapper .wdr-ui .wdr-vat, #wdr-pivot-view .wdr-ui .wdr-vat { vertical-align: top; } #wdr-toolbar-wrapper .wdr-ui .wdr-tar, #wdr-pivot-view .wdr-ui .wdr-tar { text-align: right; } #wdr-toolbar-wrapper .wdr-ui .wdr-tal, #wdr-pivot-view .wdr-ui .wdr-tal { text-align: left; } #wdr-toolbar-wrapper .wdr-ui .wdr-tac, #wdr-pivot-view .wdr-ui .wdr-tac { text-align: center; } #wdr-toolbar-wrapper .wdr-ui .wdr-mb30, #wdr-pivot-view .wdr-ui .wdr-mb30 { margin-bottom: 30px; } #wdr-pivot-view .wdr-helper { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); display: inline-block; background: #f1f1f1; opacity: 0.9; padding: 10px 9px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; border: 1px solid #d5d5d5; pointer-events: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 250px; color: #111; } #wdr-pivot-view .wdr-header-helper { text-transform: uppercase; border: none; background: #DBDBDB; padding: 8px 6px; font-size: 12px; border: 1px solid #999; cursor: move; } #wdr-pivot-view .wdr-drop-indicator { height: 2px; background: #555; pointer-events: none; } #wdr-pivot-view div.wdr-ui-panel { position: relative; background: #fff; border: 1px solid #999; } #wdr-pivot-view div.wdr-ui-modal-overlay { background-color: white; opacity: 0.8; position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; } #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-ui-opaque { opacity: 1; } #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-ui-transparent { opacity: 0; } #wdr-pivot-view div.wdr-ui-toolbar { background: #fff; border-top: 1px dotted #dcdcdc; border-left: none; border-right: none; border-bottom: none; margin-bottom: 0px; } #wdr-pivot-view div.wdr-ui-hgroup { overflow: hidden; } #wdr-pivot-view div.wdr-ui-hgroup > * { float: left; } #wdr-pivot-view div.wdr-ui-vgroup > * { display: block; } #wdr-pivot-view ul.wdr-ui-list { list-style-type: none; padding: 0; margin: 0; } #wdr-pivot-view .wdr-ui-disabled, #wdr-toolbar-wrapper .wdr-ui-disabled { pointer-events: none; cursor: default; opacity: 0.5; } #wdr-pivot-view div.wdr-ui-vlist { position: relative; overflow-x: hidden; overflow-y: auto; } #wdr-pivot-view div.wdr-ui-vlist ul.wdr-ui-list { position: absolute; overflow: hidden; width: 100%; top: 0; background: #fff; } #wdr-pivot-view div.wdr-ui-vlist div.wdr-ui-vlist-placeholder { width: 100%; } #wdr-pivot-view div.wdr-ui-divider { background-color: #f1f1f1; position: absolute; z-index: 1; } #wdr-pivot-view div.wdr-ui-divider:hover { background-color: #ececec; } #wdr-pivot-view div.wdr-ui-divider:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 50%; transform: translateX(-50%); content: "\e910"; font-size: 13px; color: #999; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal { left: 0; right: 0; height: 9px; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal:hover { cursor: row-resize; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-horizontal:before { top: -2px; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical { top: 0; bottom: 0; width: 9px; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical:hover { cursor: col-resize; } #wdr-pivot-view div.wdr-ui-divider.wdr-ui-vertical:before { left: -2px; transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } #wdr-pivot-view .wdr-ui-toolbar-mobile { height: 48px; border-bottom: 1px solid #999; } #wdr-pivot-view .wdr-ui-toolbar-mobile .wdr-ui-header-display { pointer-events: none; position: absolute; top: 12px; font-size: 17px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; display: inline-block; width: 100%; } @media only screen and (max-width: 560px) { #wdr-pivot-view .wdr-ui-toolbar-mobile .wdr-ui-header-display { font-size: 14px; top: 15px; } } #wdr-pivot-view .wdr-ui-right { position: absolute; right: 0; top: 0; } #wdr-pivot-view .wdr-ui-left { position: absolute; left: 0; top: 0; } #wdr-pivot-view a.wdr-ui-btn.wdr-disabled { pointer-events: none; cursor: default; color: #aaa; opacity: 0.4; } #wdr-pivot-view a.wdr-ui-btn:hover.wdr-disabled { background: #fff; } #wdr-pivot-view a.wdr-ui-btn:active.wdr-disabled { background: #fff; } #wdr-pivot-view .wdr-credits { display: block; height: 14px; position: absolute; right: 0; bottom: -18px; opacity: 0.5; filter: grayscale(1); transition: opacity 0.5s; } #wdr-pivot-view .wdr-credits .wdr-created { font-size: 11px; vertical-align: top; color: #777; opacity: 0; display: inline-block; margin-right: 2px; } #wdr-pivot-view .wdr-credits a { font-size: 9px !important; } #wdr-pivot-view .wdr-credits:hover { opacity: 1; filter: none; } #wdr-pivot-view .wdr-credits:hover .wdr-created { opacity: 1; } /* ===== PIVOT UI END ===== */ /* Filter */ #wdr-pivot-view #wdr-filter-view { width: 500px; min-width: 320px; /* layouts */ } #wdr-pivot-view #wdr-filter-view .wdr-popup-header { margin-bottom: 25px; } #wdr-pivot-view #wdr-filter-view .wdr-popup-header .wdr-ui-row .wdr-ui-btns-row { white-space: nowrap; position: absolute; right: 0; } #wdr-pivot-view #wdr-filter-view .wdr-popup-header .wdr-popup-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #wdr-pivot-view #wdr-filter-view .wdr-bold-btn { font-weight: bold; text-transform: uppercase; } #wdr-pivot-view #wdr-filter-view a.wdr-ui-toggle-btn.wdr-sort-btn { width: 70px; font-weight: bold; text-transform: uppercase; } #wdr-pivot-view #wdr-filter-view #wdr-sort-label { margin-right: 10px; } #wdr-pivot-view #wdr-filter-view .wdr-sort-btns { display: inline-block; margin-bottom: 30px; } #wdr-pivot-view #wdr-filter-view .wdr-sort-btns .wdr-sort-btn:first-child { border-right: none; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn { position: relative; width: 140px; margin-bottom: 30px; font-weight: bold; text-transform: uppercase; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx { display: none; position: absolute; right: 4px; top: 8px; width: 12px; height: 16px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx:hover { -webkit-text-decoration: none; text-decoration: none; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn .wdr-btn-canceltopx:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\e908"; font-size: 15px; left: -15px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-not-empty { padding-right: 20px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-not-empty .wdr-btn-canceltopx { display: block; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow { width: 90px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow.wdr-not-empty { padding-left: 12px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-narrow .wdr-btn-canceltopx { font-size: 0; right: 6px; } #wdr-pivot-view #wdr-filter-view #wdr-top10-btn.wdr-selected .wdr-btn-canceltopx { color: #fff; } #wdr-pivot-view #wdr-filter-view #wdr-add-group-btn { font-weight: bold; text-transform: uppercase; margin-right: 20px; margin-bottom: 30px; width: 100px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table { border: 1px solid #d5d5d5; margin-bottom: 30px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-ui-checkbox.wdr-selected { font-weight: bold; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content { position: relative; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list { height: 100%; overflow-y: auto; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li { border-bottom: 1px solid #DBDBDB; padding: 10px 9px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn { color: #999; display: inline-block; font-size: 14px; position: relative; min-height: 1px; width: 30px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\e911"; top: -17px; text-align: center; width: 30px; padding: 8px 0; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-expand-toggle-btn.wdr-selected:before { content: "\e90f"; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-content #wdr-members-filter-list li .wdr-ungroup-btn { position: absolute; right: 10px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header { border-bottom: 1px solid #d5d5d5; background: #f1f1f1; padding: 10px 9px; position: relative; height: 37px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-btn-collapse { margin-left: 8px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header #wdr-select-counter { display: inline-block; vertical-align: middle; margin-left: 12px; color: #999; font-size: 12px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap { position: absolute; top: 0; right: 0; width: 100px; height: 100%; border-left: 1px solid #d5d5d5; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-inp { position: absolute; right: 0; width: 100%; height: 36px; padding-left: 10px; padding-right: 39px; font-size: 14px; background: #fff; opacity: 0; border: none; visibility: hidden; border-left: 1px solid #d5d5d5; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close { opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; height: 100%; width: 39px; cursor: pointer; color: #999; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close:before { font-size: 26px; position: absolute; top: 5px; left: 8px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-icon-act_close:hover { color: #555; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn { position: absolute; height: 36px; width: 100%; font-size: 14px; text-align: center; cursor: pointer; border: none; background: transparent; color: #999; padding-top: 10px; padding-right: 16px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search { color: #999; position: absolute; top: 5px; right: 7px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search:before { font-size: 25px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover { color: #111; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search, #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search:before { color: #111; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened { width: 50%; height: 100%; border-left: none; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-icon-act_close, #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-inp { visibility: visible; opacity: 1; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened #wdr-select-counter { display: none; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn { display: none; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table .wdr-filters-table-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn .wdr-icon-act_search:before { color: #DBDBDB; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table:last-child { margin-bottom: 0; } #wdr-pivot-view #wdr-filter-view .wdr-filters-table.wdr-ft-contentheight-220 .wdr-filters-table-content { height: 222px; } #wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-top-amount-input { width: 70px; vertical-align: top; } #wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns { margin-left: 10px; display: inline-block; width: 140px; } #wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns a.wdr-ui-toggle-btn.wdr-topx-btn { width: 50%; } #wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-topx-btns .wdr-topx-btn:first-child { border-right: none; } #wdr-pivot-view #wdr-filter-view #wdr-filters-topx-view #wdr-top-measures-dropdown { width: calc(100% - 230px); width: -webkit-calc(100% - 230px); min-width: 120px; display: inline-block; vertical-align: top; margin-left: 10px; } #wdr-pivot-view #wdr-filter-view #wdr-add-group-view #wdr-save-btn { width: 80px; color: #111; } #wdr-pivot-view #wdr-filter-view #wdr-add-group-view #wdr-group-name-input { width: calc(100% - 90px); margin-right: 10px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview { margin-bottom: 20px; margin-top: -10px; background: #fbfbfb; border: 1px solid #DBDBDB; position: relative; padding: 14px 13px; font-size: 0; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview:before, #wdr-pivot-view #wdr-filter-view .wdr-filters-subview:after { content: ''; position: absolute; display: block; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview:before { width: 0px; height: 0px; border-style: solid; border-width: 0 6.5px 7px 6.5px; border-color: transparent transparent #DBDBDB transparent; right: 63px; top: -7px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview:after { width: 0px; height: 0px; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #fbfbfb transparent; right: 64px; top: -6px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview#wdr-add-group-view:before { right: 150px; } #wdr-pivot-view #wdr-filter-view .wdr-filters-subview#wdr-add-group-view:after { right: 151px; } #wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout .wdr-topx-col { text-align: left; } #wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout #wdr-add-group-view:before { right: auto; right: initial; left: 45px; } #wdr-pivot-view #wdr-filter-view .wdr-filter-pages-layout #wdr-add-group-view:after { right: auto; right: initial; left: 46px; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col, #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col-2 { width: 100%; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-col-2 { margin-bottom: 10px; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-ui-btns-row { position: relative; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small .wdr-popup-header .wdr-popup-title { line-height: 1.1; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small a.wdr-ui-toggle-btn.wdr-sort-btn { width: 60px; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-sort-label { display: none; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-select-counter { display: none !important; } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-top-amount-input, #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-topx-btns { width: calc(50% - 5px); width: -webkit-calc(50% - 5px); } #wdr-pivot-view #wdr-filter-view.wdr-layout-mobile-small #wdr-filters-topx-view #wdr-top-measures-dropdown { width: 100%; min-width: auto; min-width: 0; min-width: initial; margin: 0; margin-top: 10px; } /* Pivot view */ #wdr-pivot-view { min-width: 300px; min-height: 200px; position: relative; background: #fff; border: 1px solid #d5d5d5; outline: none; box-sizing: border-box; } #wdr-pivot-view #wdr-branding-bar { background-color: #fff; border-top: 1px solid #d5d5d5; width: 100%; height: 21px; position: absolute; bottom: 0px; z-index: 2; } #wdr-pivot-view #wdr-branding-bar > span { line-height: 21px; color: #999; } #wdr-pivot-view #wdr-branding-bar > span a { color: #ff9b79; } #wdr-pivot-view #wdr-branding-bar #wdr-version-label { float: left; margin-left: 5px; } @media only screen and (max-width: 660px) { #wdr-pivot-view #wdr-branding-bar span, #wdr-pivot-view #wdr-branding-bar span a { font-size: 11px; } } @media only screen and (max-width: 520px) { #wdr-pivot-view #wdr-branding-bar #wdr-version-label { display: none; } } #wdr-pivot-view #wdr-branding-bar #wdr-link { float: right; margin-right: 5px; vertical-align: top; } #wdr-pivot-view #wdr-branding-bar #wdr-info-icon { display: inline-block; height: 13px; width: 13px; margin-left: 5px; margin-right: 2px; color: #d5d5d5; font-size: 16px; cursor: pointer; } #wdr-pivot-view #wdr-branding-bar #wdr-info-icon:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\ea0c"; } @media all and (max-width: 600px) { #wdr-pivot-view { min-width: 0; min-width: initial; min-height: 0; min-height: initial; } } #wdr-pivot-view #wdr-grid-view { background-color: #fff; width: 100%; height: 100%; overflow: hidden; } #wdr-pivot-view .wdr-grid-column { width: 100px; } #wdr-pivot-view .wdr-grid-row { height: 30px; } #wdr-pivot-view .wdr-grid-column-mobile { width: 100px; } #wdr-pivot-view .wdr-grid-row-mobile { height: 30px; } #wdr-pivot-view span.wdr-ui-label.wdr-pivot-title { text-align: center; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 4px 10px 5px; } /* Fields */ #wdr-pivot-view .wdr-fields-view-wrap { position: absolute; z-index: 11; right: 0; top: 0; } #wdr-pivot-view .wdr-fields-view-wrap.wdr-fields-opened { position: relative; z-index: 12; } #wdr-pivot-view .wdr-fields-view-wrap.wdr-fields-opened #wdr-btn-open-fields { display: none; } #wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields { font-size: 0; border: none; border-radius: 0; /*border-bottom-left-radius: 4px;*/ background-color: #fff; min-width: auto; min-width: 0; min-width: initial; padding: 9px; width: 44px; height: 44px; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields:hover { background-color: #f1f1f1; } #wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; padding-left: 1px; content: "\e907"; font-size: 24px; color: #555; } #wdr-pivot-view #wdr-fields-view { /* layouts */ } #wdr-pivot-view #wdr-fields-view.wdr-pivot-fields { width: 780px; min-width: 450px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-header .wdr-ui-col:first-child { max-width: 300px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-header .wdr-ui-col:first-child span.wdr-ui-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure { padding-right: 40px; max-width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 4px; color: #999; font-size: 28px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-header #wdr-btn-add-measure:hover:before { color: #555; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-ui-row { height: 330px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-ui-col-3 { height: 100%; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap { border: 1px solid #d5d5d5; position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header { background: #f1f1f1; border-bottom: 1px solid #d5d5d5; padding: 5px 10px; position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header span.wdr-ui-label { color: #999; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header.wdr-list-header-wide { padding: 0px; height: 35px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-list-header-label-wrap { width: calc(100% - 40px); width: -webkit-calc(100% - 40px); padding: 10px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header #wdr-btn-collapse-expand-all { margin-left: 8px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap { position: absolute; top: 0; right: 0; width: 40px; height: 100%; border-left: 1px solid #d5d5d5; z-index: 9; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-inp { z-index: 2; position: absolute; right: 0; width: 100%; height: 34px; padding-left: 39px; padding-right: 39px; color: #111; font-size: 14px; background: #fff; opacity: 0; border: none; visibility: hidden; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close { opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; height: 100%; width: 39px; cursor: pointer; z-index: 3; color: #999; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close:before { font-size: 26px; position: absolute; top: 5px; left: 8px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-icon-act_close:hover { color: #555; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn { position: absolute; height: 36px; width: 100%; font-size: 14px; text-align: center; cursor: pointer; z-index: 3; border: none; background: transparent; color: #999; padding-bottom: 4px; padding-right: 16px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search { color: #999; position: absolute; top: 5px; right: 7px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn .wdr-icon-act_search:before { font-size: 25px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover { color: #111; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap .wdr-search-btn:hover .wdr-icon-act_search:before { color: #111; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened { width: 100%; height: 100%; border-left: none; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-icon-act_close, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-inp { visibility: visible; opacity: 1; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened #wdr-select-counter { display: none; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn { font-size: 0; width: 40px; left: 0; pointer-events: none; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-search-wrap.wdr-search-opened .wdr-search-btn .wdr-icon-act_search:before { color: #DBDBDB; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content { min-height: 37px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content .wdr-ui-list { height: calc(100% - 2px); height: -webkit-calc(100% - 2px); overflow-x: hidden; overflow-y: auto; position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li { border-bottom: 1px solid #DBDBDB; padding: 10px 9px; position: relative; cursor: move; background: #fff; height: 38px; white-space: nowrap; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li span { vertical-align: middle; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-text-display { font-size: 14px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-drag-handle { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #d5d5d5; font-size: 20px; padding: 8px 6px; right: 0; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li #wdr-drag-handle:before { content: "\e910"; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-values { padding-left: 26px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-values:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\e914"; font-size: 24px; color: #d5d5d5; left: 2px; top: 6px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content li.wdr-selected #wdr-text-display { font-weight: bold; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li #wdr-text-display { position: absolute; left: 30px; right: 30px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-check-icon { display: inline-block; width: 18px; height: 18px; margin-right: 5px; cursor: pointer; position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-unchecked:not(.wdr-level-folder) #wdr-icon-display { display: inline-block; width: 18px; height: 18px; margin-right: 5px; cursor: pointer; position: relative; border: 1px solid #d5d5d5; background: #fff; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-checked:not(.wdr-level-folder) #wdr-icon-display { display: inline-block; width: 18px; height: 18px; margin-right: 5px; cursor: pointer; position: relative; background: #555; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-checked:not(.wdr-level-folder) #wdr-icon-display:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: '\e901'; color: #fff; font-size: 16px; left: 1px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder { cursor: pointer; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-text-display { right: 10px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-icon-display { display: inline-block; width: 17px; height: 17px; margin-right: 5px; position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder #wdr-icon-display:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; font-size: 14px; color: #999; padding: 2px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder.wdr-collapsed #wdr-icon-display:before { content: "\e903"; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-folder.wdr-expanded #wdr-icon-display:before { content: "\e902"; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder #wdr-text-display { left: 52px; right: 20px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-unchecked #wdr-moreicon-display { display: inline-block; width: 18px; height: 18px; margin-right: 5px; cursor: pointer; position: relative; border: 1px solid #d5d5d5; background: #fff; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-checked #wdr-moreicon-display { display: inline-block; width: 18px; height: 18px; margin-right: 5px; cursor: pointer; position: relative; background: #555; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-level-folder.wdr-checked #wdr-moreicon-display:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: '\e901'; color: #fff; font-size: 16px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measures-folder:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e914"; right: 4px; font-size: 24px; color: #DBDBDB; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measures-folder #wdr-text-display { right: 20px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measure:not(.wdr-calculated):after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e914"; right: 24px; font-size: 24px; color: #DBDBDB; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-measure:not(.wdr-calculated) #wdr-text-display { right: 50px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; right: 24px; font-size: 24px; color: #DBDBDB; width: 24px; height: 24px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display:hover { color: #999; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-calculated #wdr-calc-display:before { content: "\e914"; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-kpis-folder:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e94a"; right: 8px; font-size: 16px; color: #DBDBDB; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li.wdr-kpis-folder #wdr-text-display { right: 25px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1 { padding-left: 20px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1 #wdr-text-display { left: 42px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level #wdr-text-display { left: 54px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level-folder #wdr-text-display { left: 64px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-1.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2 { padding-left: 30px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2 #wdr-text-display { left: 52px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level #wdr-text-display { left: 64px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level-folder #wdr-text-display { left: 74px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-2.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3 { padding-left: 40px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3 #wdr-text-display { left: 62px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level #wdr-text-display { left: 74px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level-folder #wdr-text-display { left: 84px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-3.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4 { padding-left: 50px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4 #wdr-text-display { left: 72px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level #wdr-text-display { left: 84px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level-folder #wdr-text-display { left: 94px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-4.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5 { padding-left: 60px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5 #wdr-text-display { left: 82px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level #wdr-text-display { left: 94px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level-folder #wdr-text-display { left: 104px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-5.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6 { padding-left: 70px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6 #wdr-text-display { left: 92px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level #wdr-text-display { left: 104px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level-folder #wdr-text-display { left: 114px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-6.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7 { padding-left: 80px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7 #wdr-text-display { left: 102px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level #wdr-text-display { left: 114px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level-folder #wdr-text-display { left: 124px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-7.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8 { padding-left: 90px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8 #wdr-text-display { left: 112px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level #wdr-text-display { left: 124px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level-folder #wdr-text-display { left: 134px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-8.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9 { padding-left: 100px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9 #wdr-text-display { left: 122px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level #wdr-text-display { left: 134px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level-folder #wdr-text-display { left: 144px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-9.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10 { padding-left: 110px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10 #wdr-text-display { left: 132px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level #wdr-text-display { left: 144px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level-folder #wdr-text-display { left: 154px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-level-10.wdr-level #wdr-icon-display { left: 12px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures { position: relative; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-text-display { width: calc(100% - 50px); width: -webkit-calc(100% - 50px); } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display { width: 32px; height: 100%; position: absolute; right: 30px; top: 0; cursor: pointer; padding-top: 7px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; letter-spacing: -8px; content: "\e914\e902"; font-size: 24px; color: #999; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-measures #wdr-aggr-display:hover:before { color: #555; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-pages #wdr-text-display, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-columns #wdr-text-display, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-rows #wdr-text-display { width: calc(100% - 20px); width: -webkit-calc(100% - 20px); } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap .wdr-prompt { position: absolute; bottom: 0; width: 100%; padding: 12px; color: #cecece; font-style: italic; text-align: center; z-index: -1; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols { margin-bottom: 30px; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures { height: calc(50% - 15px); } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows .wdr-list-content, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures .wdr-list-content { height: calc(100% - 23px); } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-pages .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-cols .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-rows .wdr-dragging-move, #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-measures .wdr-dragging-move { display: none; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-all { height: 100%; } #wdr-pivot-view #wdr-fields-view .wdr-popup-content .wdr-list-wrap-all .wdr-list-content { height: calc(100% - 33px); } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields { min-width: 320px; width: 420px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-header .wdr-ui-col:first-child { margin-right: 20px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-header #wdr-btn-add-measure { min-width: 40px; width: 40px; padding: 0; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header { padding: 10px 9px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-ui-checkbox span.wdr-ui-label { color: #111; padding-left: 26px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-header .wdr-ui-checkbox.wdr-selected { font-weight: bold; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies { max-height: 303px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies li #wdr-text-display { left: 35px; } #wdr-pivot-view #wdr-fields-view.wdr-flat-fields .wdr-popup-content .wdr-list-wrap .wdr-list-content #wdr-lst-hierarchies .wdr-dragging-move { display: none; } #wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-popup-header .wdr-ui-col:first-child { margin-right: 20px; } #wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide .wdr-list-header-label-wrap { position: absolute; top: 50%; transform: translate(0, -50%); } #wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide span.wdr-ui-label { display: block; } #wdr-pivot-view #wdr-fields-view.wdr-layout-tablet .wdr-list-wrap .wdr-list-header.wdr-list-header-wide #wdr-btn-collapse-expand-all { margin-left: 0px; } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-btn-add-measure { font-size: 0; min-width: 40px; width: 40px; padding: 0; } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile .wdr-ui-col-3 { margin-right: 12px; width: calc(33.33% - 8px); width: -webkit-calc(33.33% - 8px); } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile .wdr-ui-col-3:nth-child(3n+3) { margin-right: 0; } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-pages, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-columns { margin-bottom: 12px; } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-pages, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-columns, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-measures, #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile #wdr-wrap-rows { height: calc(50% - 6px); height: -webkit-calc(50% - 6px); } #wdr-pivot-view #wdr-fields-view.wdr-layout-mobile-small .wdr-ui-btns-row .wdr-ui-btn:not(#wdr-btn-add-measure) { width: calc(50% - 40px); width: -webkit-calc(50% - 40px); } #wdr-pivot-view #wdr-aggregations-view { width: 170px; background: #fff; z-index: 9; border: 1px solid #d5d5d5; position: absolute; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 0; } #wdr-pivot-view #wdr-aggregations-view .wdr-arrow { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; right: 0; } #wdr-pivot-view #wdr-aggregations-view .wdr-arrow:after, #wdr-pivot-view #wdr-aggregations-view .wdr-arrow:before { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; } #wdr-pivot-view #wdr-aggregations-view .wdr-arrow:before { border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #d5d5d5; } #wdr-pivot-view #wdr-aggregations-view .wdr-arrow:after { border-width: 4.5px 0 4.5px 5px; border-color: transparent transparent transparent #f1f1f1; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list { max-height: 300px; overflow-y: auto; overflow-x: hidden; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li { padding: 10px 9px; border-bottom: 1px solid #DBDBDB; cursor: pointer; position: relative; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li:last-child { border-bottom: none; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li:hover { background: #f1f1f1; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li.wdr-selected { background: #f1f1f1; } #wdr-pivot-view #wdr-aggregations-view ul.wdr-ui-list li.wdr-selected:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: '\e901'; right: 24px; top: 8px; color: #999; font-size: 18px; } #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-dt-fields-overlay { z-index: 13; } #wdr-pivot-view div.wdr-ui-popup.wdr-dt-fields { z-index: 14; } #wdr-pivot-view div.wdr-ui-popup.wdr-dt-fields #wdr-btn-add-measure { display: none; } /* Drill trough view */ #wdr-pivot-view #wdr-drillthrough-view { overflow: hidden; min-width: 320px; } #wdr-pivot-view #wdr-drillthrough-view .wdr-header-container { position: relative; margin-bottom: 10px; } #wdr-pivot-view #wdr-drillthrough-view .wdr-details-container { margin-bottom: 20px; } #wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label { margin-right: 20px; display: inline-block; max-width: 33%; vertical-align: top; } #wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label b { color: #111; } #wdr-pivot-view #wdr-drillthrough-view .wdr-details-container .wdr-ui-label:last-child { margin-right: 0; } #wdr-pivot-view #wdr-drillthrough-view .wdr-grid-container { border: 1px solid #d5d5d5; position: relative; } #wdr-pivot-view #wdr-drillthrough-view .wdr-popup-title { padding-right: 30px; } #wdr-pivot-view #wdr-drillthrough-view .wdr-ui-btn-close { position: absolute; top: 0; right: 0; } #wdr-pivot-view input[type=text].wdr-ui-text-input.wdr-editing-cell { position: absolute; font-size: 12px; } #wdr-pivot-view textarea.wdr-ui-text-area.wdr-editing-cell { position: absolute; font-size: 12px; padding-left: 4px; padding-top: 7px; box-sizing: border-box; z-index: 1; } /* Drill trough view end */ /* Calculated view */ #wdr-pivot-view #wdr-calculated-view { z-index: 14; min-width: 320px; width: 480px; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-header .wdr-ui-col:first-child { margin-right: 30px; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn { min-width: 40px; padding: 0; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 30px; right: 4px; color: #999; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-header #wdr-remove-btn:hover:before { color: #555; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content { position: relative; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-name-input { margin-bottom: 20px; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures { border: 1px solid #d5d5d5; margin-bottom: 20px; height: 191px; overflow-x: hidden; overflow-y: auto; position: relative; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li { border-bottom: 1px solid #DBDBDB; padding: 10px 9px; position: relative; cursor: move; background: #fff; height: 38px; white-space: nowrap; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li span { vertical-align: middle; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-text-display { font-size: 14px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display { width: 32px; height: 100%; position: absolute; right: 30px; top: 0; cursor: pointer; padding-top: 7px; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; letter-spacing: -8px; content: "\e914\e902"; font-size: 24px; color: #999; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-aggr-display:hover:before { color: #555; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-drag-handle { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #d5d5d5; font-size: 20px; padding: 8px; right: 0; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-lst-measures li #wdr-drag-handle:before { content: "\e910"; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group { margin-top: 20px; margin-bottom: 20px; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group .wdr-calc-action { height: 38px; line-height: 36px; font-size: 14px; background: #999; position: relative; display: inline-block; vertical-align: top; color: #fff; text-align: center; cursor: pointer; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content #wdr-func-btn-group .wdr-calc-action:hover { opacity: 0.85; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap { position: relative; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap #wdr-formula-input { width: 100%; height: 80px; font-size: 14px; border: 1px solid #d5d5d5; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap #wdr-formula-input.wdr-droppable-over { background: #fbfbfb; border: 1px solid #999; } #wdr-pivot-view #wdr-calculated-view .wdr-popup-content .wdr-formula-wrap .wdr-prompt { position: absolute; bottom: 10px; pointer-events: none; left: 0; width: 100%; text-align: center; color: #cecece; font-style: italic; } #wdr-pivot-view #wdr-calculated-view.wdr-layout-mobile .wdr-popup-header .wdr-ui-col:first-child { margin-right: 10px; } #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-calculated-view-overlay { z-index: 13; } /* PRELOADER VIEW */ #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-overlay-preloader { z-index: 20; } #wdr-pivot-view #wdr-preloader-view { z-index: 21; width: 320px; height: 100px; } #wdr-pivot-view #wdr-preloader-view #wdr-spinner { position: relative; } #wdr-pivot-view #wdr-preloader-view #wdr-spinner:before { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; content: "\e97b"; font-size: 31px; left: 7px; top: 10px; color: #999; -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #wdr-pivot-view #wdr-preloader-view #wdr-message-label { display: block; padding-left: 70px; padding-top: 8px; } #wdr-pivot-view #wdr-preloader-view #wdr-details-label { display: block; color: #999; padding-left: 70px; padding-top: 2px; font-size: 12px; } /* PRELOADER END */ /* ALERT VIEW */ #wdr-pivot-view div.wdr-ui-modal-overlay.wdr-overlay-alert { z-index: 16; } #wdr-pivot-view #wdr-alert-view { z-index: 17; } #wdr-pivot-view #wdr-alert-view .wdr-content { margin-left: 100px; max-width: 300px; } #wdr-pivot-view #wdr-alert-view .wdr-popup-title { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; } #wdr-pivot-view #wdr-alert-view .wdr-alert-icon { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #wdr-pivot-view #wdr-alert-view .wdr-ui-btns-row { margin-top: 10px; } #wdr-pivot-view #wdr-alert-view .wdr-ui-btns-row .wdr-ui-btn { margin-top: 10px; } #wdr-pivot-view #wdr-alert-view .wdr-circle { display: block; border-radius: 50%; background: #999; width: 60px; height: 60px; position: relative; margin-left: -10px; } #wdr-pivot-view #wdr-alert-view .wdr-circle .wdr-ui-icon { color: #fff; font-size: 38px; padding: 11px; } #wdr-pivot-view #wdr-alert-view .wdr-hexagon { display: block; position: relative; width: 32.33px; height: 56px; background-color: #999; margin: 16.17px 0; } #wdr-pivot-view #wdr-alert-view .wdr-hexagon .wdr-ui-icon { color: #fff; font-size: 38px; top: 8px; left: -3px; } #wdr-pivot-view #wdr-alert-view .wdr-hexagon:before, #wdr-pivot-view #wdr-alert-view .wdr-hexagon:after { content: ""; position: absolute; width: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; } #wdr-pivot-view #wdr-alert-view .wdr-hexagon:before { left: 100%; border-left: 16.17px solid #999; } #wdr-pivot-view #wdr-alert-view .wdr-hexagon:after { right: 100%; width: 0; border-right: 16.17px solid #999; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap { position: relative; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-ui-icon { color: #fff; font-size: 38px; top: -2px; left: -1px; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle { position: relative; background-color: #999; text-align: left; display: block; margin-top: -7px; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { content: ''; position: absolute; background-color: inherit; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { width: 35px; height: 35px; border-top-right-radius: 30%; } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle { transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); } #wdr-pivot-view #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); } #wdr-pivot-view #wdr-alert-view.wdr-layout-mobile-small .wdr-content { margin-left: 0; } #wdr-pivot-view #wdr-alert-view.wdr-layout-mobile-small .wdr-alert-icon { display: none; } /* ALERT VIEW END*/ .wdr-noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #wdr-pivot-view #wdr-context-menu { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); position: absolute; background-color: #fff; border: 1px solid #999; z-index: 20; } #wdr-pivot-view #wdr-context-menu .wdr-ui-list { min-width: 180px; } #wdr-pivot-view #wdr-context-menu .wdr-ui-list li { padding: 10px; border-bottom: 1px solid #DBDBDB; cursor: pointer; } #wdr-pivot-view #wdr-context-menu .wdr-ui-list li:last-child { border-bottom: none; } #wdr-pivot-view #wdr-context-menu .wdr-ui-list li:hover { background-color: #f1f1f1; } /* NEW GRID */ #wdr-pivot-view .wdr-grid-layout { position: relative; overflow: hidden; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane { overflow: auto; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content { position: relative; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-placeholder { position: relative; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell { background-color: #fff; color: #111; box-sizing: border-box; vertical-align: top; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 7px 4px; /*line-height: 22px;*/ } #wdr-pivot-view .wdr-grid-layout div.wdr-row { white-space: nowrap; box-sizing: border-box; } #wdr-pivot-view .wdr-grid-layout div.wdr-row > div { display: inline-block; } #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet div.wdr-row { display: flex; } #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet div.wdr-row > div.wdr-sheet-header { display: flex; flex-direction: column; justify-content: center; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; /*pointer-events: none;*/ } #wdr-pivot-view .wdr-grid-layout #wdr-data-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-cols-sheet, #wdr-pivot-view .wdr-grid-layout #wdr-sheet-headers { position: absolute; overflow: hidden; background-color: #fff; } #wdr-pivot-view .wdr-grid-layout #wdr-data-sheet { border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; } #wdr-pivot-view .wdr-grid-layout .wdr-cell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #wdr-pivot-view .wdr-grid-layout #wdr-data-sheet .wdr-cell { text-align: right; } #wdr-pivot-view .wdr-grid-layout #wdr-cols-sheet .wdr-scroll-pane, #wdr-pivot-view .wdr-grid-layout #wdr-rows-sheet .wdr-scroll-pane { overflow: hidden; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-content .wdr-cell { position: relative; } #wdr-pivot-view .wdr-grid-layout div.wdr-scroll-pane div.wdr-scroll-placeholder .wdr-cell { position: absolute; } #wdr-pivot-view .wdr-grid-layout div.wdr-header { background-color: #f1f1f1; color: #111; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; } #wdr-pivot-view .wdr-grid-layout div.wdr-filter-header { cursor: pointer; } #wdr-pivot-view .wdr-grid-layout div.wdr-total, #wdr-pivot-view .wdr-grid-layout div.wdr-grand-total { font-weight: bold; } #wdr-pivot-view .wdr-grid-layout div.wdr-header.wdr-total { font-weight: normal; } #wdr-pivot-view .wdr-grid-layout.wdr-flat-view div.wdr-total, #wdr-pivot-view .wdr-grid-layout.wdr-flat-view div.wdr-grand-total { text-align: right; } #wdr-pivot-view .wdr-grid-layout .wdr-filters { position: absolute; background-color: #DBDBDB; color: #111; } #wdr-pivot-view .wdr-grid-layout #wdr-cols-filter { border-right: 1px solid #DBDBDB; } #wdr-pivot-view .wdr-grid-layout .wdr-filters .wdr-header, #wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-header { background-color: #DBDBDB; color: #111; font-weight: bold; text-transform: uppercase; position: relative; border: none; overflow: hidden; text-overflow: ellipsis; } #wdr-pivot-view .wdr-grid-layout div.wdr-filter-header, #wdr-pivot-view .wdr-grid-layout a.wdr-filter-header { padding-right: 20px; } #wdr-pivot-view .wdr-grid-layout div.wdr-filter-header.wdr-filtered, #wdr-pivot-view .wdr-grid-layout a.wdr-filter-header.wdr-filtered { padding-right: 35px; } #wdr-pivot-view .wdr-grid-layout div.wdr-filter-header:hover { background-color: #cecece; } #wdr-pivot-view .wdr-grid-layout i.wdr-icon { position: absolute; height: 100%; width: 16px; top: 0; } #wdr-pivot-view .wdr-grid-layout i.wdr-icon:before { font-family: webdatarocks-icons; font-weight: normal; font-size: 15px; color: #999; position: absolute; top: 6px; } #wdr-pivot-view .wdr-grid-layout.wdr-flat-view i.wdr-icon:before { color: #999; } #wdr-pivot-view .wdr-grid-layout .wdr-filter-header i.wdr-filter-icon { right: 2px; pointer-events: none; } #wdr-pivot-view .wdr-grid-layout .wdr-filter-header i.wdr-filter-icon:before { content: "\e915"; color: #999; } #wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-filtered i.wdr-filtered-icon { right: 16px; pointer-events: none; } #wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-filtered i.wdr-filtered-icon:before { content: "\e90e"; color: #999; } #wdr-pivot-view .wdr-grid-layout .wdr-filter-header.wdr-dragging-move { opacity: 0.5; } #wdr-pivot-view .wdr-grid-layout .wdr-header-drop-indicator { background-color: #555; } #wdr-pivot-view .wdr-grid-layout .wdr-draggable:not(.wdr-filter-header) { cursor: move; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-cols-filter .wdr-header-drop-indicator { display: inline-block; width: 3px; height: 100%; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-rows-filter .wdr-header-drop-indicator { display: block; width: 100%; height: 3px; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter .wdr-header-drop-indicator { float: none; display: inline-block; width: 3px; height: 40px; vertical-align: top; margin-right: 5px; } #wdr-pivot-view .wdr-grid-layout.wdr-classic-view .wdr-filters#wdr-rows-filter .wdr-header-drop-indicator { display: inline-block; width: 3px; height: 30px; } #wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-header-drop-indicator { position: absolute; width: 3px; height: 30px; } /* pages filter */ #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter { padding: 5px 0 0 5px; border-bottom: 1px solid #d5d5d5; background-color: #f1f1f1; white-space: nowrap; overflow-x: auto; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter a.wdr-filter-header { text-align: left; border: none; background-color: #DBDBDB; margin-bottom: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 20px; width: auto; width: initial; min-width: 80px; padding-left: 5px; line-height: 15px; white-space: nowrap; font-weight: bold !important; display: inline-block; float: none; cursor: pointer; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter a.wdr-filter-header:hover { background-color: #cecece; } #wdr-pivot-view .wdr-grid-layout .wdr-filters#wdr-page-filter i.wdr-icon:before { top: 5px; } #wdr-pivot-view .wdr-grid-layout .wdr-filters a.wdr-filter-header .wdr-filter-desc { display: block; font-weight: normal !important; text-transform: none; color: #888; font-size: 10px; position: absolute; bottom: 5px; } /* levels */ #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-1 { padding-left: 15px; background-position: 12px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-2 { padding-left: 27px; background-position: 24px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-3 { padding-left: 39px; background-position: 36px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-4 { padding-left: 51px; background-position: 48px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-5 { padding-left: 63px; background-position: 60px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-6 { padding-left: 75px; background-position: 72px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-7 { padding-left: 87px; background-position: 84px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-8 { padding-left: 99px; background-position: 96px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-9 { padding-left: 111px; background-position: 108px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-10 { padding-left: 123px; background-position: 120px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-11 { padding-left: 135px; background-position: 132px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-12 { padding-left: 147px; background-position: 144px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-13 { padding-left: 159px; background-position: 156px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-14 { padding-left: 171px; background-position: 168px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-15 { padding-left: 183px; background-position: 180px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-16 { padding-left: 195px; background-position: 192px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-17 { padding-left: 207px; background-position: 204px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-18 { padding-left: 219px; background-position: 216px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-19 { padding-left: 231px; background-position: 228px center; } #wdr-pivot-view .wdr-grid-layout.wdr-compact-view .wdr-header-r.wdr-level-20 { padding-left: 243px; background-position: 240px center; } /* collapsed / expanded */ #wdr-pivot-view .wdr-grid-layout div.wdr-collapsed, #wdr-pivot-view .wdr-grid-layout div.wdr-expanded { cursor: pointer; } #wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon, #wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon { position: relative; display: inline-block; height: 12px; width: 11px; } #wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon:before { top: 0; left: -4px; } #wdr-pivot-view .wdr-grid-layout .wdr-collapsed .wdr-collapsed-icon:before { content: "\e903"; } #wdr-pivot-view .wdr-grid-layout .wdr-expanded .wdr-expanded-icon:before { content: "\e902"; } /* sort */ #wdr-pivot-view .wdr-grid-layout i.wdr-icon.wdr-sort-icon, #wdr-pivot-view #wdr-drillthrough-view i.wdr-icon.wdr-sort-icon { cursor: pointer; right: 0; } #wdr-pivot-view .wdr-grid-layout i.wdr-icon.wdr-sort-icon:before, #wdr-pivot-view #wdr-drillthrough-view i.wdr-icon.wdr-sort-icon:before { font-size: 15px; } #wdr-pivot-view .wdr-grid-layout .wdr-cell.wdr-v-sort, #wdr-pivot-view .wdr-grid-layout .wdr-cell.wdr-h-sort { padding-right: 16px; } #wdr-pivot-view .wdr-grid-layout .wdr-v-sort:hover .wdr-v-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-asc:before, #wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-desc:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort:hover .wdr-h-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-asc:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-desc:before { content: "\e900"; } #wdr-pivot-view .wdr-grid-layout .wdr-v-sort .wdr-v-sort-asc:before { transform: rotate(180deg); -o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } #wdr-pivot-view .wdr-grid-layout .wdr-h-sort:hover .wdr-h-sort-icon:before, #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-desc:before { right: 1px; transform: rotate(270deg); -o-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #wdr-pivot-view .wdr-grid-layout .wdr-h-sort .wdr-h-sort-asc:before { right: 2px; transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } /* drill down links */ #wdr-pivot-view .wdr-grid-layout span.wdr-hierarchy-link { white-space: nowrap; color: #888; font-size: 10px; -webkit-text-decoration: underline; text-decoration: underline; cursor: pointer; margin-left: 4px; } #wdr-pivot-view .wdr-grid-layout span.wdr-hierarchy-link:before { text-indent: 0; margin-right: 2px; display: inline-block; } #wdr-pivot-view .wdr-grid-layout .wdr-drilled-up span.wdr-hierarchy-link:before { content: "+"; } #wdr-pivot-view .wdr-grid-layout .wdr-drilled-down span.wdr-hierarchy-link:before { content: "-"; } /* sheet headers */ #wdr-pivot-view .wdr-grid-layout div.wdr-sheet-header, #wdr-pivot-view .wdr-grid-layout .wdr-filters div.wdr-sheet-header { border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; color: #999; background-color: #f1f1f1; text-align: center; line-height: 23px; padding: 0 0; } #wdr-pivot-view .wdr-grid-layout #wdr-sheet-headers .wdr-sheet-header { display: inline-block; } /* KPI cells */ #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi:after { display: block; position: absolute; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; width: auto; height: auto; height: initial; background: transparent; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 0.3s; position: relative; color: #999; font-size: 16px; padding-top: 3px; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-bad-icon:after { content: "\ea3e"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-risk-icon:after { content: "\ea3d"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-ok-icon:after { content: "\ea3c"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-rising-icon:after { content: "\ea3b"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-trend-good-icon:after { content: "\ea3a"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-bad-icon:after { content: "\e951"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-risk-icon:after { content: "\e954"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-ok-icon:after { content: "\e952"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-rising-icon:after { content: "\e953"; } #wdr-pivot-view .wdr-grid-layout div.wdr-cell.wdr-kpi-status-good-icon:after { content: "\e950"; } /* member properties */ #wdr-pivot-view .wdr-grid-layout div.wdr-cell .wdr-member-property-label { font-style: italic; } /* selection canvas */ #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas { position: absolute; background-color: rgba(66, 133, 244, 0.1); pointer-events: none; box-sizing: border-box; border: 1px solid #4285f4; z-index: 1; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border { border: none; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-right { border-right: none; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-left { border-left: none; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-top { border-top: none; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-canvas.wdr-clear-border-bottom { border-bottom: none; } #wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar { position: absolute; background-color: #888888; opacity: 1; pointer-events: none; box-sizing: border-box; z-index: 2; height: 17px; overflow: hidden; } #wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-conainer { overflow: hidden; white-space: nowrap; } #wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content { margin-left: 5px; margin-right: 5px; vertical-align: middle; display: inline-block; } #wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content-text { color: white; text-transform: uppercase; margin-right: 5px; float: left; font-size: 11px; line-height: 17px; } #wdr-pivot-view .wdr-grid-layout .wdr-auto-calculation-bar .wdr-auto-calculation-bar-content-results { color: white; font-weight: bold; display: inline-block; font-size: 11px; line-height: 17px; } #wdr-pivot-view .wdr-grid-layout .wdr-sheet-selection-header { border: none; } /* flat view */ #wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-filter-header { padding-left: 16px; } #wdr-pivot-view .wdr-grid-layout.wdr-flat-view .wdr-filter-header i.wdr-filter-icon { left: 0; } /* resize handles */ #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles { position: absolute; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-wrapper { position: relative; width: 100%; height: 100%; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-indicator { background-color: #4285f4; width: 1px; height: 1px; position: absolute; z-index: 1; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle { position: absolute; z-index: 1; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle:hover { background-color: #4285f4; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles .wdr-handle.wdr-active { background-color: #4285f4; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles#wdr-cols-resize .wdr-handle { width: 7px; margin-left: -3px; height: 100%; min-height: 25px; cursor: col-resize; } #wdr-pivot-view .wdr-grid-layout .wdr-resize-handles#wdr-rows-resize .wdr-handle { height: 7px; margin-top: -3px; width: 100%; min-width: 25px; cursor: row-resize; } /* * Toolbar for webdatarocks Pivot Table Component */ #wdr-toolbar-wrapper [class^="wdr-"], #wdr-toolbar-wrapper [class*=" wdr-"] { color: #111; line-height: 1; } #wdr-toolbar-wrapper [class^="wdr-"] strong, #wdr-toolbar-wrapper [class*=" wdr-"] strong { font-weight: bold; } #wdr-toolbar-wrapper [class^="wdr-"] a, #wdr-toolbar-wrapper [class*=" wdr-"] a { -webkit-text-decoration: none; text-decoration: none; } #wdr-toolbar-wrapper [class^="wdr-"] *, [class*=" wdr-"] * { outline: none; box-sizing: border-box; } #wdr-toolbar-wrapper [class^="wdr-"] ul, #wdr-toolbar-wrapper [class^="wdr-"] ol, #wdr-toolbar-wrapper [class^="wdr-"] p, #wdr-toolbar-wrapper [class*=" wdr-"] ul, #wdr-toolbar-wrapper [class*=" wdr-"] ol, #wdr-toolbar-wrapper [class*=" wdr-"] p { list-style: none; margin: 0; padding: 0; } #wdr-toolbar-wrapper [class^="wdr-icon-"]:before, #wdr-toolbar-wrapper [class*=" wdr-icon-"]:before, #wdr-toolbar-wrapper .wdr-icon:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn .wdr-icon, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before { font-size: 30px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-weight: normal; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-condition-row .wdr-cr-delete { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* TOOLBAR */ #wdr-toolbar-wrapper [class^="wdr-"], #wdr-toolbar-wrapper [class*=" wdr-"] { color: #111; line-height: 1; } #wdr-toolbar-wrapper [class^="wdr-"] strong, #wdr-toolbar-wrapper [class*=" wdr-"] strong { font-weight: bold; } #wdr-toolbar-wrapper [class^="wdr-"] a, #wdr-toolbar-wrapper [class*=" wdr-"] a { -webkit-text-decoration: none; text-decoration: none; } #wdr-toolbar-wrapper [class^="wdr-"] *, [class*=" wdr-"] * { outline: none; box-sizing: border-box; } #wdr-toolbar-wrapper [class^="wdr-"] ul, #wdr-toolbar-wrapper [class^="wdr-"] ol, #wdr-toolbar-wrapper [class^="wdr-"] p, #wdr-toolbar-wrapper [class*=" wdr-"] ul, #wdr-toolbar-wrapper [class*=" wdr-"] ol, #wdr-toolbar-wrapper [class*=" wdr-"] p { list-style: none; margin: 0; padding: 0; } #wdr-toolbar-wrapper [class^="wdr-icon-"]:before, #wdr-toolbar-wrapper [class*=" wdr-icon-"]:before, #wdr-toolbar-wrapper .wdr-icon:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn .wdr-icon, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before { font-size: 30px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-weight: normal; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-condition-row .wdr-cr-delete { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* TOOLBAR */ #wdr-toolbar-wrapper { height: 80px; } #wdr-toolbar-wrapper #wdr-toolbar { width: 100%; height: 78px; list-style: none; background: #fff; white-space: nowrap; } #wdr-toolbar-wrapper #wdr-toolbar, #wdr-toolbar-wrapper #wdr-toolbar div, #wdr-toolbar-wrapper #wdr-toolbar span, #wdr-toolbar-wrapper #wdr-toolbar p, #wdr-toolbar-wrapper #wdr-toolbar a, #wdr-toolbar-wrapper #wdr-toolbar table, #wdr-toolbar-wrapper #wdr-toolbar table th, #wdr-toolbar-wrapper #wdr-toolbar table tr, #wdr-toolbar-wrapper #wdr-toolbar table td, #wdr-toolbar-wrapper #wdr-toolbar ul, #wdr-toolbar-wrapper #wdr-toolbar li, #wdr-toolbar-wrapper #wdr-toolbar input, #wdr-toolbar-wrapper #wdr-toolbar textarea, #wdr-toolbar-wrapper #wdr-toolbar select { font-family: Arial, sans-serif; font-size: 14px; color: #888; text-align: left; padding: 0; margin: 0; font-weight: normal; text-shadow: none; } /* TABS */ #wdr-toolbar-wrapper #wdr-toolbar > li { display: inline-block; } #wdr-toolbar-wrapper #wdr-toolbar li:before { content: none; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li { float: none; width: 140px; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-toolbar-group-right { position: absolute; right: 0; } #wdr-toolbar-wrapper #wdr-toolbar li a svg, #wdr-toolbar-wrapper #wdr-toolbar li a svg path { transform: translateZ(0); fill: #999; } #wdr-toolbar-wrapper #wdr-toolbar li a:hover svg { fill: #555; } #wdr-toolbar-wrapper #wdr-toolbar > li > a div.wdr-svg-icon, #wdr-toolbar-wrapper #wdr-toolbar > .wdr-toolbar-group-right > li > a div.wdr-svg-icon { position: absolute; text-align: center; bottom: 30px; width: 100%; } #wdr-toolbar-wrapper #wdr-toolbar > li > a span, #wdr-toolbar-wrapper #wdr-toolbar > .wdr-toolbar-group-right > li > a span { position: absolute; top: 55px; line-height: 12px; left: 0; right: 0; } #wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format div.wdr-svg-icon { margin-left: 4px; } #wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format .wdr-dropdown-content li { width: 210px; } #wdr-toolbar-wrapper #wdr-toolbar #wdr-tab-format .wdr-dropdown-content span { left: 62px; } #wdr-toolbar-wrapper #wdr-alert-view { z-index: 17; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-content { margin-left: 100px; max-width: 300px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-popup-title { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-alert-icon { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #wdr-toolbar-wrapper #wdr-alert-view .wdr-ui-btns-row { margin-top: 10px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-ui-btns-row .wdr-ui-btn { margin-top: 10px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-circle { display: block; border-radius: 50%; background: #999; width: 60px; height: 60px; position: relative; margin-left: -10px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-circle .wdr-ui-icon { color: #fff; font-size: 38px; padding: 11px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon { display: block; position: relative; width: 32.33px; height: 56px; background-color: #999; margin: 16.17px 0; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon .wdr-ui-icon { color: #fff; font-size: 38px; top: 8px; left: -3px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:after { content: ""; position: absolute; width: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:before { left: 100%; border-left: 16.17px solid #999; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-hexagon:after { right: 100%; width: 0; border-right: 16.17px solid #999; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap { position: relative; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-ui-icon { color: #fff; font-size: 38px; top: -2px; left: -1px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle { position: relative; background-color: #999; text-align: left; display: block; margin-top: -7px; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { content: ''; position: absolute; background-color: inherit; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before, #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { width: 35px; height: 35px; border-top-right-radius: 30%; } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle { transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); } #wdr-toolbar-wrapper #wdr-alert-view .wdr-triangle-wrap .wdr-triangle:after { transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); } #wdr-toolbar-wrapper #wdr-alert-view.wdr-layout-mobile-small .wdr-content { margin-left: 0; } #wdr-toolbar-wrapper #wdr-alert-view.wdr-layout-mobile-small .wdr-alert-icon { display: none; } #wdr-toolbar-wrapper #wdr-alert-view span.wdr-ui-alert-label { color: #111; font-size: 14px; } #wdr-toolbar-wrapper #wdr-alert-view div.wdr-ui-alert-title-label { margin-right: 141px; } #wdr-toolbar-wrapper #wdr-alert-view #wdr-btn-apply.wdr-alert-button { margin-right: 109px; } #wdr-toolbar-wrapper #wdr-toolbar li#wdr-tab-fullscreen { width: 70px; } #wdr-toolbar-wrapper.wdr-mobile #wdr-toolbar li#wdr-tab-format-conditional { width: 80px; } /* Tabs */ #wdr-toolbar-wrapper #wdr-toolbar li { display: inline-block; background: none; vertical-align: top; padding: 0; position: relative; width: 57px; } #wdr-toolbar-wrapper #wdr-toolbar a { height: 78px; display: block; -webkit-text-decoration: none; text-decoration: none; border: none; } #wdr-toolbar-wrapper #wdr-toolbar a > span { text-align: center; text-overflow: ellipsis; overflow: hidden; height: 15px; } #wdr-toolbar-wrapper #wdr-toolbar li:first-child a { margin-left: 1px; } #wdr-toolbar-wrapper #wdr-toolbar li.wdr-divider { width: 0px; margin: 20px 15px 0px 15px; height: 40px; border-right: 1px solid #d5d5d5; } #wdr-toolbar-wrapper.wdr-mobile #wdr-toolbar li.wdr-divider { display: none; } #wdr-toolbar-wrapper #wdr-toolbar li.wdr-v-divider { height: 0px; width: 140px; border-bottom: 1px dotted #dcdcdc; } /* Tab menu */ #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown { position: absolute; display: none; top: 78px; z-index: 25; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content:after { content: ''; border-width: 5px; border-color: transparent transparent #fff; border-style: outset outset solid; border-style: solid; top: -10px; left: 23px; width: 0; height: 0; position: absolute; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content:before { content: ''; border-color: transparent transparent #d5d5d5; border-style: outset outset solid; border-width: 6px; position: absolute; top: -12px; left: 22px; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-align-rigth .wdr-dropdown-content:after { left: inherit; right: 20px; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-align-rigth .wdr-dropdown-content:before { left: inherit; right: 19px; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content { position: relative; padding: 0; list-style: none; background: #fff; border: 1px solid #d5d5d5; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li { width: 155px; display: block; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a { text-shadow: none; text-align: left; padding: 0; margin: 0px 1px 1px 1px; height: 37px; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content li:first-child a { margin-top: 1px; } /*#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a.disabled { pointer-events: none; cursor: default; color: #AAA; }*/ #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content a:hover { background-color: #f1f1f1; } #wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content span { display: inline; position: absolute; left: 36px; right: 0; bottom: 11px; text-overflow: ellipsis; overflow: hidden; text-align: left; } /* POPUP WINDOW */ #wdr-toolbar-wrapper div.wdr-popup { position: absolute; min-width: 270px; z-index: 100; font-family: Arial, sans-serif; max-width: 100%; background: #fff; border: 1px solid #d5d5d5; margin: 0 auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 24px 30px 30px; box-sizing: border-box; } #wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w700 { width: 700px; } #wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w570 { width: 570px; } #wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w500 { width: 500px; } #wdr-toolbar-wrapper div.wdr-popup.wdr-popup-w460 { width: 462px; } #wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox { margin-top: 30px; text-align: center; } #wdr-toolbar-wrapper div.wdr-panel .wdr-title-bar .wdr-toolbox { margin-top: 0; text-align: right; float: right; } #wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox .wdr-ui-btn { margin-right: 20px; height: 38px; } #wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox .wdr-ui-btn:last-child { margin-right: 0; } #wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar { clear: both; margin-bottom: 24px; } #wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar .wdr-title-text { color: #111; font-size: 24px; text-align: center; text-shadow: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #wdr-toolbar-wrapper div.wdr-panel .wdr-panel-content .wdr-title-bar .wdr-title-text.wdr-ui-col { text-align: left; } #wdr-toolbar-wrapper #wdr-popUp-modal-overlay { z-index: 8; } #wdr-toolbar-wrapper #wdr-popUp-modal-overlay .wdr-modal-overlay { opacity: 0; } #wdr-toolbar-wrapper div.wdr-modal-overlay { background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } #wdr-toolbar-wrapper #wdr-portrait-radio { margin-left: 14px; } #wdr-toolbar-wrapper #wdr-landscape-radio { margin-left: 14px; } #wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile { padding: 20px; } #wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox { float: none; text-align: left; width: 100%; } #wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox a.wdr-ui-btn { width: calc(50% - 10px); width: -webkit-calc(50% - 10px); } #wdr-toolbar-wrapper div.wdr-panel.wdr-popup.wdr-layout-mobile-small .wdr-panel-content .wdr-title-bar .wdr-title-text { width: 100%; margin-bottom: 10px; text-align: left; font-size: 18px; } /* Conditional formatting */ #wdr-toolbar-wrapper #wdr-popup-conditional { width: 610px; min-width: 400px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-panel-content { position: relative; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-title-text { width: calc(100% - 270px); } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-popup-content { overflow-x: hidden; overflow-y: auto; /*min-height: 149px;*/ max-height: 298px; } #wdr-toolbar-wrapper #wdr-popup-conditional a.wdr-ui-btn#wdr-add-btn { min-width: 40px; width: 40px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row { border-top: 1px solid #d5d5d5; padding: 30px 30px; margin-left: -30px; width: calc(100% + 60px); } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row .wdr-wrap-relative { position: relative; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row .wdr-cr-delete { position: absolute; color: #999; transition: color 0.3s; cursor: pointer; font-size: 30px; right: 0; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row wdr-cr-delete:hover { color: #555; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-values { width: 150px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-conditions { width: 150px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-font-family { width: 150px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-font-size { width: 100px; } #wdr-toolbar-wrapper #wdr-popup-conditional .wdr-condition-row #wdr-sample { width: 120px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-values { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); margin-bottom: 10px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-conditions { width: calc(100% - 230px); width: -webkit-calc(100% - 230px); margin-left: 60px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-font-family { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); margin-bottom: 10px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-font-size { width: calc(100% - 230px); width: -webkit-calc(100% - 230px); margin-left: 60px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile #wdr-sample { width: 70px; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile-small .wdr-title-text { width: 100%; } #wdr-toolbar-wrapper #wdr-popup-conditional.wdr-layout-mobile-small .wdr-panel-content .wdr-toolbox a.wdr-ui-btn:not(#wdr-add-btn) { width: calc(50% - 42px); width: -webkit-calc(50% - 42px); } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner { font-size: 0; margin-bottom: 10px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner:last-child { margin-bottom: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-cr-lbl { display: inline-block; vertical-align: top; color: #999; font-size: 14px; margin-right: 10px; text-align: right; padding: 11px 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-cr-lbl:last-child { margin-right: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-select, .wdr-cr-inner #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-number-inp, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-inp, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-colorpick-wrap { display: inline-block; vertical-align: top; margin-right: 10px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-select:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-number-inp:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-inp:last-child, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-colorpick-wrap:last-child { margin-right: 0; } #wdr-toolbar-wrapper .wdr-icon-act_trash:before { content: "\e908"; } #wdr-toolbar-wrapper .wdr-toolbar-ui span#wdr-and-label { display: inline-block; text-align: center; } /* GENERAL */ #wdr-toolbar-wrapper div.wdr-popup input[type=text], #wdr-toolbar-wrapper div.wdr-popup input[type=number], #wdr-toolbar-wrapper div.wdr-popup input[type=password] { box-sizing: border-box; border: 1px solid #d5d5d5; background-color: #fff; height: 38px; padding: 0 9px; color: #111; font-size: 14px; width: 100%; -webkit-appearance: none; border-radius: 0px; box-shadow: none; margin: 0; text-align: left; font-family: Arial, sans-serif; } #wdr-toolbar-wrapper div.wdr-popup input:disabled { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #fff; } #wdr-toolbar-wrapper div.wdr-popup input.wdr-half-input { padding-right: 0; border-right: none; } #wdr-toolbar-wrapper .wdr-toolbar-ui select { border: 1px solid #d5d5d5; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; border-radius: 0px; margin: 0; outline: none; height: 38px; font-size: 14px; font-family: Arial, sans-serif; width: 100%; color: #111; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 4px 35px 4px 10px; cursor: pointer; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-select { position: relative; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-select:after { content: "\e902"; font-family: 'webdatarocks-icons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 9px; position: absolute; font-size: 21px; color: #999; /*margin-top: 1px;*/ top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none; } #wdr-toolbar-wrapper div.wdr-popup select::-ms-expand { display: none; } #wdr-toolbar-wrapper div.wdr-popup select:disabled { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: none; pointer-events: none; } #wdr-toolbar-wrapper div.wdr-popup select * { margin: 0 !important; } #wdr-toolbar-wrapper div.wdr-popup select option.placeholder { color: white; font-size: 0px; display: none; } #wdr-toolbar-wrapper div.wdr-clear { clear: both; } /* Hack for Firefox */ @-moz-document url-prefix() { #wdr-toolbar-wrapper select { text-indent: 0; } } /* COLOR PICKER */ #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn { border: 1px solid #d5d5d5; height: 38px; position: relative; transition: all 0.3s; font-size: 28px; cursor: pointer; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-btn span { font-size: 28px; } #wdr-toolbar-wrapper .wdr-icon-act_font:before { content: "\e90f"; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup { background: #fff; width: 355px; padding: 30px 30px; border: 1px solid #d5d5d5; position: absolute; transition: opacity 0.3s; opacity: 0; visibility: hidden; left: 50%; margin-left: -178px; margin-top: -5px; z-index: 99; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:before, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:before { width: 0px; height: 0px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup:after { width: 0px; height: 0px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-up:before { top: -6px; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-bottom: 6px solid #d5d5d5; border-top: 0 solid transparent; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-up:after { top: -5px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-bottom: 5px solid #fff; border-top: 0 solid transparent; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-down:before { bottom: -6px; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-top: 6px solid #d5d5d5; border-bottom: 0 solid transparent; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-colorpick-popup.wdr-arrow-down:after { bottom: -5px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 5px solid #fff; border-bottom: 0 solid transparent; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-popup-opened .wdr-colorpick-popup { visibility: visible; opacity: 1; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch { border: 1px solid #d5d5d5; font-size: 0; margin-bottom: 20px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #d5d5d5; line-height: 38px; font-weight: bold; color: #999; background: #fff; text-transform: uppercase; text-align: center; font-size: 14px; transition: all 0.3s; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item.wdr-current { color: #111; background: #f1f1f1; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item:hover { color: #111; background: #e3e3e3; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-color-targ-switch .wdr-cts-item:last-child { border-right: none; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row { margin-bottom: 20px; font-size: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-curr-color { border: 1px solid #d5d5d5; height: 38px; transition: all 0.3s; cursor: pointer; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors { border: 1px solid #d5d5d5; font-size: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors .wdr-cp2c-item { height: 36px; cursor: pointer; transition: all 0.3s; border-right: 1px solid #d5d5d5; display: inline-block; vertical-align: top; width: 50%; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-cp-2-colors .wdr-cp2c-item:last-child { border-right: none; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-inp, .wdr-cp-sett-row .wdr-cp-curr-color, .wdr-cp-sett-row .wdr-cp-2-colors { display: inline-block; vertical-align: top; margin-right: 13px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-sett-row .wdr-inp:last-child, .wdr-cp-sett-row .wdr-cp-curr-color:last-child, .wdr-cp-sett-row .wdr-cp-2-colors:last-child { margin-right: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row { margin-top: 20px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row .wdr-ui-btn { width: calc(50% - 5px); width: -webkit-calc(50% - 5px); margin-right: 10px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-btns-row .wdr-ui-btn:last-child { margin-right: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark { border-radius: 50%; width: 20px; height: 20px; background: #555; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cp-currentmark:before { color: #fff; font-size: 16px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors { font-size: 0; margin-bottom: 20px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item { display: inline-block; vertical-align: top; position: relative; cursor: pointer; transition: all 0.3s; height: 36px; width: calc(11.11% - 1px); margin-right: 1px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-r9c-arrow { position: absolute; top: 100%; border-style: solid; border-top-width: 10px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: none; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-cp-currentmark { margin-top: 2px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-r9c-arrow, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item .wdr-cp-currentmark { opacity: 0; visibility: hidden; transition: all 0.3s; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item:nth-child(9n+9) { margin-right: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item.wdr-current .wdr-r9c-arrow, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-9colors .wdr-r9c-item.wdr-current .wdr-cp-currentmark { opacity: 1; visibility: visible; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors { font-size: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item { display: inline-block; vertical-align: top; margin-right: 1px; margin-bottom: 1px; position: relative; cursor: pointer; height: 36px; width: calc(25% - 0.75px); } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item:nth-child(4n+4) { margin-right: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item .wdr-cp-currentmark { opacity: 0; visibility: hidden; transition: all 0.3s; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-row-4colors .wdr-r4c-item.wdr-current .wdr-cp-currentmark { opacity: 1; visibility: visible; } #wdr-toolbar-wrapper.wdr-mobile { overflow-x: auto; } /* new ui */ #wdr-toolbar-wrapper .wdr-radio-wrap label:before, #wdr-toolbar-wrapper .wdr-radio-wrap label:after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #wdr-toolbar-wrapper .wdr-toolbar-ui div.wdr-title-2 { color: #999; font-size: 14px; text-transform: uppercase; margin-bottom: 25px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list { margin-bottom: 52px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list:last-child { margin-bottom: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radiobtn-list li { margin-bottom: 12px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label { display: inline-block; cursor: pointer; color: #111; font-size: 14px; padding: 4px 0; padding-left: 35px; position: relative; line-height: 1.2; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:before { width: 22px; height: 22px; border: 1px solid #d5d5d5; background: #fff; transition: all 0.3s; left: 0; border-radius: 50%; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:after { background: #555; border-radius: 50%; opacity: 0; transition: opacity 0.3s; width: 14px; height: 14px; left: 5px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:hover:before { border-color: #999; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input { display: none; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input:checked + label { font-weight: bold; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap input:checked + label:after { opacity: 1; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-group { margin-bottom: 30px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-group:last-child { margin-bottom: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row { margin-bottom: 10px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row label { color: #999; font-size: 14px; margin-bottom: 8px; display: block; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row .wdr-select, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row .wdr-inp { width: 100%; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row:last-child { margin-bottom: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal { font-size: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal label { margin-bottom: 0; width: 140px; margin-right: 20px; display: inline-block; vertical-align: middle; text-align: right; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal .wdr-select, #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-ir-horizontal .wdr-inp { width: calc(100% - 160px); display: inline-block; vertical-align: middle; background-color: #fff; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-uc { text-transform: uppercase; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add { padding-right: 30px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add .wdr-icon { color: #999; position: absolute; right: 0; width: 40px; transition: color 0.3s; height: 100%; top: 0; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-button-add:hover .wdr-icon { color: #555; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-icon-act_add:before { content: "\e909"; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-icon-act_check:before { content: "\e901"; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width20.wdr-width20 { width: 20px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width40.wdr-width40 { width: 40px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width45.wdr-width45 { width: 45px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width50.wdr-width50 { width: 50px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width85.wdr-width85 { width: 85px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width120.wdr-width120 { width: 120px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width140.wdr-width140 { width: 140px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width180.wdr-width180 { width: 180px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width200.wdr-width200 { width: 200px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width210.wdr-width210 { width: 210px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width220.wdr-width220 { width: 220px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width230.wdr-width230 { width: 230px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width240.wdr-width240 { width: 240px; } #wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-width250.wdr-width250 { width: 250px; } /* Connect to OLAP */ #wdr-toolbar-wrapper #wdr-popup-olap .wdr-ir-horizontal label { width: 110px; } #wdr-toolbar-wrapper #wdr-popup-olap .wdr-ir-horizontal .wdr-select { width: calc(100% - 130px); } #wdr-toolbar-wrapper #wdr-popup-olap #wdr-inp-proxy-url { width: calc(100% - 230px); } #wdr-toolbar-wrapper #wdr-popup-olap #wdr-btn-connect { width: 100px; height: 38px; padding-top: 10px; } #wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small .wdr-ir-horizontal label { text-align: left; width: 100%; } #wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-select { width: 100%; } #wdr-toolbar-wrapper #wdr-popup-olap.wdr-layout-mobile-small #wdr-inp-proxy-url { width: calc(100% - 100px); } /* Format cells */ #wdr-toolbar-wrapper #wdr-popup-format-cells { width: 460px; } #wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal label { text-align: left; width: 100%; } #wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-select, #wdr-toolbar-wrapper #wdr-popup-format-cells.wdr-layout-mobile-small .wdr-ir-horizontal .wdr-inp { width: 100%; } /* Options */ #wdr-toolbar-wrapper #wdr-popup-options { width: 570px; min-width: 320px; } /* layouts */ #wdr-toolbar-wrapper.wdr-layout-500 #wdr-toolbar #wdr-tab-fields, #wdr-toolbar-wrapper.wdr-layout-500 #wdr-toolbar #wdr-tab-fullscreen { display: none; } #wdr-toolbar-wrapper.wdr-layout-360 #wdr-toolbar #wdr-tab-format { display: none; } #wdr-toolbar-wrapper.wdr-layout-300 #wdr-toolbar #wdr-tab-options { display: none; } .wdr-resize-triggers { visibility: hidden; opacity: 0; } .wdr-resize-triggers, .wdr-resize-triggers > div, .wdr-contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .wdr-resize-triggers > div { background: #eee; overflow: auto; } .wdr-contract-trigger:before { width: 200%; height: 200%; } #wdr-pivot-view .wdr-resizable-handle { position: absolute; cursor: w-resize; } #wdr-pivot-view .wdr-resizable-handle.wdr-left { left: 0; top: 0; bottom: 0; width: 5px; } #wdr-pivot-view .wdr-resizable-handle.wdr-right { right: 0; top: 0; bottom: 0; width: 5px; } /* ===== theme colors ===== */ /* ===== not used in webdatarocks-base.less directly; used in this file to define bg, border and other colors ===== */ /* ===== basic grey colors, common for all themes ===== */ /* ===== text colors ===== */ /* ===== background colors ===== */ /* ===== border colors ===== */ /* ===== grid ===== */ /* ===== ui ===== */ @font-face { font-family: Poppins-Light; font-style: normal; font-weight: 300; src: url('/assets/Poppins-Light-DT6-CsId.ttf') format('truetype'); } @font-face { font-family: Poppins-Regular; font-style: normal; font-weight: 400; src: url('/assets/Poppins-Regular-CTKNfV9P.ttf') format('truetype'); } @font-face { font-family: Poppins-Medium; font-style: normal; font-weight: 500; src: url('/assets/Poppins-Medium-Cxde2ZoM.ttf') format('truetype'); } @font-face { font-family: Poppins-SemiBold; font-style: normal; font-weight: 600; src: url('/assets/Poppins-SemiBold-B_fPDAUb.ttf') format('truetype'); } @font-face { font-family: Poppins-Bold; font-style: normal; font-weight: 700; src: url('/assets/Poppins-Bold-qTAUjFF7.ttf') format('truetype'); } @font-face { font-family: Poppins-Black; font-style: normal; font-weight: 900; src: url('/assets/Poppins-Black-yHqY0KRU.ttf') format('truetype'); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 744px) { .container { max-width: 744px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 920px) { .container { max-width: 920px; } } @media (min-width: 1000px) { .container { max-width: 1000px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1400px) { .container { max-width: 1400px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .mr-1 { margin-right: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .flex { display: flex; } .table { display: table; } .hidden { display: none; } .h-32 { height: 8rem; } .h-auto { height: auto; } .h-screen { height: 100vh; } .max-h-20 { max-height: 5rem; } .w-32 { width: 8rem; } .w-\[40vw\] { width: 40vw; } .w-full { width: 100%; } .min-w-0 { min-width: 0px; } .min-w-36 { min-width: 9rem; } .min-w-72 { min-width: 18rem; } .max-w-72 { max-width: 18rem; } .max-w-\[420px\] { max-width: 420px; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .shrink { flex-shrink: 1; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-1 { gap: 0.25rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-normal { white-space: normal; } .break-words { word-wrap: break-word; } .border { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-gray-200 { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); } .bg-theme-color-purple { background-color: #6c3db9; background-color: var(--theme-color-purple); } .p-1 { padding: 0.25rem; } .p-4 { padding: 1rem; } .p-\[8px_16px\] { padding: 8px 16px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .pb-2 { padding-bottom: 0.5rem; } .pl-0 { padding-left: 0px; } .pt-4 { padding-top: 1rem; } .text-center { text-align: center; } .font-semiBold { font-family: Poppins-SemiBold, sans-serif; } .text-\[12px\] { font-size: 12px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[17px\] { font-size: 17px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[25px\] { font-size: 25px; } .text-\[65px\] { font-size: 65px; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .font-semibold { font-weight: 600; } .text-gray-400 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); } .text-gray-400\/70 { color: rgba(156, 163, 175, 0.7); } .text-green-600 { --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgba(79, 70, 229, 1); color: rgba(79, 70, 229, var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)); } .text-theme-color-blue { color: var(--theme-color-blue); } .text-theme-color-purple { color: #6c3db9; color: var(--theme-color-purple); } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } html, body, #root { height: 100%; } ::-moz-selection { background: #d1c4e9; color: #252525; } ::selection { background: #d1c4e9; color: #252525; } :root { color: #333333; font-family: "Poppins-Regular", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --theme-color-background: #fafafa; --theme-color-sidebar-close-hover: #e0e0e0; --theme-color-sidebar-open: #d1c4e9; --theme-color-sidebar-open-hover: #c1b0e3; --theme-color-footer: #e2e2e2; --theme-color-white: #fff; --theme-color-gray: #9e9e9e; --theme-color-gray-1400: #9ca3af; --theme-color-purple: #6c3db9; --theme-color-1500: #0964ae; --theme-color-black-540: rgba(0,0,0,0.54118); --theme-color-black-870: rgba(0,0,0,0.87059); --theme-color-black: #000; } *, *::before, *::after { box-sizing: border-box; } *::-webkit-scrollbar { width: 6px; height: 6px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } *::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4); } .chatMessage table { width: 100%; border-collapse: collapse; margin: 0 0 20px; background: white; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; } .chatMessage th { background: #f9fafb; font-weight: 600; color: #4b5563; padding: 10px 6px; font-size: 12px; border: 1px solid #e5e7eb; text-align: center; white-space: normal; } .chatMessage td { padding: 10px 6px; font-size: 12px; color: #1f2937; border: 1px solid #f3f4f6; word-break: break-word; white-space: normal; text-align: center; } .chatMessage tbody tr:last-child td { border-bottom: none; } @media (max-width: 640px) { .chatMessage th, .chatMessage td { font-size: 10px; padding: 8px 4px; } .chatMessage table { border-radius: 10px; } } .wdr-ui-element.wdr-ui.wdr-ui-label.wdr-credits { display: none !important; visibility: hidden !important; pointer-events: none !important; } #wdr-btn-open-fields { display: none !important; visibility: hidden !important; pointer-events: none !important; } body.MuiModal-scrollLock, body.MuiModal-open, body.MuiPopover-open, body.MuiDrawer-open, body[data-scroll-blocked] { padding-right: 0 !important; } body[style*="padding-right"] { padding-right: 0 !important; } @media (min-width: 640px) { .sm\:min-w-0 { min-width: 0px; } .sm\:pr-7 { padding-right: 1.75rem; } } @media (min-width: 1024px) { .lg\:flex-row { flex-direction: row; } } @media (min-width: 1200px) { .min1200\:flex-row { flex-direction: row; } } ._background_6gahb_1 { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; overflow-x: hidden; background-color: var(--theme-color-background) } ._login_6gahb_5 { margin-bottom: 0.5rem; display: flex; width: 100%; align-items: center; justify-content: center } ._form_6gahb_8 { display: flex; flex-direction: column } ._card_xsbs6_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; flex-direction: column; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; background-color: var(--theme-color-white); padding: 1.5rem; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._title_xsbs6_5 { margin-bottom: 1rem; font-size: 22px; line-height: 1 } ._inputContainer_zod9a_1 { display: flex; min-width: 100%; align-items: center; gap: 0.5rem } ._icon_zod9a_5 { font-size: 1.5rem; line-height: 2rem; color: var(--theme-color-black); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms } ._focused_zod9a_9 { color: var(--theme-color-1500) } ._textField_zod9a_13 { width: 100% } ._textField_zod9a_13 ._MuiInput-underline_zod9a_17:before { border-bottom-width: 1px; border-color: var(--theme-color-gray) } ._textField_zod9a_13 ._MuiInput-underline_zod9a_17:hover:before { border-bottom-width: 1px !important; border-color: var(--theme-color-gray) !important } ._textField_zod9a_13 ._MuiInput-underline_zod9a_17:after { border-bottom-width: 2px; border-color: var(--theme-color-purple) } ._textField_zod9a_13 ._MuiInputLabel-root_zod9a_29 { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-gray) } ._textField_zod9a_13 ._MuiInputLabel-root_zod9a_29._Mui-focused_zod9a_33 { color: var(--theme-color-purple) } ._inputContainer_zod9a_1:focus-within ._icon_zod9a_5 { color: var(--theme-color-purple) } ._button_10jnz_1 { min-height: 2rem; width: 100%; background-color: var(--theme-color-purple); font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.025em; color: var(--theme-color-white); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms } ._button_10jnz_1:hover { background-color: var(--theme-color-1500) } ._Mui-disabled_10jnz_5 { opacity: 0.6 } ._circularProgress_10jnz_9 { color: var(--theme-color-white) } ._button_10jnz_1:hover { background-color: var(--theme-color-purple) } ._label_sjzix_1 { text-align: center; font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-gray-1400) } ._header_ctl13_1 { position: fixed; top: 0px; z-index: 1202; height: 60px; width: 100%; background-color: var(--theme-color-purple); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem } ._toolbar_ctl13_5 { display: flex; height: 100%; align-items: center; justify-content: space-between } ._drawerContainer_ctl13_9 { display: flex; height: 100%; flex-direction: row; align-items: center } ._logoBox_ctl13_13 { display: flex; cursor: pointer; align-items: center } ._logoMPS_ctl13_17 { height: 1.75rem } ._searchBox_ctl13_21 { display: flex; width: 100%; max-width: 50vw; flex-grow: 1; justify-content: center } @media (max-width: 600px) { ._searchBox_ctl13_21 { display: none } } ._inputContainer_ctl13_31 { display: flex; height: 100%; max-width: 100%; flex-grow: 1; align-items: center } ._inputContainer_ctl13_31 .MuiOutlinedInput-input { height: 100%; border-style: none; background-color: transparent; padding: 0.25rem; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } ._inputContainer_ctl13_31 .MuiOutlinedInput-input:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) } ._inputContainer_ctl13_31 .MuiOutlinedInput-notchedOutline { border-width: 0px } ._inputContainer_ctl13_31 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 0px } ._inputContainer_ctl13_31 .MuiOutlinedInput-root { --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px } ._inputContainer_ctl13_31 .MuiOutlinedInput-root:focus { outline: 2px solid transparent; outline-offset: 2px } ._logoCopilot_ctl13_52 { margin: 0.25rem; width: 1.5rem; flex-shrink: 0 } ._buttonBox_ctl13_56 { margin-right: 0.25rem; display: flex; align-items: center; gap: 0.25rem } ._iconButton_ctl13_60 { --tw-scale-x: 1.7; --tw-scale-y: 1.7; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.7) scaleY(1.7); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } ._iconProfile_ctl13_64 { height: 1.25rem; border-radius: 9999px } ._button_ctl13_56 { margin-top: 0.25rem; margin-bottom: 0.25rem; margin-right: 6px; width: 1.5rem; min-width: 1.5rem; flex-shrink: 0; background-color: var(--theme-color-purple); padding: 0px } ._badge_ctl13_72 { color: var(--theme-color-white) } ._menuNotifications_ctl13_76 { max-height: 500px } ._itemNotifications_ctl13_80 { gap: 1rem; border-width: 1px; border-color: var(--theme-color-gray); padding: 1rem } ._fallIcon_ctl13_84 { width: 2.5rem; border-radius: 9999px } ._labels_ctl13_88 { display: flex; flex-direction: column; gap: 0.25rem } ._type_ctl13_92 { font-size: 1.125rem; line-height: 1.75rem; color: var(--theme-color-blue) } ._description_ctl13_96 { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-black-870); opacity: 0.6 } ._feedbackSize_1xjtk_1 { max-width: 600px } ._small_1xjtk_5 { width: 100%; max-width: 576px } ._medium_1xjtk_9 { width: 100%; max-width: 960px } ._large_1xjtk_13 { width: 100%; max-width: 1344px } ._modalRoot_1xjtk_17 { display: flex; align-items: center; justify-content: center; padding: 1.25rem } ._modal_1xjtk_17 { max-height: 90vh; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); overflow-y: auto; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding: 1.5rem; opacity: 1; --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transform-origin: top center } ._modalClose_1xjtk_26 { pointer-events: none; --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1) } ._formContainer_goray_1 { width: 100%; overflow: hidden; padding: 0.5rem } ._title_goray_5 { margin-bottom: 1.25rem; font-size: 25px } ._inputsForm_goray_9 { width: 100%; gap: 1.5rem } ._buttonContainer_goray_13 { display: flex; width: 100%; justify-content: flex-end } ._button_goray_13 { margin-top: 1.75rem; min-width: 7rem; max-width: 12rem; background-color: var(--theme-color-purple) } ._loadingContainer_goray_21 { display: flex; min-height: 20rem; align-items: center; justify-content: center } ._spinner_goray_25 { color: var(--theme-color-purple) } ._transitionContainer_goray_29 { overflow: hidden; transition-property: max-height; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } ._inputForm_13i5d_1 { display: flex; width: 100%; flex-grow: 1 } ._formContainer_13i5d_5 { display: flex; flex-direction: column; gap: 1.5rem; overflow: hidden; padding: 0.5rem } ._label_13i5d_9 { font-size: 16px } ._warningMessage_13i5d_13 { margin-top: 2px; font-size: 11px; --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)) } ._addImage_13i5d_17 { display: flex; height: 15rem; width: 15rem; align-items: center; justify-content: center; border-radius: 200px; background-color: var(--theme-color-purple) } ._imageContainer_13i5d_21 { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center } ._avatar_13i5d_25 { display: flex; height: 15rem; width: 15rem; align-items: center; justify-content: center; border-radius: 9999px } ._noPhoto_13i5d_29 { display: flex; height: 15rem; width: 15rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(209, 213, 219, 1); background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1)); -o-object-fit: cover; object-fit: cover } ._overlay_13i5d_33 { position: absolute; display: flex; height: 15rem; width: 15rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.4; opacity: 0; transition-property: opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } ._overlay_13i5d_33:hover { opacity: 1 } ._overlayText_13i5d_41 { font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) } ._cropArea_13i5d_45 { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; background-color: rgba(0, 0, 0, 0.85); background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.85 } ._cropContainer_13i5d_49 { position: relative; height: 24rem; width: 24rem; overflow: hidden; border-radius: 0.5rem; background: #333 } ._cropControls_13i5d_54 { margin-top: 0.5rem; display: flex; flex-direction: column; align-items: center; gap: 1rem } ._cropControls_13i5d_54 input[type="range"] { width: 12rem } ._sidebarPaper_3i3s6_1 {position: fixed;top: 0px;bottom: 0px;z-index: 1201;display: flex;width: 100%;flex-direction: column;background-color: var(--theme-color-white);padding-bottom: 1.5rem;padding-top: 4rem;--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 120ms;transition-timing-function: linear }@media (min-width: 768px) {._sidebarPaper_3i3s6_1 {width: auto } }._sidebarPaper_3i3s6_1 { & ._sidebarBox_3i3s6_4 {margin: 1rem } & ._sidebarBox_3i3s6_4 { & ._sidebarButton_3i3s6_7 {display: flex } & ._sidebarButton_3i3s6_7 {height: 3rem } & ._sidebarButton_3i3s6_7 {width: 9rem } & ._sidebarButton_3i3s6_7 {align-items: center } & ._sidebarButton_3i3s6_7 {justify-content: flex-start } & ._sidebarButton_3i3s6_7 {border-radius: 9999px } & ._sidebarButton_3i3s6_7 {background-color: var(--theme-color-white) } & ._sidebarButton_3i3s6_7 {padding-left: 1rem } & ._sidebarButton_3i3s6_7 {font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } & ._sidebarButton_3i3s6_7 {font-size: 0.875rem;line-height: 1.25rem } & ._sidebarButton_3i3s6_7 {text-transform: uppercase } & ._sidebarButton_3i3s6_7 {color: var(--theme-color-black-870) } & ._sidebarButton_3i3s6_7 {--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } & ._sidebarButton_3i3s6_7 { & ._dashboardIcon_3i3s6_10 {margin-right: 0.5rem } & ._dashboardIcon_3i3s6_10 {font-size: 1.5rem } & ._dashboardIcon_3i3s6_10 {color: var(--theme-color-black-540) } } } & ._sidebarListContainer_3i3s6_16 {max-height: 100% } & ._sidebarListContainer_3i3s6_16 {flex-grow: 1 } & ._sidebarListContainer_3i3s6_16 {overflow-y: auto } & ._sidebarListContainer_3i3s6_16 { & ._sidebarList_3i3s6_16 {padding-top: 0px;padding-bottom: 0px } & ._sidebarList_3i3s6_16 { & ._submenuItem_3i3s6_22 {display: flex } & ._submenuItem_3i3s6_22 {height: 2rem } & ._submenuItem_3i3s6_22 {width: 100% } & ._submenuItem_3i3s6_22 {align-items: center } & ._submenuItem_3i3s6_22 {background-color: var(--theme-color-white) } & ._submenuItem_3i3s6_22 {padding-left: 1.5rem;padding-right: 1.5rem } & ._submenuItem_3i3s6_22 {padding-top: 0px;padding-bottom: 0px } & ._submenuItem_3i3s6_22 {padding-right: 0px } & ._submenuItem_3i3s6_22 {text-align: left } & ._submenuItem_3i3s6_22:hover {background-color: var(--theme-color-sidebar-close-hover) } & ._submenuItem_3i3s6_22 { &._submenuItemOpen_3i3s6_25 {background-color: var(--theme-color-sidebar-open) } &._submenuItemOpen_3i3s6_25:hover {background-color: var(--theme-color-sidebar-open-hover) } &._submenuItemOpen_3i3s6_25 { & ._submenuIcon_3i3s6_28 {color: var(--theme-color-purple) } & ._submenuText_3i3s6_32 {flex-grow: 1 } & ._submenuText_3i3s6_32 {font-family: Poppins-Bold, sans-serif } & ._submenuText_3i3s6_32 {font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } & ._submenuText_3i3s6_32 {font-weight: 700 } & ._submenuText_3i3s6_32 {color: var(--theme-color-purple) } & ._submenuArrow_3i3s6_36 {color: var(--theme-color-purple) } } & ._submenuIcon_3i3s6_28 {margin-right: 1.5rem } & ._submenuIcon_3i3s6_28 {color: var(--theme-color-black-540) } & ._submenuText_3i3s6_32 {font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } & ._submenuText_3i3s6_32 {font-size: 0.875rem;line-height: 1.25rem } & ._submenuText_3i3s6_32 {font-weight: 400 } & ._submenuText_3i3s6_32 {color: var(--theme-color-black-870) } & ._menuCountLabel_3i3s6_49 {margin-right: 0.25rem } & ._menuCountLabel_3i3s6_49 {display: flex } & ._menuCountLabel_3i3s6_49 {min-width: 19px } & ._menuCountLabel_3i3s6_49 {max-width: 37px } & ._menuCountLabel_3i3s6_49 {flex-direction: row } & ._menuCountLabel_3i3s6_49 {align-items: center } & ._menuCountLabel_3i3s6_49 {justify-content: center } & ._menuCountLabel_3i3s6_49 {border-radius: 0.375rem } & ._menuCountLabel_3i3s6_49 {background-color: var(--theme-color-purple) } & ._menuCountLabel_3i3s6_49 {padding-top: 3px;padding-bottom: 3px } & ._menuCountLabel_3i3s6_49 {padding-left: 6.8px;padding-right: 6.8px } & ._menuCountLabel_3i3s6_49 {font-size: 11px } & ._menuCountLabel_3i3s6_49 {color: rgba(255, 255, 255, 0.9) } & ._submenuArrow_3i3s6_36 {color: var(--theme-color-black-540) } } & ._submenuSubitem_3i3s6_58 {display: flex } & ._submenuSubitem_3i3s6_58 {width: 100% } & ._submenuSubitem_3i3s6_58 {align-items: center } & ._submenuSubitem_3i3s6_58 {justify-content: space-between } & ._submenuSubitem_3i3s6_58 {padding-top: 0.25rem;padding-bottom: 0.25rem } & ._submenuSubitem_3i3s6_58 {padding-left: 2.5rem } & ._submenuSubitem_3i3s6_58 {text-align: left } & ._submenuSubitem_3i3s6_58:hover {background-color: var(--theme-color-sidebar-close-hover) } & ._submenuSubitem_3i3s6_58 { & ._submenuText_3i3s6_32 {font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } & ._submenuText_3i3s6_32 {font-size: 0.875rem;line-height: 1.25rem } & ._submenuText_3i3s6_32 {font-weight: 400 } & ._submenuText_3i3s6_32 {color: var(--theme-color-black-870) } } & ._listItemTransition_3i3s6_66 {overflow: hidden } & ._listItemTransition_3i3s6_66 {transition-duration: 300ms } & ._listItemTransition_3i3s6_66 {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } & ._submenuSubitemActive_3i3s6_70 {--tw-bg-opacity: 1;background-color: rgba(243, 243, 243, 1);background-color: rgba(243, 243, 243, var(--tw-bg-opacity, 1)) } } } } ._drawerTranslateOpen_3i3s6_77 {--tw-translate-x: -0px;transform: translate(-0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } ._drawerTranslateClose_3i3s6_81 {--tw-translate-x: -100%;transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } ._backdropOpen_3i3s6_85 {position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 1200;background-color: rgba(0, 0, 0, 0.5);background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));--tw-bg-opacity: 0.5;opacity: 1;transition-property: opacity;transition-duration: 350ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } ._backdropClose_3i3s6_89 {opacity: 0 } ._submenuCountLabel_3i3s6_93 {margin-right: 1rem;display: flex;min-width: 19px;max-width: 37px;flex-direction: row;align-items: center;justify-content: center;border-radius: 0.375rem;background-color: var(--theme-color-purple);padding-top: 3px;padding-bottom: 3px;padding-left: 6.8px;padding-right: 6.8px;font-size: 11px;color: rgba(255, 255, 255, 0.9) } ._rightContainer_3i3s6_97 {margin-left: auto;display: flex;flex-direction: row } ._footer_rseih_1 { margin-top: auto; width: 100%; border-top-width: 1px; border-color: var(--theme-color-footer); background-color: var(--theme-color-white) } ._content_rseih_5 { padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } ._text_rseih_9 { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-gray) } ._link_rseih_13 { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-purple) } ._breadcrumbs_1r1uc_1 { margin-bottom: 1rem } ._breadcrumbList_1r1uc_5 { display: flex; flex-wrap: wrap; align-items: center } ._breadcrumbList_1r1uc_5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * 0); margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * (1 - 0)); margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.5rem * calc(1 - 0)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) } ._breadcrumbList_1r1uc_5 { font-size: 0.875rem; line-height: 1.25rem } ._link_1r1uc_9 { cursor: pointer; color: var(--theme-color-purple) } ._link_1r1uc_9:hover { text-decoration-line: underline } ._link_1r1uc_9:focus { outline: 2px solid transparent; outline-offset: 2px } ._currentParentBreadcrumb_1r1uc_13 { font-family: Poppins-SemiBold, sans-serif; color: var(--theme-color-purple) } ._currentChildBreadcrumb_1r1uc_17 { --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)) } ._separator_1r1uc_21 { font-size: 12px; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity, 1)) } ._arrow_1r1uc_25 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)) } /* .main { @apply min-h-screen flex flex-col bg-theme-color-background; & .mainContainer { @apply flex flex-col flex-grow; } & .mainContent { @apply flex-grow p-6; & .outletContainer { @apply mt-4; } } } */ ._main_apar8_1 { display: flex; height: 100vh; flex-direction: column; overflow: hidden; background-color: var(--theme-color-background); } ._body_apar8_22 { display: flex; flex: 1 1 0%; overflow: hidden; padding-top: 60px; } ._content_apar8_26 { display: flex; flex: 1 1 0%; flex-direction: column; overflow: hidden; } ._outlet_apar8_11 { display: flex; min-height: 100%; flex: 1 1 0%; flex-direction: column; overflow: auto; padding-top: 0.25rem; } ._contentContainer_apar8_34 { margin-left: 0.25rem; padding: 1.5rem; } @media (min-width: 1025px) { ._content_apar8_26 { margin-left: var(--sidebar-width); } } ._container_108zu_1 { display: flex; height: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; padding-top: 7vh; } @media (min-height: 800px) { ._container_108zu_1 { padding-top: 14vh; } } @media (min-height: 1000px) { ._container_108zu_1 { padding-top: 20vh; } } @media (max-width: 450px) { ._container_108zu_1 { flex-direction: column; } ._textContainer_108zu_22 { display: flex; align-items: center; justify-content: center; } } @media (min-width: 450px) { ._textContainer_108zu_22 { margin: 1.5rem; } } ._textContainer_108zu_22 { display: flex; flex-direction: column; } ._text_108zu_22 { font-family: Poppins-Bold, sans-serif; font-size: max(40px, min(5vw, 70px)); font-weight: 700; color: var(--theme-color-blue); } ._text2_108zu_41 { font-size: max(14px, min(5vw, 24px)); --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); } ._imgContainer_108zu_45 { display: flex; height: 100%; max-height: 440px; width: 100%; max-width: 450px; align-items: center; justify-content: center; } ._container_l63rj_1 { display: flex; height: 100%; width: 100%; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; padding-top: 7vh; } @media (min-height: 800px) { ._container_l63rj_1 { padding-top: 14vh; } } @media (min-height: 1000px) { ._container_l63rj_1 { padding-top: 20vh; } } @media (max-width: 450px) { ._container_l63rj_1 { flex-direction: column; } ._textContainer_l63rj_22 { display: flex; align-items: center; justify-content: center; } } @media (min-width: 450px) { ._textContainer_l63rj_22 { margin: 1.5rem; } } ._textContainer_l63rj_22 { display: flex; flex-direction: column; } ._text_l63rj_22 { font-family: Poppins-Bold, sans-serif; font-size: max(40px, min(5vw, 65px)); font-weight: 700; color: var(--theme-color-blue); } ._text2_l63rj_41 { font-size: max(14px, min(5vw, 30px)); --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity, 1)); } ._imgContainer_l63rj_45 { display: flex; height: 100%; max-height: 440px; width: 100%; max-width: 450px; align-items: center; justify-content: center; } ._drawerTitle_dgspi_1 { margin-bottom: 0.75rem } ._filterInfo_dgspi_5 { margin-bottom: 1rem; font-size: 18px } ._drawer_1nmsu_1 { position: fixed; top: 0px; right: 0px; z-index: 1250; height: 100%; width: 18rem; background-color: var(--theme-color-white); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms } ._drawerHidden_1nmsu_5 { --tw-translate-x: 100%; transform: translate(100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } ._drawerVisible_1nmsu_9 { --tw-translate-x: 0px; transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } ._content_1nmsu_13 { height: 100%; padding: 1rem } ._backdrop_1nmsu_17 { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1249; height: 100%; width: 100%; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms } ._backdropHidden_1nmsu_21 { pointer-events: none; opacity: 0 } ._backdropVisible_1nmsu_25 { pointer-events: auto; background-color: var(--theme-color-black); opacity: 0.5 } ._button_lfdta_1 { position: fixed; top: 50%; right: 0px; z-index: 1199; display: flex; height: 2.5rem; max-height: 2.5rem; width: 2.5rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: var(--theme-color-white); padding: 0.5rem; color: var(--theme-color-purple); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; &:hover { background-color: var(--theme-color-white) } &:hover { --tw-brightness: brightness(.95); filter: var(--tw-blur) brightness(.95) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } } ._cardTitle_paxbf_1 { margin-bottom: 2.25rem; width: 100% } ._card_paxbf_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; flex-direction: column; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; background-color: var(--theme-color-white); padding: 1rem; text-align: center; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._content_paxbf_9 { display: flex; gap: 1rem; font-size: 0.875rem; line-height: 1.25rem } ._icon_paxbf_13 { font-size: 1.5rem; line-height: 2rem } ._label_paxbf_17 { display: flex; align-items: center } ._cardGrid_kmbef_1 { margin-bottom: 2rem; display: grid; width: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; padding-left: 0.625rem; padding-right: 0.625rem } @media (min-width: 640px) { ._cardGrid_kmbef_1 { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media (min-width: 1024px) { ._cardGrid_kmbef_1 { grid-template-columns: repeat(4, minmax(0, 1fr)) } } ._card_14l1j_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; flex-direction: column; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; background-color: var(--theme-color-white); padding: 0.875rem; text-align: center; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._content_14l1j_5 { display: flex; align-items: center; justify-content: space-between } ._labels_14l1j_9 { display: flex; flex-direction: column } ._counter_14l1j_13 { text-align: left; font-size: 1.5rem; line-height: 2rem; color: var(--theme-color-black); opacity: 0.87 } ._title_14l1j_17 { font-size: 0.875rem; line-height: 1.25rem; color: var(--theme-color-black); opacity: 0.87 } ._icon_14l1j_21 svg { --tw-rotate: -5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-5deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); font-size: 2.5rem; opacity: 0.5 } ._cardChart_1hswe_1 { margin-top: 0.625rem; margin-bottom: 1.75rem; width: 100%; padding-left: 0.75rem; padding-right: 0.75rem } ._card_1hswe_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; background-color: var(--theme-color-white); padding: 1.5rem; text-align: center; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._content_1hswe_9 { display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 1.5rem } ._label_1hswe_13 { font-size: 1.5rem; line-height: 2rem; font-weight: 400 } ._skeleton_1hswe_17 { height: 20rem; min-width: 100% } ._graphicContainer_nx6xi_1 { width: 100% } ._legendContainer_nx6xi_5 { margin-top: 0.75rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem } ._legendItem_nx6xi_9 { display: flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; font-size: 13px } ._colorBox_nx6xi_13 { margin-right: 0.375rem; height: 4px; width: 16px } ._hidden_nx6xi_17 { text-decoration-line: line-through; opacity: 0.5 } ._tableContainer_1dir8_1 { display: flex; flex-direction: column; gap: 1.5rem } ._wrapper_ykkzi_1 { width: 100%; } ._table_ykkzi_5 { width: 100%; table-layout: fixed; border-collapse: collapse; --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; border-spacing: 0px 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } ._thead_ykkzi_9 { position: sticky; top: 0px; z-index: 10; border-bottom-width: 1px; border-color: var(--theme-color-black-540); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); } ._th_ykkzi_9 { overflow: hidden; white-space: normal; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; font-family: Poppins-Medium, sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; --tw-text-opacity: 1; color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, var(--tw-text-opacity, 1)); } ._thActions_ykkzi_17 { overflow: hidden !important; white-space: normal !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; text-align: center !important; font-family: Poppins-Medium, sans-serif !important; font-size: 0.875rem !important; line-height: 1.25rem !important; font-weight: 500 !important; text-transform: uppercase !important; --tw-text-opacity: 1 !important; color: rgba(51, 51, 51, 1) !important; color: rgba(51, 51, 51, var(--tw-text-opacity, 1)) !important; } ._tbody_ykkzi_21 { background-color: transparent; } ._tr_ykkzi_25 { border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); } ._tr_ykkzi_25._loading_ykkzi_29 { opacity: 0.5 !important; } ._tbody_ykkzi_21 tr:last-child ._td_ykkzi_33 { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(107, 114, 128, 1); border-color: rgba(107, 114, 128, var(--tw-border-opacity, 1)); } ._tbody_ykkzi_21 ._tr_ykkzi_25 { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 75ms; } ._tbody_ykkzi_21 ._tr_ykkzi_25:hover { --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); } @-moz-document url-prefix() { ._thead_ykkzi_9 { box-shadow: 0px 1px 0px 0px #6b7280; } } @media (min-width: 768px) {._searchBox_3algr_1 {max-width: 15rem } }._searchBox_3algr_1 { .MuiInput-root {border-bottom-width: 1px } .MuiInput-root {outline: 2px solid transparent;outline-offset: 2px } .MuiInput-root { &::before, &::after {border-bottom-width: 1px } &::before, &::after {--tw-border-opacity: 1;border-color: rgba(209, 213, 219, 1);border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)) } &:hover::before {border-bottom-width: 1px } &:hover::before {--tw-border-opacity: 1;border-color: rgba(107, 114, 128, 1);border-color: rgba(107, 114, 128, var(--tw-border-opacity, 1)) } &._Mui-focused_3algr_16::after {border-bottom-width: 1px } &._Mui-focused_3algr_16::after {border-color: var(--theme-color-purple) } } label.MuiInputLabel-root {font-size: 0.875rem;line-height: 1.25rem } label.MuiInputLabel-root {color: var(--theme-color-black-540) } label.MuiInputLabel-root {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms } label.MuiInputLabel-root {transition-duration: 200ms } .MuiInputLabel-shrink {--tw-translate-y: -1.25rem;transform: translate(var(--tw-translate-x), -1.25rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .MuiInputLabel-shrink {--tw-scale-x: .75;--tw-scale-y: .75;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .MuiInputLabel-shrink {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } } ._paginationList_t8uxw_1 { margin-right: 2rem; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0.25rem; overflow-x: auto } ._paginationButton_t8uxw_5 { margin-left: 2px; margin-right: 2px; display: flex; height: 2.25rem; width: 2.25rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400 } ._paginationButtonSelected_t8uxw_9 { border-color: var(--theme-color-purple); --tw-bg-opacity: 1; background-color: rgba(250, 245, 255, 1); background-color: rgba(250, 245, 255, var(--tw-bg-opacity, 1)) } ._separation_t8uxw_13 { padding: 2px,4px } ._subtitle_wejxu_1 { margin-bottom: 1rem; font-size: 22px; line-height: 1; } ._headerTable_wejxu_5 { margin-bottom: 0.5rem; flex-direction: row; align-items: center; justify-content: space-between; } @media (min-width: 768px) { ._headerTable_wejxu_5 { display: flex; } } ._listSelector_wejxu_9 { display: flex; flex-direction: column; } ._rowsPerPageLabel1_wejxu_13 { margin-bottom: 0.5rem; font-size: 11px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); } ._rowsPerPageLabel2_wejxu_17 { margin-bottom: 1.25rem; margin-top: 0.5rem; font-size: 11px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); } ._table_wejxu_21 { width: 100%; } ._bottonTable_wejxu_25 { margin-top: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem; } @media (min-width: 768px) { ._bottonTable_wejxu_25 { flex-direction: row; } } ._registerLabel_wejxu_29 { flex: none; font-size: 14px; } ._expandedContent_wejxu_33 { display: flex; flex-direction: column; gap: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)); padding: 1rem; } ._expandedItem_wejxu_37 { display: flex; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); } ._sortArrow_wejxu_41 { --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)); } ._headerContent_wejxu_45 { display: flex; cursor: default; align-items: center; gap: 0.75rem; font-family: Poppins-SemiBold, sans-serif; } ._expandIcon_wejxu_49 { margin-right: 0.25rem; cursor: pointer; color: var(--theme-color-purple); } ._expandIconDisable_wejxu_53 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); } ._cellContent_wejxu_57 { display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.25rem; white-space: normal; word-wrap: break-word; & ._cellLine_wejxu_60 { min-width: 0px; } & ._cellLine_wejxu_60 { --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity, 1)); } & ._cellLineSecondary_wejxu_64 { min-width: 0px; } & ._cellLineSecondary_wejxu_64 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); } } ._cellContentAction_wejxu_69 { display: flex; width: 100%; min-width: 0px; align-items: center; white-space: normal; word-wrap: break-word; } ._headerSortable_wejxu_73 { cursor: pointer; } ._td_wejxu_77 { overflow: hidden; white-space: normal; word-wrap: break-word; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 16px; padding-bottom: 16px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, var(--tw-text-opacity, 1)); } ._tdOff_wejxu_81 { overflow: hidden; white-space: normal; word-wrap: break-word; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1)); padding: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, var(--tw-text-opacity, 1)); } ._cellWrapper_wejxu_85 { display: flex; width: 100%; flex-direction: row; gap: 0.5rem; } ._dragOverlay_wejxu_89 { display: inline-block; min-width: 120px; max-width: 300px; overflow: hidden; word-wrap: break-word; border-radius: 0.125rem; --tw-border-opacity: 1; border-color: rgba(75, 85, 99, 1); border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); opacity: 0.95; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } ._overlayHeader_wejxu_93 { overflow: hidden; white-space: normal; word-wrap: break-word; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1)); padding: 8px 16px; text-align: left; font-family: Poppins-Bold, sans-serif; font-weight: 700; } ._overlayBody_wejxu_97 { overflow: hidden; white-space: normal; word-wrap: break-word; padding: 8px 16px; font-size: 0.875rem; line-height: 1.25rem; } ._rowSelected_wejxu_101 { background-color: rgba(25, 118, 210, 0.1); } ._headerSortable_wejxu_73 { cursor: pointer; } ._sortIcon_wejxu_109 { display: flex; opacity: 0; transition: opacity 0.2s ease, transform 0.2s ease; } ._headerSortable_wejxu_73:hover ._sortIcon_wejxu_109 { opacity: 0.6; } ._dragIcon_wejxu_119 { opacity: 0; cursor: grab; transition: opacity 0.2s ease; } th:hover ._dragIcon_wejxu_119 { opacity: 0.5; } th:active ._dragIcon_wejxu_119 { cursor: grabbing; } ._Action_16mpy_1 { position: relative; display: grid; height: 2rem; width: 2rem; cursor: pointer; align-items: center; justify-items: center; place-items: center; border-radius: 9999px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px } ._Action_16mpy_1:hover { background-color: rgba(156, 163, 175, 0.2) } ._Action_16mpy_1 svg { height: 1.5rem; width: 1.5rem } ._delete_16mpy_9 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)) } ._delete_16mpy_9:hover { background-color: rgba(248, 113, 113, 0.2) !important; --tw-text-opacity: 1 !important; color: rgba(248, 113, 113, 1) !important; color: rgba(248, 113, 113, var(--tw-text-opacity, 1)) !important } ._Actions_16mpy_13 { display: flex; flex-direction: row; align-items: center; justify-content: center } ._disabled_16mpy_17 { cursor: not-allowed } ._mainContent_qti8s_1 { display: flex; flex-direction: column; gap: 2rem } ._smallTable_qti8s_5 { table-layout: auto; border-collapse: collapse; text-wrap: wrap; word-wrap: break-word; font-size: 15px; & ._columnLabel_qti8s_8 { padding-left: 0.5rem; padding-right: 0.5rem } & ._columnLabel_qti8s_8 { padding-top: 1rem; padding-bottom: 1rem } & ._columnLabel_qti8s_8 { font-family: Poppins-SemiBold, sans-serif } & ._columnValue_qti8s_12 { white-space: normal } & ._columnValue_qti8s_12 { word-wrap: break-word } & ._columnValue_qti8s_12 { word-break: break-all } & ._columnValue_qti8s_12 { padding-left: 0.5rem; padding-right: 0.5rem } & ._columnValue_qti8s_12 { padding-top: 1rem; padding-bottom: 1rem } & td:first-child { width: 20% } } ._defaultIcon_1lzrd_1 { margin: auto; height: 1.75rem; width: 1.75rem } ._groupContainer_1lzrd_5 { position: fixed; bottom: 90px; right: 1.5rem; z-index: 1205; display: flex; flex-direction: column-reverse; align-items: center; gap: 1rem } ._defaultButton_1lzrd_9 { height: 3.5rem; width: 3.5rem; border-radius: 9999px; background-color: var(--theme-color-purple); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._extraButton_1lzrd_13 { display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 9999px; background-color: var(--theme-color-purple); padding: 0.75rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) } ._extraButton_1lzrd_13:hover { --tw-bg-opacity: 1; background-color: rgba(142, 124, 195, 1); background-color: rgba(142, 124, 195, var(--tw-bg-opacity, 1)) } ._groupExtra_1lzrd_17 { pointer-events: none; display: flex; --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; gap: 0.75rem; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1) } ._groupContainer_1lzrd_5:hover ._groupExtra_1lzrd_17 { pointer-events: auto; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1 } ._groupContainer_1lzrd_5:hover ._extraButton_1lzrd_13 { display: flex } ._groupContainer_1lzrd_5:not(:hover) ._extraButton_1lzrd_13 { display: none } ._updateCell_y9k30_1 { display: flex; align-items: flex-start; gap: 0.75rem } ._defaultStatusInfo_y9k30_5 { flex-shrink: 0 } ._statusInfoOn_y9k30_9 { --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)) } ._statusInfoOff_y9k30_13 { --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity, 1)) } ._labelStatusInfo_y9k30_17 { word-wrap: break-word } ._mainContainer_y9k30_21 { display: flex; flex-direction: column; gap: 2rem } ._formContainer_1h169_1 { display: flex; width: 100%; flex-direction: column; gap: 1.75rem } ._form_1h169_1 { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 1.25rem } ._detailsContainer_wdokg_1 { display: flex; flex-direction: column; gap: 1.5rem } ._title_wdokg_5 { font-size: 27px } ._subtitle_wdokg_9 { font-size: 19px } ._smallTable_wdokg_13 { width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 1.25rem; & ._columnLabel_wdokg_16 { width: 40% } & ._columnLabel_wdokg_16 { padding-left: 0.5rem; padding-right: 0.5rem } & ._columnLabel_wdokg_16 { padding-top: 1rem; padding-bottom: 1rem } & ._columnLabel_wdokg_16 { font-family: Poppins-SemiBold, sans-serif } & ._columnValue_wdokg_20 { padding-left: 0.5rem; padding-right: 0.5rem } & ._columnValue_wdokg_20 { padding-top: 1rem; padding-bottom: 1rem } & ._icon_wdokg_24 { padding: 0px } & ._iconContainer_wdokg_28 { display: flex } & ._iconContainer_wdokg_28 { align-items: center } & ._iconContainer_wdokg_28 { gap: 0.5rem } } ._spinnerContainer_wdokg_33 { margin-top: 1rem; display: flex; align-items: center; justify-content: center; padding: 2rem; & ._spinner_wdokg_33 { color: var(--theme-color-blue) } } ._container_7s4pp_1 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 0.75rem } ._icon_7s4pp_5 { font-size: 80px; --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity, 1)) } ._title_7s4pp_9 { font-family: Poppins-SemiBold, sans-serif; font-size: 24px } ._content_7s4pp_13 { max-width: 24rem; text-align: center } ._button_7s4pp_17 { margin-top: 0.5rem; background-color: var(--theme-color-purple); padding-left: 2rem; padding-right: 2rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) } ._highlinghLabel_v9t17_1 { color: var(--theme-color-purple) } ._supplyLevelContainer_v9t17_5 { display: flex; flex-direction: column; gap: 0.25rem } ._labelLevelContainer_v9t17_9 { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.25rem; font-size: 12px; --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity, 1)) } ._volumetryOn_v9t17_13 { --tw-text-opacity: 1; color: rgba(22, 163, 74, 1); color: rgba(22, 163, 74, var(--tw-text-opacity, 1)) } ._highlinghLabel_1pvjy_1 { color: var(--theme-color-purple) } .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:baseline;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}._highlinghLabel_16vfw_1 { color: var(--theme-color-purple) } ._iconContainer_16vfw_5 { display: flex; flex-direction: row } ._mainContent_16vfw_9 { display: flex; flex-direction: column; gap: 1.5rem } ._inputContainer_16vfw_13 { display: flex; flex-direction: row; align-items: center; gap: 1rem } ._searchFilterContainer_16vfw_17 { margin-top: 1.25rem; margin-bottom: 1.25rem; display: flex; flex-direction: column; gap: 2.5rem; padding-left: 1rem; padding-right: 1rem } ._mainContent_15yi1_1 { display: flex; flex-direction: column; gap: 1.5rem } ._filterContainer_15yi1_5 { margin-top: 1.25rem; margin-bottom: 1.25rem; display: flex; flex-direction: column; gap: 2.5rem; padding-left: 1rem; padding-right: 1rem } ._inputContainer_15yi1_9 { display: flex; flex-direction: row; align-items: center; gap: 1rem } ._cardContainer_15yi1_13 { display: flex; flex-direction: column; gap: 1.5rem } @media (min-width: 768px) { ._cardContainer_15yi1_13 { flex-direction: row } } ._formContainer_1aypy_1 { display: flex; flex-direction: column; gap: 1.5rem; padding-top: 1rem; padding-bottom: 1rem } ._button_1aypy_5 { margin-top: 0.75rem; background-color: var(--theme-color-purple) } ._buttonContainer_1aypy_9 { display: flex; justify-content: flex-end } ._mainContent_1b63b_1 { display: flex; flex-direction: column; gap: 2rem } ._inputContainer_1b63b_5 { display: flex; flex-direction: column; gap: 2.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem } ._button_1b63b_9 { background-color: var(--theme-color-purple); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem } ._buttonContainer_1b63b_13 { margin-top: 1rem; display: flex; justify-content: flex-end; padding-top: 1.5rem; padding-right: 1rem } ._dateContainer_1b63b_17 { display: flex; flex-direction: row; align-items: center; gap: 1rem } ._mainContent_29bvh_1 { display: flex; flex-direction: column; gap: 1.5rem } ._filterContainer_29bvh_5 { margin-top: 1rem } ._button_29bvh_9 { background-color: var(--theme-color-purple); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem } ._buttonContainer_29bvh_13 { margin-right: 2.5rem; margin-top: 1rem; display: flex; align-items: center; justify-content: flex-end } ._exportTitle_29bvh_17 { font-size: 20px } ._exportContainer_29bvh_21 { display: flex; flex-direction: column; gap: 1.5rem } ._inputContainer_29bvh_25 { display: flex; flex-direction: column; gap: 2.5rem; padding-left: 2.25rem; padding-right: 2.25rem; padding-top: 2rem; padding-bottom: 2rem } ._container_1enwo_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; max-width: 48rem } ._form_1enwo_5 { display: flex; width: 100%; flex-direction: column } ._fieldRow_1enwo_9 { margin-top: 1rem; margin-bottom: 1rem; display: flex; width: 100%; flex-direction: column; gap: 1rem } @media (min-width: 768px) { ._fieldRow_1enwo_9 { flex-direction: row } } ._field_1enwo_9 { flex: 1 1 0% } ._typography_1enwo_17 { margin-bottom: 1rem; display: flex; width: 100%; align-items: center; justify-content: space-between } ._buttonContainer_1enwo_21 { display: flex; width: 100%; align-items: center; justify-content: flex-end } @media (min-width: 768px) { ._buttonContainer_1enwo_21 { margin-top: 1rem } } ._button_1enwo_21 { width: 100% !important } @media (min-width: 768px) { ._button_1enwo_21 { width: 8rem !important } } ._container_1xtkb_1 { display: flex; width: 100%; flex-direction: column } ._subtitle_1xtkb_5 { margin-bottom: 1rem; font-size: 22px } ._container_1xtkb_1 { margin-left: auto; margin-right: auto; display: flex; width: 100%; max-width: 48rem } ._form_1xtkb_13 { width: 100% } ._fieldRow_1xtkb_17 { margin-top: 1rem; margin-bottom: 1rem; display: flex; width: 100%; flex-direction: column; gap: 1rem } @media (min-width: 768px) { ._fieldRow_1xtkb_17 { flex-direction: row } } ._field_1xtkb_17 { flex: 1 1 0% } ._typography_1xtkb_25 { margin-bottom: 1rem; display: flex; width: 100%; align-items: center; justify-content: space-between } ._buttonContainer_1xtkb_29 { margin-top: 0.5rem; display: flex; align-items: center; justify-content: flex-end } @media (min-width: 768px) { ._buttonContainer_1xtkb_29 { margin-top: 2.5rem } } ._form_jpqu1_1 { margin-top: 1rem; display: flex; width: 100%; flex-direction: column; gap: 1.5rem } ._field_jpqu1_5 { flex: 1 1 0% } ._buttonContainer_jpqu1_9 { display: flex; align-items: center; justify-content: flex-end } @media (min-width: 768px) { ._buttonContainer_jpqu1_9 { margin-top: 1rem } } ._inputDateContainer_jpqu1_13 { display: flex; flex-direction: row; align-items: center; gap: 1rem } ._counterInputContainer_jpqu1_17 { display: flex; flex-direction: row; gap: 1.5rem }