html { height: 100%; overflow: hidden; background-color: #1A1C23; } body { height: 100%; overflow: hidden; font-size: 14px; background-color: #1A1C23; } .tabs > li > a { outline: none; } #bi { width: 100%; height: 100%; } #loading { z-index:99999 !important; position: fixed; width: 41px; height: 32px; top: 50% !important; left: 50%; margin-left: -12px; margin-top: -12px; background: url(../img/loader.gif) 0px 0px; cursor: progress; display: block; } .topbar .bi-brand { padding: 8px 5px 12px 10px; margin-left: -20px; color: #fff; font-size: 20px; font-weight: 200; line-height: 1; text-decoration: none; color: #fff; outline: 0; margin-left: 10px; } .bi-brand:hover { text-decoration: none; color: #fff; } .topbar .container-fluid { height: 40px; } .h-icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; margin-top: 4px; } .v-icon-bar { display: inline-block; width: 3px; height: 11px; border-radius: 1px; background-color: #ddd; margin: 9px 10px 0px 10px; } .navbar-toggle { margin-top: 12px; margin-right: 15px; margin-bottom: 8px; border-radius: 4px; background-color: #000; border: 1px solid #333; line-height: 0; } .navbar-toggle:focus { outline: 0; } /* .navbar-toggle:hover { background-color: #333; }*/ .container-fluid.full { padding: 0px; margin-top: 40px; } .acc-nav { padding-left: 0; margin: 0px -21px 0px -20px; list-style: none; font-family: Montserrat, sans-serif; } .acc-nav>li { position: relative; display: block; } .acc-nav>li>a { padding-right: 20px; padding-left: 20px; position: relative; display: block; padding: 6px 8px; color: rgba(255,255,255,0.75); text-decoration: none; outline: 0; } .acc-nav>li>a:hover { text-decoration: none; color: rgba(255, 255, 255, 1); background: #464646; } .acc-nav>li>a:focus { text-decoration: none; color: rgba(255, 255, 255, 0.85); } .acc-nav>.active>a, .acc-nav>.active>a:hover, .acc-nav>.active>a:focus { color: #fff; font-weight: bold; background: #464646; } /* Let's get this party started */ /*::-webkit-scrollbar { width: 10px; height: 10px; }*/ /* Track */ /*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }*/ /* Handle */ /* ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,73,234,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,73,234,0.4); } */ .bi-info { background: url(/img/svg/bi-info.svg); width: 16px; height: 16px; position: absolute; right: 9px; top: 24%; cursor: pointer; opacity: 0.85; background-repeat: no-repeat; background-color: #1A1C23; } .active .bi-info { background-color: #464646; } .active .bi-info { opacity: 1; } .sidebar { padding: 5px; padding-right: 3px; } .bi-content { float: left; background-color: #1A1C23; border-top: 2px solid #333; } .bi .nav.secondary-nav { float: right; } .flt-date { background-image: url(../img/clndr.png); background-repeat: no-repeat; background-position: 85px 5px; width: 90px; height: 24px; display: none; } .flt-btn { display: inline-block; width: 29px; height: 29px; float: left; cursor: pointer; margin-right: 16px; } .flt-btn.en svg path { stroke: #3083FF; } .bi-refresh { display: inline-block; cursor: pointer; margin-left: 10px; background: #3083FF!important; border-radius: 4px!important; height: 18px; line-height: 18px; } .ftl-date-sep { width: 7px; height: 2px; border-radius: 1px; background-color: #454545; display: none; margin: 14px 3px 3px 3px; } .sliderClass .google-visualization-controls-slider-thumb { /* background-color: #9DE9FB; border: 1px solid #9DE9FB;*/ } .sliderClass .google-visualization-controls-rangefilter-thumblabel { /*color: #9DE9FB;*/ } .sliderClass .google-visualization-controls-slider-horizontal { /*width: 1300px;*/ } .sliderClass .google-visualization-controls-label { display: none; } .sliderClass .google-visualization-controls-rangefilter { /*white-space: nowrap */ } .sliderClass .google-visualization-controls-rangefilter-thumblabel { /*padding-left: 10px;*/ } .sliderClass .google-visualization-controls-slider-thumb { cursor: pointer; } .bi-date-en { color: #3083FF!important; } .menu-denied { text-decoration: line-through!important; } .dropdown-menu { width: 190px; } .bi-content .tabs { margin-bottom: 2px; padding: 6px; } .bi-dboard { } .bi-chart { display: flex; width: 100%; height: 100%; } .bi-chart { height: 100%; } .bi-chart.full { } .top-bottom { flex-direction: column; justify-content: space-around; align-items: stretch; } .top-bottom .top { height: 50%; width: 100%; border-bottom: 1px solid #ddd; } .top-bottom .bottom { height: 50%; width: 100%; } .left-right { flex-direction: row; justify-content: space-around; align-items: stretch; } .left-right .left { height: 100%; width: 50%; border-right: 1px solid #ddd; } .left-right .right { height: 100%; width: 50%; } .four-view { flex-direction: row; justify-content: space-around; align-items: stretch; flex-wrap: wrap; } .four-view .one { height: 50%; width: 49.9%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .four-view .two { height: 50%; width: 49.9%; border-bottom: 1px solid #ddd; } .four-view .three { height: 50%; width: 49.9%; border-right: 1px solid #ddd; } .four-view .four { height: 50%; width: 49.9%; } .chart-menu { width: 32px; height: 32px; opacity: 0; outline: none; position: absolute; border-radius: 5px; } .pbi .chart-menu { margin-top: 30px; } .chart-menu:hover { background-color: #515667!important; } .chart-menu.open { background-color: #3B3F4D!important; } .bi-chart-view:hover .chart-menu { opacity: 1; background-color: #3B3F4D; } .chart-menu.prop { background: url(../img/svg/prop.svg); background-repeat: no-repeat; background-position: 7px 7px; } .chart-menu.filter { padding-top: 4px; } .chart-menu.filter svg path { stroke: #eee; } .chart-menu.filter.set svg path { stroke: #3083FF; } .chart-menu.copy { background: url(../img/svg/copy.svg); background-repeat: no-repeat; background-position: 6px 6px; } .chart-menu.paste { background: url(../img/svg/paste.svg); background-repeat: no-repeat; background-position: 7px 7px; background-size: 29px; } .bi-chart-view iframe { background: url(../img/loader2.gif) 49% 49% no-repeat; } .tabs .dropdown-toggle { background-color: rgba(142,210,236,0.2); } .bi-chart-view .dropdown-menu { margin-top: -8px; position: relative; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .bi-chart-view .dropdown-menu li { text-align: left; } .ui-accordion .ui-accordion-content { padding: 0px 28px 13px 28px; border: 0; background: rgb(17, 18, 23); overflow: unset; } .ui-accordion .ui-accordion-header { border: 0; background: rgb(17, 18, 23); padding-left: 13px !important; } .ui-accordion .ui-state-default { color: rgba(255, 255, 255, 0.85); } .ui-accordion .ui-state-active { color: #fff; } .ui-accordion .ui-accordion-header:hover { color: #fff!important; } .ui-accordion .ui-accordion-header.ui-state-hover .rep-menu { display: inline!important; } .ui-accordion .ui-accordion-header.ui-state-active .rep-menu { display: inline!important; } /*, li>a:hover + .rep-menu*/ li.active .rep-menu, .acc-nav li:hover .rep-menu { display: inline!important; } .ui-accordion .ui-accordion-header-icon { right: auto !important; left: -4px !important; } .ui-accordion .ui-accordion-icons { padding-left: 20px!important; font-size: 16px; } .ui-accordion .ui-accordion-header-icon.ui-icon-triangle-1-e { background: url(/img/svg/li-open.svg); background-repeat: no-repeat; background-position: 4px; } .ui-accordion .ui-accordion-header-icon.ui-icon-triangle-1-s { background: url(/img/svg/li-open.svg); background-repeat: no-repeat; background-position: 3px; transform: rotate(180deg); } .bi-help { float: right; margin-top: 5px } .bh-lnk { margin-top: -4px; display: inline-table; padding: 10px 10px 11px 8px; outline: 0 !important; color: #A1A1AA; font-weight: 600; } .bh-lnk:hover { color: #fff; } .chart-flash { background: radial-gradient(#ddd, transparent); } .tab-scroller { width: 27px; height: 38px; max-height: 38px; display: inline-flex; position: absolute!important; background-color: #1A1C23; border-color: #1A1C23; } .tab-scroller > a { padding-left: 10px!important; border: 1px solid #A1A1AA!important; border-radius: 8px!important; padding-right: 11px!important; display: flex!important; height: 28px!important; align-items: anchor-center!important; margin-top: 4px!important; background-color: #A1C23; } .tab-scroller.left { right: 31px; top: unset; } .tab-scroller.right { right: 3px; top: unset; } /* .tab-scroller.left > a:after { display: block; content: " "; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 0px; border-right-color: #777; margin-top: 12px; margin-right: -10px; } .tab-scroller.right > a:after { display: block; content: " "; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #777; margin-top: 12px; margin-right: -10px; } */ .bi .topbar { font-family: Montserrat, sans-serif; } .topbar-bi-1 { width: 222px; } .bi .topbar form { margin: 4px 0 0 0; display: flex; } .bi .topbar form > * { border: 1px #454545 solid; border-radius: 10px; color: #fff; font-size: 13px; font-family: Montserrat, sans-serif; } .bi-period-btn { padding-left: 4px; padding-right: 4px; margin-left: 0px!important; float: inline-start!important; height: 29px; margin-right: 10px!important; display: none; } .bi-period-btn .dropdown-toggle::after { content: none; } .bi-period-btn .periods { top: 36px; left: -30px; } .bi-period-btn .periods a { padding: 8px 15px!important; } .bi-period-btn .dropdown-toggle { padding-top: 6px; color: #fff !important; } .bi-filter input { width: 96px; background-position: 90px 6px; } .bi-filter input:focus { background-color: rgba(255, 255, 255, 0.1); color: #fff; } .bi-filter input.bi-date-en:focus { color: #3083FF!important; } .sidebar { display: flex; flex-direction: column; background: #111217; border-right: 1px solid #333; } .bi-sb-top { height: 82px; width: 100%; display: flex; flex-direction: column; font-family: Montserrat, sans-serif; } .bi-sb-menu { flex-grow: 1; overflow-y: auto; overflow-x: hidden; padding: 10px; } .bi-sb-link { height: 28px; } #bi-search { margin: 4px 8px 0px 8px; width: 166px; float: left; border: 1px solid #454545; border-radius: 4px!important; background-image: url('/img/svg/search.svg'); background-repeat: no-repeat; background-position: 7px center; padding-left: 30px; background-color: #1A1C23; color: #fff; height: 31px; } .bi-rep-add { background: #3083FF!important; margin: 8px; width: 172px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; height: 18px; } .bi-rep-add img { margin-right: 4px; } #logo { margin-left: 5px; } .rep-menu { position: absolute!important; top: 50%!important; margin-top: -7px!important; right: -3px !important; background: url(/img/svg/menu.svg)!important; background-position: 6px !important; border-radius: 4px; background-repeat: no-repeat!important; width: 16px; height: 16px; display: none; outline: 0; } .rep-menu:hover { background-color: #222 !important; } .rep-menu a { outline: 0; } .rep-menu .dropdown-toggle::after { content: none; display: none; } .rep-menu .nav { width: 16px; height: 16px; } .ui-ac-enable-style { background: #000; border: 1px solid #444; } .ui-ac-enable-style .ui-menu-item a { color: white !important; } .ui-ac-enable-style .ui-menu .ui-menu-item a.ui-state-focus { background: #3083FF !important; } .topbar-bi-2 { flex: 1; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; justify-content: end; align-items: center; padding-left: 8px; cursor: pointer; } .topbar-bi-2:hover { text-decoration: underline; } .bar-clk img { background-image: url('/img/svg/collapse.svg'); width: 21px; height: 16px; } .bar-expand img { background-image: url('/img/svg/expand.svg'); width: 26px; height: 16px; } .bi-sb-menu::-webkit-scrollbar { width: 8px; height: 10px; } /* Track */ .bi-sb-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .bi-sb-menu::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #ccc; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .bi-tab-menu { display: flex!important; flex-direction: row; } .bi-tab-menu div { height: 33px; line-height: 32px; padding: 2px; } .bi-tm-favt { width: 14px; } .bi-tm-fltr { width: 14px; } .bi-tm-fltr svg, .bi-tm-favt svg { padding-top: 9px; padding-left: 1px; width: 13px; height: 14px; } .bi-tm-fltr svg path, .bi-tm-favt svg path { stroke: #EEE; } .bi-tm-anch { flex-grow: 1; color: #A1A1AA; font-weight: bold; } .active .bi-tm-anch, .bi-content .tabs>li>a:hover .bi-tm-anch { color: #eee; } .bi-tm-menu { width: 14px; display: none; } .bi-tm-menu:hover svg path { fill: #FFF; } .bi-tm-menu svg { padding-top: 11px; padding-left: 2px; width: 10px; height: 12px; } .bi-tm-menu svg path { fill: #64748B; } .bi-content .tabs li.active .bi-tm-menu { display: block; } .bi-tm-menu .dropdown-menu a { color: #E3E3E3; background-color: #1E222D; text-shadow: none; } .bi-tm-menu .dropdown-menu a:hover { background-color: #191919; color: #fff; background-image: -webkit-linear-gradient(top, #292929, #191919); } .bi-tm-menu .dropdown-menu { color: #808080; background-color: #1E222D; } .bi-tm-menu .dropdown-menu .divider { background-color: #222; border-color: #444; } .bi-content .tabs>li.active>a { color: #A1A1AA; background-color: #1A1C23; } .bi-content .tabs li.active>a { border: 1px solid #454545; border-radius: 8px; } .bi-content .tabs>li>a:hover { border-radius: 8px; background-color: #3B3F4D; border-color: #1A1C23; color: #eee; } .bi-content .tabs { border-bottom: none; } .bi-content .active a:active { top: 0px!important; } #tab_set { margin-left: 4px; } #tab_set .new-db { padding-left: 4px; border: 1px solid #A1A1AA; border-radius: 8px; padding-right: 4px; display: flex; height: 28px; align-items: center; margin-top: 4px; } #tab_set .new-db svg { margin-right: 0px!important; } #tab_set .new-db svg path { stroke: #71717A; } .drop-tab-active { border: 1px solid #3083FF; border-radius: 8px; } .drop-tab-hover { border: 1px solid red; border-radius: 8px; } .fav-category { display: flex; flex-direction: row; width: 100%; height: 32px; padding: 4px; cursor: pointer; } .fav-icon { width: 18px; } .fav-text { flex-grow: 1; color: #fff; opacity: 0.85; font-size: 14px; padding: 8px 4px; font-weight: bold; } .fav-text:hover, .fav-category.active .fav-text { opacity: 1; } .fav-icon svg { padding-top: 9px; padding-left: 1px; width: 13px; height: 14px; } .fav-icon svg path { stroke: #EEE; } #acc-rep { border-bottom: 1px solid #333; } .flt-date { padding-top: 3px!important; padding-bottom: 2px!important; }