/*.sub_header { top: 10px; }*/ /*@font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-Regular.ttf') format('truetype'); }*/ .dropdown-div { display: inline-block; float: left; } #chartDropDownDays .dropdown-div { display: inline-block; float: left; width: 457px; height: 100px; margin-left: 5px; margin-top: --11px; height: 60px; } .dropdown-div#forecasting_method_dropdown { width: 277px; } .dropdown-div#landmark_dates_dropdown { width: 440px; } .dropdown-label-dates, .dropdown-label-monthly { float: left; width: 100px; font-family: var(--font) !important; font: large; color: #B5B5B5; float: left; } #chartDropDownDays .dropdown-label-dates, #chartDropDownMonth .dropdown-label-monthly { color: grey; height: 44px; margin-top: 10px; margin-left: 43px; font-weight: normal; border: 2px solid lightgrey; padding: 10px 5px; border-radius: 4px; background-color: #F1F1F1; width: 100px; } #chartDropDownDays.chartDropDownDaysOnMap .dropdown-label-dates { color: #34373A; background-color: white; border: none; box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.2); height: 41px; border-radius: 2px } .dropdown-label-dates-open { color: white !important; background-color: #333639 !important; } /* #dateRangeForPAgeFiltering .dropdown-label-dates { width: 186px; } */ .dropdown-label-charts { float: left; width: 35px; font-family: var(--font) !important; float: left; font: larger !important; color: black; margin-left: 0px; margin-top: 27px; } .dropdown-label-forecasting_methods { font-family: var(--font) !important; font: large; color: black; float: left; margin-top: 27px; } #landmark_dates_dropdown .dropdown-label-dates { width: 176px; } .dropdown-label-targettype, .dropdown-label-targetvalue, .dropdown-label-targetname, .dropdown-label-intervaltype { width: 113px; height: 45px; font-family: var(--font) !important; /*float: left;*/ color: black; margin-left: 12px; border: 2px solid lightgray; background-color: #F1F1F1; color: gray; font-weight: normal; padding: .8em 1em; border-bottom-left-radius: 3px; border-top-left-radius: 3px; position: absolute; z-index: 10 } .dropdown-label-intervaltype { top: 55px; } .dropdown-label-targetvalue { left: 8px; top: 127px } .dropdown-label-targetname { left: 9px; top: 199px; } .dropdown-ctrl { display: inline-block; text-align: left; width: 210px; /*position:relative;*/ } #chartDropDownDays .dropdown-ctrl, #chartDropDownMonth .dropdown-ctrl-monthly { display: inline-block; text-align: left; width: 310px; height: 37px; margin-top: 10px; } .top-switch-user .dropdown-ctrl { width: unset; position: relative; } .top-switch-user .dropdown-content { max-width: 400px; min-width: 163px; width: unset; right: 0; } #dropdownContentForSwitchUser { display: none; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } #dropdownContentForSwitchUser a { display: flex; padding: 12px 16px; align-items: center; gap: 8px; align-self: stretch; } .dropdown-ctrl.landmark-dropdown-ctrl { width: 260px; } .dropdown-control:hover, .dropbtn:focus { width: 210px; } #dropDownControlPageFilering { width: 210px; } /*#dropdownControlForAdminMenu { width: 60px; text-align: center; line-height: 50px; position: relative; text-indent: 20px; height: 60px; background-color: white; background-size: 40px; background-image: url("../images/admin_menu_icon.svg"); background-repeat: no-repeat; background-position-x: 10px; background-position-y: 10px; } #inner_header.header_background_1 #dropdownControlForAdminMenu { -webkit-mask-image: url("../images/admin_menu_icon.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 44px; -webkit-mask-position-x: 10px; -webkit-mask-position-y: 10px; }*/ #dropdownControlForAdminMenu { width: 60px; text-align: center; line-height: 50px; position: relative; text-indent: 20px; height: 60px; } #dropdownControlForAdminMenu > i { font-size: 28px; text-indent: -20px; margin-top: 7px; } #dropdownContentForAdminMenu { width: 0; right: 0px; top: 60px; height: 100%; position: fixed; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; border-radius: unset; transition: 0.5s all; box-shadow: -6px 0px 6px 0 rgb(140 168 227 / 19%); border: none; } #adminMenuDropDownDiv .dropdown-ctrl { width: unset; } #dropdownContentForAdminMenu.open { width: 310px; transition: 0.5s all; } #admin-menu { /*border-left: 1px solid #F2F2F2;*/ position: relative; display: flex; align-items: center; margin-right: 20px; cursor: pointer } .targetLineValueWrapper { width: 100%; margin-left: 5px; float: left; } .targetLineNameWrapper { width: 100%; float: left; margin-left: 6px; } #targetLineValue { width: 341px; height: 45px; margin-top: 22px; border-radius: 5px; border: 2px solid lightgray; padding-left: 122px; color: grey; margin-left: 10px; } #targetLineName { width: 340px; height: 45px; margin-top: 27px; border-radius: 5px; padding-left: 122px; border: 2px solid lightgray; margin-left: 10px; color: grey } #targetLineOptionsWrapper { border: 1px solid lightgray; border-radius: 5px; padding-left: 7px; padding-top: 5px; padding-bottom: 5px; position: absolute; top: 49.2%; z-index: 1000; height: 348px; background-color: white; width: 389px; left: 82.8%; transform: translateX(-50%) translateY(-50%); box-shadow: 20px 20px 50px gray } #targetLineOptionsWrapper.hide-target-chart #dropDownRelatedChart { display: none; } #targetLineOptionsWrapper.hide-target-chart .dropdown-label-targettype { display: none; } #targetLineOptionsWrapper.hide-target-chart #addTargetButton { top: -42px; } #targetLineOptionsWrapper.hide-target-chart { height: 185px; } #addTargetButton { cursor: pointer; color: var(--c0); margin-top: 25px; float: right; margin-right: 25px; position: relative; line-height: 33px; text-align: center; border: 1px solid var(--c0); padding-left: 15px; padding-right: 15px; border-radius: 3px; } #cancelTargetButton { cursor: pointer; color: #454545; width: 38px; margin-top: 25px; float: left; margin-left: 17px; position: relative; line-height: 33px; text-align: center; } .showTargetLineWrapper:hover { background-color: #34373A; color: white } #XcloseDateRange { height: 25px; width: 25px; position: absolute; top: 12px; left: 745px; font-size: 15px; text-align: center; background-color: #f6f6f6; cursor: pointer; color: #454545; background: url(../my_images/cancel.svg) no-repeat; } #closeTargetLineWrapper { height: 25px; width: 25px; position: absolute; top: 15px; left: 355px; font-size: 15px; text-align: center; background-color: #f6f6f6; cursor: pointer; color: #454545; background: url(../my_images/cancel.svg) no-repeat; } #targetLineTitleWrapper { width: 100%; height: 50px } #chooseTargetLineTitle, #chooseIntervalTitle { top: 20px; position: absolute; left: 20px; font-size: 17px; color: #333; } .dropdown-control { /*background-color: #34373A; color: #34373A;*/ float: left; width: 210px; margin-left: 1px; cursor: pointer; } .dropdown-control.notClickable { cursor: default } #dropDownTargetLine, #dropDownInterval { background-color: white; color: black; cursor: pointer; icon: inherit; padding: 10px; border: 2px solid lightgray !important; border-radius: 5px; float: left; width: 250px; height: 45px; margin-left: 106px; color: gray } #dropDownInterval { position: absolute; top: 55px; padding-left: 19px; } #selectedIntervalType { color: grey; } #chartDropDownDays .dropdown-control, #chartDropDownMonth .dropdown-control-monthly { position: relative; background-color: white; color: black; cursor: pointer; icon: inherit; padding: 2px; border: 2px solid lightgray !important; border-color: lightgray; float: left; width: 310px; height: 44px; margin-left: -4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #chartDropDownMonth .dropdown-control-monthly { width: 265px; } #chartDropDownDays.chartDropDownDaysOnMap .dropdown-control { border-right: none !important; border-top: none !important; border-bottom: none !important; box-shadow: 5px -1px 8px -3px rgba(0,0,0,0.2); height: 41px; border-radius: 2px; } #dropDownControlSwitchUser { float: none; width: unset; padding-right: 25px; /* height: 50px;*/ display: flex } #dropDownControlSwitchUser.notClickable .down { display:none } #dropDownControlSwitchUser .fa.fa-caret-down { /*position: absolute; top: 21px; right: 8px; */ } #dbxswitchuser_display { width: unset; font-weight: bold; padding-right: 18px; color: var(--Dark-Gray-Dark, #34485A); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } .dropdown-control.landmark-dropdown-control { width: 200px; padding-top: 1px; } #datesForAccumulated { width: 300px; float: left; margin-top: 7px; margin-left: 10px; } #dateForAccumulated { height: 37px; border-radius: 5px; border: 2px solid lightgray; padding: 2px; width: 200px } #datesForForecasting { width: 300px; float: left; margin-top: 7px; margin-left: 10px; } #dateForForecasting { height: 37px; border-radius: 5px; border: 2px solid lightgray; padding: 2px; width: 200px } #ui-datepicker-div[data-AccumulatedFrame='Month'] .ui-datepicker-calendar, #ui-datepicker-div[data-AccumulatedFrame='Year'] .ui-datepicker-calendar { display: none } #ui-datepicker-div[data-AccumulatedFrame='Year'] .ui-datepicker-month { display: none } #ui-datepicker-div[data-AccumulatedFrame='Week'] .ui-datepicker-calendar tbody tr:hover, #ui-datepicker-div[data-AccumulatedFrame='Week'] .ui-datepicker-calendar tbody tr.ui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } #ui-datepicker-div[data-AccumulatedFrame='Week'] .ui-datepicker-calendar tbody tr:hover a, #ui-datepicker-div[data-AccumulatedFrame='Week'] .ui-datepicker-calendar tbody tr.ui-state-active a { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-datepicker-trigger { display: none; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 14px; } #dropDownControlSwitchUser .dropdown-control-text { margin-left: 6px; } /*#dropDownControlSwitchUser i {line-height:60px;}*/ .dropdown-control-text { border: none; display: inline-block; /*font-family: 'Open Sans';*/ font-size: 13px; width: 160px; margin-left: 12px; background-color: inherit; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #selectedTargetType { color: grey; padding-left: 10px; } #chartDropDownDays .dropdown-control-text, #chartDropDownMonth #monthDate { border: 0 !important; font: larger !important; width: 270px; margin-top: 4px; padding: 4px 2px; color: grey } #chartDropDownMonth #monthDate { width: 256px; } #chartDropDownDays.chartDropDownDaysOnMap .dropdown-control-text { color: #34373A } #inner_header.header_background_1 .dropdown-control-text { color: #FFFFFF; } .dropdown-control > i, .dropdown-control-monthly > i { vertical-align: top; font-size: 13px; line-height: 22px; } #arrowDownForLineType { font-size: 18px; position: absolute; right: 40px; color: #666; } #downArrowForDateRange, #downArrowForMonthlyDateRange { position: absolute; top: 6px; left: 270px; color: gray; } #downArrowForMonthlyDateRange { left: 220px; } #downArrowIconChooseInterval { position: absolute; right: 16px; } #dropdownIntervalTypeContent { top: 100px; left: 131px; width: 232px; border-top: none; } #chartDropDownDays .dropdown-control > i, #chartDropDownMonth .dropdown-control-monthly > i { line-height: 1; display: inline-block; margin-left: 15px; margin-top: 5px; } div.disabled > .dropdown-ctrl > .dropdown-control > i { display: none; } #clearButton_datesForAccumulated { height: 30px; width: 50px; border: 2px solid lightgrey; float: left; padding-top: 3px; border-radius: 4px; margin-top: 4px; cursor: pointer; } #clearButton_datesForAccumulated:hover { background-color: #00ccff; color: white } #clearButton_datesForForecasting { height: 30px; width: 50px; border: 2px solid lightgrey; float: left; padding-top: 3px; border-radius: 4px; margin-top: 4px; cursor: pointer; } #clearButton_datesForForecasting:hover { background-color: #00ccff; color: white } .dropdown-content { top: 42px;; display: none; position: absolute; background-color: white; width: 210px; overflow: auto; box-shadow: 0px 3px 6px #00000029; z-index: 1000; border: 1px solid lightgray; border-radius: 10px; } #chartDropDownDays { /* top: 51px; width: 235px; border: 2px solid lightgray; border-radius: 7px;*/ } .dropdown-content.chart-list { max-height: calc(100% - 51px); } #chartDropDownDays .dropdown-content.chart-date { display: none; position: absolute; width: auto; left: 62px; padding-left: 10px; } #chartDropDownDays.chartDropDownDaysOnMap .dropdown-content.chart-date { left: 48px; } .dropdown-content.chart-date .chart-date-grid-wrapper { display: grid; /*grid-template-columns: repeat(5, 20%);*/ width: 770px; grid-template-rows: 40px 40px 40px 40px 40px 15px; font: var(--font) normal var(--unnamed-font-weight-normal) 16px/38px var(--font); letter-spacing: var(--unnamed-character-spacing-0); text-align: left; font-style: normal; font-variant: normal; /* font-weight: bold;*/ font-size: 16px; line-height: 38px; } .chartDropDownDaysOnMap .dropdown-content.chart-date .chart-date-grid-wrapper { font-weight: normal } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item { color: #9B9B9B; font-size: 15px; padding: 10px 10px; overflow: visible } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item-hovcl:hover { cursor: pointer; background-color: var(--c2) } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title { color: #454545 } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title1 { grid-column-start: 1; } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title2 { grid-column-start: 2; } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title3 { grid-column-start: 3; } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title4 { grid-column-start: 4; } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item.column-title5 { grid-column-start: 5; } .dropdown-content.chart-date .chart-date-grid-wrapper .chart-date-grid-item .from-to-cutom-date-chart-popup.date_range.dropdown-datecontrol.hasDatepicker { padding-left: 10px; border: 1px solid lightgray; border-radius: 4px; width: 200px; height: 45px; margin-bottom: 5px; color: #9B9B9B } .dropdown-content.chart-date .chart-date-buttons { width: 200px; float: right; margin: 0px 20px 20px 0px; cursor: pointer; } .dropdown-content.chart-date .chart-date-buttons span { cursor: pointer; } .from-to-cutom-date-chart-popup.to-cutom-date-chart-popup { /* position: absolute;*/ top: 107px } #dropdownRelatedChartContent { top: 178px } #dropdownTargetTypeContent { width: 232px; top: 99px; left: 131px; } #setCustomDate { float: right; color: var(--c0); margin-right: 6px; border: 1px solid var(--c0); padding: 5px 13px; border-radius: 3px; margin-top: -6px; } #cancelCustomDate { margin-left: 13px } #setCustomDate:hover, #cancelCustomDate:hover { cursor: pointer } .dropdown-content a, #dropdownReportsForAdminMenu a, #dropdownFormsMenu a { text-decoration: none; display: block; /*font-family: "Roboto","Arial";*/ font-size: 14px; padding-left: 16px; height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: grey } #chartDropDownDays .dropdown-content a { text-decoration: none; display: block; /*font-family: "Open Sans";*/ font: larger !important; margin: 10px 0 12px 10px; font-size: 1em; padding: 0; line-height: inherit; height: auto; } .dropdown-content a:first-child { /*padding-top: 5px; height: 37px;*/ } .dropdown-content a:hover { background-color: #F5F5F5; color: var(--c0); } .dropdown-content div { line-height: 20px; } #dropdownReportsForAdminMenu a:first-child, #dropdownReportsForAdminMenu a { padding-top: 0; padding-left: 36px; background-color: #F0F3FA; cursor: pointer; } #dropdownReportsForAdminMenu { display: none; } #dropdownReportsForAdminMenu a:hover { background-color: var(--c2); } #dropdownFormsMenu a:first-child, #dropdownFormsMenu a { padding-top: 0; padding-left: 36px; background-color: #F0F3FA; cursor: pointer; } #dropdownFormsMenu { display: none; } #dropdownFormsMenu a:hover { background-color: var(--c2); } .show { display: block; } .dropdown-ctrl.drop_down_launched .dropdown-content { display: block; } .dropdown-ctrl.drop_down_launched #dropdownContentForSwitchUser.dropdown-content { display: flex; } .dropdown-label-date { width: 60px; padding: 0px 10px 4px; font-family: var(--font) !important; font-style: normal !important; font-weight: normal; font: large; color: black; } .dropdown-datecontrol { border: 2px solid lightgray !important; border-radius: 6px; border-color: lightgray; width: 125px; height: 34px; color: gray; } .dropdown-datecontrol.hasDatepicker { border: 2px solid lightgray !important; border-radius: 6px; border-color: lightgray; width: 125px; height: 34px; color: gray; margin-left: 10px; } #dbxSelectDateNameForFiltering_display { width: 175px; cursor: pointer; } #dropdownContentForPageFiltering { width: 170px; margin-left: 40px; } .dropdown-go-btn-div { border: none; margin-top: 3px; margin-bottom: 3px; } .dropdown-go-btn { transition: all 0.2s; display: inline; border: 1px solid rgb(26, 175, 208); border-radius: 3px; cursor: grab; background-color: white; padding-top: 5px; padding-left: 10px; padding-right: 10px; color: rgb(26, 175, 208); margin-left: 78px; /*margin-top: 9px;*/ /*margin-bottom: 5px;*/ margin-left: 100px; } .dropdown-go-btn.landmark_datesdropdown-go-btn { margin-left: 10px; padding-bottom: 1px; padding-top: 4px; } .dropdown-go-btn-div :hover { color: white !important; background-color: rgb(26, 175, 208) !important; } .dropdown-content-export { display: none; position: absolute; background-color: #f9f9f9; height: 80px; width: 110px; overflow: hidden; box-shadow: 1px 9px 16px 0px rgba(0,0,0,0.2); z-index: 1; border: 2px solid lightgray; border-radius: 7px; text-align: left; bottom: 32px; right: 0; } .dropdown-content-export a { text-decoration: none; width: 100px; display: block; /*font-family: "Open Sans";*/ font: larger !important; margin-top: 8px; margin-left: 12px; } .dropdown-content-export a:hover { color: lightskyblue; } .dropdown-content-export-option { width: 100px; font-family: var(--font) !important; font: larger !important; color: black; } .dropdown-content a.dropdown-custom { margin-bottom: 8px; } /*submenu Export*/ .dropdown-submenu { position: relative; color: black; } .table_top .my_menu { background-color: #00CCFF; text-align: center; padding: 6px 12px !important; border-radius: 20px; color: white; cursor: pointer; } .dropdown-submenu > .dropdown-menu { top: 0; left: -165px; width: 80%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; color: black; } .dropdown-submenu:hover > .dropdown-menu { display: block; color: lightskyblue; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 5px; border-left-color: white; margin-top: 5px; margin-right: 10px; -webkit-padding-start: -100px; color: black; } a:after { display: none !important; color: black; } .export-btn-div { display: block; z-index: 1; cursor: pointer; float: right; position: relative; } .export-btn-div :hover { color: white; background-color: #f6f6f6; cursor: pointer; } .export-btn-div-custom-date-time { display: block; float: right; margin-top: 10px; position: relative; } .DashboardArea .dropdown-menu li.color-gray:hover { background-color: gainsboro; } .DashboardArea .dropdown-menu li.color-gray-exp:hover { background-color: gainsboro; } .dropdown-menu.dropdown-menu-right.color-gray { background-color: gainsboro; color: gray; width: 500px; height: 56px; } .dropdown-menu.dropdown-menu-right.color-gray:hover { background-color: gainsboro; color: gray; } .dropdown-menu.dropdown-menu-right.color-gray-exp { background-color: lightgray; color: gray; width: 500px; height: 56px; } .dropdown-menu.dropdown-menu-right.color-gray-exp:hover { background-color: lightgray; color: gray; } .dropdown-date-time-search.color-gray { border: 0; width: 490px; height: 48px; margin-top: -2px; color: gray; margin-left: 0px; } .dropdown-date-time-search.color-gray:hover { color: gray !important; } .dropdown-date-time-search.color-gray-exp { border: 2px solid lightgray; border-radius: 6px; border-color: lightgray; width: 490px; height: 48px; color: gray; margin-left: 0px; } .dropdown-date-time-search.color-gray-exp:hover { color: gray !important; } .date_time_search { margin-left: 25px; padding-left: 6px; height: 30px; min-width: 60px; max-width: 202px; border: solid 1px #d4d6da; } .search_date_time_btn { background-color: #DDE0E4; transition: all 0.2s; margin-left: 6px; line-height: 25px; margin-top: 2px; margin-right: 1px; border: 2px solid #1aafd0; border-radius: 3px; float: right; cursor: pointer; padding-left: 7px; padding-right: 7px; color: #1aafd0; } .search_date_time_btn:hover { color: white; background-color: #1aafd0; } .search_date_time_btn_ext { background-color: #DDE0E4; transition: all 0.2s; margin-left: 6px; line-height: 25px; margin-top: 4px; margin-right: 2px; border: 2px solid #1aafd0; border-radius: 3px; float: right; cursor: pointer; padding-left: 7px; padding-right: 7px; color: #1aafd0; } .search_date_time_btn_ext:hover { color: white; background-color: #1aafd0; } .raw-dropdown-day-picker { float: left; margin-left: 2px !important; margin-top: 3px; } .raw-dropdown-day-picker-ext { float: left; margin-left: 6px !important; margin-top: 7px !important; } .dtLabel { margin-left: 3px; margin-right: 3px; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } #ui-datepicker-div { z-index: 9999999 !important; } #ui-datepicker-div.custom-style-date-picker.bubu, #ui-datepicker-div.custom-style-date-picker.jojo { overflow-y: scroll; height: 302px; } #ui-datepicker-div.custom-style-date-picker.custom-style-date-picker-no-time { height: 360px; } #ui-datepicker-div.custom-style-date-picker .ui-widget-header { background: white; height: 45px; } #ui-datepicker-div.custom-style-date-picker td a { padding: unset; text-align: center; color: #34373A } #ui-datepicker-div.custom-style-date-picker td.ui-datepicker-current-day { /*width: 28px; height: 28px;*/ background: var(--unnamed-color-3db4d3) 0% 0% no-repeat padding-box; /* background: #3DB4D3 0% 0% no-repeat padding-box;*/ } #ui-datepicker-div.custom-style-date-picker td.ui-datepicker-current-day a { color: white; display: block; background-color: var(--c0); border-radius: 28px; padding: 8px; } /*#ui-datepicker-div.custom-style-date-picker th, #ui-datepicker-div.custom-style-date-picker td { width: unset }*/ /*Heat Map Chart - Monthly date picker*/ #ui-datepicker-div.custom-style-monthly-date-picker .ui-widget-content { border: none; } #ui-datepicker-div.custom-style-monthly-date-picker .ui-datepicker-month, #ui-datepicker-div.custom-style-monthly-date-picker .ui-datepicker-year { display: block; border: 1px solid #B5B5B5; border-radius: 3px; width: 175px; height: 35px; margin-bottom: 10px; } #ui-datepicker-div.custom-style-monthly-date-picker .ui-widget-content .ui-state-default { margin-bottom: 16px; margin-top: 0px; } #ui-datepicker-div.custom-style-monthly-date-picker .ui-datepicker-next, #ui-datepicker-div.custom-style-monthly-date-picker .ui-datepicker-prev { top: 7px; } .hasDatepicker { width: 150px; height: 25px; padding-left: 5px; } /*CALENDAR*/ /*.ui-widget-header { background-color: white; border: 0px none; font-size: 20px; border-bottom: 1px solid #ddd; color: #585858; border-radius: 0px; }*/ .ui-widget-header { height: 48px; background: #ECECEC 0% 0% no-repeat padding-box; border-radius: 5px 5px 0px 0px; text-align: left; vertical-align: middle; overflow: hidden; } /*.ui-button.ui-dialog-titlebar-close .ui-icon-closethick { background-image: url(/images/xxx.png); }*/ .ui-widget-header .ui-dialog-titlebar-close { border: 0px none; background-color: white } .ui-widget-header .ui-dialog-titlebar-close { position: absolute; top: 0; right: 0; border: none; width: 19px; height: 19px; padding: 0; margin: auto; background-color: transparent; height: 100%; padding-right: 40px; /*background: url(../my_images/cancel.svg) no-repeat;*/ } .ui-widget-header .ui-dialog-titlebar-close.ui-state-active { /*background-color: #00ccff;*/ border: 0px none } .ui-widget-header .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png); } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png); } .ui-datepicker .ui-datepicker-next span { background-position: -33px 0px; } .ui-datepicker .ui-datepicker-prev span { background-position: -96px 0px } /*BUTTON EXPORT EXTEND*/ .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover { background-color: #00ccff !important; color: white !important; } .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover a { background-color: #00ccff !important; color: white !important; } #hlSeeMore:hover { background-color: #00ccff; color: white; } #hlSeeMore:focus { background-color: #00ccff; color: white !important; } #datesForPageFiltering { display: none; border-left: 1px solid #F2F2F2; height: 50px; margin-top: 5px; line-height: 50px; padding-left: 15px; position: relative; } #main-content.show-historic-date-selection #datesForPageFiltering { display: inline-block; } #dashboardDropDownDates { display: none; position: absolute; right: 10px; text-align: center; } #dashboardDropDownDates .dropdown-div { display: inline-block; float: left; width: 405px; height: 100px; margin-left: 5px; height: 40px; } #dashboardDropDownDates .dropdown-label-dates { color: grey; height: 25px; margin-top: 7px; font-weight: normal; border: 2px solid lightgrey; border-radius: 4px; background-color: #F1F1F1; width: 100px; } #dashboardDropDownDates .dropdown-ctrl { display: inline-block; text-align: left; width: 305px; height: 37px; margin-top: 7px; } #dashboardDropDownDates .dropdown-control { position: relative; background-color: white; color: black; cursor: pointer; icon: inherit; border: 2px solid lightgray !important; border-color: lightgray; float: left; width: 305px; height: 25px; margin-left: -4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #dashboardDropDownDates .dropdown-control-text { border: 0 !important; width: 255px; color: grey; padding: 0; line-height: 22px; } #dashboardDropDownDates .dropdown-control > i { display: inline-block; margin-left: 15px; } #main-content.show-historic-date-selection #dashboardDropDownDates { display: flex; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper { display: grid; grid-template-columns: repeat(4 25%); width: 790px; grid-template-rows: 40px 40px 40px 40px 40px 60px; font: var(--font) normal var(--unnamed-font-weight-normal) 16px/38px var(--font); letter-spacing: var(--unnamed-character-spacing-0); text-align: left; font: normal normal normal 16px/38px var(--font); } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title1 { grid-column-start: 1; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title { color: #454545; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item { color: #9B9B9B; font-size: 15px; padding: 10px 15px; overflow: visible; } #dashboard_cancelCustomDate { cursor: pointer; } #setDashboardCustomDate { cursor: pointer; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item-hovcl:hover { cursor: pointer; background-color: var(--c2) } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title { color: #454545 } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title1 { grid-column-start: 1; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title2 { grid-column-start: 2; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title3 { grid-column-start: 3; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title4 { grid-column-start: 4; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item.column-title5 { grid-column-start: 5; } .dropdown-content.dashboard-date .dashboard-date-grid-wrapper .dashboard-date-grid-item .from-to-cutom-date-dashboard-popup.date_range.dropdown-datecontrol.hasDatepicker { padding-left: 10px; border: 1px solid lightgray; border-radius: 4px; width: 200px; height: 45px; margin-bottom: 5px; color: #9B9B9B; margin-left: 0; } .dropdown-content.dashboard-date { display: none; position: absolute; width: auto; right: 0; padding-left: 10px; top: 40px; } #dashboardXcloseDateRange { height: 25px; width: 25px; position: absolute; top: 12px; left: 745px; font-size: 15px; text-align: center; background-color: #f6f6f6; cursor: pointer; color: #454545; background: url(../my_images/cancel.svg) no-repeat; } #setDashboardCustomDate { float: right; color: var(--c0); margin-right: 6px; border: 1px solid var(--c0); padding: 4px 13px; border-radius: 3px; margin-top: -6px; } #inner_header i { /*line-height: 50px;*/ } #inner_header .global_tabs_expand i { /*line-height: 50px; */ } #inner_header .dropdown-content i { line-height: unset; } #MainMenuTimeAndTimezone { padding-right: 15px; padding-left: 25px; border-right: 1px solid #F2F2F2; color: var(--Dark-Gray-Dark, #34485A); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; margin: 0 } @media (max-width:1315px) { #MainMenuTimeAndTimezone { display: none; } } @media (max-width:1028px) { #dropDownControlSwitchUser, #dropDownControlAI { width: 295px; } #dbxswitchuser_display { width: 270px } .top-switch-user .dropdown-ctrl { width: 295px; } .top-switch-user .dropdown-content { width: 295px; } } /*@media (max-width:978px) { #dropDownControlSwitchUser { float: none; width: 265px; } #dbxswitchuser_display { width: 240px; font-weight: bold; } .top-switch-user .dropdown-ctrl { width: 265px; } .top-switch-user .dropdown-content { width: 265px; } }*/ @media (max-width:978px) { #dropDownControlSwitchUser { float: none; width: 165px; } #dbxswitchuser_display { width: 140px; font-weight: bold; } .top-switch-user .dropdown-ctrl { width: 165px; } .top-switch-user .dropdown-content { width: 165px; } /*.dropdown-label-dates { width: 85px; }*/ #dropdownControlForAdminMenu { width: 130px; padding-left: 0px; background-image: none; } /*#dbxSelectDateNameForFiltering_display { width: 165px; } #dropDownControlPageFilering { width: 190px; }*/ .top-switch-user { margin-left: 3px; } /*#dateRangeForPAgeFiltering > .dropdown-ctrl { width: 190px; }*/ .header .logo { margin-left: 2px; } .dropdown-content a { padding-left: 2px; } #dropdownContentForPageFiltering { margin-left: 23px; } } #dropdownContentForPageFiltering div.custom_range_for_filtering_wrapper div { margin-bottom: 9px; } .intervalValueWrapper { width: 100%; margin-left: 5px; float: left; } .intervalNameWrapper { width: 100%; float: left; margin-left: 6px; } #intervalValue { width: 269px; height: 45px; margin-top: 102px; border-radius: 5px; border: 2px solid lightgray; padding-left: 53px; margin-left: 83px; color: grey; } #intervalName { width: 208px; height: 34px; margin-top: 11px; border-radius: 5px; padding-left: 10px; border: 1px solid lightgray; } #intervalOptionsWrapper { border: 1px solid lightgray; border-radius: 5px; padding-left: 7px; padding-top: 5px; padding-bottom: 5px; position: absolute; top: 39.5%; z-index: 1000; height: 250px; background-color: white; width: 387px; left: 82.7%; transform: translateX(-50%) translateY(-50%); box-shadow: 20px 20px 50px gray; } /*#intervalOptionsWrapper.hide-target-chart #dropDownRelatedChart { display: none; } #intervalOptionsWrapper.hide-target-chart .dropdown-label-targettype { display: none; } #intervalOptionsWrapper.hide-target-chart #setIntervalButton { top: -42px; } #intervalOptionsWrapper.hide-target-chart { height: 185px; }*/ #setIntervalButton { cursor: pointer; color: var(--c0); margin-top: -39px; float: right; margin-right: 21px; position: relative; line-height: 30px; text-align: center; /*font-size: 12px;*/ border: 1px solid var(--c0); padding-left: 17px; padding-right: 17px; border-radius: 3px; } .showIntervalWrapper:hover { background-color: #00ccff; color: white } #closeIntervalWrapper { height: 25px; width: 25px; position: absolute; top: 23px; left: 352px; text-align: center; cursor: pointer; color: #454545; background: url(../my_images/cancel.svg) no-repeat; } .showIntervalWrapper { height: 47px; width: 181px; cursor: pointer; color: #454545; border: 1px solid #454545; position: absolute; border-radius: 4px; left: 1004px; top: 17px; line-height: 46px; text-align: center; font-size: 18px } .showTargetLineWrapper { height: 47px; width: 181px; cursor: pointer; color: #454545; border: 1px solid #454545; position: absolute; border-radius: 4px; left: 798px; top: 17px; line-height: 46px; text-align: center; font-size: 18px } #setDefaultIntervalButton { cursor: pointer; color: #454545; margin-top: -36px; float: right; margin-right: 189px; position: relative; line-height: 30px; text-align: center; /*font-size: 12px;*/ } .showIntervalWrapper:hover { background-color: #34373A;; color: white } .interval-btn-wrapper { width: 100%; margin-top: 65px; float: left; } #chartDropDownDays, #chartDropDownMonth { text-align: center; height: 70px } #chartDropDownDays.chartDropDownDaysOnMap { position: absolute; left: 155px; top: 6px; } #chartDropDownDays.chartDropDownDaysOnMap .showIntervalWrapper { display: none } #dashboardDropDownDays { text-align: center; height: 70px } .filterdaterangeopen { background-color: #34373A !important; color: white !important; } .custom-style-date-picker .ui-datepicker-buttonpane { border: none } .custom-style-date-picker .ui-timepicker-div { margin-top: 12px } .custom-style-date-picker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute::before { padding-right: 6px; } .custom-style-date-picker .ui_tpicker_hour_slider, .custom-style-date-picker .ui_tpicker_minute_slider { padding: 10px 15px; border: 1px solid #B5B5B5; border-radius: 3px; color: #B5B5B5; } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider .ui-timepicker-select, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider .ui-timepicker-select { color: #B5B5B5; } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_time_label { font-weight: normal; font-size: 17px; margin-left: 5px; } #ui-datepicker-div.custom-style-date-picker #datetimepicker-custom-buttons { width: 100%; background-color: blue; height: 20px; } #ui-datepicker-div.custom-style-date-picker .ui-datepicker-current { width: 0; padding: 0; } /*#ui-datepicker-div.custom-style-date-picker.custom-style-date-picker-snapmap .ui-datepicker-current { width: unset }*/ #ui-datepicker-div.custom-style-date-picker .ui-datepicker-close, #ui-datepicker-div.custom-style-monthly-date-picker .ui-datepicker-close { color: var(--c0); border: 1px solid var(--c0); padding: 4px 13px; margin-right: 5px; margin-top: -1px; } .ui-datepicker table { min-height: 252px; } #ui-datepicker-div.custom-style-date-picker.custom-style-date-picker-only-time .ui-widget-header { display: none; } #ui-datepicker-div.custom-style-date-picker.custom-style-date-picker-only-time { height: 120px; width: 225px; } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider { padding: 0; } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider { border: none; } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider select, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider select { height: 30px; width: 60px; border: 1px solid var(--c1); border-radius: 4px; color: var(--c1); } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider select option:hover, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider select option:hover { background-color: var(--c2); } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider select:active, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider select:active, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_hour_slider select:hover, #ui-datepicker-div.custom-style-date-picker .ui_tpicker_minute_slider select:hover { border-color: var(--c1); } #ui-datepicker-div.custom-style-date-picker .ui_tpicker_time_label { margin-top: 0px; } #ui-datepicker-div.custom-style-date-picker .bootstrap-select { width: unset !important; } .customTableWidgetWrapper .dropdown-menu > #ui-datepicker-div.custom-style-date-pickerli > a:hover { background-color: #DCF8FF !important; color: #000; } #ui-datepicker-div.custom-style-date-picker .dropdown-menu > li > a:focus { background-color: #fff; color: #000; } #ui-datepicker-div.custom-style-date-picker div.dropdown-menu > ul > li > a:hover { background-color: var(--c2) !important; color: #000; } #ui-datepicker-div.custom-style-date-picker .dropdown-menu > ul > li > a:focus { background-color: #fff; color: #000; } #ui-datepicker-div .ui_tpicker_minute_slider select[data-unit="undefined"] { display: none; } #ui-datepicker-div .ui_tpicker_hour_slider select[data-unit="undefined"] { display: none; } #ui-datepicker-div .dropdown-toggle.btn-default { background-color: transparent; color: var(--c0); border: 1px solid var(--c0); margin-right: -1px; margin-top: -1px; } #showReport i { display: inline-block; margin-right: 11px; float: left; } #showMenuForm i { display: inline-block; margin-right: 11px; float: left; } /*hide days from date picker*/ /*Monthly date picker - Heat Map Chart popup*/ .dropdown-content.chart-list-monthly { width: 264px; left: 154px; top: 60px; height: 167px; font-family: var(--font) !important; } .chart-list-monthly .monthly-header { position: relative; background: none; margin-top: 12px; padding: 0 16px; } .chart-list-monthly .monthly-header i { display: inline-block; padding: 12px; } .chart-list-monthly .monthly-header i.far.fa-angle-left { float: left; cursor: pointer; } .chart-list-monthly .monthly-header i.far.fa-angle-right { float: right; cursor: pointer; } .hide-calendar .ui-datepicker-calendar { display: none; } #monthDateValue { display: none; } .custom-month-select { display: inline-block; } .custom-month-select .options { position: fixed; left: 200px; z-index: 1; display: none; width: 169px; background-color: white; border: 1px solid #ccc; color: #9B9B9B; } .custom-month-select.month .options { top: 157px; } .custom-month-select.year .options { top: 206px; } .custom-month-select .option { padding: 10px; cursor: pointer; margin: 0; } .custom-month-select .option:hover { background-color: var(--c0); color: #9B9B9B; } .custom-month-select .option.selected { background-color: var(--c0); } .custom-select { position: relative; display: inline-block; } .custom-month-select .select-trigger { padding: 11px; border: 1px solid #B5B5B5; border-radius: 3px; width: 169px; height: 37px; cursor: pointer; display: inline-block; color: #9B9B9B; line-height: 12px; } .custom-month-select .arrow { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #34373A transparent transparent transparent; float: right; margin-top: 6px; } .chart-date-buttons-monthly { width: 200px; margin: 0px 20px 20px 0px; cursor: pointer; bottom: 0; position: absolute; right: 0; } #dropDownControlAI, .ai-agent .dropdown-ctrl { width: unset; } #dropDownControlAI { padding-left: 20px; } #dropDownControlAI label { cursor: pointer; } #dropdownContentForAI { max-width: 159px; top: 60px; } .dropdown-content-ai-name { cursor: pointer; } span.pm_top_menu_launcher { display: inline-flex; align-items: center; gap: 10px; padding: 8px; position: relative; flex: 0 0 auto; border-radius: 2px; background-color: #F5F5F5; } #pm_admin_menu_category_header_admin { margin-left: 11px; padding-left: 7px; margin-top: 26px; display: inline-block; cursor: default; color: var(--Dark-Black, #001931); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 500; line-height: 26px; overflow: hidden; white-space: nowrap; } .admin_menu_content_wrapper { display: block; border-top: solid 1px #E9E9E9; border-bottom: solid 1px #E9E9E9; padding: 13px; width: 100%; } .admin_menu_content_wrapper a { color: var(--Dark-Gray-Dark, #34485A); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 26px; display: flex; padding: 10px 12px; justify-content: start; align-items: center; gap: 10px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; height: unset; margin-left: 0; border-radius: 4px; } #usermanagement_tab { padding-left: 15px; } #myTimeZone, #LinkButton1 { background-repeat: no-repeat; cursor: pointer; color: var(--Dark-Gray-Dark, #34485A); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; display: flex; align-items: center; padding: 12px 12px; margin-left: 17px; margin-right: 12px; border-radius: 8px; overflow: hidden; white-space: nowrap; } #LinkButton1 { color: var(--Neutral-Red, #FA191D); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; display: flex; gap: 8px; } #LinkButton1:hover { background-color: transparent } #myTimeZone .fa-clock { font-size: 22px; padding-right: 8px; } .devider { width: 100%; height: 1px; background-color: #E9E9E9; } #admin_section { display: flex; justify-content: space-between; } #admin_section .down { display: block } #admin_section.open .down { transform: rotate(180deg); } #admin_section:hover { background-color: transparent; color: initial; } #dbxswitchuser_display { color: var(--Dark-Gray-Dark, #34485A); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } //.dropdown-ctrl .down { display: block } .dropdown-ctrl.drop_down_launched .down { transform: rotate(180deg); }