@charset "utf-8"; /* CSS Document */ /*Mobile Icons*/ .mobile-bottom-nav .icon-timeseries-filter { background-position: -24px -232px; } .mobile-bottom-nav .icon-single-column-filter { background-position: -408px -207px; } .mobile-bottom-nav .icon-multi-column-filter { background-position: -431px -207px; } .mobile-bottom-nav .icon-current-selections { background-position: -166px -163px; } .mobile-bottom-nav .icon-text { background-position: -358px -207px; } .mobile-bottom-nav .icon-image { background-position: -382px -207px; } .mobile-bottom-nav .icon-trend-line { background-position: -264px -280px; } .mobile-bottom-nav .icon-text { background-position: -358px -207px; } .mobile-bottom-nav .icon-monitor { background-position: -117px -208px; } .mobile-bottom-nav .icon-grid { background-position: -1px -396px; } .mobile-bottom-nav .icon-performance { background-position: -119px -255px; } .mobile-bottom-nav .icon-periods { background-position: -73px -323px; } .mobile-bottom-nav .icon-frequency { background-position: -100px -322px; } .mobile-bottom-nav .icon-breakdown { background-position: -122px -324px; } .mobile-bottom-nav .icon-views { background-position: -147px -321px; } .mobile-bottom-nav1 .icon-timeseries-filter { background-position: -24px -232px; } .mobile-bottom-nav1 .icon-single-column-filter { background-position: -408px -207px; } .mobile-bottom-nav1 .icon-multi-column-filter { background-position: -431px -207px; } .mobile-bottom-nav1 .icon-current-selections { background-position: -166px -163px; } .mobile-bottom-nav1 .icon-text { background-position: -358px -207px; } .mobile-bottom-nav1 .icon-image { background-position: -382px -207px; } .mobile-bottom-nav1 .icon-trend-line { background-position: -264px -280px; } .mobile-bottom-nav1 .icon-text { background-position: -358px -207px; } .mobile-bottom-nav1 .icon-monitor { background-position: -117px -208px; } .mobile-bottom-nav1 .icon-grid { background-position: -1px -396px; } .mobile-bottom-nav1 .icon-performance { background-position: -119px -255px; } .mobile-bottom-nav1 .icon-periods { background-position: -73px -323px; } .mobile-bottom-nav1 .icon-frequency { background-position: -100px -322px; } .mobile-bottom-nav1 .icon-breakdown { background-position: -122px -324px; } .mobile-bottom-nav1 .icon-views { background-position: -147px -321px; } /*Hide Things for Desktop*/ .section-setting-trigger { display: none; } .dashboard-monitor-nav { display: none; } /*Compact View In Mobile*/ .compact-view-button { display: none; } .compactview .compact-view-button { display: inline-block; height: 100px; width: 212px; background: url(../img/compactview-button.png) no-repeat center 5px; float: right; cursor: pointer; border: 4px solid #CCCCCC; border-radius: 3px; margin-right: 10px; display: block; } .compactview .filter-row { display: none; } .compactview .header-right-menu .hide-only-iphone { display: none; } .compactview .header-right-menu ul.dropdown-menu .hide-only-iphone { display: none; } .compactview .toggle-header-footer { display: inline-block; height: 100px; width: 212px; background: url(../img/compactview-header-footer-toggle-down.png) no-repeat center 34px; float: right; cursor: pointer; border: 4px solid #CCCCCC; border-radius: 3px; margin-right: 5px; display: block; } .compactview .toggle-header-footer.expanded { background: url(../img/compactview-header-footer-toggle-up.png) no-repeat center 34px; } .compactview .header, .compactview .footer > .row { display: none; } .compactview .disply-header-footer { display: block !important; } .compactview .dashboard-section-title > .row > div { width: 100%; } .compactview .dashboard-section-title > .row > div:last-child { display: none; } .compactview .dashboard-section-title > .row > div .dashboard-mobile-nav { display: none; } .compactview .dashboard-title { float: left; padding: 9px 0 9px 10px; font-size: 50px; max-width: 878px; } .compactview .header-right-menu > ul > li:first-child a { padding: 50px 101px; border-width: 4px; background: url(../img/compactview-home.png) no-repeat center 25px; } .compactview .header-right-menu ul li .header-ext-menu { padding: 50px 101px; background: url(../img/compactview-three-line.png) no-repeat center 26px; border: 4px solid #ccc; border-bottom: 0 none; } .compactview .header-right-menu ul.dropdown-menu li a { font-size: 40px; padding: 50px 11px; border-left: 8px solid #aaaaaa; border-top: 4px solid #ffffff; } .compactview .header-right-menu ul.dropdown-menu li { border-top: 4px solid #e0dfdf; } .compactview .header-right-menu ul.dropdown-menu ul.dropdown-menu { left: -310px; } .compactview .header-right-menu i { display: none; } .compactview .logo { padding-top: 20px; } .compactview .logo img { width: 482px; } .compactview .welcome { font-size: 40px; padding: 20px 0 35px 0; } .compactview .footer { font-size: 30px; } .compactview .footer .powered-by { background-position: left center; } .compactview .footer-bottom-fix { position: relative; } .compactview .header .col-lg-60 { position: static; } .compactview .header-right-menu ul.dropdown-menu { min-width: inherit; width: 100%; top: 178px; border: 4px solid #aaaaaa; } .compactview .header-right-menu ul li.dropdown { position: static; padding-top: 3px; } .compactview .header-right-menu ul.dropdown-menu ul.dropdown-menu { left: 0; position: static; } .compactview .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a { background: #e5e5e5; } .compactview .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a:hover { background: #cecece; } .compactview .header-right-menu ul.dropdown-menu li:hover ul.dropdown-menu { display: none; } .compactview .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav>a { background: #F9F8F8 url(../img/hleft-mobile.png) no-repeat 95% center; } .compactview .header-right-menu ul.dropdown-menu li.activesubmenu>a { background: #F9F8F8 url(../img/vdown-mobile.png) no-repeat 95% center; } .compactview .header-right-menu ul.dropdown-menu .activesubmenu ul.dropdown-menu { display: block !important; } .dashboard-nav-for-portrait-ipad { display: none; } .filterPanelForTablet { display: none; } .repository-mobile-datalist { display: none; } .show-only-portraitipad-iphone{display:none;} @media (max-width: 1024px) { /*General*/ .col-lg-120 { clear: both; } input:focus, select:focus { font-size: 16px !important; } .checkbox-inline { padding-right: 10px; } .table-responsive { overflow: scroll; width: 100%; } .table-responsive th { white-space: nowrap; } .large-ll-dialog .modal-dialog { width: auto; } .new-analysis-box-left { -webkit-overflow-scrolling: touch; } .iframe-container { -webkit-overflow-scrolling: touch; } .multicolumn-control td .speed-type-section { width: 100%; float: left; } .filter-row .filter-box { margin: 6px 0 5px 4px; } .section-report-data { -webkit-overflow-scrolling: touch; } /*Font Size should minimum 12px for iPhone and iPad*/ .description-text-box { font-size: 12px; } .welcome { font-size: 12px; } .footer { font-size: 12px; } .breadcrumb-section-analysis .breadcrumb-right-section { font-size: 12px; } .home-menu-section .submenu-name a { font-size: 14px; } .home-menu-section .submenu-icon a { font-size: 14px; } .home-menu-section .submenu-name { font-size: 14px; } .header-right-menu > ul > li >a { font-size: 12px; } .note-text { font-size: 12px; } .modal-bot-text { font-size: 12px; } .table-by-text td { font-size: 12px; } .description-text-box { font-size: 12px; } .analysis-top-right-last { font-size: 12px; } .analysis-search-field input { font-size: 12px; } .section-kpi-box-2 .legend-box { font-size: 12px; } .section-kpi-box-4 .legend-box { font-size: 12px; } .section-kpi-box-5 .legend-box { font-size: 12px; } .section-kpi-box-10 .legend-box { font-size: 12px; } .section-kpi-box-11 .legend-box { font-size: 12px; } .section-kpi-box-12 .legend-box { font-size: 12px; } .section-kpi-box-13 .legend-box { font-size: 12px; } .section-kpi-box-14 .legend-box { font-size: 12px; } .section-kpi-box-15 .legend-box { font-size: 12px; } .section-kpi-box-22 .legend-box { font-size: 12px; } .section-kpi-box-23 .legend-box { font-size: 12px; } .section-kpi-box-24 .legend-box { font-size: 12px; } .section-kpi-box-27 .legend-box { font-size: 12px; } .section-scorecard-box-1 .legend-box { font-size: 12px; } .section-scorecard-box-2 .legend-box { font-size: 12px; } .section-scorecard-box-3 .legend-box { font-size: 12px; } .breadcrumb-section-graph .breadcrumb li a { font-size: 12px; } .breadcrumb-section-graph .breadcrumb-right-section { font-size: 12px; } .breadcrumb-section-analysis .breadcrumb-right-section { font-size: 12px; } .repository-table-section .admin-name { font-size: 12px; } .repository-table-section .greay-text { font-size: 12px; } /*Header*/ /*Login*/ .login-main { padding: 20px 20px 5px 20px; margin-top: 10%; } /*Reset Password*/ .reset-password-main { padding: 20px 20px 5px 20px; margin-top: 10%; } /*Session Expired*/ .global-error-main { padding: 20px 20px 5px 20px; margin-top: 10%; } /*Repository*/ .repository-action-btn { padding: 5px 0; } .repository-sorting { padding: 5px 0; } .treeview .hover { color: #000000 !important; cursor: pointer; } /*Home*/ .home-iframe-size { height: 630px !important; padding-top: 20px; } .home-iframeurl-size { padding-top: 20px; } /*Dashboard*/ .filter-row .filter-setting-icon { padding-left: 2px; } body.modal-open { padding: 0; } /*Dashboard - Manage Tabs*/ .manage-tab-section .select-height select { margin-bottom: 5px; } /*All Dropdown control*/ .speed-type-section li.tagit-choice a.tagit-close { position: absolute; width: 28px; height: 19px; top: 50%; margin-top: -10px; right: 0; background-position: 14px 0; } .speed-type-section li.tagit-choice a.tagit-close:hover { background-position: 14px 0; } .speed-type-section li.tagit-choice { padding: 7px 13px 7px 4px !important; font-size: 14px; margin-bottom: 0; } /*Rank*/ .rank-slider .top-bottom-rank .btn { padding: 7px 15px; } /*below last one css added by R */ .ui-slider .ui-slider-handle { height: 18px; width: 18px; top: -2px !important; margin-top: 2px; width:1em !important; height:1em !important} .rank-slider .ui-slider-label-ticks span { font-size: 14px; } /*Page Filter*/ .filter-row .main-filter-input { width: 220px; } .outer-field-filter { width: 220px; top: 27px; left: 11px; } .outer-field-filter .filter-result-icon a { font-size: 14px; } .filter-row .main-filter-input input { padding-top: 5px; padding-bottom: 6px; } .filter-row .filter-row-close { height: 40px; } /*Single Column Filter - section 1*/ .single-column-filter-box-1 .filter-search-field { margin: 10px 0px 0px 0px; width: 100%; } .single-column-filter-box-1 .filter-search-field input { height: 30px; } .single-column-filter-box-1 .filter-search-field .icon-search { top: 9px; } .single-column-filter-box-1 .section-setting span { padding: 0 7px; } .ui-menu .ui-menu-item a { padding-top: 7px; padding-bottom: 7px; font-size: 14px; } /*Current Selection Contol*/ .current-selection-box .current-selection-scroll { height: 152px; } /* Search Clear */ .search-clear-btn { border-radius: 4px; display: inline-flex; height: 30px; width: 28px; float: right; z-index: 1; cursor: pointer; line-height: 30px; font-size: 25px; opacity: 0.5; text-align: center; display: block; position: absolute; right: 0; top: 0; } /* Search Field */ .analysis-search-field .icon-search { top: 13px; } .analysis-search-field .icon-close { top: 13px; } /****** Analysis Page ******/ .analysis-search-field { padding: 5px 0; } .analysis-area { width: 98%; margin: 0 auto; } /*Analysis Table*/ /*.gridpanel{ bottom:-29px;}*/ /*Analysis Horizontal Scrollbar*/ .analysis-area .hnobc { background-position: center center !important; margin-top: -2px; } .analysis-area .hnob { margin-top: 13px; } /*Analysis Horizontal Scrollbar*/ .analysis-area .hbar { height: 40px !important; } /*Analysis Vertical Scrollbar*/ /* .analysis-area .vbar{ width:40px !important;} */ /*Analysis Vertical Scrollbar*/ .analysis-area .vnobc { background-position: center center !important; } .analysis-area .vnob { margin: 0 auto !important; left: 0 !important; max-height: 100%; } /*Analysis Bottom Scrollbar Arrow */ .analysis-area .hleft { background: url(../img/hleft-mobile.png) no-repeat center center; border: none !important; margin: 0 -13px 0 0 !important; padding: 18px 17px !important; z-index: 1; } .analysis-area .hright { background: url(../img/hright-mobile.png) no-repeat center center; border: none !important; margin: 0 0 0 -13px !important; padding: 18px 17px !important; z-index: 1; } /*Analysis Right Scrollbar Arrow*/ .analysis-area .vup { background: url(../img/vup-mobile.png) no-repeat center center; border: none !important; margin: 0 auto -13px auto !important; padding: 17px 0 !important; width: 100% !important; z-index: 1; } .analysis-area .vdown { background: url(../img/vdown-mobile.png) no-repeat center center; border: none !important; margin: -13px auto 0 auto !important; padding: 17px 0 !important; width: 100% !important; z-index: 1; } .analysis-area .bleft { background: url(../img/hleft-mobile.png) no-repeat center center; border: none !important; margin: 0 15px 0 0 !important; padding: 16px 17px !important; z-index: 1; } .analysis-area .bright { background: url(../img/hright-mobile.png) no-repeat center center; border: none !important; margin: 0 0 0 0 !important; padding: 16px 17px !important; z-index: 1; } /*Right Click menu*/ .context-menu .dropdown-menu li a { padding: 7px 10px; margin-bottom: 1px; color: #333333; } .context-menu .dropdown-menu ul.dropdown-menu { left: 0; position: static; } .context-menu .dropdown-menu .dropdown-submenu>a { background: url(../img/header-menu-dropleft.png) no-repeat 95% center !important; } .context-menu .dropdown-menu .activesubmenu.dropdown-submenu>a { background: url(../img/header-menu-dropdown.png) no-repeat 95% center !important; } .context-menu .dropdown-menu .dropdown-submenu ul a { background: #e5e5e5; } .context-menu .dropdown-menu .dropdown-submenu ul a:hover { background: #cecece; } .context-menu .dropdown-menu li:hover ul.dropdown-menu { display: none; } .context-menu .dropdown-menu .activesubmenu ul.dropdown-menu { display: block !important; margin: 0; border: 0; max-height: 116px; overflow: auto; width: 100%; } .open-context-menu > .dropdown-menu { display: block; } /*Manage global variables*/ .global-var-box .col-lg-40 { width: 33.3333%; float: left; } /* Fix */ .section-kpi-box-1 .legend-box { width: 20%; } .section-kpi-box-4 .legend-box { width: 20%; } .section-kpi-box-6 { margin: 145px 230px; } .section-kpi-box-16 { margin: 30px 10px; } .section-kpi-box-17 { margin: 30px 50px; } .section-kpi-box-18 { margin: 30px 50px; } .section-kpi-box-19 { margin: 30px 50px; } .section-kpi-box-20 { margin: 30px 50px; } .section-kpi-box-11 { margin: 20px 200px; } .section-kpi-box-22 { margin: 20px 175px; } .section-kpi-box-22 .object-area-box { margin-right: 0px; } .section-kpi-box-25 { margin: 30px 250px; } .section-kpi-box-26 { margin: 30px 250px; } .section-kpi-box-2-l { margin: 0; } /*KPI - General*/ /* .kpi-box-views .line-graph-image-main{height:300px !important;}*/ .analysis-breadcrumb-p { float: left; width: 100%; padding: 3px 7px; } .kpi-breadcrumb .analysis-breadcrumb-p { float: none; width: auto; } .kpi-general-properties .object-area-main { display: block; } .kpigroup-gridview-trend { min-width: 150px; float: left; } .kpi-data-table-mobile { overflow: auto; -webkit-overflow-scrolling: touch; } /*Hover show settion icon*/ .section-setting-trigger { background: url(../img/repository-sort-down.png) no-repeat center center; min-width: 34px; padding-top: 20px; float: right; display: block; } .section-setting-container { float: right; clear: both; } .section-setting-container { display: block !important; } .external-box {overflow: auto;} .box-button ul{width:74%;} .rating-box-l{position: relative; left: 0; top:0} .rating-box{position: relative; top:0} .object-path-detail .rating-box{top: 0;} .object-path-detail .rating-box-l{top: 0;} } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { .hide-only-iPad { display: none !important; } .menuItem { padding: 4px 1px !important; } .selMenuItem { padding: 4px 1px !important; } .actual-Source-Column-class select { float: left; width: 92%; } .actual-Source-Column-class a { float: right; } .actual-Source-Column-class label { clear: both; } .actual-function-list select { float: left; width: 92%; } .actual-function-list a { float: right; } .actual-function-list label { clear: both; } .actual-Operator-List select { float: left; width: 92%; } .actual-Operator-List a { float: right; } .actual-Operator-List label { clear: both; } .analysis-area { width: 96%; margin: 0 auto; } .analysis-area .vbar { width: 40px !important; margin: 0 !important; } .repository-table-section td:first-child, .repository-table-section th:first-child { padding-left: 1px; } .jspArrowUp { background: url(../img/vup-mobile.png) no-repeat center center !important; } .jspArrowDown { background: url(../img/vdown-mobile.png) no-repeat center center !important; } .jspArrow { width: 100%; } .jspVerticalBar { width: 18px !important; z-index: 1; } .jspVerticalBar .jspTrack { width: 100%; background-position: 2px center !important; } .jspVerticalBar .jspDrag { background-color: #ccc !important; margin: 0 auto !important; padding-left: 2px; } .jspVerticalBar .jspArrow { height: 9px !important; } .timeseries-control .btn-group .btn { min-width: 32px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .singlecolumn-control ul li { padding: 7px !important; margin: 0 !important; } .singlecolumn-control, .singlecolumn-control .single-column-filter-scroll, .singlecolumn-control .default-scrollbar { max-height: 415px; } .multicolumn-control ul li { padding: 0 !important; margin: 0 !important; } .outliner-dialog .outliner-left-section { display: none; } .outliner-dialog .outliner-right-section { width: 100%; padding: 0; } .outliner-dialog .outliner-right-section .new-analysis-box { width: 100%; } .outliner-dialog .outliner-search-box .speed-type-section { float: left; width: 100%; } .outliner-dialog .outliner-search-box { width: 90%; } .outliner-dialog .col-lg-20 { width: auto; float: left; } .outliner-dialog .analysis-add-but .btn-sm { padding: 4px 10px; margin-top: -1px; } /* smartenview */ #radioDiv .checkbox-inline{width: 50%;float: left;padding-bottom: 3px;} #smartenLeftPannelTabs li{width: 50%;} #smartenLeftPannelTabs li a{width: 100%; text-align: center;} } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { .hide-only-iPad { display: none !important; } .menuItem { padding: 4px 1px !important; } .selMenuItem { padding: 4px 1px !important; } .actual-Source-Column-class select { float: left; width: 67%; } .actual-Source-Column-class a { float: right; } .actual-Source-Column-class label { clear: both; } .actual-function-list select { float: left; width: 86%; } .actual-function-list a { float: right; } .actual-function-list label { clear: both; } .actual-Operator-List select { float: left; width: 53%; } .actual-Operator-List label { clear: both; } .actual-Operator-List a { float: right; } .analysis-area { width: 96%; margin: 0 auto; } .analysis-area .vbar { width: 40px !important; margin: 0 !important; } .repository-table-section td:first-child, .repository-table-section th:first-child { padding-left: 1px; } .timeseries-control .btn-group .btn { min-width: 32px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .singlecolumn-control ul li { padding: 7px !important; margin: 0 !important; } .multicolumn-control ul li { padding: 0 !important; margin: 0 !important; } .jspArrowUp { background: url(../img/vup-mobile.png) no-repeat center center !important; } .jspArrowDown { background: url(../img/vdown-mobile.png) no-repeat center center !important; } .jspArrow { width: 100%; } .jspVerticalBar { width: 18px !important; z-index: 1; } .jspVerticalBar .jspTrack { width: 100%; background-position: 2px center !important; } .jspVerticalBar .jspDrag { background-color: #ccc !important; margin: 0 auto !important; padding-left: 2px; } .jspVerticalBar .jspArrow { height: 9px !important; } .outliner-dialog .outliner-left-section { display: none; } .outliner-dialog .outliner-right-section { width: 100%; padding: 0; } .outliner-dialog .outliner-right-section .new-analysis-box { width: 100%; } .outliner-dialog .outliner-search-box .speed-type-section { float: left; width: 100%; } .outliner-dialog .outliner-search-box { width: 90%; } .outliner-dialog .col-lg-20 { width: auto; float: left; } .outliner-dialog .analysis-add-but .btn-sm { padding: 4px 10px; margin-top: -1px; } /* smartenview */ #radioDiv .checkbox-inline{width: 50%;float: left;padding-bottom: 3px;} #smartenLeftPannelTabs li{width: 33%;} #rangeAutoCustomCBSmarten label{width: 50%;float: left;} #smartenLeftPannelTabs li a{width: 100%; text-align: center;} } @media (min-width: 769px) and (max-width: 1024px) { .home-menu-section { padding-right:14px;clear:both;} /*Login*/ .login-main { margin-top: 10%; } /*Home*/ .home-iframe .col-lg-60 { width: 50%; float: left; } /*Dashboard*/ /*Dashboard - Retrival Parameter*/ .multi-column-filter-box .input-group { display: block; margin-bottom: 0; } .multi-column-filter-box .input-group-addon { background: none; border: 0 none; min-width: inherit; clear: both; display: inline-block; width: 100%; padding-left: 0; } .multi-column-filter-box .speed-type-section { border-radius: 4px; width: 100%; clear: both; margin: 0; display: inline-block; } .multi-column-filter-box .form-group { margin-bottom: 0; } /*Single Column Filter - section 1*/ .search-clear-btn { margin-top: 0; } /*Current Selection Control - section 1*/ .current-selection-box tbody tr th { white-space: nowrap; } /*General*/ .graph-image-axis-main .graph-img-box { float: left; width: 100%; } /* .analysis-area .bleft{top:433px !important;} .analysis-area .bright{top:433px !important;} */ .dashboard-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } @media (max-width: 980px) { .jspPane { -webkit-overflow-scrolling: touch; margin: 0 !important; } .dashboard-body-area .object-area-main { width: 100% !important; } .dashboard-body-area > .col-lg-120 { height: auto !important; } .graph-1graph-legend-center { margin: 0 !important; padding: 0 !important; width: 100% !important; } /* All Dialog*/ .midle-dialog .modal-dialog { width: auto; } .large-dialog .modal-dialog { width: auto; } /*Single Column Filter - section 1*/ .single-column-filter-box-1 .section-title { font-size: 14px; } .single-column-filter-box-1 .single-column-filter-scroll { height: 210px; } .single-column-filter-box-1 ul li { padding: 15px 0; font-size: 14px; } .outliner-dialog .outliner-left-section { display: none; } .outliner-dialog .outliner-right-section { width: 100%; padding: 0; } .outliner-dialog .outliner-right-section .new-analysis-box { width: 100%; } .outliner-dialog .outliner-search-box .speed-type-section { float: left; width: 100%; } .outliner-dialog .outliner-search-box { width: 90%; } .outliner-dialog .col-lg-20 { width: auto; float: left; } .outliner-dialog .analysis-add-but .btn-sm { padding: 4px 10px; margin-top: -1px; } /* .dbFilterBox { display: none; } */ .box-button a{font-size:16px; font-weight: bold;} .box-button ul{width:66%; font-weight: normal;} } @media (max-width: 979px) { /*General*/ .analysis-select-height { margin-bottom: 5px; } .description-section-box .dropdown-menu { width: 200px !important; } /*.graph-control > .object-area-main > div {height:auto !important;}/*apply when parent div auto*/ /*.kpigroup-control > .object-area-main > div {height:auto !important;}/*apply when parent div auto*/ /* .currentselection-control > .object-area-main{height:100px; overflow: auto;} */ /* .dashboard-body-area .singlecolumn-control > .object-area-main .jspContainer{height:250px !important;} */ #designmodeSlidePanel { top: 130px; } .dashboardDesignWrapper { overflow: auto; } /*KPI*/ .section-kpi-box-2-l .graph-legend-center { margin: 5px 0 0 0; min-width: 300px; } .section-kpi-box-12 .graph-legend-center { margin: 5px 0 0 0; min-width: 300px; } .section-kpi-box-2-l .graph-legend-center .trend-lagend-label td { width: auto; } .section-kpi-box-12 .graph-legend-center .trend-lagend-label td { width: auto; } .monitor-area-panel .monitor-legend-panel { display: table; } .monitor-area-panel .legend-box-label { display: table-cell; text-align: left; } .comparisongraph-legend-center { width: 100%; } .section-box-3 .section-title-main { float: left; width: 100%; padding: 6px 0; } .kpi-box-views .graph-legend-center { margin: 5px 0 0 0; min-width: 300px; width: auto; } .kpi-box-views .comparisongraph-legend-center { margin: 5px 0 0 0; min-width: 300px; width: auto; } .kpi-box-views .monitor-legend-panel { min-width: 300px; width: auto; margin: 0 auto; float: none; } .outliner-dialog .col-lg-60 { clear: both; } } @media (min-width: 769px) and (max-width: 979px) { /*KPI*/ .breadcrumb .margin-box-right { margin-right: 0; } /* .fixed-dashboard-type {width: 100% !important;} */ .hideOnlyTablet { display: none; } .graph-control .object-area-main { display:block; height:500px;} } /** **/ @media (min-width: 670px) and (max-width:769px) { .dbFilterBox { display: none; } .hideOnlyTablet { display: none; } .filter-component { overflow: inherit !important; max-height: inherit !important; background: #fff none repeat scroll 0 0; border: 1px solid #ddd; display: block; left: 0; position: fixed; top: 140px; width: 100%; z-index: 1; box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, 0.3) !important; max-height: inherit; } .graph-control .object-area-main { display:block; height:350px;} } @media (min-width:768px) { .owl-carousel{display: block !important;} .owl-item > div{width:100%} } @media (max-width:768px) { .header-right{ margin-top: -45px;} /* .fixed-dashboard-type {width: 100% !important;} */ .show-only-portraitipad-iphone{display:inline-block;} /*General*/ .margin-box-right { margin-right: 5px; } .padding-box-right { padding-right: 0; } .padding-box-top-left { clear: both; padding-top: 0; } .analysis-select-height { clear: both; } .graph-image-axis-main { float: left !important; width: 100% !important; } .graph-legend-center { min-width: 20%; } .graph-image-axis-main .graph-img-box { float: left; width: 100%; } /*Gauge Section*/ .section-graph-box-1 .gauge-img-box img { width: 100%; height: auto; } /*Graph Drill Down*/ /* .graph-image-main { height: auto !important; } */ .drilldown-breadcrumb { margin-top: 10px; position: relative; float: right; top: 0; right: 0; } /*Date Picker*/ .ui-datepicker { width: 22em !important; } .ui-datepicker td span, .ui-datepicker td a { padding: 0.3em 0.2em !important; font-size: 12px !important; } /*Time Picker*/ .ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes { padding-left: 0; } .ui-timepicker .ui-timepicker-table td a { float: left !important; font-size: 12px !important; padding: 5px 7px; } .ui-timepicker-hours { display: block; } .ui-timepicker-hours table { width: 100%; } .ui-timepicker-minutes { display: block; } .ui-timepicker-minutes table { width: 100%; } /* All Dialog*/ .large-dialog .modal-dialog { width: auto; } .modal-body .col-lg-60 { width: 50%; float: left; } /*Login*/ .login-slider { padding-left: 0; padding-top: 20px; padding-bottom: 10px; border: 0 none; } .login-slider .slide { padding-top: 0; } .login-form { margin: 0; } .home-sign-me-checkbox a { font-size: 14px; } /*Home*/ .home-iframe .col-lg-120 { width: 100%; } .home-iframe .col-lg-60 { width: 50%; float: left; } .home-menu-section { padding: 0 0 20px 0; float: left; width: 100%; } .home-iframe-size { height: 598px !important; } /*Repository*/ .repository-table-header .breadcrumb { margin-left: 3px; } /*Dashboard - Manage Tabs*/ .from-tree-menu-section-l { width: auto; margin-bottom: 5px; } .empty-section { display: none; } /*Controls - Current Selection*/ .current-selection-box .filter-search-field { width: 100%; } .current-selection-box .filter-search-field input { width: 100%; height: 30px; } .current-selection-box .filter-search-field .icon-search { top: 9px; } .current-selection-box .current-selection-scroll { height: 260px; width: 100% !important; } .current-selection-box th { display: none !important; } .current-selection-box td { position: relative; padding: 0; margin: 0; border: none; } .current-selection-box td:first-child { white-space: normal; } .current-selection-box label { font-weight: bold; margin: 0; padding: 5px 0 5px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: block; text-align: left; } .current-selection-box label span { display: inline-block; padding-right: 2px; padding-left: 0; font-size: 13px; vertical-align: middle; } .current-selection-box ul li { float: none; margin: -1px 0 0; border-radius: 0 0 0 0; padding: 13px 19px 13px 3px !important; border: 0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; line-height: 13px; } .current-selection-box ul li:nth-child(2n+1) { background-color: #F3F3F3; } .current-selection-box ul { padding: 0; margin: 0; } .current-selection-box .deletecurrent { margin-right: 6px; padding: 14px; } .current-selection-box .selection-close { display: block; margin-top: -4px; padding: 8px; width: 20px; height: 16px; font-size: 1px; background: url(../img/chosen-sprite.png) -42px 1px no-repeat; cursor: pointer; } .current-selection-box td.cube-name { display: block; width: auto; padding: 0; } .current-selection-box td.cube-field { padding: 5px 0 5px 0; font-family: arial; font-size: 12px; font-weight: bold; float: left; display: inline; width: auto; } .current-selection-box td.cube-value { display: block; width: 100%; float: left; clear: both; padding: 0; } /*Time Series Filter*/ .time-series-box .label { float: none; clear: both; display: block; font-size: 14px; } /****** Analysis Page ******/ .analysis-search-field { width: 112px; } /* Analysis Table*/ /*.table-main-box{ height:680px !important;}*/ /* .ltcornertr{display:table-cell;} */ /* .analysis-area .bleft{top:600px !important;} .analysis-area .bright{top:600px !important;} */ /* Fix */ .analysis-breadcrumb .col-lg-20 { float: left; } .analysis-breadcrumb .col-lg-30 { float: left; } .analysis-breadcrumb-p .col-lg-20 { float: left; } .analysis-breadcrumb-p .col-lg-30 { float: left; } .section-kpi-box-1 .object-area-box .col-lg-30 { float: left; width: 25%; } .section-kpi-box-1 .object-area-box .col-lg-30 img { float: left; width: 100%; height: auto; } .section-kpi-box-4 .object-area-box .col-lg-30 { width: 50%; float: left; } .section-kpi-box-4 .legend-box { width: 25%; } .section-kpi-box-5 { margin: 25px 10px; } .section-kpi-box-5 .legend-box-main { margin-top: 15px; } .section-kpi-box-6 { margin: 100px 150px; } /*Forecasting Dialog*/ .col-lg-120.speed-type-section { display: block; float: left; width: 100%; border-radius: 4px; } /*Outliner Dialog*/ .outliner-dialog .analysis-left-padding { padding-left: 0; } .outliner-dialog .col-lg-60 { width: 100%; } .outliner-dialog .col-lg-90 { width: 80%; float: left; } .outliner-dialog .col-lg-20 { width: 20%; float: left; } .outliner-dialog .new-analysis-box { width: 100%; } .outliner-dialog .new-analysis-show img { width: 100%; height: auto; } .outliner-dialog .analysis-cube-p { clear: both; } .outliner-search-box .speed-type-section { width: 100%; float: left; } /*Time Series Dialog*/ .analysis-time-series-box { float: left; padding-left: 1px; width: 100%; } .analysis-time-series-box .label { float: left; width: 100%; } .analysis-time-series-box .btn { padding: 7px 14px; } #next { padding: 11px 24px; } .analysis-time-series-box #button_push { padding: 5px 0 6px; } .month-filter .col-lg-20 { float: left; } .week-filter .col-lg-20 { float: left; } /*KPI expressions*/ .mobile-clear-both { clear: both; } /* Fix */ .section-kpi-box-11 { margin: 10px 0px; } .section-kpi-box-11 .col-lg-60 { width: 50%; float: left; } .section-kpi-box-11 .col-lg-60 .object-area-box { margin: 0px 30px; } .section-kpi-box-11 .object-area-title { margin-right: 0px; } .section-kpi-box-10 { margin: 27px 0; } .section-kpi-box-25 { margin: 0 150px; } .section-kpi-box-26 { margin: 0 150px; } .section-kpi-box-22 { margin: 20px 219px; } .section-kpi-box-22 .object-area-box { margin-right: 0px; } /*KPI - General*/ .kpi-box-views .trend-area-panel { padding: 0; } .kpi-box-views .legend-box { padding: 2px; margin: 0; width: 32%; } /* .section-kpi-box-1 .graph-image-main .graph-gauge-area{width:19%;} */ .analysis-top-right-last { padding: 5px 0; } /*KPI Sliding Make Smooth*/ .section-kpi-box-12, .section-kpi-box-13, .section-kpi-box-14, .section-kpi-box-15 { margin: 0; } .graph-wizard-img-align img { position: relative; top: 0; margin: 10px 0 0 0; top: 0; } .graph-wizard-img-align { position: relative; height: auto; margin-bottom: 10px; text-align: center; } .graph-wizard-img-align img { max-width: 100%; } .footer { font-size: 12px; } .timeseries-control .btn-group .btn { min-width: 32px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .singlecolumn-control ul li { padding: 7px !important; margin: 0 !important; } /*Default property*/ .mobileResp .singlecolumn-control ul li { padding: 7px !important; margin: 0 !important; } .mobileResp .singlecolumn-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .singlecolumn-control .section-title-main { padding: 7px !important; margin: 0 !important; } .mobileResp .multicolumn-control ul li { padding: 0 !important; margin: 0 !important; } .mobileResp .multicolumn-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .multicolumn-control .section-title-main { padding: 7px !important; margin: 0 !important; } .mobileResp .currentselection-control { padding: 10px !important; margin: 0 !important; } .mobileResp .currentselection-control li { padding: 7px !important; margin: 0 !important; } .mobileResp .currentselection-control label { padding: 7px !important; margin: 0 !important; } .mobileResp .currentselection-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .currentselection-control .section-title-main { padding: 7px !important; margin: 0 !important; } .mobileResp .timeseries-control .btn-group .btn { min-width: 35px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .mobileResp .timeseries-control { margin: 0 !important; } .mobileResp .timeseries-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .timeseries-control .section-title-main { padding: 7px !important; margin: 0 !important; } .mobileResp .singlecolumn-control { padding: 10px !important; margin: 0 !important; } .mobileResp .singlecolumn-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .singlecolumn-control .section-title-main { padding: 7px !important; /* margin-left: 15px !important; */ } /* Ang */ .mobileResp .singlecolumn-control ul.inline-view li { min-width: 35px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .mobileResp .multicolumn-control { padding: 10px !important; margin: 0 !important; } .mobileResp .multicolumn-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .multicolumn-control .section-title-main { padding: 7px !important; margin: 0 !important; } .mobileResp .multicolumn-control ul.inline-view li { min-width: 35px; text-align: center !important; min-height: 30px; line-height: 30px; margin: 2px !important; padding: 0 8px !important; } .mobileResp .rank-control { padding: 10px !important; margin: 0 !important; } .mobileResp .rank-control .rank-slider-plugin { margin-bottom: 20px; } .mobileResp .rank-control .object-area-main { padding: 0 !important; margin: 0 !important; } .mobileResp .rank-control .section-title-main { padding: 7px !important; margin: 0 !important; } .dashboard-title {/* width:-moz-max-content; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*dashboard Module Dropdown Implementation*/ /* .section-box-none { display: none; }*/ .dashboard-mobile-nav .repository-sorting a { padding-top: 10px; padding-bottom: 10px; } .dashboard-mobile-nav .mobile-tab-section { float: left; } .dashboard-mobile-nav .repository-sorting { padding: 5px 0 5px 5px; } .dashboard-mobile-nav ul.dropdown-menu { min-width: 47px; background: none; padding: 0; border: none; right: 0px; width: 180px; } .dashboard-mobile-nav .repository-sorting .dropdown-toggle-text-container .dropdown-toggle-text { display: none; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a { padding: 8px 4px 8px 6px; text-overflow: ellipsis; overflow: hidden; } .dashboard-nav-for-portrait-ipad { float: right !important; clear: both; display: block; padding-top: 8px; } .dashboard-nav-for-portrait-ipad > .show-only-iphone { display: inline-block !important; } .dashboard-tab { display: block; } .filter-control-mobileview-button { margin-top: 20px; position: relative; display: block !important; } .filterPanelForTablet { display: block; } .singlecolumn-control .single-column-filter-scroll { overflow: inherit; } .singlecolumn-control > .object-area-main { overflow: inherit; } .filter-component .section-setting .section-setting-container { display: block !important; } .filter-component .section-setting .section-setting-container img { padding: 5px 7px; } /*repository Table*/ .repository-main .repository-table-section table, .repository-main .repository-table-section thead, .repository-main .repository-table-section tbody, .repository-main .repository-table-section th, .repository-main .repository-table-section td, .repository-main .repository-table-section tr { display: block; } .repository-main .repository-table-section tr { border-top: 1px solid #ccc; clear: both; } .repository-main .repository-table-section td br { display: none; } .repository-main .repository-table-section td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 11px 5px 11px 0; font-size: 14px; } .repository-main .repository-table-section td:nth-of-type(2) { display: none; } .repository-main .repository-table-section td:nth-of-type(3) { font-weight: bold; border-bottom: 0; } .repository-main .repository-table-section td:nth-of-type(4) { display: none; } .repository-main .repository-table-section td:nth-of-type(5) { display: none; } .repository-main .repository-table-section td:nth-of-type(6) { white-space: nowrap; display: none; } .repository-main .repository-table-section td:nth-of-type(7) { display: none; } .repository-main .repository-table-section .repository-mobile-datalist-content td:nth-of-type(3) { display: block; padding-left: 23px; } .repository-main .repository-table-section .repository-mobile-datalist-content td:nth-of-type(5) { display: block; padding-left: 23px; } .repository-main .repository-table-section .repository-mobile-datalist-content td:nth-of-type(2) { border-bottom: 1px solid #eee; } .repository-main .repository-table-section td:first-child { display: none; } .repository-main .repository-table-section th { display: none; } .repository-main .repository-table-section thead tr:first-child { border-top: none; } .repository-mobile-datalist { cursor: pointer; padding: 12px 10px 12px 20px; position: absolute; right: 0; top: 0; display:block; } .repository-table-section .greay-text { display:none;} .multi-column-filter-scroll > div {max-height:350px; overflow:auto;} .analysis-area { width: 96%; margin: 0 auto; } .analysis-area .vbar { width: 40px !important; margin: 0 !important; } /* .singlecolumn-control .single-column-filter-scroll {overflow: inherit !important;} */ /* Ang change */ .summary2{font-size: 20px !important;line-height: 25px !important;} /*#splitterleft{overflow: scroll !important;}*/ #typeahead{padding-left: 12px !important;} .d3labels{font-size: 12px;} .top-search .btn-group {width:10%;} } @media (max-width:767px) { .box-button ul{width:100%; padding-left: 0; margin-top: 10px;} .display-none{display: none !important;} .modal-center{width: 96%;} .wiz-bot-but{bottom: 27px !important;} .left-menu-icon{width: 32.50%; display: inline-block; margin-top: 10px;} .left-menu a{width:100%;} .left-menu-active:before{width: 0; height: 0; margin-top: 23px !important; top:29px !important; left: auto !important; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #dcdcdc;} .comments-but a{position: relative; right: 0px; top: -2px; border: 0;} /* predictive left side menu for mobile device */ .predictive-left-menu-section{width: 100%;} .predictive-right-menu-section{width: 100%;} .predictive-cofiguration-section{left: 0;} .predictive-left-menu-section .table-action-button a{padding: 3px 5px 3px 4px;} .predictive-action-button .smiley-icon ul li.active {margin: 0;height: 22px;margin-top: 4px;} .predictive-left-menu-section .table-action-button a.active::before{border:none;} } @media (min-width: 671px) and (max-width:767px) { .filter-component {top:167px;} .singlecolumn-control, .singlecolumn-control .single-column-filter-scroll, .singlecolumn-control .default-scrollbar { max-height:350px;} .singlecolumn-control .single-column-filter-scroll {overflow: inherit;} } @media (max-width:670px) { .header-right-menu ul.dropdown-menu.second-menu#hierarchyList { min-width: inherit; right:0px !important; max-width: 670px; width: 100vw; left: inherit !important;} #searchAll { min-width: inherit; max-width: 670px; width: 100vw; left: inherit !important; height: 500px; overflow-y: scroll;} .header-right-menu ul.dropdown-menu.second-menu { position: absolute; margin-top: -25px; left: inherit !important; right: -75px; } .dropdown-menu.second-menu.new-custom-menu{min-width:200px !important;} .header-right-menu .dropdown-menu{left:0px; margin-top: 0px !important;} .repository-main .repository-right-panel {width:auto; float:none; clear:both;} .repository-main .repository-left-panel {width:auto; float:none; clear:both;} /*Dashboard section Height*/ .mobileResp .timeseries-control > .object-area-main { margin-bottom: 15px !important; overflow: auto; } /* Ang */ .mobileResp .multicolumn-control > .object-area-main { height: 300px !important; overflow: auto; } .mobileResp .singlecolumn-control > .object-area-main { overflow: auto; } /*General*/ .dashboard-body-area > .col-lg-120 { height: 75% !important; } .mobile-section { min-height: 20%; /*max-height: 80%;*/ } .speed-type-section input[type="text"] { font-size: 16px !important; } .mobile-bottom-nav { background-color: #f5f5f5; top: 8px; left: 0; position: relative; display: none; width: 100%; z-index: 1029; } .mobile-bottom-nav1 { background-color: #f5f5f5; top: 8px; left: 0; position: absolute; display: none; width: 100%; z-index: 1029; } /*.mobile-bottom-nav .dropdown-menu { top:inherit; bottom:100%;}*/ .mobile-bottom-nav-2 { bottom: 0; right: 0; position: fixed; width: 60%; z-index: 1029; } .mobile-bottom-nav-2 .dropdown-menu { top: inherit; bottom: 100%; } .mobile-bottom-nav-4 { top: 0; right: 0; position: relative; width: auto; z-index: 1029; } .show-only-iphone { display: inline-block; } .hide-only-iphone { display: none !important; } option.show-only-iphone { display: block; } .footer-iphone { padding-bottom: 60px; } body.modal-open { overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 0; padding-right: 10px; } .checkbox-inline { padding-right: 16px; } .modal-bot-text { margin-right: 5px; } .radio-inline input { vertical-align: text-top; } .view-full-dashboard { display: none; } .carousel-inner { overflow: inherit; } .treeview .hitarea { margin-top: 5px; } .mobile-compactview { display: none !important; } .padding-box-top-left { clear: both; padding-top: 0; } #mobile-action-button { padding: 0 !important; } #mobile-action-button-dashboard { padding: 0 !important; } #mobile-action-button i { background-position: -171px 9px; padding: 19px 18px; } #mobile-action-button-dashboard i { background-position: -171px 9px; padding: 19px 18px; } .mobile-width-fix { width: 130px; } .page-filter-box { margin-bottom: 40px; width: 100%; float: left; } .section-setting-trigger { display: inline-block; height: 22px; width: 35px; background: url(../img/repository-sort-down.png) no-repeat center 7px; float: right; cursor: pointer; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: block; } /*All Accordian Touch Area*/ .ui-accordion .ui-accordion-header { padding-top: 10px !important; padding-bottom: 10px !important; } .right_panel .ui-accordion .ui-accordion-header { padding-top: 3px !important; padding-bottom: 3px !important; } .speed-type-section ul ul { max-height: 178px; overflow: auto; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; } /****** Margin ******/ .margin-box-right { margin-right: 0px; } /* Home*/ .home-main { padding: 0 5px 4px 5px; } .home-banner-section { padding-bottom: 10px; } .home-banner-section .slogan br { display: none; } .home-banner-section .main-title { font-size: 32px; } .home-banner-section .banner-content { position: relative; } .home-banner-section .banner { width: 80%; float: left; max-height: inherit; height: auto; } .home-banner-section .banner { position: relative; right: auto; top: auto; } .home-iframe-size { height: 1263px !important; } .home-iframe .col-lg-60 { width: 100%; } .home-download-section1 { margin-top: 20px; } .home-download-section1 .download-list { width: 100%; } /* All Treemenu*/ .filetree span.folder, .filetree span.file { font-size: 14px; line-height: 25px !important; } /* All Dialog*/ .small-dialog .modal-dialog { width: auto; } .small-m-dialog .modal-dialog { width: auto; } .midle-s-dialog .modal-dialog { width: auto; } .midle-dialog .modal-dialog { width: auto; } .midle-l-dialog .modal-dialog { width: auto; } .large-dialog .modal-dialog { width: auto; } /* All Pop */ #dialogBody{max-height: 250px;overflow: auto;} .modal-body {padding-top: 2px; } .modal-body label { font-size: 14px; } .modal-bg-color { background-color: #FFFFFF; opacity: 0.5; } /* Analysis Table*/ .analysis-area { width: 96%; margin: 0 auto; } .grid { width: 99% !important; height: 225px !important; } .dash_grid { width: 99% !important; height: 225px !important; } .gridpanel { width: 100% !important; bottom: 0; overflow: inherit !important; } .table-main-box { height: 270px !important; overflow: inherit !important; } .analysis-cubelast { display: none !important; } #analysis-cubelast-icon { margin-top: -24px; margin-right: 8px; width: 32px; height: 24px; float: right; } /*#analysis-cubelast{display:none;} */ .menuBar { max-height: 230px; overflow: auto; -webkit-overflow-scrolling: touch; } .menuItem { padding: 5px 1px !important; } .selMenuItem { padding: 5px 1px !important; } /* Analysis rowheader area */ .Table-Main .ltcorner .ltcornermobile { float: left; } #exchangeButton { display: none !important; } .ltcorner {/* overflow:auto; width:120px !important; */ /*height:40px !important; margin-top:20px;*/ } .ltcorner span { display: none; } .white-box { height: 20px; position: absolute; left: 0; /* width: 121px; */ background-color: #FFF; z-index: 100; } .rowheader { overflow: auto; /* width:120px !important; */ } .colheader { overflow: auto; /* left:119px !important; */ } .actualdata { top: 40px; /* left:119px !important; */ } /*Analysis Section Mobile Scroll*/ .analysis-mobile-scroll { position: absolute; top: 226px; left: 21px; } .analysis-mobile-lscroll { float: left; margin-right: 5px; } .analysis-mobile-rscroll { float: left; margin-right: 5px; } .analysis-mobile-lscroll input { background: url(../img/table-arrow.png) no-repeat 11px center #054591; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-rscroll input { background: url(../img/table-arrow.png) no-repeat -38px center #054591; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-scroll-top { position: absolute; top: 173px; left: 84px; } .analysis-mobile-tscroll { float: left; margin-right: 5px; } .analysis-mobile-bscroll { float: left; margin-right: 5px; } .analysis-mobile-tscroll input { background: url(../img/table-arrow.png) no-repeat -83px 9px #FF0000; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-bscroll input { background: url(../img/table-arrow.png) no-repeat -128px 12px #FF0000; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } /* Analysis horizontal scrollbar touch area*/ .analysis-area .hnobc { display: none !important; } .analysis-area .vbar { left: 298px !important; top: 314px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .analysis-area .hbar { left: 120px !important; top: 285px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /*Bottom Scrollbar Arrow */ .analysis-area .hleft { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat 10px center #054591 !important; right: 91px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 3px 0 0 !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 6px 4px 0 !important; } .analysis-area .hleft:hover { border-color: #054591 !important; } .analysis-area .hright { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -38px center #054591 !important; right: 52px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 0 0 3px !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 0 4px 6px !important; } .analysis-area .hright:hover { border-color: #054591 !important; } /* Analysis Dimension horizontal scrollbar touch area By Ravi*/ .analysis-area .dhnobc { display: none !important; } .analysis-area .dhbar { left: 10px !important; top: 285px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /*Bottom Dimension Scrollbar Arrow BY Ravi*/ .analysis-area .dhleft { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat 10px center #054591 !important; left: 10px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 3px 0 0 !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 6px 4px 0 !important; } .analysis-area .dhleft:hover { border-color: #054591 !important; } .analysis-area .dhright { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -38px center #054591 !important; left: 47px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 0 0 3px !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 0 4px 6px !important; } .analysis-area .dhright:hover { border-color: #054591 !important; } /* Analysis vertical scrollbar touch area*/ .analysis-area .vnobc { display: none !important; } /*Right Scrollbar Arrow*/ .analysis-area .vup { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -83px 8px #054591 !important; right: 144px !important; bottom: 50px !important; padding: 12px 11px !important; margin: 0 4px 3px !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 0 4px 6px !important; } .analysis-area .vup:hover { border-color: #054591 !important; } .analysis-area .vdown { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -127px 12px #054591 !important; right: 18px !important; bottom: 53px !important; padding: 12px 11px !important; margin: 3px 4px 0 !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 6px 4px 0 !important; } .analysis-area .vdown:hover { border-color: #054591 !important; } /*Analysis Horizontal Scrollbar*/ .analysis-area .hbar { height: auto !important; width: 182px !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; } /*Analysis Vertical Scrollbar*/ .analysis-area .vbar { width: 15px !important; height: auto !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; } /*Analysis Horizontal Dimension Scrollbar By Ravi*/ .analysis-area .dhbar { height: auto !important; width: 182px !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; } /****** Analysis Page ******/ .analysis-top-right-last { padding: 5px 10px 5px 6px; float: left !important; width: 100%; } .analysis-breadcrumb-p { padding: 3px 15px 3px 5px; } .analysis-breadcrumb-small { padding: 3px 15px 3px 5px; } .menuBar { max-height: 140px; overflow: auto; -webkit-overflow-scrolling: touch; } .breadcrumb-cubelast-icon { position: relative; margin-top: -17px; z-index: 9; } /*Header*/ .header .col-lg-60 { position: static; } .header-right-menu ul li .header-ext-menu { background: #fff url(../img/mobile-nav.png) no-repeat center center; border: 1px solid #ccc; border-bottom: none; padding: 12px 20px; } .header-right-menu > ul > li { padding-top: 3px; } .header-right-menu > ul > li:first-child a { padding: 6px 6px; } .header-right-menu ul.dropdown-menu { min-width: inherit; width: 100%; top: 0px; } .header-right-menu ul.list-notification {min-width: inherit;right: 0px !important;max-width: 670px;width: 100vw !important;left: -227px !important;top:28px !important;} .header-right-menu ul li.dropdown { position: static; } .header-right-menu ul.dropdown-menu li a { font-size: 14px; } .header-right-menu ul.dropdown-menu ul.dropdown-menu { left: 0; position: static; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav>a { background: #F9F8F8 url(../img/header-menu-dropleft.png) no-repeat 95% center; padding: 13px 11px; } .header-right-menu ul.dropdown-menu li.activesubmenu>a { background: #F9F8F8 url(../img/header-menu-dropdown.png) no-repeat 95% center; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a { background: #e5e5e5; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a:hover { background: #cecece; } .header-right-menu ul.dropdown-menu li:hover ul.dropdown-menu { display: none; } .header-right-menu ul.dropdown-menu .activesubmenu ul.dropdown-menu { display: block !important; } .header .action-dropdown-button > li { float: right; } /*Header - Footer show hide onClick Plus Minus Icon*/ .toggle-header-footer { display: inline-block; box-shadow: -1px 3px 4px -1px #888888; height: 24px; width: 49px; background: url(../img/header-footer-toggle-down.png) no-repeat center 7px; float: right; cursor: pointer; border: 1px solid #CCCCCC; border-radius: 3px; margin-right: 5px; display: block; } .toggle-header-notification { display: inline-block; box-shadow: -1px 3px 4px -1px #888888; height: 24px; width: 49px; float: right; cursor: pointer; border: 1px solid #CCCCCC; border-radius: 3px; margin-right: 5px; display: block; } #notificationContainerIdiphone > a {border:none;} #notificationContainerIdiphone > ul.list-notification {left: -274px !important;} .toggle-header-footer.expanded { background: url(../img/header-footer-toggle-up.png) no-repeat center 7px; } .header, .footer > .row { display: none; } .disply-header-footer { display: block !important; } /*Footer*/ .footer .disply-header-footer { padding-bottom: 0; } /*Repository*/ .repository-mobile-nav { display: block !important; position: fixed !important; bottom: 0 !important; top: inherit !important; } .report-mobile-nav-bottom { bottom: 0 !important; top: inherit !important; text-align: center; } .report-mobile-nav-bottom .pagination-label { padding: 5px 2px; } /* .report-mobile-nav-top {border: 0 none !important;left: 51px;position: absolute !important;top: 3px !important; width: auto !important; z-index: 1029 !important; padding:0 !important;} */ .report-mobile-nav-top { border: 0 none !important; left: 51px; position: absolute !important; top:8px !important; width: auto !important; z-index: 1029 !important; padding: 6px 0 0 5px; } .report-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpi-mobile-nav-bottom { display: block !important; position: fixed !important; bottom: 0 !important; top: inherit !important; text-align: center; } .kpi-mobile-nav-bottom .pagination-label { padding: 5px 2px; } .description-text-box { display: block; padding: 0 5px; font-size: 14px; line-height: 17px; margin-bottom: 5px; } .repository-tree-menu-scroll { width: 100%; height: 120px !important; overflow: auto; -webkit-overflow-scrolling: touch; } .repository-section-title { padding: 3px 0; } .repository-title { font-size: 14px; padding: 2px 0 2px 4px; font-weight: bold; float: left; } .repository-table-header .breadcrumb { margin-bottom: 6px; margin-bottom: 0; } .repository-table-header { padding: 5px; } .repository-table-header .breadcrumb { margin-bottom: 5px; } .repository-top-search .filter-search-field { float: left; width: 240px; margin: 5px 0 5px 5px; } .repository-main .repository-table-section { padding: 0 10px 10px 10px; margin-bottom: 0; } .repository-tree-menu-section { padding: 0 5px 5px; clear: both; } .description-section-box { display: none; } .from-tree-menu-section { width: 100%; height: 130px; } .repository-main .repository-table-section input[type="checkbox"], .repository-main .repository-table-section input[type="radio"] { left: 0; } .repository-action-btn > a { margin-left: 3px; } .repository-action-btn { background-color: #EEEEEE; z-index: 99; } .repository-mobile-nav .repository-action-btn a { padding: 10px 12px; } .repository-mobile-nav .repository-sorting a { padding-top: 10px; padding-bottom: 10px; } .repository-mobile-nav .repository-sorting li a { padding-top: 15px !important; padding-bottom: 15px !important; font-size: 13px !important; } .repository-top-search .filter-search-field input { height: 35px; line-height: 35px; } .repository-table-header .breadcrumb > li a { font-size: 14px; } .repository-table-header .breadcrumb > li { font-size: 14px; } .repository-mobile-nav .repository-sorting { padding: 5px 5px 5px 0; } .repository-sorting #repository-sorting-dropdown .btn-default { width: 114px; font-size: 12px; } /*Dashboard Mobile Bottom Navigation */ .dashboard-mobile-nav .tab-sorting { width: 66px; } .dashboard-mobile-nav { float: right; position: absolute; top: 28px; } .fixToBottomIphone .comments-but1 {padding: 2px 4px;display: block;border: 1px solid #cccccc;border-radius: 3px;height: 39px;position: relative;width: 39px;text-align: center;line-height: 35px;background: #fff;margin-top: 5px;margin-left: 5px;} .fixToBottomIphone {position: fixed !important;bottom: 0px;top: auto !important;display:block;left: 0;right: 0;margin: 0 auto;text-align: center;padding: 0 80px; z-index: 9999;} .dashboardMobileSection{ margin-bottom: 20px !important; min-height: 0px; border-top: 1px solid #dcdcdc} .fixed-dashboard-type .dashboardMobileSection{ margin-bottom: 20px !important; min-height: 0px; border-top: none;} .fixToBottomIphone .dashboard-nav-for-portrait-ipad { clear: none; display: inline-block; float: none !important; padding-top: 0px;} .filter-component-ang { overflow: inherit !important; max-height: inherit !important; background: #fff none repeat scroll 0 0; border: 1px solid #ddd; display: block; left: 0; position: fixed; top: 140px; width: 100%; z-index: 1; box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, 0.3) !important; max-height: inherit; } .filter-control-mobileview-button-ang { position: fixed;margin-top: 10px;} .multiColumn-table-ang{ width: 100% !important; } .multiselect-dropdown-ang .dropdown-list{ width: auto !important; margin-right: 2%;position: fixed !important;} .multiselect-dropdown-ang .dropdown-list ul li{ margin:3px !important;padding: 3px!important} .rendered{overflow: auto;} .dashboard-body-area {padding-bottom: 60px !important;} /* actual */ .dashboard-list{text-align: left !important;}/* for tab dashboard ul */ .dashboard-list .active > a { background-image: linear-gradient(to bottom, #dcdcdc 0%, #dcdcdc 100%);} .height-hundred-percent{ height: auto}/* crostab scroll issue */ .section-dashboard-report-data {height: 200px !important;/* overflow: hidden !important; */} .report_vup {box-sizing: content-box;width: 14px !important;height: 11px !important;position: absolute !important;background: url(../img/table-arrow.png) no-repeat -83px 8px #054591 !important;right: 61% !important;padding: 12px 11px !important;border-color: #054591 !important;border-radius: 23px !important;bottom: -28px;border-width: 0px 4px 6px !important;} .report_vdown {box-sizing: content-box;width: 14px !important;height: 11px !important;position: absolute !important;background: url(../img/table-arrow.png) no-repeat -127px 12px #054591 !important;right: 28% !important;padding: 12px 11px !important;border-color: #054591 !important;border-radius: 23px !important;bottom: -28px;border-width: 6px 4px 0 !important;} .report_left {box-sizing: content-box;width: 14px !important;height: 11px !important;position: absolute !important;background: url(../img/table-arrow.png) no-repeat 10px #054591 !important;right: 50% !important;bottom: -28px;padding: 12px 11px !important; border-color: #054591 !important;border-radius: 23px !important;border-width: 6px 4px 0 !important;} .report_right{box-sizing: content-box;width: 14px !important;height: 11px !important;position: absolute !important;background: url(../img/table-arrow.png) no-repeat -38px center #054591 !important;right: 39% !important;bottom: -28px;padding: 12px 11px !important;border-color: #054591 !important;border-radius: 23px !important;border-width: 4px 0 4px 6px !important;} .table-striped {position: relative !important;z-index: 99;} .reportTableHeader{table-layout: fixed;width: 100%;left: 0px;position: relative;top: 0px !important;background: #fff!important} .dashboardReportTable{ position: relative} .disabledbutton{pointer-events: none;opacity: 0.4 !important;} .breadcrumb-in-mobile{display: none !important;} .drillIconDashboard{float: left} .sepratorDrilldown{margin-left: 9px !important;} .singleDashboardChartObject{ margin-top: 25%} .singleDashboardObject{border-top: 0px;} .newDashboadMobileToolbar{position: fixed;bottom: 20px;padding: 0px 15px;transform: translateX(-50%);width: 100%;max-width: 375px;left: 50%;z-index: 999;} .action-button {float: none;margin-left: 5px;position: relative;z-index: 999;display: inline-block !important;} .newDashboadMobileToolbar .action-button{margin: 0px !important} .newDashboadMobileToolbar .repository-sorting{padding: 0px !important;} .dashboard-mobile-nav .repository-sorting a{background-color: #f9f9f9;} .singlecolumn-control { min-height: 50% !important; } .dbFilterBox{z-index: 9999;min-height: 30%} .boderRight{border-right: 1px solid black !important;} .zeroPadding{padding: 0px !important;} .zeroMargin{margin: 0px !important;} .modal-dialog{position: relative; top: 10%;} .dashboard-mobile-nav .tab-sorting { width: 51px; height: 42.5px; padding-left: 5px !important;padding-right: 5px !important;} .dashboard-mobile-nav .repository-sorting a { padding-top: 12.5px; padding-bottom: 10px; } .icon-filter-ang{background-position:-166px -163px;} .action-button .icon-share { background-position: -2676px -2px} .noScroll{ overflow: hidden;} .showsearch{width: 90% !important;/* margin-left: 7px; */margin-bottom: 7px;border: 1px solid #dcdcdc;height: 35px;display: block !important;margin-left: 5px;} .mobileResp .timeseries-control .btn-group .btn {padding-left: 2px !important;padding-right: 8px !important;padding-top: 5px !important;padding-bottom: 5px !important;} #myInput{width: 96%;margin-left: 17px !important;margin-top: 3px !important;border: 1px solid #dcdcdc;height: 35px;} .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a{width: 70%;} .section-setting-container{ padding: 0px !important;} .section-title {width: 96% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important; text-align: center; font-weight: bold;} .fixed-dashboard-type .section-title {width: 96% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important; text-align: inherit !important; font-weight: bold;} .dbFilterBox .section-title { text-align: left; } .section-box-none{display: none /* !important */;} .rank-control{min-height: 200px !important;} .single-column-filter-scroll{height: 230px !important;} .filter-control-mobileview-button-ang{margin-top: 5px !important;} .timeseries-control{padding: 10px !important;padding-bottom: 35px !important;min-height: 20%;} .amcharts-chart-div{ width: 450px !important;/* left: -20px; */} /*.amChartsLegend{ left: -15px ; } .d3-chart-main{ left: -20px ; } */ #filterBackground { background: #000;width: 100%;height: 100%;opacity: 0.5;position: fixed;left: 0;right: 0;z-index: 999; } .newDashboadMobileToolbar{-webkit-touch-callout: none;-webkit-user-select: none;++-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .select li.init{ -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .section-title{ -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .embed-responsive{ margin: 0px !important } #ftlMainContainerDiv {height: 650px !important;} .filter-row {display: none;} /* .highlighted {color: black;z-index: 2;background-color: #f5f5f5 !important;border: 2px solid #d0d0d3 !important;} */ .default-scrollbar .list-group {margin-bottom: 0px !important;} /* singleColumnFilter */ #dashboardPageFilterControl .section-title{ text-align: left !important;margin-left: 15px !important;} .itemPageFilter { margin-left: 23px !important;} .scrollbar .list-group-item{ margin-left: 17px !important;padding-left: 3px !important;} .mobileNavCustomReport{text-align: center;position: fixed;bottom: 40px;width: 100% !important;} .reportButtonPadding{padding: 5px;} .reportFirstRow{}/* display: none; */ .dashboard-hide-only-iphone{display: none;} .clearImg{ margin:4px;} #showHideAdminPanelMobile {position: fixed;left: 50%; border: 1px solid #808080; padding: 5px;} #nlpRightPannelParentDiv h3{margin: 0px !important; padding-left:22px !important;} #nlpRankTable{ border-spacing: 2px; border-collapse: separate; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a{width: 120px;} .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li {width: 120px;} .dashboard-mobile-nav .repository-sorting ul.dropdown-menu {width: 120px;} .dashboard-mobile-nav ul.dropdown-menu { max-height: 200px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 150px; background: none; padding: 0; border: none; left: 0px; } .action-button-section ul > li > a{border-radius: 0px !important;} .ng5-slider {margin: 35px 0 15px !important;} .dashboard-section-title{ padding: 0px !important;} .multicolumn-control {min-height: 50% !important;/*max-height: 150px !important;*/} .multicolumn-control table {width: 100% !important;} .mobileResp .multicolumn-control > .object-area-main > div {margin-top: 24px;} #dashboardWhatifFilterControl {position: fixed;top: 10%;z-index: 99999;width: 100%;} #whatiffilter-section {height: auto !important; overflow: auto; max-height: 300px;} #whatIfFilterButtons {margin-top: 15px !important;} #whatIfTitle { font-weight: bold} #whatiffilter-appendTagResults .ui-slider-labels {width: 230px;} #whatiffilter-appendTagResults .ui-slider-wrapper {width: 230px !important;} #showHideAdminPanel-two-tab{ float: right !important;} /* #whatiffilter-slider17767560bcb_dtst-Cost_Percentage .tooltipSlider {position: fixed;z-index: 1020;display: block;padding: 5px;font-size: 11px;visibility: visible;margin-top: -2px;bottom: 120%;margin-left: -1em;top: 45%;} #whatiffilter-slider17767560bcb_dtst-Sales_Percentage .tooltipSlider{position: fixed;z-index: 1020;display: block;padding: 5px;font-size: 11px;visibility: visible;margin-top: -2px;bottom: 120%;margin-left: -1em;top: 52%;} */ .whatIfDB .tooltipSlider {position: absolute;z-index: 1020;display: block;padding: 5px;font-size: 11px;visibility: visible;margin-top: -2px;bottom: 120%;margin-left: -1em;} .whatIfDB a {background: white url(../img/circular-icon.png) 100% 100% repeat !important;background-repeat: no-repeat;background-size: 20px auto !important;display: block;width:20px !important;height: 20px !important;border-radius: 30%;} .whatIfDB a .tooltipSlider{top: -20%;} #whatiffilter-appendTagResults .global-var-rank {height: 43px !important;} #whatiffilter-divdatetime .speed-type-section{width: 1%;} #customReportPageFilterTitle {text-align:left !important;} #customReportPaginationID {padding-top: 10px !important; max-width: max-content !important; margin: 0px auto !important;} .remove-when-iphone { float: none !important; } .dashboardReportTable { width: 100% !important;} .reportFirstRow td{margin: 0;padding: 0;line-height: 0;font-size: 0;border: 0;outline: 0;} .section-title-main {width: 100% !important;} .custom-slider{height: auto !important;} .single-select{ width: 90%;} .mobileResp .text-control > .object-area-main {margin-bottom: 0px !important} .mega-menu .activeFilterMobileView > a {background-color: #d4cdcd !important;} .dashboard-list .activeFilterIndividual a{background-color: #d4cdcd !important;} #dashboardMobileAlert{margin: 10px;} .ui-slider-wrapper{height:100% !important;} .ui-slider-labels{top : -30% !important;} /* raviraj */ .ui-slider-horizontal {height: 1em !important; overflow:auto !important} .rank-slider .horizontal .ui-slider-label-ticks {border-left: 0px solid #000;height: 0em !important;} .ui-widget-content ui-corner-all rendered{width: 100%;float: left;position: absolute !important;top: 40% !important;} .rank-slider .ui-slider-wrapper .ui-slider-horizontal {width: 100%;background: #ececec;top: 50%; border: 0px;} .tooltip-inner {max-width: 200px;padding: 1px 8px;color: #000;text-align: center;text-decoration: none;background-color: #fff;border-radius: 4px;font-size: 14px;} .global-var-label{background: #eeeeee;} /* #fff */ .global-var-rank{margin: 0 0 0 20px;} #whatiffilter-divdatetime{margin-left: 10px;} .whatif-dropdown{margin-left: 10px;} .dbSection .hide-only-iphone { display: none /* !important */; } .whatIfContainer {max-height: 200px; overflow: auto;} .amChartsLegend { width: 100% !important;} .db-open-icon {display: inline-block !important;} .timeseries-control .btn-group {min-height: 24px !important;} .section-setting-quick {display: none;} #mobileWhatifFilterControl {position: fixed;top: 10%;z-index: 99999;width: 100%;} /* balloon tooltip */ .amcharts-balloon-bg{stroke-width:3 !important;} .amcharts-balloon-bg{stroke:ss !important;} /* .amChartsLegend{max-height: 220px !important;} */ .amChartsLegendForceHeight{max-height: 300px !important;} .legend-full-section {z-index: 9999;width: 100% !important;height: 100% !important;position: absolute !important;overflow-y: scroll;padding: 0 10px; max-height: 310px !important;} /* .amChartsLegend {display: none;} */ .section-setting{ z-index: 999999} .forceScroll{overflow-y: scroll !important;} .heightTemp{height: 250px !important;} /* .graph-71object-area-main{height: 551px !important;} .graph-71dashboard-chart-dim{height: 551px !important;} #container-graph-71{ height: 600px !important;} */ /* .amChartsLegend{max-height: 220px !important;} */ /* for legend pannel */ .amChartsLegend{max-height: 25px !important;overflow-y: none !important;} .object-area-main-custom{height: 551px !important;} .dashboard-chart-dim-custom{height: 518px !important;} .container-graph-custom{height: 450px !important;} .amChartsLegendCustom{max-height: 160px !important; overflow-y:scroll; } .amcharts-chart-div-custom{height: 240px !important;} .amcharts-chart-div-custom-graph{height: 220px !important;} .amcharts-chart-div-custom-graph-pie{height: 208px !important;} .amChartsLegendGraph{max-height: 200px !important;overflow-y: scroll !important;} .amChartsTempGraph{overflow-y: scroll !important;} /* .customLegendDashboardIcon{background: white;position: absolute;top: 245px;right: 16px;border: 1px solid #dcdcdc;width: 20px;box-shadow: 2px 2px 3px -1px #adadad;z-index: 99;height: 13px;} */ .mobileToolbarButton{ background-color: #f9f9f9;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-radius: 1px;margin: 0.0px 0.0px 0.0px 0.0px;} .drill-through-dialog .repository-table-section-scroll{width: auto !important;} .minusMargin{margin-top: -8px;} .section-box-1 .section-setting img {cursor: pointer;float: right;padding: 2px 3px 0 3px;margin-top: 2px !important;} .dataValueBtn a{background: #f9f9f9 !important} .dataValueActive a{background-color: #dcdcdc !important} .dashboardChartDimCustomD3{height: 220px !important;} /* Print report */ /* #ftlMainContainerDiv {height: 700px !important; width: 360px !important;} #ftlMainContainerDiv table {max-height: 700px !important; max-width: 360px !important; table-layout: fixed; } #ftlMainContainerDiv table tr td {font-size: 6px !important;} #ftlMainContainerDiv table tr td strong {font-size: 6px !important;} #ftlMainContainerDiv img {height: 20px !important; width: 50px !important;} #ftlMainContainerDiv #chartdiv { max-width: 360px !important;} #ftlMainContainerDiv h3 {max-width: 360px !important;} #ftlMainContainerDiv span {font-size: 6px !important;} #ftlMainContainerDiv page {height: 700px !important; width: 360px !important;} */ /* .ammap-zoom-control{display:none;} */ .pieTitleSpan {margin-right: 7px; font-weight: bold;} .outliner-dialog-sn .panel-default a {background: none !important;} #quickSettingsGraph{display: none !important;} .padding-top-3 {padding-top: 7px;} #mobile-menu-dot {display: none;} .export-dialog {padding: 10px 0px 15px 0px;} .owl-carousel{display: block !important;} /* print report */ #customReportPaginationID { float: none !important; position: fixed; margin: 0 auto; left: 0; right: 0; background: #fff; width: 100%; text-align: center; max-width: 100% !important; padding-bottom: 5px; background-color: white; } #ftlMainContainerDiv{ width: 100%; margin: 0px auto; overflow-y: auto; height: 780px; padding-bottom: 200px; min-width: 800px; padding-top: 6rem; margin-top: 5px; } /* print report */ /* sanjay css */ /* Raviraj KPI */ .iphone-monitor-view {width:90% !important; left:5%} /* .iphone-text-only-view {background-color:#FFFFFF !important;border-left: none !important;border-right: none !important;border-top: none !important;border-bottom: none !important;} */ .amChartsLegend-kpi-mobile{max-height: 300px !important;margin: 0px !important;overflow-y: none !important;padding: 0px !important;} .amChartsLegend-kpigroup-mobile{max-height: 300px !important;margin: 0px !important;overflow-y: none !important;padding: 0px !important;top:auto !important} .iphone-breadcum{background-color: #f5f5f5;margin-left: 2% !important;margin-right: 2% !important;margin-top: 2% !important;padding: 0 0 0 10px;height:42.69px;font-weight:700;margin-bottom:5px;} .iphone-smarten-view-scroll-show{overflow-y:scroll !important;} .iphone-smarten-view-scroll-hide{overflow-y:hidden !important;} .iphone-ftl-view{margin:20px !important; padding-right:20px !important} .iphone-section-setting{background:white !important} .multiselect-container{position:inherit !important;} .tooltip-inner{position:fixed !important;} .global-variables-bottom-box{margin: 8px !important} .amcharts-legend-div{overflow: hidden !important;} #splitterright span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{background-position:-59px -246px !important;width:18px !important;height:18px !important} #splitterright span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{background-position:-3px -244px !important;width:18px !important;height:18px !important} .ui-icon-triangle-1-s{background-position:-59px -246px !important;width:18px !important;height:18px !important} .ui-icon-triangle-1-e{background-position:-3px -244px !important;width:18px !important;height:18px !important} .multicolumn-for-responsive {height : 290px !important} .customLegendDashboardIcon { background: white; position: absolute; top: 245px; right: 16px; border: 1px solid #dcdcdc; width: 23px; box-shadow: 2px 2px 3px -1px #adadad; z-index: 99; height: 20px; } .customLegendDashboardIcon2 { background: white; position: absolute; top: 245px; right: 16px; border: 1px solid #dcdcdc; width: 25px; box-shadow: 2px 2px 3px -1px #adadad; z-index: 99; height: 20px; padding-top: 5px; padding-left: 1px; } #whatiffilter-appendTagResults .form-group { margin-top : 10px; } /* .mobile-section { min-height: 25%;} */ .dashboard-mobile-nav ul.bottom-icon-l { width: 160px; } .dashboard-mobile-nav ul.bottom-icon-s { width: 57px; } .dashboard-mobile-nav ul.dropdown-menu li { position: relative; } .dashboard-mobile-nav ul.dropdown-menu li:first-child { border-top: 0 none; } .dashboard-mobile-nav ul.dropdown-menu li a { border-bottom: 1px solid #E0DFDF; border-left: 4px solid #D7D7D7; border-right: 1px solid #E0DFDF; background-color: #f9f8f8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; padding: 8px 4px 8px 6px; } .dashboard-mobile-nav ul.dropdown-menu > li > a:hover { color: #000000; filter: none; border-left: 4px solid #969595; } .dashboard-mobile-nav ul { width: 100%; } .dashboard-mobile-nav .arrow-up { background: url(../img/repository-sort-up.png) no-repeat; width: 10px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 4px; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a { padding: 8px 4px 8px 6px; text-overflow: ellipsis; overflow: hidden; } .dashboard-mobile-nav .repository-sorting a { padding-top: 10px; padding-bottom: 10px; } .dashboard-mobile-nav .repository-sorting li a { padding-top: 15px !important; padding-bottom: 15px !important; font-size: 13px !important; } .dashboard-mobile-nav .repository-sorting .dropdown-toggle-text-container .dropdown-toggle-text { display: none; } .dashboard-mobile-nav .repository-action-btn a { padding: 10px 12px; } .dashboard-mobile-nav .repository-sorting { padding: 5px 0 5px 5px; } .dashboard-mobile-nav .mobile-tab-section { float: left; } .mobile-dashboard-sorting .repository-sorting { float: left; padding: 5px 0 5px 5px; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a i { margin-right: 4px; } /*Graph Mobile Bottom Navigation */ .dashboard-mobile-nav ul.dropdown-menu.graph-mobile-dropdown { width: 193px; } /*Dashboard*/ .dashboard-section-title { padding: 3px 0; } .dashboard-title { font-size: 14px; padding: 2px 0 2px 4px; font-weight: bold; float: left; } /*.section-box-none { display: none; } */ .fixed-dashboard-type.mobileFixed .section-box-none { display: block; } /** For Mobile Fixed view*/ .mobile-tab-none { display: none; } /*Dashboard - Action Button*/ .action-button { margin-left: 3px; } .action-button-section { padding: 5px 0;text-align:center; float: none; margin-left: 5px; position: relative; z-index: 999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center } .action-settion-button { float: right; margin-left: 0; padding-right: 3px; } .action-button-section > .action-button > a { padding: 10px 13px !important; } /*Dashboard - Dropdown Action Button*/ /* Ang change top 43px to -45px*/ .mobile-action-button-dropdown { display: none; width: 100%; top: -45px; position: absolute; left: 0; } .mobile-action-button-dropdown .action-button { margin-left: 0; } .mobile-action-button-dropdown .action-button a { border: 2px solid #999999; } .mobile-action-button-dropdown.open-dropdown { display: block; } .mobile-action-button-dropdown.open-dropdown-report { display: block; } /*Dashboard - Manage Tabs*/ .move-main-box { width: 100%; } .ui-sortable .close { padding-left: 10px; } /*Dashboard - Page Filter*/ .filter-row .filter-setting-icon { position: absolute; top: 6px; right: 80px; } .padding-box-right { padding-right: 0; } textarea.mail-body-textarea { height: 60px; } .analysis-select-height { clear: both; margin-bottom: 6px; } .analysis-select-height select[size] { height: 30px; line-height: 30px; } .select-height select[size] { height: 30px; line-height: 30px; } .advance-filter-dropdown select { width: 55px; padding-left: 0; padding-right: 0; } .advance-filter-section .current-selection-data td:first-child { } .advance-filter-section .current-selection-data td:nth-of-type(2) { } .advance-filter-section .current-selection-data td:nth-of-type(3) { } .advance-filter-section .current-selection-data td:nth-of-type(4) { } .advance-filter-section .current-selection-data td:nth-of-type(5) select { float: right; } /*Dashboard - Tab slider Arrow*/ .dashboard-tab { display: none; } /* Dashboard scroll */ .dashboard-body-area .jspContainer { overflow: auto; } .dashboard-body-area .jspContainer .jspVerticalBar { display: none; } .dashboard-body-area .jspContainer .jspHorizontalBar { display: none; } /*Prompt Dialog - All*/ .prompt-dialog-show { display: block !important; } .prompt-dialog-box { position: fixed; left: 0; right: 0; bottom: 51px; background-color: #fff; display: none; border: 1px solid #AAAAAA; z-index: 1031; padding: 0; } .prompt-dialog-box .modal-body { padding: 0; } .prompt-dialog-box .prompt-dialog-close { } .prompt-dialog-box .from-tree-menu-section { border: 0 none; height: 239px; } .prompt-dialog-box .modal-header { float: left; width: 100%; } .prompt-dialog-box .modal-title { margin-top: 5px; } .prompt-dialog-box .icon-Folders { height: 22px; } /*Prompt Dialog close button - Repository Select FOlder */ .prompt-dialog-box .prompt-selectfolder-close { } /*Multiselect*/ .ui-multiselect ul.available { height: 130px !important; } .ui-multiselect ul.selected { height: 130px !important; } .ui-multiselect li { height: 32px; line-height: 32px; font-size: 14px; } .two-column-multiselect .ui-icon { margin-top: 5px; } .section-setting-icon { margin-left: 5px; } /*.section-clear-icon { margin: 0 5px 0 0; padding: 7px !important; float: left; }*/ .section-clear-icon img { float: left; } /*Page Filter*/ .filter-setting-dropdown > ul > li > a { padding: 3px 7px; border: 0 none; background: none !important; } .filter-setting-icon > a { padding: 5px 6px 6px 3px; display: none; } .filter-setting-dropdown { top: -5px; left: 8px; display: block; } .publish-now-mail .col-lg-10 .dropdown-toggle { padding: 0px 3px 13px 15px; float: right; position: relative; z-index: 1; } .modal-body-filter { overflow: inherit !important; max-height: none !important; } /*Time Series Contol*/ .time-series-box .btn { padding: 8px 9px 7px; } .time-series-box .section-title { font-size: 14px; } .time-series-box .section-title { margin-top: 9px; } /*Rank Contol*/ .rank-slider .section-title { font-size: 14px; } .rank-slider .section-title { margin-top: 9px; } /*Text Control*/ .text-control .section-title { font-size: 14px; } /*Image Contol*/ .image-control .section-title { font-size: 14px; } /*Single Column Filter Contol*/ .single-column-filter-box-1 { padding-bottom: 15px; } .single-column-filter-box-1 .section-title { margin-top: 9px; } /*Multi Column Filter Contol*/ .multi-column-filter-box .section-title { margin-top: 9px; } /*Current Selection Contol*/ .current-selection-box .section-title { margin-top: 9px; } /*Page Filter*/ .filter-row .filter-row-close { display: none; } /*Mobile Bottom space*/ .dashboard-main { padding-bottom: 0; } .mobile-padding-bottom { padding-bottom: 45px; } /****** KPI ******/ .mobile-top-margin { margin-top: 8px; } /* .section-kpi-box-1 .graph-image-main .graph-gauge-area{width:85%;} */ .dashboard-kpi-box { overflow: visible; } /*Time Series Dialog*/ .analysis-time-series-box { float: left; padding-left: 1px; } .analysis-time-series-box .label { float: left; width: 100%; } .analysis-time-series-box .select-box-small { clear: both; padding: 0; } .analysis-filter-dialog .col-lg-60 { float: left; width: 100%; padding: 0; } .pop-tab .tab-content-mobile { border: 0; padding: 7px 0 5px 0; } /*Drill through Dialog*/ .drill-through-dialog .repository-action-btn { background: none; } .drill-through-dialog .pagination-input { width: 34px; } .drill-through-dialog .pagination-label a { display: none; } /*current-selection-data-Table*/ .current-selection-data-scroll { width: 100%; float: left; overflow: auto; } .current-selection-data-scroll .current-selection-data { min-width: 480px; padding-bottom: 12px; } /*Outliner Dialog*/ .outliner-dialog .analysis-left-padding { padding-left: 0; } .outliner-dialog .col-lg-60 { width: 100%; } .outliner-dialog .col-lg-90 { width: 80%; float: left; } .outliner-dialog .col-lg-20 { width: 20%; float: left; } .outliner-dialog .new-analysis-box { width: 100%; } .outliner-dialog .new-analysis-show img { width: 100%; height: auto; } .outliner-dialog .analysis-cube-p { clear: both; } .outliner-dialog #item { line-height: inherit; } .outliner-dialog .analysis-list-close { padding: 9px 6px; } .outliner-dialog .col-lg-60 { padding-top: 10px; } /* Scroll */ .dashboard-properties .properties-font-scroll { height: 100% !important; } .dashboard-properties .properties-background-scroll { height: 100% !important; } .dashboard-properties .properties-boarder-scroll { height: 100% !important; } .dashboard-properties .properties-xaxisscrollbar-scroll { height: 100% !important; } .pdf-pagesetup-dialog-scroll { height: 100% !important; } .popupdialog-scroll-158 { height: 100% !important; } .popupdialog-scroll-205 { height: 100% !important; } .popupdialog-scroll-213 { height: 100% !important; } .popupdialog-scroll-280 { height: 100% !important; } .popupdialog-scroll-355 { height: 100% !important; } .popupdialog-scroll-310 { height: 100% !important; } .popupdialog-scroll-340 { height: 100% !important; } .popupdialog-scroll-305 { height: 100% !important; } .popupdialog-scroll-300 { height: 100% !important; } .popupdialog-scroll-46 { height: 100% !important; } .popupdialog-scroll-full { height: 100% !important; } .popupdialog-scroll { height: 100% !important; } .popupdialog-scroll-l { height: 100% !important; } .popupdialog-scroll-310-show{height: 310px !important;} /*KPI - General*/ .kpi-box-views .trend-area-panel { padding: 0; } .kpi-box-views .carousel-inner .item { text-align: center; } .kpi-box-views .grid-panel-main { margin: 0; padding: 0; } .kpi-slide-mobile { width: 100%; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .kpi-slide-mobile .carousel-inner .item { display: inline-block !important; } .kpi-slide-mobile .graph-image-main div { width: 303px; display: inline-block !important; } .kpi-slide-mobile .graph-image-main div img { width: auto; } .kpi-slide-mobile .graph-gauge-area { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .graph-gauge-area img { width: auto; } .kpi-slide-mobile .performance-breakdown { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .trend-breakdown { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .defaultView { width: 303px; display: inline-block !important; text-align: center; } /*KPI legend box*/ .section-kpi-box-1 .legend-box { width: 100%; } .analysis-breadcrumb .col-lg-20 { float: none; } .analysis-breadcrumb .col-lg-30 { float: none; } .analysis-breadcrumb-p .col-lg-20 { float: none; } .analysis-breadcrumb-p .col-lg-30 { float: none; } /* KPI Grid */ .section-kpi-box-1 .object-area-box .col-lg-30 { float: none; width: 100%; padding: 0px 0px; } .section-kpi-box-1 .object-area-box .col-lg-30 img { float: left; width: 100%; } .section-kpi-box-4 { margin: 0px; } .section-kpi-box-4 .object-area-box .col-lg-30 { width: 100%; float: none; margin: 0px; } .section-kpi-box-4 .legend-box { width: 100%; } .section-kpi-box-5 { margin: 25px 10px; } .section-kpi-box-5 .legend-box-main { margin-top: 15px; } .section-kpi-box-6 { margin: 20px 0; } .section-kpi-box-10 { margin: 27px 0; } .section-kpi-box-11 .legend-box { width: 100%; } .section-kpi-box-16 { width: 100%; margin: 0px; } .section-kpi-box-17 { width: 100%; margin: 0px; } .section-kpi-box-18 { width: 100%; margin: 0px; } .section-kpi-box-19 { width: 100%; margin: 0px; } .section-kpi-box-20 { width: 100%; margin: 0px; } .kpi-performance-image img { width: 100%; } .section-kpi-box-22 { margin: 20px 158px; } .section-kpi-box-22 .legend-box-main { width: 100%; } .section-kpi-box-22 .legend-box { width: 100%; } .monitor-legend-box-text { line-height: 18px; } .kpi-general-properties .object-area-main { padding: 0; } .section-kpi-box-1 { margin: 0; } /*KPI Sliding Make Smooth*/ .section-kpi-box-12, .section-kpi-box-13, .section-kpi-box-14, .section-kpi-box-15 { margin: 0; } /* Graph Grid */ .section-graph-box-1 .graph-image-main { padding: 0; } .section-graph-box-2 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-3 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-4 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-1 .legend-box-main { width: 100%; } .section-graph-box-2 .legend-box-main { width: 100%; } .section-graph-box-3 .legend-box-main { width: 100%; } .section-graph-box-4 .legend-box-main { width: 100%; } .section-graph-box-1 .legend-box { width: 25%; } .section-graph-box-2 .legend-box { width: 25%; } .section-graph-box-3 .legend-box { width: 25%; } .section-graph-box-4 .legend-box { width: 25%; } .section-graph-box-1 { margin: 0 1%; } .section-graph-box-2 { margin: 0 1%; } .section-graph-box-3 { margin: 0 1%; } .section-graph-box-4 { margin: 0 1%; } #showHideAdminPanel { display: none; } .body_content_kpi { position: relative; height : fit-content; } #mobile-menu-dot { background: #fff; box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-right: 5px; margin-bottom: 1px; padding: 0; display: block; border: 1px solid #cccccc; border-radius: 3px; width: 49px; height: 24px; text-align: center; } #mobile-menu-dot i { vertical-align: top; margin-top: 5px; } #mobile-menu-dot-graphfromanalysis { box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-top: -22px; margin-right: 5px; margin-bottom: 1px; padding: 1px 12px 3px; display: block; border: 1px solid #cccccc; border-radius: 3px; } .breadcrumb-in-mobile { background: #f5f5f5; position: relative; top: 50px; width: 100%; z-index: 101; display: block; line-height: 25px; padding: 0; } .breadcrumb-section-analysis { position: absolute; top: 50px;} .breadcrumb-section-analysis-dashboard { top: 1px;} .graph-from-analysis-section .breadcrumb-in-mobile { position: relative; top: 0; } .breadcrumb-in-mobile .breadcrumb-right-section { padding: 0 !important; float: left !important; display: none; } .breadcrumb-left-section { margin: 4px 0 4px 3px; } .breadcrumb-left-section-mobile-dashboard { padding: 0px 14px 2px; background: #fff; border-radius: 4px; list-style: none outside none; position: relative; float: right; box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-right: 5px; margin-bottom: 1px; display: block; border: 1px solid #cccccc; border-radius: 3px; } .breadcrumb-in-mobile .breadcrumb { padding: 0 !important; line-height: 17px; } /* .section-report-box-1 { margin-bottom: 47px !important; } */ .kpi-breadcrumb .analysis-breadcrumb-p { float: left; width: 100%; padding: 0; text-indent: 2px; } .kpigroup-breadcrumb .analysis-breadcrumb-p { float: left; width: 100%; padding: 0; } .mobile-bottom-nav-kpi { z-index: 1026 !important; top: 0 !important; } .mobile-kpigroup-dropdown { z-index: 1030 !important; } .kpi-gridview-mobile-nav-top { border: 0 none !important; right: 0; position: absolute !important; top: -41px !important; width: auto !important; z-index: 1029 !important; padding: 0 !important; } .kpi-gridview-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpi-mobile-nav-top { top: 0 !important; z-index: 1029 !important; padding: 0 !important; } .kpi-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpigroup-mobile-nav-top { top: 0 !important; z-index: 1029 !important; } .kpigroup-mobile-nav-top .btn-default { padding: 10px 10px !important; } .jspArrowUp { background: url(../img/vup-mobile.png) no-repeat center center !important; } .jspArrowDown { background: url(../img/vdown-mobile.png) no-repeat center center !important; } .jspArrow { width: 100%; } .jspVerticalBar { width: 18px !important; z-index: 1; } .jspVerticalBar .jspTrack { width: 100%; background-position: 2px center !important; } .jspVerticalBar .jspDrag { background-color: #ccc !important; margin: 0 auto !important; padding-left: 2px; } .jspVerticalBar .jspArrow { height: 9px !important; } .analysis-title .object-area-title { padding: 0.5% !important; font-size: 14px !important; height: 24px; overflow: hidden; } .analysis-area .bleft { display: none !important; } .analysis-area .bright { display: none !important; } .dashboard-title { max-width: 365px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .repository-title { max-width: 365px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .home-menu-section .submenu-list { margin: 5px 0; } .dashboard-nav-for-portrait-ipad { clear: inherit; display: inline-block; float: none !important; padding-top: 0; } .filter-control-mobileview-button { position: fixed; left: 3px; bottom: 2px; } .filter-control-mobileview-position.filter-control-mobileview-button { bottom: 53px; } .filterPanelForTablet { display: none; } .multicolumn-control ul li { padding: 7px; } .dashboard-main .breadcrumb-section-analysis { position:relative; z-index:99;} .dashboard-main .breadcrumb-section-analysis .breadcrumb-left-section {padding:0;} .dashboard-main .breadcrum-in-db {top:0px;padding:0px !important;} /*.dashboard-main .breadcrumb-section-analysis.dashboard-analysis-breadcrum {top:125px;}*/ .dashboard-main .breadcrumb-section-report { position:absolute; top:45px; z-index:99;} .dashboard-main .breadcrumb-section-reportDashboard { position:absolute; top:-42px; z-index:99;} .dashboard-main .breadcrum-in-db {top:0px;padding:0px !important;} /*.dashboard-main .breadcrumb-section-analysis.dashboard-analysis-breadcrum {top:125px;}*/ /* .comments-but{padding: 2px 4px; display: block; border: 1px solid #cccccc; border-radius: 3px; box-shadow: -1px 3px 4px -1px #888888; right:113px; height:24px; position: absolute;} */ .comments-but{ padding:2px 4px; background: #fff; border-radius: 4px; list-style: none outside none; position: relative; float: right; box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-right: 5px; margin-bottom: 1px; display: block; border: 1px solid #cccccc; border-radius: 3px; } .comments-but1{padding: 2px 4px; display: block; border: 1px solid #cccccc; border-radius: 3px; box-shadow: -1px 3px 4px -1px #888888; height:24px; position: relative;} .rating-box, .rating-box-l{position:relative; right:auto; top:auto;} .img-box-h{height: auto; width: 100%;} .img-box-h-s{height: auto; width: 100%;} .img-r-m{width: 100%;} .img-r-h{height:170px} .m-t-margin-20p{margin-top: 20px;} .analysis-search-field{width: 100%; margin-right: 0;} } @media (max-width: 480px) { .dashboard-properties-slider .nav-tabs > li > a, .dashboard-properties-slider .nav-tabs > li > a:focus { padding: 5px 7px; } .legend-box-main { margin-bottom: 10px; } /*Home*/ .home-iframe-size { height: 1141px !important; } .iframe-container { height: auto !important; } /*Dashboard - Retrival Parameter*/ .retrieval-parameters-box .input-group { display: block; margin-bottom: 0; } .retrieval-parameters-box .input-group-addon { background: none; border: 0 none; min-width: inherit; clear: both; display: inline-block; width: 100%; padding-left: 0; } .retrieval-parameters-box .speed-type-section { border-radius: 4px; width: 100%; clear: both; margin: 0; display: inline-block; } .retrieval-parameters-box .input-group-addon.speed-type-section { border: 1px solid #cccccc; } /*Dashboard - Manage page filters*/ .add-page-filter-box .input-group { display: block; margin-bottom: 0; } .add-page-filter-box .input-group-addon { background: none; border: 0 none; min-width: inherit; clear: both; display: inline-block; width: 100%; padding-left: 0; } .add-page-filter-box .speed-type-section { border-radius: 4px; width: 100%; clear: both; margin: 0; display: inline-block; } .dashboard-title { max-width: 206px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .repository-title { max-width: 307px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*Dashboard bottom Navigation Scrollbar CSS*/ .dashboard-mobile-nav ul.dropdown-menu { max-height: 197px; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* Fix */ .section-kpi-box-22 { margin: 20px 78px; } .section-kpi-box-22 .legend-box-main { width: 100%; margin-left: 0px; } .section-kpi-box-22 .legend-box { width: 33%; } /* Analysis Table*/ .table-main-box { height: 270px !important; } .grid { width: 99% !important; height: 168px !important; } /*Analysis Section Mobile Scroll*/ .analysis-mobile-scroll { position: absolute; top: 226px; left: 21px; } .analysis-mobile-scroll-top { position: absolute; top: 142px; left: 84px; } .grid { width: 99% !important; height: 225px !important; } .fileupload-input { width: 81%; } /*Graph Legend*/ .graph-legend-center { min-width: 60%; } .repository-table-section a{width: 80%; display: inline-grid;} } @media only screen and (min-width: 255px) and (max-width: 360px) { /* All Pop */ #dialogBody{max-height: 225px;overflow: auto;} /* .modal-body { max-height: 225px; overflow: auto; } */ /*Footer*/ .powered-by { margin: 4px 0 2px 10px; float: left; } .footer .col-lg-70 { width: auto !important; clear: both; } /*Home*/ .home-iframe-size { height: 1028px !important; } /*Analysis*/ .section-box-1 .object-area-main { padding-bottom: 0; } /*Repository*/ .repository-tree-menu-scroll { width: 100%; height: 200px !important; overflow: auto; -webkit-overflow-scrolling: touch; } /*Dashboard bottom Navigation Scrollbar CSS*/ .dashboard-mobile-nav ul.dropdown-menu { max-height: 245px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .dashboard-title { max-width: 152px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .repository-title { max-width: 152px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*KPI legend box*/ .section-kpi-box-2-l .graph-image-main { width: 100%; padding: 0px 0px 10px 0px; } .section-kpi-box-2-l .legend-box-main { width: 100%; } /*TimeSeries Dialog Table*/ .popupdialog-horizontal-scroll-mobile { width: 100%; float: left; overflow: auto; } .horizontal-scroll-mobile { width: 500px; padding-bottom: 12px; } /* Analysis Table*/ .table-main-box { height: 317px !important; } .grid { width: 99% !important; height: 277px !important; } /*Analysis Section Mobile Scroll*/ .analysis-mobile-scroll { position: absolute; top: 282px; left: 21px; } /* .analysis-mobile-lscroll input { background: url(../img/table-arrow.png) no-repeat 6px center #054591#8cc739; border-radius: 23px; cursor: pointer; height: 30px; padding: 4px 15px; border: 0; float: left; -webkit-user-select: none; } */ /* .analysis-mobile-rscroll input { background: url(../img/table-arrow.png) no-repeat -41px center #054591#8cc739; border-radius: 23px; cursor: pointer; height: 30px; padding: 4px 15px; border: 0; float: left; -webkit-user-select: none; } */ .analysis-mobile-scroll-top { position: absolute; top: 202px; left: 72px; } .analysis-mobile-tscroll input { background: url(../img/table-arrow.png) no-repeat -87px 6px #FF0000; border-radius: 23px; cursor: pointer; height: 30px; padding: 4px 15px; border: 0; float: left; -webkit-user-select: none; display: none; } .analysis-mobile-bscroll input { background: url(../img/table-arrow.png) no-repeat -130px 9px #FF0000; border-radius: 23px; cursor: pointer; height: 30px; padding: 4px 15px; border: 0; float: left; -webkit-user-select: none; display: none; } /*Bottom Scrollbar Arrow */ /* .analysis-area .hleft { width: 10px !important; height: 7px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat 7px center #054591 !important; right: 82px !important; bottom: -69px !important; padding: 12px 11px !important; border-color: #054591 !important; border-radius: 23px !important; } */ .analysis-area .hleft:hover { border-color: #054591 !important; } /* .analysis-area .hright { width: 10px !important; height: 7px !important; position: absolute; background: url(../img/table-arrow.png) no-repeat -40px center #054591 !important; right: 47px !important; bottom: -69px !important; padding: 12px 11px !important; border-color: #054591 !important; border-radius: 23px !important; } */ .analysis-area .hright:hover { border-color: #054591 !important; } /*Right Scrollbar Arrow*/ /* .analysis-area .vup { width: 10px !important; height: 7px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -86px 7px #054591 !important; right: 130px !important; bottom: -51px !important; padding: 12px 11px !important; border-color: #054591 !important; border-radius: 23px !important; } */ .analysis-area .vup:hover { border-color: #054591 !important; } /* .analysis-area .vdown { width: 10px !important; height: 7px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -129px 10px #054591 !important; right: 18px !important; bottom: -49px !important; padding: 12px 11px !important; border-color: #054591 !important; border-radius: 23px !important; } */ .analysis-area .vdown:hover { border-color: #054591 !important; } /* .analysis-area .vbar { left: 299px !important; top: 264px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } */ /* .analysis-area .hbar { left: 120px !important; top: 243px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } */ .fileupload-input { width: 72%; } /* Fix */ .section-kpi-box-5 .legend-box { width: 100%; } .section-kpi-box-6 { margin: 20px 0; } .section-kpi-box-7 { /*margin: 100px 10px 0px;*/ } .section-kpi-box-11 { margin: 10px 0px; } .section-kpi-box-11 .col-lg-60 { width: 100%; float: auto; } .section-kpi-box-12 .legend-box { width: 100%; } .section-kpi-box-13 .legend-box { width: 100%; } .section-kpi-box-14 .legend-box { width: 100%; } .section-kpi-box-15 .legend-box { width: 100%; } .section-kpi-box-10 .legend-box { width: 100%; } .section-kpi-box-22 { margin: 20px 10px; } .section-kpi-box-25 { margin: 0 10px; } .section-kpi-box-26 { margin: 0 10px; } .section-kpi-box-10 .legend-box-main { margin-bottom: 5px; } .left-menu-icon{width: 32.2%;} } /* added code for iphone 6/7/8 plus mobile device */ @media all and (max-width:736px) and (orientation:landscape){ .repository-main .repository-right-panel {width:auto; float:none; clear:both;} .repository-main .repository-left-panel {width:auto; float:none; clear:both;} /*Dashboard section Height*/ .mobileResp .timeseries-control > .object-area-main { margin-bottom: 15px; overflow: auto; }/* Angular */ .mobileResp .multicolumn-control > .object-area-main { height: 300px !important; overflow: auto; } .mobileResp .singlecolumn-control > .object-area-main { height: 300px !important; overflow: auto; } /*General*/ .dashboard-body-area > .col-lg-120 { height: 75% !important; } .mobile-section { min-height: 60%; /*max-height: 80%;*/ } .speed-type-section input[type="text"] { font-size: 16px !important; } .mobile-bottom-nav { background-color: #f5f5f5; top: 8px; left: 0; position: relative; display: none; width: 100%; z-index: 1029; } .mobile-bottom-nav1 { background-color: #f5f5f5; top: 8px; left: 0; position: absolute; display: none; width: 100%; z-index: 1029; } /*.mobile-bottom-nav .dropdown-menu { top:inherit; bottom:100%;}*/ .mobile-bottom-nav-2 { bottom: 0; right: 0; position: fixed; width: 60%; z-index: 1029; } .mobile-bottom-nav-2 .dropdown-menu { top: inherit; bottom: 100%; } .mobile-bottom-nav-4 { top: 0; right: 0; position: relative; width: auto; z-index: 1029; } .show-only-iphone { display: inline-block; } .hide-only-iphone { display: none !important; } option.show-only-iphone { display: block; } .footer-iphone { padding-bottom: 60px; } body.modal-open { overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 0; padding-right: 10px; } .checkbox-inline { padding-right: 16px; } .modal-bot-text { margin-right: 5px; } .radio-inline input { vertical-align: text-top; } .view-full-dashboard { display: none; } .carousel-inner { overflow: inherit; } .treeview .hitarea { margin-top: 5px; } .mobile-compactview { display: none !important; } .padding-box-top-left { clear: both; padding-top: 0; } #mobile-action-button { padding: 0 !important; } #mobile-action-button-dashboard { padding: 0 !important; } #mobile-action-button i { background-position: -171px 9px; padding: 19px 18px; } #mobile-action-button-dashboard i { background-position: -171px 9px; padding: 19px 18px; } .mobile-width-fix { width: 130px; } .page-filter-box { margin-bottom: 40px; width: 100%; float: left; } .section-setting-trigger { display: inline-block; height: 22px; width: 35px; background: url(../img/repository-sort-down.png) no-repeat center 7px; float: right; cursor: pointer; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: block; } /*All Accordian Touch Area*/ .ui-accordion .ui-accordion-header { padding-top: 10px !important; padding-bottom: 10px !important; } .speed-type-section ul ul { max-height: 178px; overflow: auto; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; } /****** Margin ******/ .margin-box-right { margin-right: 0px; } /* Home*/ .home-main { padding: 0 5px 4px 5px; } .home-banner-section { padding-bottom: 10px; } .home-banner-section .slogan br { display: none; } .home-banner-section .main-title { font-size: 32px; } .home-banner-section .banner-content { position: relative; } .home-banner-section .banner { width: 80%; float: left; max-height: inherit; height: auto; } .home-banner-section .banner { position: relative; right: auto; top: auto; } .home-iframe-size { height: 1263px !important; } .home-iframe .col-lg-60 { width: 100%; } .home-download-section1 { margin-top: 20px; } .home-download-section1 .download-list { width: 100%; } /* All Treemenu*/ .filetree span.folder, .filetree span.file { font-size: 14px; line-height: 25px !important; } /* All Dialog*/ .small-dialog .modal-dialog { width: auto; } .small-m-dialog .modal-dialog { width: auto; } .midle-s-dialog .modal-dialog { width: auto; } .midle-dialog .modal-dialog { width: auto; } .midle-l-dialog .modal-dialog { width: auto; } .large-dialog .modal-dialog { width: auto; } /* All Pop */ #dialogBody{max-height: 192px;overflow: auto;} .modal-body { padding-top: 2px; } .modal-body label { font-size: 14px; } .modal-bg-color { background-color: #FFFFFF; opacity: 0.5; } /* Analysis Table*/ .analysis-area { width: 96%; margin: 0 auto; } .grid { width: 99% !important; height: 225px !important; } .dash_grid { width: 99% !important; height: 225px !important; } .gridpanel { width: 100% !important; bottom: 0; overflow: inherit !important; } .table-main-box { height: 270px !important; overflow: inherit !important; } .analysis-cubelast { display: none !important; } #analysis-cubelast-icon { margin-top: -24px; margin-right: 8px; width: 32px; height: 24px; float: right; } /*#analysis-cubelast{display:none;} */ .menuBar { max-height: 230px; overflow: auto; -webkit-overflow-scrolling: touch; } .menuItem { padding: 5px 1px !important; } .selMenuItem { padding: 5px 1px !important; } /* Analysis rowheader area */ .Table-Main .ltcorner .ltcornermobile { float: left; } #exchangeButton { display: none !important; } .ltcorner {/* overflow:auto; width:120px !important; */ /*height:40px !important; margin-top:20px;*/ } .ltcorner span { display: none; } .white-box { height: 20px; position: absolute; left: 0; /* width: 121px; */ background-color: #FFF; z-index: 100; } .rowheader { overflow: auto; /* width:120px !important; */ } .colheader { overflow: auto; /* left:119px !important; */ } .actualdata { top: 40px; /* left:119px !important; */ } /*Analysis Section Mobile Scroll*/ .analysis-mobile-scroll { position: absolute; top: 226px; left: 21px; } .analysis-mobile-lscroll { float: left; margin-right: 5px; } .analysis-mobile-rscroll { float: left; margin-right: 5px; } .analysis-mobile-lscroll input { background: url(../img/table-arrow.png) no-repeat 11px center #8cc739; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-rscroll input { background: url(../img/table-arrow.png) no-repeat -38px center #8cc739; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-scroll-top { position: absolute; top: 173px; left: 84px; } .analysis-mobile-tscroll { float: left; margin-right: 5px; } .analysis-mobile-bscroll { float: left; margin-right: 5px; } .analysis-mobile-tscroll input { background: url(../img/table-arrow.png) no-repeat -83px 9px #FF0000; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } .analysis-mobile-bscroll input { background: url(../img/table-arrow.png) no-repeat -128px 12px #FF0000; border-radius: 23px; cursor: pointer; height: 35px; padding: 4px 18px; border: 0; float: left; -webkit-user-select: none; } /* Analysis horizontal scrollbar touch area*/ .analysis-area .hnobc { display: none !important; } .analysis-area .vbar { left: 298px !important; top: 314px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .analysis-area .hbar { left: 120px !important; top: 285px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /*Bottom Scrollbar Arrow */ .analysis-area .hleft { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat 10px center #054591 !important; right: 91px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 3px 0 0 !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 6px 4px 0 !important; } .analysis-area .hleft:hover { border-color: #054591 !important; } .analysis-area .hright { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -38px center #054591 !important; right: 52px !important; bottom: 24px !important; padding: 12px 11px !important; margin: 4px 0 0 3px !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 4px 0 4px 6px !important; } .analysis-area .hright:hover { border-color: #054591 !important; } /* Analysis vertical scrollbar touch area*/ .analysis-area .vnobc { display: none !important; } /*Right Scrollbar Arrow*/ .analysis-area .vup { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -83px 8px #054591 !important; right: 144px !important; bottom: 50px !important; padding: 12px 11px !important; margin: 0 4px 3px !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 0 4px 6px !important; } .analysis-area .vup:hover { border-color: #054591 !important; } .analysis-area .vdown { width: 14px !important; height: 11px !important; position: absolute !important; background: url(../img/table-arrow.png) no-repeat -127px 12px #054591 !important; right: 18px !important; bottom: 53px !important; padding: 12px 11px !important; margin: 3px 4px 0 !important; border-color: #054591 !important; border-radius: 23px !important; border-width: 6px 4px 0 !important; } .analysis-area .vdown:hover { border-color: #054591 !important; } /*Analysis Horizontal Scrollbar*/ .analysis-area .hbar { height: auto !important; width: 182px !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; } /*Analysis Vertical Scrollbar*/ .analysis-area .vbar { width: 15px !important; height: auto !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; } /****** Analysis Page ******/ .analysis-top-right-last { padding: 5px 10px 5px 6px; float: left !important; width: 100%; } .analysis-breadcrumb-p { padding: 3px 15px 3px 5px; } .analysis-breadcrumb-small { padding: 3px 15px 3px 5px; } .menuBar { max-height: 140px; overflow: auto; -webkit-overflow-scrolling: touch; } .breadcrumb-cubelast-icon { position: relative; margin-top: -17px; z-index: 9; } /*Header*/ .header .col-lg-60 { position: static; } .header-right-menu ul li .header-ext-menu { background: #fff url(../img/mobile-nav.png) no-repeat center center; border: 1px solid #ccc; border-bottom: none; padding: 12px 20px; } .header-right-menu > ul > li { padding-top: 3px; } .header-right-menu > ul > li:first-child a { padding: 6px 6px; } .header-right-menu ul.dropdown-menu { min-width: inherit; width: 100%; top: 48px; } .header-right-menu ul li.dropdown { position: static; } .header-right-menu ul.dropdown-menu li a { font-size: 14px; } .header-right-menu ul.dropdown-menu ul.dropdown-menu { left: 0; position: static; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav>a { background: #F9F8F8 url(../img/header-menu-dropleft.png) no-repeat 95% center; padding: 13px 11px; } .header-right-menu ul.dropdown-menu li.activesubmenu>a { background: #F9F8F8 url(../img/header-menu-dropdown.png) no-repeat 95% center; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a { background: #e5e5e5; } .header-right-menu ul.dropdown-menu li.dropdown-submenu-nav ul a:hover { background: #cecece; } .header-right-menu ul.dropdown-menu li:hover ul.dropdown-menu { display: none; } .header-right-menu ul.dropdown-menu .activesubmenu ul.dropdown-menu { display: block !important; } .header .action-dropdown-button > li { float: right; } /*Header - Footer show hide onClick Plus Minus Icon*/ .toggle-header-footer { display: inline-block; box-shadow: -1px 3px 4px -1px #888888; height: 24px; width: 49px; background: url(../img/header-footer-toggle-down.png) no-repeat center 7px; float: right; cursor: pointer; border: 1px solid #CCCCCC; border-radius: 3px; margin-right: 5px; display: block; } .toggle-header-footer.expanded { background: url(../img/header-footer-toggle-up.png) no-repeat center 7px; } .header, .footer > .row { display: none; } .disply-header-footer { display: block !important; } /*Footer*/ .footer .disply-header-footer { padding-bottom: 0; } /*Repository*/ .repository-mobile-nav { display: block !important; position: fixed !important; bottom: 0 !important; top: inherit !important; } .report-mobile-nav-bottom {bottom: 0 !important; top: inherit !important; text-align: center; } .report-mobile-nav-bottom .pagination-label { padding: 5px 2px; } /* .report-mobile-nav-top {border: 0 none !important;left: 51px;position: absolute !important;top: 3px !important; width: auto !important; z-index: 1029 !important; padding:0 !important;} */ .report-mobile-nav-top { border: 0 none !important; left: 51px; position: absolute !important; top:8px !important; width: auto !important; z-index: 1029 !important; padding: 6px 0 0 5px; } .report-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpi-mobile-nav-bottom { display: block !important; position: fixed !important; bottom: 0 !important; top: inherit !important; text-align: center; } .kpi-mobile-nav-bottom .pagination-label { padding: 5px 2px; } .description-text-box { display: block; padding: 0 5px; font-size: 14px; line-height: 17px; margin-bottom: 5px; } .repository-tree-menu-scroll { width: 100%; height: 120px !important; overflow: auto; -webkit-overflow-scrolling: touch; } .repository-section-title { padding: 3px 0; } .repository-title { font-size: 14px; padding: 2px 0 2px 4px; font-weight: bold; float: left; } .repository-table-header .breadcrumb { margin-bottom: 6px; margin-bottom: 0; } .repository-table-header { padding: 5px; } .repository-table-header .breadcrumb { margin-bottom: 5px; } .repository-top-search .filter-search-field { float: left; width: 240px; margin: 5px 0 5px 5px; } .repository-main .repository-table-section { padding: 0 10px 10px 10px; margin-bottom: 0; } .repository-tree-menu-section { padding: 0 5px 5px; clear: both; } .description-section-box { display: none; } .from-tree-menu-section { width: 100%; height: 130px; } .repository-main .repository-table-section input[type="checkbox"], .repository-main .repository-table-section input[type="radio"] { left: 0; } .repository-action-btn > a { margin-left: 3px; } .repository-action-btn { z-index: 99; } .repository-mobile-nav .repository-action-btn a { padding: 10px 12px; } .repository-mobile-nav .repository-sorting a { padding-top: 10px; padding-bottom: 10px; } .repository-mobile-nav .repository-sorting li a { padding-top: 15px !important; padding-bottom: 15px !important; font-size: 13px !important; } .repository-top-search .filter-search-field input { height: 35px; line-height: 35px; } .repository-table-header .breadcrumb > li a { font-size: 14px; } .repository-table-header .breadcrumb > li { font-size: 14px; } .repository-mobile-nav .repository-sorting { padding: 5px 5px 5px 0; } .repository-sorting #repository-sorting-dropdown .btn-default { width: 114px; font-size: 12px; } /*Dashboard Mobile Bottom Navigation */ .dashboard-mobile-nav .tab-sorting { width: 66px; } .dashboard-mobile-nav { float: right; position: absolute; top: 28px; } .dashboard-mobile-nav ul.dropdown-menu { max-height: 200px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 180px; background: none; padding: 0; border: none; left: 0px; } .dashboard-mobile-nav ul.bottom-icon-l { width: 160px; } .dashboard-mobile-nav ul.bottom-icon-s { width: 57px; } .dashboard-mobile-nav ul.dropdown-menu li { position: relative; } .dashboard-mobile-nav ul.dropdown-menu li:first-child { border-top: 0 none; } .dashboard-mobile-nav ul.dropdown-menu li a { border-bottom: 1px solid #E0DFDF; border-left: 4px solid #D7D7D7; border-right: 1px solid #E0DFDF; background-color: #f9f8f8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; padding: 8px 4px 8px 6px; } .dashboard-mobile-nav ul.dropdown-menu > li > a:hover { color: #000000; filter: none; border-left: 4px solid #969595; } .dashboard-mobile-nav ul { width: 100%; } .dashboard-mobile-nav .arrow-up { background: url(../img/repository-sort-up.png) no-repeat; width: 10px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 4px; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a { padding: 8px 4px 8px 6px; text-overflow: ellipsis; overflow: hidden; } .dashboard-mobile-nav .repository-sorting a { padding-top: 10px; padding-bottom: 10px; } .dashboard-mobile-nav .repository-sorting li a { padding-top: 15px !important; padding-bottom: 15px !important; font-size: 13px !important; } .dashboard-mobile-nav .repository-sorting .dropdown-toggle-text-container .dropdown-toggle-text { display: none; } .dashboard-mobile-nav .repository-action-btn a { padding: 10px 12px; } .dashboard-mobile-nav .repository-sorting { padding: 5px 0 5px 5px; } .dashboard-mobile-nav .mobile-tab-section { float: left; } .mobile-dashboard-sorting .repository-sorting { float: left; padding: 5px 0 5px 5px; } .dashboard-mobile-nav .repository-sorting ul.dropdown-menu li a i { margin-right: 4px; } /*Graph Mobile Bottom Navigation */ .dashboard-mobile-nav ul.dropdown-menu.graph-mobile-dropdown { width: 193px; } /*Dashboard*/ .dashboard-section-title { padding: 3px 0; } .dashboard-title { font-size: 14px; padding: 2px 0 2px 4px; font-weight: bold; float: left; } .section-box-none { display: none; } .fixed-dashboard-type.mobileFixed .section-box-none { display: block; } /** For Mobile Fixed view*/ .mobile-tab-none { display: none; } /*Dashboard - Action Button*/ .action-button { margin-left: 3px; } .action-button-section { float: left; padding: 5px 0; } .action-settion-button { float: right; margin-left: 0; padding-right: 3px; } .action-button-section > .action-button > a { padding: 10px 13px !important; } /*Dashboard - Dropdown Action Button*/ .mobile-action-button-dropdown { display: none; width: 100%; top: 43px; position: absolute; left: 0; } .mobile-action-button-dropdown .action-button { margin-left: 0; } .mobile-action-button-dropdown .action-button a { border: 2px solid #999999; } .mobile-action-button-dropdown.open-dropdown { display: block; } .mobile-action-button-dropdown.open-dropdown-report { display: block; } /*Dashboard - Manage Tabs*/ .move-main-box { width: 100%; } .ui-sortable .close { padding-left: 10px; } /*Dashboard - Page Filter*/ .filter-row .filter-setting-icon { position: absolute; top: 6px; right: 80px; } .padding-box-right { padding-right: 0; } textarea.mail-body-textarea { height: 60px; } .analysis-select-height { clear: both; margin-bottom: 6px; } .analysis-select-height select[size] { height: 30px; line-height: 30px; } .select-height select[size] { height: 30px; line-height: 30px; } .advance-filter-dropdown select { width: 55px; padding-left: 0; padding-right: 0; } .advance-filter-section .current-selection-data td:first-child { } .advance-filter-section .current-selection-data td:nth-of-type(2) { } .advance-filter-section .current-selection-data td:nth-of-type(3) { } .advance-filter-section .current-selection-data td:nth-of-type(4) { } .advance-filter-section .current-selection-data td:nth-of-type(5) select { float: right; } /*Dashboard - Tab slider Arrow*/ .dashboard-tab { display: none; } /* Dashboard scroll */ .dashboard-body-area .jspContainer { overflow: auto; } .dashboard-body-area .jspContainer .jspVerticalBar { display: none; } .dashboard-body-area .jspContainer .jspHorizontalBar { display: none; } /*Prompt Dialog - All*/ .prompt-dialog-show { display: block !important; } .prompt-dialog-box { position: fixed; left: 0; right: 0; bottom: 51px; background-color: #fff; display: none; border: 1px solid #AAAAAA; z-index: 1031; padding: 0; } .prompt-dialog-box .modal-body { padding: 0; } .prompt-dialog-box .prompt-dialog-close { } .prompt-dialog-box .from-tree-menu-section { border: 0 none; height: 239px; } .prompt-dialog-box .modal-header { float: left; width: 100%; } .prompt-dialog-box .modal-title { margin-top: 5px; } .prompt-dialog-box .icon-Folders { height: 22px; } /*Prompt Dialog close button - Repository Select FOlder */ .prompt-dialog-box .prompt-selectfolder-close { } /*Multiselect*/ .ui-multiselect ul.available { height: 130px !important; } .ui-multiselect ul.selected { height: 130px !important; } .ui-multiselect li { height: 32px; line-height: 32px; font-size: 14px; } .two-column-multiselect .ui-icon { margin-top: 5px; } .section-setting-icon { margin-left: 5px; } .section-clear-icon { margin: 0 5px 0 0; padding: 7px !important; float: left; } .section-clear-icon img { float: left; } /*Page Filter*/ .filter-setting-dropdown > ul > li > a { padding: 3px 7px; border: 0 none; background: none !important; } .filter-setting-icon > a { padding: 5px 6px 6px 3px; display: none; } .filter-setting-dropdown { top: -5px; left: 8px; display: block; } .publish-now-mail .col-lg-10 .dropdown-toggle { padding: 0px 3px 13px 15px; float: right; position: relative; z-index: 1; } .modal-body-filter { overflow: inherit !important; max-height: none !important; } /*Time Series Contol*/ .time-series-box .btn { padding: 8px 9px 7px; } .time-series-box .section-title { font-size: 14px; } .time-series-box .section-title { margin-top: 9px; } /*Rank Contol*/ .rank-slider .section-title { font-size: 14px; } .rank-slider .section-title { margin-top: 9px; } /*Text Control*/ .text-control .section-title { font-size: 14px; } /*Image Contol*/ .image-control .section-title { font-size: 14px; } /*Single Column Filter Contol*/ .single-column-filter-box-1 { padding-bottom: 15px; } .single-column-filter-box-1 .section-title { margin-top: 9px; } /*Multi Column Filter Contol*/ .multi-column-filter-box .section-title { margin-top: 9px; } /*Current Selection Contol*/ .current-selection-box .section-title { margin-top: 9px; } /*Page Filter*/ .filter-row .filter-row-close { display: none; } /*Mobile Bottom space*/ .dashboard-main { padding-bottom: 0; } .mobile-padding-bottom { padding-bottom: 45px; } /****** KPI ******/ .mobile-top-margin { margin-top: 8px; } /* .section-kpi-box-1 .graph-image-main .graph-gauge-area{width:85%;} */ .dashboard-kpi-box { overflow: visible; } /*Time Series Dialog*/ .analysis-time-series-box { float: left; padding-left: 1px; } .analysis-time-series-box .label { float: left; width: 100%; } .analysis-time-series-box .select-box-small { clear: both; padding: 0; } .analysis-filter-dialog .col-lg-60 { float: left; width: 100%; padding: 0; } .pop-tab .tab-content-mobile { border: 0; padding: 7px 0 5px 0; } /*Drill through Dialog*/ .drill-through-dialog .repository-action-btn { background: none; } .drill-through-dialog .pagination-input { width: 34px; } .drill-through-dialog .pagination-label a { display: none; } /*current-selection-data-Table*/ .current-selection-data-scroll { width: 100%; float: left; overflow: auto; } .current-selection-data-scroll .current-selection-data { min-width: 480px; padding-bottom: 12px; } /*Outliner Dialog*/ .outliner-dialog .analysis-left-padding { padding-left: 0; } .outliner-dialog .col-lg-60 { width: 100%; } .outliner-dialog .col-lg-90 { width: 80%; float: left; } .outliner-dialog .col-lg-20 { width: 20%; float: left; } .outliner-dialog .new-analysis-box { width: 100%; } .outliner-dialog .new-analysis-show img { width: 100%; height: auto; } .outliner-dialog .analysis-cube-p { clear: both; } .outliner-dialog #item { line-height: inherit; } .outliner-dialog .analysis-list-close { padding: 9px 6px; } .outliner-dialog .col-lg-60 { padding-top: 10px; } /* Scroll */ .dashboard-properties .properties-font-scroll { height: 100% !important; } .dashboard-properties .properties-background-scroll { height: 100% !important; } .dashboard-properties .properties-boarder-scroll { height: 100% !important; } .dashboard-properties .properties-xaxisscrollbar-scroll { height: 100% !important; } .pdf-pagesetup-dialog-scroll { height: 100% !important; } .popupdialog-scroll-158 { height: 100% !important; } .popupdialog-scroll-205 { height: 100% !important; } .popupdialog-scroll-213 { height: 100% !important; } .popupdialog-scroll-280 { height: 100% !important; } .popupdialog-scroll-355 { height: 100% !important; } .popupdialog-scroll-310 { height: 100% !important; } .popupdialog-scroll-340 { height: 100% !important; } .popupdialog-scroll-305 { height: 100% !important; } .popupdialog-scroll-300 { height: 100% !important; } .popupdialog-scroll-46 { height: 100% !important; } .popupdialog-scroll-full { height: 100% !important; } .popupdialog-scroll { height: 100% !important; } .popupdialog-scroll-l { height: 100% !important; } /*KPI - General*/ .kpi-box-views .trend-area-panel { padding: 0; } .kpi-box-views .carousel-inner .item { text-align: center; } .kpi-box-views .grid-panel-main { margin: 0; padding: 0; } .kpi-slide-mobile { width: 100%; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .kpi-slide-mobile .carousel-inner .item { display: inline-block !important; } .kpi-slide-mobile .graph-image-main div { width: 303px; display: inline-block !important; } .kpi-slide-mobile .graph-image-main div img { width: auto; } .kpi-slide-mobile .graph-gauge-area { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .graph-gauge-area img { width: auto; } .kpi-slide-mobile .performance-breakdown { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .trend-breakdown { width: 303px; display: inline-block !important; text-align: center; } .kpi-slide-mobile .defaultView { width: 303px; display: inline-block !important; text-align: center; } /*KPI legend box*/ .section-kpi-box-1 .legend-box { width: 100%; } .analysis-breadcrumb .col-lg-20 { float: none; } .analysis-breadcrumb .col-lg-30 { float: none; } .analysis-breadcrumb-p .col-lg-20 { float: none; } .analysis-breadcrumb-p .col-lg-30 { float: none; } /* KPI Grid */ .section-kpi-box-1 .object-area-box .col-lg-30 { float: none; width: 100%; padding: 0px 0px; } .section-kpi-box-1 .object-area-box .col-lg-30 img { float: left; width: 100%; } .section-kpi-box-4 { margin: 0px; } .section-kpi-box-4 .object-area-box .col-lg-30 { width: 100%; float: none; margin: 0px; } .section-kpi-box-4 .legend-box { width: 100%; } .section-kpi-box-5 { margin: 25px 10px; } .section-kpi-box-5 .legend-box-main { margin-top: 15px; } .section-kpi-box-6 { margin: 20px 0; } .section-kpi-box-10 { margin: 27px 0; } .section-kpi-box-11 .legend-box { width: 100%; } .section-kpi-box-16 { width: 100%; margin: 0px; } .section-kpi-box-17 { width: 100%; margin: 0px; } .section-kpi-box-18 { width: 100%; margin: 0px; } .section-kpi-box-19 { width: 100%; margin: 0px; } .section-kpi-box-20 { width: 100%; margin: 0px; } .kpi-performance-image img { width: 100%; } .section-kpi-box-22 { margin: 20px 158px; } .section-kpi-box-22 .legend-box-main { width: 100%; } .section-kpi-box-22 .legend-box { width: 100%; } .monitor-legend-box-text { line-height: 18px; } .kpi-general-properties .object-area-main { padding: 0; } .section-kpi-box-1 { margin: 0; } /*KPI Sliding Make Smooth*/ .section-kpi-box-12, .section-kpi-box-13, .section-kpi-box-14, .section-kpi-box-15 { margin: 0; } /* Graph Grid */ .section-graph-box-1 .graph-image-main { padding: 0; } .section-graph-box-2 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-3 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-4 .graph-image-main { padding: 0; width: 100%; } .section-graph-box-1 .legend-box-main { width: 100%; } .section-graph-box-2 .legend-box-main { width: 100%; } .section-graph-box-3 .legend-box-main { width: 100%; } .section-graph-box-4 .legend-box-main { width: 100%; } .section-graph-box-1 .legend-box { width: 25%; } .section-graph-box-2 .legend-box { width: 25%; } .section-graph-box-3 .legend-box { width: 25%; } .section-graph-box-4 .legend-box { width: 25%; } .section-graph-box-1 { margin: 0 1%; } .section-graph-box-2 { margin: 0 1%; } .section-graph-box-3 { margin: 0 1%; } .section-graph-box-4 { margin: 0 1%; } #showHideAdminPanel { display: none; } .body_content_kpi { position: relative; } #mobile-menu-dot { background: #fff; box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-right: 5px; margin-bottom: 1px; padding: 0; display: block; border: 1px solid #cccccc; border-radius: 3px; width: 49px; height: 24px; text-align: center; } #mobile-menu-dot i { vertical-align: top; margin-top: 5px; } #mobile-menu-dot-graphfromanalysis { box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-top: -22px; margin-right: 5px; margin-bottom: 1px; padding: 1px 12px 3px; display: block; border: 1px solid #cccccc; border-radius: 3px; } .breadcrumb-in-mobile { background: #f5f5f5; position: relative; top: 50px; width: 100%; z-index: 101; display: block; line-height: 25px; padding: 0; } .breadcrumb-section-analysis { position: absolute; top: 50px;} .breadcrumb-section-analysis-dashboard { top: 1px;} .graph-from-analysis-section .breadcrumb-in-mobile { position: relative; top: 0; } .breadcrumb-in-mobile .breadcrumb-right-section { padding: 0 !important; float: left !important; display: none; } .breadcrumb-left-section { margin: 4px 0 4px 3px; } .breadcrumb-left-section-mobile-dashboard { padding: 0px 14px 2px; background: #fff; border-radius: 4px; list-style: none outside none; position: relative; float: right; box-shadow: -1px 3px 4px -1px #888888; position: relative; margin-right: 5px; margin-bottom: 1px; display: block; border: 1px solid #cccccc; border-radius: 3px; } .breadcrumb-in-mobile .breadcrumb { padding: 0 !important; line-height: 17px; } .section-report-box-1 { margin-bottom: 47px !important; } .kpi-breadcrumb .analysis-breadcrumb-p { float: left; width: 100%; padding: 0; text-indent: 2px; } .kpigroup-breadcrumb .analysis-breadcrumb-p { float: left; width: 100%; padding: 0; } .mobile-bottom-nav-kpi { z-index: 1026 !important; top: 0 !important; } .mobile-kpigroup-dropdown { z-index: 1030 !important; } .kpi-gridview-mobile-nav-top { border: 0 none !important; right: 0; position: absolute !important; top: -41px !important; width: auto !important; z-index: 1029 !important; padding: 0 !important; } .kpi-gridview-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpi-mobile-nav-top { top: 0 !important; z-index: 1029 !important; padding: 0 !important; } .kpi-mobile-nav-top .btn-default { padding: 10px 10px !important; } .kpigroup-mobile-nav-top { top: 0 !important; z-index: 1029 !important; } .kpigroup-mobile-nav-top .btn-default { padding: 10px 10px !important; } .jspArrowUp { background: url(../img/vup-mobile.png) no-repeat center center !important; } .jspArrowDown { background: url(../img/vdown-mobile.png) no-repeat center center !important; } .jspArrow { width: 100%; } .jspVerticalBar { width: 18px !important; z-index: 1; } .jspVerticalBar .jspTrack { width: 100%; background-position: 2px center !important; } .jspVerticalBar .jspDrag { background-color: #ccc !important; margin: 0 auto !important; padding-left: 2px; } .jspVerticalBar .jspArrow { height: 9px !important; } .analysis-title .object-area-title { padding: 0.5% !important; font-size: 14px !important; height: 24px; overflow: hidden; } .analysis-area .bleft { display: none !important; } .analysis-area .bright { display: none !important; } .dashboard-title { max-width: 365px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .repository-title { max-width: 365px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .home-menu-section .submenu-list { margin: 5px 0; } .dashboard-nav-for-portrait-ipad { clear: inherit; display: inline-block; float: none !important; padding-top: 0; } .filter-control-mobileview-button { position: fixed; left: 3px; bottom: 2px; } .filter-control-mobileview-position.filter-control-mobileview-button { bottom: 53px; } .filterPanelForTablet { display: none; } .multicolumn-control ul li { padding: 7px; } .dashboard-main .breadcrumb-section-analysis { position:relative; z-index:99;} .dashboard-main .breadcrumb-section-analysis .breadcrumb-left-section {padding:0;} .dashboard-main .breadcrum-in-db {top:0px;padding:0px !important;} /*.dashboard-main .breadcrumb-section-analysis.dashboard-analysis-breadcrum {top:125px;}*/ .dashboard-main .breadcrumb-section-report { position:absolute; top:45px; z-index:99;} .dashboard-main .breadcrumb-section-reportDashboard { position:absolute; top:-42px; z-index:99;} .dashboard-main .breadcrum-in-db {top:0px;padding:0px !important;} /*.dashboard-main .breadcrumb-section-analysis.dashboard-analysis-breadcrum {top:125px;}*/ .comments-but{padding: 2px 4px; display: block; border: 1px solid #cccccc; border-radius: 3px; box-shadow: -1px 3px 4px -1px #888888; right:113px; height:24px; position: absolute;} .comments-but1{padding: 2px 4px; display: block; border: 1px solid #cccccc; border-radius: 3px; box-shadow: -1px 3px 4px -1px #888888; height:24px; position: relative;} .rating-box, .rating-box-l{position:relative; right:auto; top:auto;} .img-box-h{height: auto; width: 100%;} .img-box-h-s{height: auto; width: 100%;} .img-r-m{width: 100%;} .img-r-h{height:170px} } @media (min-width: 768px){ .dashboardMobileSection { margin-bottom: 20px !important; /* min-height: 0px; border-top: 1px solid #dcdcdc; */ } .dbFilterBox { display: block !important; } } @media only screen and (max-width: 932px) { /* #repositoryTableData table td:nth-child(3){ max-width: none; } */ .show-in-mobile{ display: inline !important; font-weight: bold; text-transform: uppercase; font-size: 12px; } .rateRepository{ display: none; } .vertical-setting-icon{ margin-top:10px !important; } #recent table td:nth-child(3){ max-width: 0; } #repositoryTableData table td:nth-child(3){ max-width: 94vw; } #repositoryTableData table td:nth-child(3) span{ width: 90%; } #repository-tree-menu-section .jspScrollable{ overflow: hidden !important; } .filter-search-field{width: 100% !important;} .my_data .admin-midle-box-main .panel{ min-height: auto !important; overflow-y: auto; padding: 0px; } .table-by-text.repository-mobile-datalist-content { display: inline !important; } .table-by-text td{font-weight: normal !important; border:0px !important; background-color:unset !important; font-size:11px; max-width: 100px; word-wrap: break-word;} .toggle-header-footer { float: right; box-shadow: none; display: inline-block !important; height: 33px; width: 31px; background: url(../img/header-footer-toggle-down.png) no-repeat center center #ffffff; cursor: pointer; border: 1px solid #dcdcdc; border-radius: 0px; margin-right: 5px; margin-left: 5px; display: block; } .toggle-header-footer.expanded { background: url(../img/header-footer-toggle-up.png) no-repeat center center #ffffff; } .disply-header-footer { display: inline-block !important; } .header, .footer > .row { display: none; } .searchFromMobile{ display: block !important; top: 50px !important; right: 10px; left: unset; float: none; border: none; } .searchFromMobile a{ padding: 0px !important; } .searchFromMobile .filter-search-field{ margin : 0px !important; } } @media only screen and (max-width: 932px) and (orientation: landscape){ #teamup-menu{ display: none; } #dropdown-new{ display: none; } #admin-id{ display: none; } #breadcrumb-mobile-div .breadcrumb-right-section{ display: none; } .action-button{ display: none; } .newDashboadMobileToolbar .action-button{ display: block !important; } .mobileTools{ display: block !important; } .mobileTools-none{ display: none !important; } #hierarchyList{ overflow-x: auto; } .toggle-header-footer { box-shadow: none; display: inline-block !important; height: 33px; width: 31px; background: url(../img/header-footer-toggle-down.png) no-repeat center center #f9f9f9; cursor: pointer; border: 1px solid #dcdcdc; border-radius: 0px; margin-right: 5px; margin-left: 5px; display: block; } .toggle-header-footer.expanded { background: url(../img/header-footer-toggle-up.png) no-repeat center center #f9f9f9; } .disply-header-footer { display: inline-block !important; } .header, .footer > .row { display: none; } #dialogBody, .dialog-content-body{ max-height: 25vw; } /* .mobile-bottom-nav{ display: block !important;top:0 !important;float: right;background: none;z-index: 1029; } .mobile-action-button-dropdown{ display: block !important;top:0 !important;float: right; } */ .action-button-section > .action-button > a{ padding: 4px 7px 7px 4px !important; } .dashboard-section-title{ padding: 5px 0px !important; } .searchFromMobile{ display: block !important; top: 50px !important; right: 10px; left: unset; float: none; border: none; position: static; } .searchFromMobile a{ padding: 0px !important; } .searchFromMobile .filter-search-field{ margin : 0px !important; } .pagination-label{ display: none !important; } .table-responsive { overflow: scroll; width: 100%; } .table-responsive th { white-space: nowrap; } .section-dashboard-report-data {height: 300px !important; /* overflow: scroll !important; */} }